:root{--fondo:#f6f5f1;--superficie:#fff;--superficie-2:#f0efe9;--tinta:#1b2420;--tinta-suave:#5a655f;--linea:#dcdad1;--acento:#17624f;--acento-fuerte:#0f4a3b;--sobre-acento:#fff;--ok-fondo:#e3f1ea;--ok-tinta:#14523f;--aviso-fondo:#fbefd5;--aviso-tinta:#7a4a06;--neutro-fondo:#e9e8e2;--error-fondo:#f8e1dc;--error-tinta:#8c2a1b;--negativo:#a13a2a;--radio:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fondo:#141816;--superficie:#1c2220;--superficie-2:#242b28;--tinta:#e8ece9;--tinta-suave:#a3ada8;--linea:#343d39;--acento:#5fbf9f;--acento-fuerte:#7fd3b6;--sobre-acento:#0d1a15;--ok-fondo:#1d3a30;--ok-tinta:#a8e3cb;--aviso-fondo:#40320f;--aviso-tinta:#f3d48d;--neutro-fondo:#2a322f;--error-fondo:#45211b;--error-tinta:#f3b3a7;--negativo:#f09a8a}}*{box-sizing:border-box}body{background:var(--fondo);color:var(--tinta);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}.ancho{width:100%;max-width:1040px;margin:0 auto;padding:0 20px}.oculto{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cabecera{border-bottom:1px solid var(--linea);background:var(--superficie)}.cabecera__fila{justify-content:space-between;align-items:center;height:56px;display:flex}.marca{letter-spacing:-.01em;font-weight:700}.etiqueta{background:var(--neutro-fondo);color:var(--tinta-suave);border-radius:999px;padding:3px 10px;font-size:.78rem}.intro{max-width:720px;padding:48px 0 24px}h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 12px;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15}.intro__texto{color:var(--tinta-suave);margin:0;font-size:1.08rem}.zona{border:2px dashed var(--linea);border-radius:var(--radio);background:var(--superficie);text-align:center;padding:36px 24px;transition:border-color .15s,background .15s}.zona--encima{border-color:var(--acento);background:var(--ok-fondo)}.zona__titulo{margin:0 0 16px;font-size:1.15rem;font-weight:600}.zona__acciones{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex}.zona__nota{max-width:520px;color:var(--tinta-suave);margin:18px auto 0;font-size:.88rem}.boton{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 18px;font-weight:600}.boton:focus-visible,input:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.boton--principal{background:var(--acento);color:var(--sobre-acento)}.boton--principal:hover{background:var(--acento-fuerte)}.boton--secundario{background:var(--superficie);border-color:var(--linea);color:var(--tinta)}.boton--secundario:hover{border-color:var(--acento)}.boton--texto{color:var(--acento);text-underline-offset:3px;background:0 0;padding:10px 6px;text-decoration:underline}.boton--texto:hover{color:var(--acento-fuerte)}.acceso{margin-top:12px;font-size:.92rem}.acceso__fila{color:var(--tinta-suave);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 14px;display:flex}.acceso__fila .boton--texto{font-size:inherit;padding:4px 2px}.acceso__aviso{background:var(--neutro-fondo);border-radius:8px;margin-bottom:10px;padding:12px 14px}.acceso__aviso p{margin:0}.acceso__aviso p+p{margin-top:6px}.acceso__aviso--ok{background:var(--ok-fondo);color:var(--ok-tinta)}.acceso__aviso--error{background:var(--error-fondo);color:var(--error-tinta);overflow-wrap:anywhere}.acceso__clave{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.acceso__clave code{overflow-wrap:anywhere;font:.85rem ui-monospace,Consolas,monospace}.acceso__clave .boton--texto{font-size:inherit;color:inherit;padding:2px}.planes{border:1px solid var(--linea);background:var(--superficie);width:min(640px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--tinta);border-radius:14px;padding:28px 24px 24px}.planes::backdrop{background:#00000073}.planes h2{letter-spacing:-.01em;margin:0 40px 8px 0;font-size:1.3rem}.planes__cerrar{padding:6px;font-size:.9rem;position:absolute;top:12px;right:14px}.planes__texto{color:var(--tinta-suave);margin:0 0 16px}.planes__texto--nota{margin:16px 0 0;font-size:.88rem}.planes__lista{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.plan{border:1px solid var(--linea);border-radius:var(--radio);background:var(--superficie-2);flex-direction:column;gap:6px;padding:16px;display:flex}.plan h3{margin:0;font-size:1rem}.plan__precio{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.plan__precio span{letter-spacing:0;color:var(--tinta-suave);font-size:.8rem;font-weight:400}.plan__detalle{color:var(--tinta-suave);flex:1;margin:0 0 8px;font-size:.9rem}.plan .boton{text-align:center;text-decoration:none}.boton[disabled]{cursor:not-allowed;opacity:.6}.planes__clave{border-top:1px solid var(--linea);margin-top:20px;padding-top:16px}.planes__clave-fila{gap:8px;display:flex}.planes__clave-fila input{flex:1;min-width:0}.resultados{gap:20px;margin:24px 0 0;display:grid}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden}.tarjeta__cabecera{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:16px 20px 0;display:flex}.tarjeta__nombre{overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:600}.tarjeta__detalle{color:var(--tinta-suave);font-size:.9rem}.estado{border-radius:8px;margin:14px 20px 0;padding:12px 14px;font-size:.95rem}.estado strong{display:block}.estado ul{margin:6px 0 0;padding-left:18px}.estado--cuadra{background:var(--ok-fondo);color:var(--ok-tinta)}.estado--revisar{background:var(--aviso-fondo);color:var(--aviso-tinta)}.estado--sin_saldos{background:var(--neutro-fondo);color:var(--tinta)}.estado--error{background:var(--error-fondo);color:var(--error-tinta);margin-bottom:16px}.cifras{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 20px 0;padding:0;display:grid}.cifras div{background:var(--superficie-2);border-radius:8px;padding:10px 12px}.cifras dt{color:var(--tinta-suave);font-size:.8rem}.cifras dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.1rem;font-weight:600}.formulario{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 20px 0;display:grid}.campo label{color:var(--tinta-suave);margin-bottom:4px;font-size:.8rem;display:block}.campo input{width:100%;font:inherit;border:1px solid var(--linea);background:var(--superficie);color:var(--tinta);border-radius:8px;padding:8px 10px}.campo__ayuda{color:var(--tinta-suave);margin:4px 0 0;font-size:.8rem}.campo__ayuda--error{color:var(--error-tinta)}.descargas{flex-wrap:wrap;gap:10px;margin:16px 20px;display:flex}.diagnostico{margin:0 20px 16px}.diagnostico__texto{color:var(--tinta-suave);margin:0;font-size:.9rem}.diagnostico .boton--texto{font-size:inherit;padding:4px 2px}.diagnostico__ok{color:var(--ok-tinta);margin-left:8px;font-weight:600}.diagnostico__area{border:1px solid var(--linea);background:var(--superficie-2);width:100%;color:var(--tinta);resize:vertical;border-radius:8px;margin-top:8px;padding:8px 10px;font:.78rem/1.4 ui-monospace,Consolas,monospace;display:block}.tabla-caja{border-top:1px solid var(--linea);max-height:460px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--linea);padding:8px 12px}th{background:var(--superficie-2);color:var(--tinta-suave);white-space:nowrap;font-size:.78rem;font-weight:600;position:sticky;top:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td.fecha{white-space:nowrap;font-variant-numeric:tabular-nums}td.concepto{min-width:240px}.cargo{color:var(--negativo)}tr.fila--aviso td{background:var(--aviso-fondo)}.fila__aviso{color:var(--aviso-tinta);margin-top:2px;font-size:.82rem;font-weight:600;display:block}.puntos{border-top:1px solid var(--linea);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:48px 0 0;padding-top:32px;display:grid}.puntos h2{margin:0 0 4px;font-size:1rem}.puntos p{color:var(--tinta-suave);margin:0;font-size:.95rem}.pie{color:var(--tinta-suave);margin-top:48px;padding-bottom:40px;font-size:.85rem}.pie__enlaces{flex-wrap:wrap;gap:6px 20px;display:flex}.pie__enlaces a{color:var(--tinta-suave);text-underline-offset:3px}.pie__enlaces a:hover{color:var(--acento)}@media (width<=560px){.intro{padding-top:32px}.zona{padding:28px 16px}.tarjeta__cabecera,.estado,.cifras,.formulario,.descargas{margin-left:14px;margin-right:14px}.tarjeta__cabecera{padding:14px 0 0}}
