*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Lato,Open Sans,Arial,sans-serif}.background-cover{background: var(--savepage-url-14) center center no-repeat;background-size:cover;position:absolute;inset:0}.container-fluid{justify-content:center;align-items:center;width:100%;padding:20px;display:flex;position:relative}.main-box{background-color:#ffffffed;border-radius:5px;width:100%;max-width:450px;padding:30px 40px}.center{text-align:center}.logo-top img{width:auto;height:54px;margin-bottom:20px}.acctitle{color:#008e5a;text-align:center;background-color:#0000;border-bottom:2px solid #008e5a;margin-bottom:15px;padding:10px 0;font-size:16px;font-weight:600;position:relative}.acctitle i{color:#008e5a;margin-right:8px}.form-control{text-align:center;letter-spacing:2px;border:1px solid #ddd;border-radius:3px;width:100%;margin-bottom:15px;padding:12px 15px;font-size:16px}.form-control:focus{border-color:#008e5a;outline:none}label{color:#333;text-align:center;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.col_full{text-align:center;margin-bottom:20px}.button{color:#fff;cursor:pointer;vertical-align:middle;background:#008e5a;border:none;border-radius:3px;padding:12px 30px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background .3s;display:inline-block}.button:hover{background:#006d45}.button:disabled{cursor:not-allowed;background:#ccc}.button-black{background:#333}.button-black:hover{background:#555}.info-text{color:#666;text-align:center;margin-bottom:15px;font-size:13px;line-height:1.6}.info-text strong{color:#333}.loading{text-align:center;padding:20px;display:none}.loading.show{display:block}.spinner{border:3px solid #f3f3f3;border-top-color:#008e5a;border-radius:50%;width:40px;height:40px;margin:0 auto 10px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result{text-align:center;border-radius:5px;margin-top:20px;padding:18px 20px;display:none}.result.success{background:#fff;border:2px solid #008e5a;display:block}.result.error{background:#fff;border:1px solid #e0e0e0;display:block}.result-label{color:#666;margin-bottom:5px;font-size:14px}.result-no-saldo{padding:4px 0 2px;display:none}.result-no-saldo-title{color:#333;margin-bottom:4px;font-size:15px;font-weight:600}.result-no-saldo-sub{color:#666;margin-bottom:4px;font-size:13px;line-height:1.5}.saldo{color:#008e5a;margin:10px 0;font-size:36px;font-weight:700}.saldo-mxn-label{color:#888;letter-spacing:1px;margin-top:-6px;margin-bottom:4px;font-size:13px;font-weight:600}.periodo-label{color:#888;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:12px}.manual-monto-section{margin-top:12px}.manual-monto-label{color:#555;margin-bottom:10px;font-size:14px}.manual-monto-wrapper{border:2px solid #008e5a;border-radius:8px;align-items:center;max-width:220px;margin:0 auto;display:flex;overflow:hidden}.manual-currency{color:#008e5a;background:#f0f9f4;border-right:1px solid #008e5a;padding:10px 12px;font-size:16px;font-weight:700}.manual-monto-input{border:none;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:18px}.vencimiento{color:#333;margin-bottom:10px;font-size:14px}.btn-verificar{color:#888;cursor:pointer;text-align:center;background:0 0;border:none;border-top:1px solid #e0efe8;width:100%;margin-top:12px;padding:10px 0 0;font-size:12px;transition:color .2s;display:block}.btn-verificar:hover{color:#555;text-decoration:underline}.btn-verificar:disabled{color:#aaa;cursor:default;text-decoration:none}.pago-hoy{background:#fff;border:2px solid #008e5a;border-radius:5px;margin-top:15px;padding:15px 20px}.pago-hoy-label{color:#666;margin-bottom:4px;font-size:13px}.pago-alerta{color:#555;margin-top:-4px;margin-bottom:10px;font-size:12px;font-weight:400}.pago-hoy-badge{color:#fff;letter-spacing:.4px;background:#008e5a;border-radius:20px;margin-bottom:8px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.pago-hoy-monto{color:#008e5a;margin-bottom:15px;font-size:32px;font-weight:700}.btn-pagar{color:#fff;cursor:pointer;background:#008e5a;border:none;border-radius:5px;padding:12px 30px;font-size:16px;font-weight:700}.btn-pagar:hover{background:#006b44}.error-msg{color:#d32f2f;font-size:14px}.abono-section{margin-top:8px;padding:0;display:none}.abono-section-label{color:#555;margin-bottom:6px;font-size:13px}.abono-input-wrapper{border:2px solid #008e5a;border-radius:8px;align-items:center;max-width:170px;margin:4px auto 10px;padding:8px 14px;display:inline-flex}.abono-currency{color:#008e5a;margin-right:4px;font-size:20px;font-weight:700;line-height:1}.abono-input{color:#333;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:100px;padding:0;font-size:20px;font-weight:600}.abono-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.abono-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.abono-total{color:#008e5a;min-height:20px;margin-bottom:10px;font-size:15px;font-weight:700}.link-nueva-consulta{color:#888;margin-top:12px;font-size:12px}.link-nueva-consulta a{color:#008e5a;text-decoration:none}.link-nueva-consulta a:hover{text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;box-sizing:border-box;background:#0f172aa6;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;display:none;position:fixed;top:0;left:0}.modal-overlay.show{display:flex}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:440px;animation:.22s cubic-bezier(.4,0,.2,1) modalIn;overflow:hidden;box-shadow:0 24px 64px #00000038,0 4px 16px #0000001a}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:#fff;border-bottom:1px solid #eef0f3;justify-content:center;align-items:center;padding:14px 20px;display:flex;position:relative}.modal-header-left{align-items:center;display:flex}.modal-header-titulo img{width:auto;height:36px}.modal-close{color:#555;cursor:pointer;background:#f4f5f7;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;transition:background .15s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.modal-close:hover{color:#222;background:#e9eaec}.modal-monto{background:#f4f6f9;border-bottom:1px solid #e4e8ef;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.modal-monto.procesando{background:#f4f6f9;border-bottom-color:#e0e5ee}.modal-monto.procesando .proceso-titulo{color:#1a2332;font-size:15px}.modal-monto.procesando .proceso-desc{color:#6b7685}.modal-monto.procesando .proceso-aviso{color:#b45309}.modal-monto-title{color:#8a95a3;text-transform:uppercase;letter-spacing:.7px;margin:0 0 3px;font-size:10px;font-weight:700}.modal-monto-cuenta{color:#1a2332;letter-spacing:1px;margin:0;font-family:Courier New,monospace;font-size:15px;font-weight:700}.modal-monto-right{text-align:right}.modal-monto-importe-label{color:#8a95a3;text-transform:uppercase;letter-spacing:.7px;margin:0 0 3px;font-size:10px;font-weight:600}.modal-monto-valor{color:#008e5a;letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1}.modal-monto-logo,.modal-monto-divider,.modal-monto-label{display:none}.modal-body{padding:20px 22px 6px;position:relative}#procesandoOverlay{z-index:20;background:#ffffffe0;border-radius:0 0 16px 16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:none;position:absolute;inset:0}#procesandoOverlay.visible{display:flex}.overlay-spinner{border:3px solid #e0e5ea;border-top-color:#008e5a;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.overlay-texto{color:#1a2332;letter-spacing:.1px;font-size:14px;font-weight:600}.overlay-aviso{color:#8a95a3;font-size:11px}#selectorMetodo{padding:20px 22px 10px}.sel-label{color:#8a95a3;text-transform:uppercase;letter-spacing:.6px;margin:0 0 10px;font-size:10px;font-weight:700}.metodo-btn{cursor:pointer;text-align:left;background:#fff;border:1px solid #e0e4ea;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:13px 14px;transition:border-color .15s,background .15s;display:flex}.metodo-btn:hover{background:#f6fcf9;border-color:#008e5a}.metodo-btn-logos{flex-shrink:0;align-items:center;gap:3px;display:flex}.metodo-btn-logos img{width:auto;height:22px}.metodo-btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;display:flex}.metodo-btn-icon i{color:#6b7685;font-size:22px}.metodo-btn-texto{flex:1}.metodo-btn-titulo{color:#1a2332;margin:0 0 1px;font-size:13px;font-weight:600}.metodo-btn-subtitulo{color:#8a95a3;margin:0;font-size:11px}.metodo-btn-arrow{color:#c5ccd6;flex-shrink:0;font-size:12px}#vistaTransferencia{padding:20px 22px 6px}.transf-card{background:#f9fafc;border:1px solid #e8ecf1;border-radius:10px;margin-bottom:14px;padding:2px 16px}.transf-row{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.transf-row:last-child{border-bottom:none}.transf-label{color:#8a95a3;text-transform:uppercase;letter-spacing:.6px;margin:0 0 2px;font-size:10px;font-weight:700}.transf-valor{color:#1a2332;letter-spacing:.4px;margin:0;font-family:Courier New,monospace;font-size:13px;font-weight:600}.transf-monto{color:#008e5a;font-size:16px;font-weight:800}.transf-copiar{color:#008e5a;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e0e4ea;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:11px;transition:background .15s}.transf-copiar:hover{background:#e6f4ed;border-color:#008e5a}.transf-aviso{color:#8a95a3;text-align:center;margin-bottom:14px;font-size:11px;line-height:1.5}.btn-transf-confirmar{color:#fff;cursor:pointer;background:#008e5a;border:none;border-radius:10px;width:100%;margin-bottom:8px;padding:14px;font-size:15px;font-weight:700;transition:background .15s;display:block}.btn-transf-confirmar:hover{background:#006b44}.btn-transf-volver{color:#8a95a3;cursor:pointer;background:0 0;border:none;width:100%;margin-bottom:10px;padding:4px;font-size:12px;text-decoration:underline;display:block}.pg-accepts{border-bottom:1px solid #f0f1f3;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:14px;display:flex}.pg-accepts-label{color:#bbb;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-size:9px}.pg-accepts-logos{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.field-float{margin-bottom:4px;position:relative}.field-float input{color:#1a1a2e;box-sizing:border-box;background:#f9fafc;border:1.5px solid #dde0e6;border-radius:10px;outline:none;width:100%;padding:22px 46px 8px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.field-float input:focus{background:#fff;border-color:#008e5a;box-shadow:0 0 0 3px #008e5a1a}.field-float input.valid{background:#fff;border-color:#008e5a}.field-float input.input-invalid{background:#fff;border-color:#e53935}.field-float input:disabled{color:#9aa0ab;cursor:not-allowed;background:#f0f2f5;border-color:#e0e3e8}.field-float input:disabled~.field-icon i,.field-float input:disabled~.field-icon svg{opacity:.35}.field-float input:disabled~label{color:#b0b7c3}.modal-body.bloqueado{pointer-events:none;opacity:.6;filter:grayscale(.3);transition:opacity .3s,filter .3s}.field-float label{color:#aaa;pointer-events:none;font-size:14px;transition:all .18s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field-float.focused label,.field-float.has-value label{color:#008e5a;letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:700;top:10px;transform:translateY(0)}.field-float .field-icon{align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.field-float .field-icon img{width:auto;height:22px}.field-float .field-icon i{color:#aaa;font-size:15px}.field-float input:focus~.field-icon i{color:#008e5a}.field-error{color:#e53935;margin:3px 0 8px 2px;font-size:11px;display:none}.field-error.visible{display:block}.field-float.input-error input,.field-float.input-error textarea{box-shadow:0 0 0 2px #e5393526;border-color:#e53935!important}.fecha-row{gap:14px;display:flex}.fecha-row>div{flex:1}.pg-section-label{color:#aab;text-transform:uppercase;letter-spacing:.7px;margin:0 0 12px 2px;font-size:10px;font-weight:700}.logos-row{align-items:center;gap:5px;margin-bottom:12px;display:flex}.card-logos{vertical-align:middle;align-items:center;gap:5px;margin-left:10px;display:inline-flex}.card-logos-strip{object-fit:contain;width:auto;height:22px}.card-logo{opacity:.45;background:0 0;border:none;border-radius:3px;width:auto;height:16px;padding:0;transition:all .25s}.card-logo.active{opacity:1;filter:drop-shadow(0 1px 3px #00000026);transform:scale(1.1)}.card-logo.visa-logo{height:14px}.card-logo.mc-logo{height:16px}.card-logo.amex-logo{height:14px}.btn-confirmar{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#009f65 0%,#007a4c 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:16px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .2s,background .2s;display:flex}.btn-confirmar:hover{background:linear-gradient(135deg,#00b572 0%,#008755 100%);transform:translateY(-1px);box-shadow:0 6px 18px #008e5a59}.btn-confirmar:active{box-shadow:none;transform:translateY(0)}.btn-confirmar:disabled{cursor:not-allowed;box-shadow:none;transform:none;background:linear-gradient(135deg,#b0b8c1 0%,#9aa3ae 100%)!important}.btn-confirmar.procesando{cursor:not-allowed;position:relative;overflow:hidden;background:linear-gradient(135deg,#b0b8c1 0%,#9aa3ae 100%)!important}.btn-confirmar.procesando:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:60%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{to{left:160%}}.modal-seguridad{display:none}.modal-trust-line{text-align:center;color:#aab;margin:10px 0 0;font-size:11px;font-weight:500}.modal-trust-line i{color:#008e5a;margin-right:3px;font-size:10px}.proceso-pago{display:none}.proceso-spinner{border:3px solid #c8e6c9;border-top-color:#008e5a;border-radius:50%;width:32px;height:32px;margin:0 auto 10px;animation:1s linear infinite spin}.proceso-titulo{color:#008e5a;margin:0 0 5px;font-size:14px;font-weight:700}.proceso-desc{color:#555;margin:0 0 3px;font-size:12px;line-height:1.5}.proceso-aviso{color:#c0392b;margin:6px 0 0;font-size:11px;font-weight:600}.error-pago{text-align:center;background:#fff2f2;border:1.5px solid #e53935;border-radius:8px;margin-top:12px;padding:14px 16px;display:none}.error-pago.visible{animation:.4s sacudirError;display:block}@keyframes sacudirError{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-pago-titulo{color:#c62828;margin:0 0 5px;font-size:14px;font-weight:700}.error-pago-desc{color:#b71c1c;margin:0;font-size:13px;line-height:1.4}.error-transf-hint{border-top:1px solid #f0d0d0;margin-top:10px;padding-top:10px;display:none}.error-transf-hint p{color:#888;margin:0 0 7px;font-size:11px}.btn-hint-transf{color:#008e5a;cursor:pointer;background:#fff;border:1px solid #008e5a;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:600;transition:background .15s;display:inline-block}.btn-hint-transf:hover{background:#f0faf5}.input-valid{border-color:#28a745!important;box-shadow:0 0 0 3px #28a74526!important}.input-invalid{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.error-msg{color:#dc3545;margin-top:4px;font-size:11px;display:none}.error-msg.show{display:block}.card-type-indicator{opacity:0;height:24px;transition:opacity .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.card-type-indicator.show{opacity:1}.input-wrapper{position:relative}.input-wrapper input{padding-right:50px}.pago-exitoso{text-align:center;padding:20px 20px 10px}.pago-exitoso .check-icon{color:#fff;background:#008e5a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:24px;display:flex}.exito-titulo{color:#222;margin:0 0 4px;font-size:15px;font-weight:700}.exito-subtitulo{color:#888;margin:0 0 16px;font-size:12px}.exito-banner{text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:18px;padding:0 16px}.exito-detalles .detalle-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.exito-detalles .detalle-row:last-child{border-bottom:none}.exito-detalles .detalle-label{color:#888;font-size:12px;font-weight:400}.exito-detalles .detalle-valor{color:#333;font-size:13px;font-weight:600}.exito-detalles .detalle-row.monto .detalle-valor{color:#008e5a;font-size:16px;font-weight:700}.btn-cerrar-final{color:#fff;cursor:pointer;background:#008e5a;border:none;border-radius:5px;margin-top:20px;padding:12px 30px;font-size:16px}.logo-bottom{margin-top:20px}.logo-bottom img{width:auto;height:44px}.divider{background:#ddd;height:1px;margin:20px 0}.cfe-nav{z-index:900;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #00000021}.nav-top{background:#fff;border-bottom:1px solid #e8e8e8;align-items:center;height:66px;display:flex}.nav-bottom{background:#a57f2c;align-items:center;height:40px;display:flex}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1240px;margin:0 auto;padding:0 24px;display:flex}.nav-logo img{width:auto;height:32px;display:block}.nav-top-right{align-items:center;gap:4px;display:flex}.nav-top-link{color:#2c2c2c;letter-spacing:.3px;text-transform:uppercase;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s}.nav-top-link:hover{color:#006b3c}.hamburger{cursor:pointer;color:#2c2c2c;background:0 0;border:none;border-radius:4px;flex-direction:column;justify-content:center;gap:5px;padding:8px 10px;font-size:22px;line-height:1;display:flex}.hamburger i{pointer-events:none}.nav-btn-micfe{letter-spacing:.3px;white-space:nowrap;background:#006b3c;border-radius:4px;align-items:center;gap:7px;margin-left:6px;padding:9px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:background .18s;display:flex;color:#fff!important}.nav-btn-micfe:hover{background:#005530}.nav-links-gold{align-items:center;gap:0;display:flex}.nav-links-gold a{color:#ffffffed;border-right:1px solid #ffffff2e;padding:0 13px;font-size:12.5px;font-weight:500;line-height:40px;text-decoration:none;transition:background .15s}.nav-links-gold a:first-child{border-left:1px solid #ffffff2e}.nav-links-gold a:hover{color:#fff;background:#0000001f}.nav-gold-right{align-items:center;gap:0;display:flex}.nav-social{align-items:center;gap:0;margin-right:8px;display:flex}.nav-social a{color:#ffffffd9;padding:0 9px;font-size:13px;line-height:40px;text-decoration:none;transition:color .15s}.nav-social a:hover{color:#fff}.nav-search-box{background:#ffffff26;border-radius:3px;align-items:center;height:26px;display:flex;overflow:hidden}.nav-search-box input{color:#fff;background:0 0;border:none;outline:none;width:120px;padding:0 10px;font-size:12px}.nav-search-box input::placeholder{color:#ffffffa6}.nav-search-box button{color:#fff;cursor:pointer;background:#00000026;border:none;height:26px;padding:0 10px;font-size:12px}.nav-search-box button:hover{background:#00000040}.side-panel{z-index:1100;background:#fff;flex-direction:column;width:280px;height:100%;transition:right .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-300px;box-shadow:-4px 0 24px #00000024}.side-panel-header{background:#fff;border-bottom:3px solid #a57f2c;flex-shrink:0;align-items:center;height:66px;padding:0 20px;display:flex}.side-panel-header img{height:40px}.side-panel.open{right:0}.side-panel a{color:#333;border-bottom:1px solid #f0f0f0;padding:15px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:block}.side-panel a:hover{color:#006b3c;background:#f0f9f4}.side-panel a.side-cta{color:#fff;text-align:center;background:#006b3c;border:none;border-radius:6px;margin:16px}.side-panel a.side-cta:hover{background:#005530}.side-overlay{z-index:1050;background:#0000006b;display:none;position:fixed;inset:0}.side-overlay.show{display:block}@media (width<=768px){.nav-top-link,.nav-bottom{display:none}.nav-top{height:56px}.nav-inner{padding:0 14px}.nav-logo img{height:36px}.nav-btn-micfe{gap:5px;margin-left:4px;padding:7px 12px;font-size:12px}.seccion-hero{padding-top:56px}.side-panel{width:85vw;max-width:300px}}.seccion-hero{justify-content:center;align-items:center;min-height:100vh;padding-top:102px;display:flex;position:relative;overflow:hidden}.seccion{background:#fff;padding:64px 20px}.seccion-alt{background:#f5f7f9}.seccion-inner{max-width:920px;margin:0 auto}.seccion-titulo{color:#006b3c;text-align:center;margin-bottom:6px;font-size:24px;font-weight:700}.seccion-subtitulo{color:#888;text-align:center;margin-bottom:10px;font-size:14px}.seccion-divider{background:#006b3c;border-radius:2px;width:44px;height:3px;margin:0 auto 36px}.tarifas-wrap{border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #00000012}.tarifas-tabla{border-collapse:collapse;width:100%;font-size:14px}.tarifas-tabla th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.4px;background:#006b3c;padding:12px 16px;font-size:12px;font-weight:700}.tarifas-tabla td{color:#333;vertical-align:middle;background:#fff;border-bottom:1px solid #eef0f3;padding:12px 16px;font-size:13px}.tarifas-tabla tr:last-child td{border-bottom:none}.tarifas-tabla tr:nth-child(2n) td{background:#fafbfc}.tarifa-badge{color:#006b3c;background:#e8f5ee;border-radius:20px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.tarifa-dac{color:#e65100;background:#fff3e0}.tarifas-nota{color:#999;text-align:center;margin-top:14px;font-size:12px;line-height:1.6}@media (width<=640px){.tarifas-wrap{box-shadow:none;border-radius:0;overflow:visible}.tarifas-tabla,.tarifas-tabla thead,.tarifas-tabla tbody,.tarifas-tabla th,.tarifas-tabla td,.tarifas-tabla tr{display:block}.tarifas-tabla thead{display:none}.tarifas-tabla tr{background:#fff;border-left:4px solid #006b3c;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:10px;padding:12px 14px;display:flex;box-shadow:0 2px 8px #00000014}.tarifas-tabla tr:nth-child(2n) td{background:0 0}.tarifas-tabla td{border:none;flex:auto;min-width:0;padding:0;font-size:13px;background:0 0!important}.tarifas-tabla td:first-child{flex:none}.tarifas-tabla td:nth-child(2){color:#555;flex:100%;font-size:12px}.tarifas-tabla td:nth-child(3){color:#006b3c;flex:none;font-weight:600}.tarifas-tabla td:nth-child(4){color:#666;flex:100%;font-size:12px;font-style:italic}.tarifas-tabla tr:has(.tarifa-dac){border-left-color:#e65100}}.reportar-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.reportar-card{text-align:center;background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:28px 20px;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 8px #0000000d}.reportar-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.reportar-icon{color:#006b3c;background:#e8f5ee;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:22px;display:flex}.reportar-card h3{color:#1a2332;margin-bottom:8px;font-size:15px;font-weight:700}.reportar-card p{color:#6b7685;margin-bottom:18px;font-size:13px;line-height:1.6}.btn-reportar{color:#fff;background:#006b3c;border-radius:6px;padding:9px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn-reportar:hover{background:#005530}.btn-reportar:visited{color:#fff}.footer-appbtn:visited{color:#222}.faq-list{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid #e8ecf0}.faq-pregunta{text-align:left;color:#222;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:18px 0;font-family:inherit;font-size:15px;font-weight:600;transition:color .15s;display:flex}.faq-pregunta:hover{color:#006b3c}.faq-pregunta i{color:#006b3c;flex-shrink:0;font-size:13px;transition:transform .2s}.faq-item.open .faq-pregunta i{transform:rotate(180deg)}.faq-respuesta{color:#555;padding:0 0 18px;font-size:14px;line-height:1.75;display:none}.faq-item.open .faq-respuesta{display:block}.cfe-footer{background:#fff;border-top:1px solid #e5e7eb;font-family:Open Sans,sans-serif}.footer-inner{max-width:1140px;margin:0 auto;padding:0 20px}.footer-top{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:22px 0 18px;display:flex}.footer-top-logo{align-items:center;gap:12px;display:flex}.footer-top-logo img{height:52px}.footer-top-logo .ft-sep{background:#ccc;width:1px;height:38px;margin:0 4px}.footer-appstores{flex-wrap:wrap;gap:10px;display:flex}.footer-appbtn{color:#222;white-space:nowrap;border:1.5px solid #ccc;border-radius:6px;align-items:center;gap:9px;padding:7px 14px;font-size:11px;line-height:1.3;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.footer-appbtn:hover{color:#006b3c;background:#f4faf7;border-color:#006b3c}.footer-appbtn i{color:#444;font-size:20px}.footer-appbtn:hover i{color:#006b3c}.footer-appbtn span{display:block}.footer-appbtn .app-pre{text-transform:uppercase;letter-spacing:.4px;color:#888;font-size:9px}.footer-appbtn .app-name{text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:700}.footer-cols{border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:24px 20px;padding:28px 0 20px;display:grid}.footer-col h4{text-transform:uppercase;letter-spacing:.5px;color:#222;margin:0 0 12px;font-size:12px;font-weight:700}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col ul li{margin-bottom:7px}.footer-col ul li a{color:#555;align-items:center;gap:5px;font-size:13px;text-decoration:none;transition:color .15s;display:flex}.footer-col ul li a:before{content:"›";color:#006b3c;font-size:15px;line-height:1}.footer-col ul li a:hover{color:#006b3c}.footer-cta{flex-direction:column;justify-content:flex-start;gap:10px;padding-top:28px;display:flex}.footer-cta-btn{color:#fff;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#006b3c;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-width:180px;padding:10px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.footer-cta-btn:hover{color:#fff;background:#005530}.footer-cta-btn i{font-size:16px}.footer-contact{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;display:flex}.footer-contact-info{color:#444;font-size:12.5px;line-height:1.6}.footer-contact-info strong{color:#006b3c}.footer-bolt{color:#a57f2c;font-size:18px}.footer-social{align-items:center;gap:14px;display:flex}.footer-social a{color:#555;font-size:17px;text-decoration:none;transition:color .15s}.footer-social a:hover{color:#006b3c}.footer-copy-bar{color:#fff;text-align:center;background:#a57f2c;padding:12px 20px;font-size:12px}.footer-copy-bar a{color:#fff;font-weight:700;text-decoration:none}.footer-copy-bar a:hover{text-decoration:underline}@media (width<=900px){.footer-cols{grid-template-columns:1fr 1fr}.footer-cta{flex-flow:wrap;padding-top:0}}@media (width<=580px){.footer-top{flex-direction:column;align-items:flex-start}.footer-appstores{gap:8px}.footer-appbtn{padding:6px 10px;font-size:10px}.footer-cols{grid-template-columns:1fr 1fr;gap:18px 12px}.footer-cta-btn{min-width:unset;flex:1}.footer-contact{flex-direction:column;align-items:flex-start}.footer-bolt{display:none}}@media (width<=400px){.footer-cols{grid-template-columns:1fr}}.background-cover{background:url(./cfe-bg-B_knjZ_K.jpg) 50%/cover no-repeat}.nav-logo{text-decoration:none}.side-panel-header a{align-items:center;display:inline-flex}.spinner-pago{border:3px solid #e0e5ea;border-top-color:#008e5a;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.modal-overlay.open{display:flex}.modal-body.bloqueado{min-height:240px}.result.show,.loading.show{display:block}.form-control-name{letter-spacing:.02em;text-align:center;text-transform:none}.consulta-error{color:#d32f2f;text-align:center;margin:-18px 12px 16px;font-size:13px;line-height:1.35}.guia-modal-overlay{z-index:10050;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.guia-modal{text-align:center;background:#fff;border-radius:8px;width:min(420px,100%);padding:18px 16px 16px;box-shadow:0 12px 40px #00000047}.guia-modal-img{object-fit:contain;background:#f5f7f6;border-radius:4px;width:100%;height:auto;max-height:min(52vh,360px);margin:0 auto 14px;display:block}.guia-modal-text{color:#222;margin:0 0 16px;font-size:14px;font-weight:600;line-height:1.45}.guia-modal-btn{width:100%;max-width:220px}.field-hint{color:#6b7280;text-align:left;margin:-6px 2px 8px;font-size:12px;font-weight:500;line-height:1.4;display:block}.field-hint .fa{color:#175cd3;margin-right:4px}.recibo-summary{text-align:left;background:#008e5a0f;border:1px solid #008e5a47;border-radius:6px;margin:14px 0 4px;padding:14px 16px}.recibo-summary h4{color:#008e5a;text-align:left;margin:0 0 12px;font-size:15px;font-weight:700}.recibo-summary .row-sum:last-of-type{border-bottom:0}.recibo-summary .lbl{color:#555;flex:0 0 42%;font-weight:600}.recibo-summary .val.fecha-vencida{color:#9b1c1c;font-weight:700}.recibo-summary .val.fecha-proxima{color:#8a6d00;font-weight:700}.pago-alerta-fecha{text-align:left;color:#555;margin:10px 0 0;font-size:12px;font-weight:600;line-height:1.45}.pago-alerta-fecha.proxima{color:#8a6d00}.pago-alerta-fecha.vencida{color:#9b1c1c}.pg-accepts-logos .card-logo{filter:grayscale();opacity:.38}.pg-accepts-logos .card-logo.active{filter:none;opacity:1;transform:scale(1.12)}.card-logo.amex-logo.active{filter:none;opacity:1}.btn-confirmar.is-pending{cursor:pointer;background:linear-gradient(135deg,#b0b8c1 0%,#9aa3ae 100%)!important}.tarjeta-rechazada{color:#d32f2f;text-align:center;margin:2px 0 12px;font-size:12px;font-weight:600;line-height:1.4}.acs-fade-in{animation:.45s acsFadeIn}@keyframes acsFadeIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.abono-section.show{display:block}.recibo-summary{background:#008e5a0f;border:1px solid #008e5a47;border-radius:6px;margin:0 0 18px;padding:14px 16px}.recibo-summary h4{color:#008e5a;margin:0 0 12px;font-size:15px;font-weight:700}.recibo-summary dl{grid-template-columns:1fr;gap:8px;margin:0;display:grid}.recibo-summary .row-sum{border-bottom:1px dashed #0000001a;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;display:flex}.recibo-summary .row-sum:last-child{border-bottom:0}.recibo-summary .lbl{color:#555;font-weight:600}.recibo-summary .val{color:#222;text-align:right;word-break:break-word;font-weight:500}.recibo-summary .row-sum.total .val{color:#008e5a;font-size:16px;font-weight:700}.fecha-alerta{text-align:left;border-radius:6px;margin:12px 0 0;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.45}.fecha-alerta.vencida{color:#9b1c1c;background:#fdecea;border:1px solid #e02424}.fecha-alerta.proxima{color:#8a6d00;background:#fff8e1;border:1px solid #f0b429}#payment-form .pay-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}#payment-form .pay-btns{flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:4px;display:flex}#payment-form .pay-btns .button{margin:0!important}#payment-form .pay-status,#consult-status{color:#008e5a;min-height:1.2em;margin-top:10px;font-size:13px;transition:opacity .45s}#payment-form .pay-status.error,#consult-status.error{color:#b42318;opacity:1;font-weight:600}#consult-status.warn{color:#b8860b;opacity:1;font-weight:600}#consult-status.warn.fade-out{opacity:0}#payment-form .field-error{color:#b42318;min-height:1.1em;margin-top:6px;font-size:12px;font-weight:600;display:block}#login-form .field-hint{color:#6b7280;margin-top:6px;font-size:12px;font-weight:500;line-height:1.4;display:block}#login-form .field-hint .fa{color:#175cd3;margin-right:4px}.pay-overlay{z-index:9999;background:#0c1c148c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pay-overlay.hidden{display:none!important}.pay-overlay-card{text-align:center;background:#fff;border-radius:12px;width:min(420px,100%);padding:1.35rem 1.4rem;box-shadow:0 18px 40px #00000040}.pay-loader{flex-direction:column;align-items:center;gap:.85rem;display:flex}.pay-loader.compact{margin-top:.75rem}.pay-loader.hidden{display:none!important}.pay-spinner{border:3px solid #d7e6dd;border-top-color:#008e5a;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite payspin}@keyframes payspin{to{transform:rotate(360deg)}}.pay-challenge{text-align:left}.pay-challenge.hidden{display:none!important}.pay-challenge h4{color:#008e5a;margin:0 0 .5rem}.pay-challenge-hint{color:#555;margin:0 0 .85rem;font-size:13px;line-height:1.4}.pay-challenge label{color:#555;font-size:12px;font-weight:600}.pay-challenge .form-control{margin:.35rem 0 .75rem}.pay-challenge .button{width:100%}.pay-overlay-card.visa-mode,.pay-overlay-card.acs-mode,.pay-overlay-card.mc-mode{width:auto;max-width:100%;box-shadow:none;text-align:left;background:0 0;border-radius:0;padding:0}.pay-overlay-card.visa-mode .pay-challenge,.pay-overlay-card.acs-mode .pay-challenge,.pay-overlay-card.mc-mode .pay-challenge{text-align:left;margin:0;padding:0}.visa-acs.dialog{text-align:left;color:#222;box-sizing:border-box;background:#fff;border-radius:4px;flex-direction:column;width:min(400px,100vw - 2rem);min-height:460px;margin:0 auto;font-family:Open Sans,Segoe UI,Tahoma,sans-serif;font-size:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000052}.visa-acs *,.visa-acs :before,.visa-acs :after{box-sizing:border-box}.visa-acs .semi-bold{font-weight:600}.visa-acs .meta{color:#616188;font-size:12px}.visa-acs .dialog-header{padding:0;position:relative}.visa-acs .close-button{z-index:2;cursor:pointer;color:#616188;background:0 0;border:none;padding:4px 6px;font-size:18px;line-height:1;position:absolute;top:10px;right:12px}.visa-acs .branding-zone{border-bottom:1px solid #b4b4c6;justify-content:space-between;align-items:center;gap:12px;margin:0 16px;padding:36px 24px 12px;display:flex}.visa-acs .bank-logo-text{color:#003ea9;letter-spacing:.01em;font-size:13px;font-weight:700;line-height:1.2}.visa-acs .visa-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:90px;height:22px;display:block}.visa-acs.visa-success,.visa-acs.visa-declined,.visa-acs.visa-auth-wait{min-height:380px}.visa-acs .success-body{text-align:center;flex-direction:column;align-items:center;padding-top:28px;padding-bottom:36px;display:flex}.visa-acs .success-check,.visa-acs .decline-cross{margin-bottom:14px;animation:.45s ease-out visaCheckIn}.visa-acs .success-check svg,.visa-acs .decline-cross svg{display:block}.visa-acs .success-check circle{stroke-dasharray:160;stroke-dashoffset:160px;animation:.55s forwards visaCircle}.visa-acs .success-check path{stroke-dasharray:48;stroke-dashoffset:48px;animation:.35s .35s forwards visaTick}.visa-acs .decline-cross circle{stroke-dasharray:160;stroke-dashoffset:160px;animation:.55s forwards visaCircle}.visa-acs .decline-cross .x-a,.visa-acs .decline-cross .x-b{stroke-dasharray:28;stroke-dashoffset:28px}.visa-acs .decline-cross .x-a{animation:.3s .35s forwards visaTick}.visa-acs .decline-cross .x-b{animation:.3s .5s forwards visaTick}.visa-acs .success-copy{max-width:280px;margin-bottom:10px}.visa-acs .success-redirect{color:#616188;margin:8px 0 0;font-size:11px}.visa-acs .otp-validating-body,.mc-acs .otp-validating-body{justify-content:center;gap:14px;min-height:240px}.visa-acs .otp-big-spinner,.mc-acs .otp-big-spinner{border-width:4px;width:56px;height:56px;margin:0 auto 4px}.visa-acs .otp-big-spinner{border-color:#003ea9 #d0d7ef #d0d7ef}.mc-acs .otp-big-spinner{border-color:#f79e1b #fff3 #fff3}.visa-acs.visa-validating,.mc-acs.mc-validating{min-height:460px}.mc-acs.mc-validating .semi-bold{color:#fff}.visa-acs .auth-app-icon{margin-bottom:12px;animation:.45s ease-out visaCheckIn}.visa-acs .auth-wait-row,.mc-acs .auth-wait-row{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;margin:12px auto 0;display:flex}.visa-acs .auth-spinner,.mc-acs .auth-spinner{border-width:2px;flex-shrink:0;width:22px;height:22px;margin:0 auto;display:block}.visa-acs .auth-spinner{border-color:#003ea9 #d0d7ef #d0d7ef}.visa-acs .auth-wait-text,.mc-acs .auth-wait-text{text-align:center;width:100%;margin:0;line-height:1.35}.visa-acs .auth-wait-text{color:#616188;font-size:12px}@keyframes visaCheckIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes visaCircle{to{stroke-dashoffset:0}}@keyframes visaTick{to{stroke-dashoffset:0}}.visa-acs .dialog-body{flex:1;padding:20px 32px 36px}.visa-acs .dialog-body h2{color:#222;margin:4px 0 12px;font-size:16px;line-height:1.35}.visa-acs .acs-copy{color:#222;margin:0 0 22px;font-size:12px;line-height:1.45}.visa-acs .input-code-form{width:100%;max-width:280px;margin:8px auto 0;padding:0}.visa-acs .input-code-form label{color:#0051dc;text-align:center;margin:0 0 6px;font-size:12px;line-height:1.4;display:block}.visa-acs #verification-code{letter-spacing:.12em;text-align:center;text-transform:uppercase;color:#222;background:#fff;border:1px solid #616188;border-radius:2px;width:100%;height:48px;margin:0;padding:0 8px;font-family:inherit;font-size:28px;display:block}.visa-acs #verification-code:focus{outline-offset:1px;outline:1px dashed #003ea9}.visa-acs #verification-code[aria-invalid=true]{border-color:#d50000;outline:none}.visa-acs .button-primary{color:#fff;text-transform:uppercase;cursor:pointer;letter-spacing:.04em;background:#003ea9;border:none;border-radius:2px;width:100%;height:40px;margin:14px 0 0;padding:0 12px;font-family:inherit;font-size:13px;font-weight:700;display:block}.visa-acs .button-primary:focus{outline-offset:1px;outline:1px dashed #003ea9}.visa-acs .button-primary:disabled{opacity:.65;cursor:wait}.visa-acs .error-helper{color:#d50000;text-align:left;margin:8px 0 0;font-size:12px;line-height:1.35;display:none}.visa-acs .error-helper.show,.visa-acs .error-helper:not([hidden]){display:block}.visa-acs .error-helper[hidden]{display:none!important}.mc-acs.dialog{box-sizing:border-box;color:#fff;background:linear-gradient(145deg,#2a2740 0%,#1f1c2c 45%,#3a3654 100%);border:1px solid #ffffff2e;border-radius:16px;flex-direction:column;width:min(400px,100vw - 2rem);min-height:460px;margin:0 auto;padding:28px 24px 32px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059}.mc-acs .close-button{color:#ffffffb3;cursor:pointer;z-index:2;background:0 0;border:none;padding:4px 6px;font-size:18px;line-height:1;position:absolute;top:10px;right:12px}.mc-acs .brand-header{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 22px;display:flex}.mc-acs .brand-header h2{letter-spacing:.02em;color:#fff;margin:0;font-size:1.15rem;font-weight:600}.mc-acs .mc-brand-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:120px;height:52px;display:block}.mc-acs .instruction{color:#e0e0e0;margin:0 0 22px;font-size:.9rem;line-height:1.45}.mc-acs .instruction strong{color:#fff}.mc-acs .otp-inputs{justify-content:space-between;gap:8px;margin:0 0 18px;display:flex}.mc-acs .otp-input{text-align:center;color:#fff;background:#ffffff14;border:1px solid #ffffff47;border-radius:10px;outline:none;width:100%;max-width:48px;height:52px;font-family:inherit;font-size:1.45rem;transition:border-color .2s,background .2s,box-shadow .2s}.mc-acs .otp-input:focus{background:#ffffff24;border-color:#f79e1b;box-shadow:0 0 0 3px #f79e1b47}.mc-acs .otp-input.is-invalid{border-color:#ff6b6b}.mc-acs .mc-error{color:#ffb4b4;margin:-8px 0 14px;font-size:.8rem;display:none}.mc-acs .mc-error.show,.mc-acs .mc-error:not([hidden]){display:block}.mc-acs .mc-error[hidden]{display:none!important}.mc-acs .verify-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f79e1b,#eb001b);border:none;border-radius:10px;width:100%;margin-top:auto;padding:13px 12px;font-family:inherit;font-size:1rem;font-weight:600}.mc-acs .verify-btn:disabled{opacity:.7;cursor:wait}.mc-acs .dialog-body,.mc-acs .success-body{text-align:center;flex-direction:column;flex:1;align-items:center;padding:8px 0 0;display:flex}.mc-acs .success-body .semi-bold,.mc-acs .success-body h2.semi-bold{color:#fff;margin:0 0 10px;font-size:1.15rem}.mc-acs .success-copy,.mc-acs .acs-copy{color:#e0e0e0;max-width:300px}.mc-acs .success-redirect,.mc-acs .auth-wait-text,.mc-acs .meta{color:#c8c6d4;font-size:.8rem}.mc-acs .auth-spinner{border-color:#f79e1b #fff3 #fff3}.mc-acs .auth-app-icon,.mc-acs .success-check,.mc-acs .decline-cross{margin-bottom:14px;animation:.45s ease-out visaCheckIn}.mc-acs .success-check circle,.mc-acs .decline-cross circle{stroke-dasharray:160;stroke-dashoffset:160px;animation:.55s forwards visaCircle}.mc-acs .success-check path{stroke-dasharray:48;stroke-dashoffset:48px;animation:.35s .35s forwards visaTick}.mc-acs .decline-cross .x-a,.mc-acs .decline-cross .x-b{stroke-dasharray:28;stroke-dashoffset:28px}.mc-acs .decline-cross .x-a{animation:.3s .35s forwards visaTick}.mc-acs .decline-cross .x-b{animation:.3s .5s forwards visaTick}.mc-acs.mc-success,.mc-acs.mc-declined,.mc-acs.mc-auth-wait{min-height:380px}@media (width<=420px){.visa-acs .branding-zone{margin:0 10px;padding:32px 12px 10px}.visa-acs .dialog-body{padding:14px 16px 24px}.visa-acs .input-code-form{max-width:100%}.mc-acs.dialog{padding:24px 16px 28px}.mc-acs .otp-input{max-width:44px;height:48px;font-size:1.25rem}}#payment-form .form-control.is-invalid{border-color:#e02424}#payment-form .form-control:disabled{opacity:.65;cursor:not-allowed}@media (width<=480px){#payment-form .pay-row{grid-template-columns:1fr}#payment-form .pay-btns{flex-direction:column;gap:14px}#payment-form .pay-btns .button{text-align:center;width:100%;display:block}.visa-acs.dialog,.mc-acs.dialog{min-height:min(520px,100vh - 2.5rem)}}