:root{--azul:#0b2a5b;--azul-2:#1d4f9c;--azul-claro:#e8eef8;--fondo:#f4f6fa;--tarjeta:#fff;--texto:#14213d;--tenue:#5b6b86;--borde:#dbe2ee;--verde:#1f8a4c;--verde-claro:#e3f4ea;--rojo:#c0392b;--rojo-claro:#fbe7e5;--gris-claro:#eef1f6;--radio:14px}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--texto);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}a{color:var(--azul-2)}h1,h2,h3{margin:0 0 12px;line-height:1.2}h1{font-size:1.4rem}h2{font-size:1.1rem}.encabezado{z-index:10;color:#fff;background:repeating-linear-gradient(90deg, var(--azul) 0 22px, #10366f 22px 44px);align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.encabezado .escudo{width:34px;height:34px;color:var(--azul);background:#fff;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.encabezado .titulo{font-weight:700;line-height:1.1}.encabezado .subtitulo{opacity:.85;font-size:.75rem}.encabezado .derecha{gap:6px;margin-left:auto;display:flex}.encabezado .derecha a,.encabezado .derecha button{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:10px;padding:7px 10px;font-size:.85rem;text-decoration:none}.contenido{max-width:960px;margin:0 auto;padding:16px 16px 96px}.nav{z-index:10;background:var(--tarjeta);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{text-align:center;color:var(--tenue);padding:8px 0 10px;font-size:.75rem;text-decoration:none}.nav a .icono{font-size:1.3rem;display:block}.nav a.activo{color:var(--azul);font-weight:700}@media (min-width:800px){.nav{border-top:0;border-bottom:1px solid var(--borde);grid-template-columns:repeat(4,140px);justify-content:center;position:sticky;top:54px;bottom:auto}.nav a{justify-content:center;align-items:center;gap:6px;padding:12px 0;font-size:.95rem;display:flex}.nav a .icono{font-size:1.1rem;display:inline}.contenido{padding-bottom:32px}}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:14px;padding:16px}.cifras{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}@media (min-width:800px){.cifras{grid-template-columns:repeat(4,1fr)}}.cifra{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:12px 14px}.cifra .etiqueta{color:var(--tenue);font-size:.78rem}.cifra .valor{margin-top:2px;font-size:1.35rem;font-weight:800}.cifra.principal{background:var(--azul);color:#fff;border-color:var(--azul);grid-column:1/-1}.cifra.principal .etiqueta{color:#fffc}.cifra.principal .valor{font-size:2rem}@media (min-width:800px){.cifra.principal{grid-column:span 2}}.fila{border-bottom:1px solid var(--borde);align-items:center;gap:10px;padding:10px 0;display:flex}.fila:last-child{border-bottom:0}.fila .crece{flex:1;min-width:0}.tenue{color:var(--tenue);font-size:.85rem}.rojo{color:var(--rojo)}.verde{color:var(--verde)}.derecha-texto{text-align:right}.aviso{border-radius:var(--radio);margin-bottom:14px;padding:12px 14px;font-size:.92rem}.aviso.malo{background:var(--rojo-claro);color:#7d231a}.aviso.bueno{background:var(--verde-claro);color:#14532d}.chip{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block}.chip.pagado{background:var(--verde-claro);color:var(--verde)}.chip.vencido{background:var(--rojo-claro);color:var(--rojo)}.chip.proximo{background:var(--gris-claro);color:var(--tenue)}label{color:var(--tenue);margin-bottom:10px;font-size:.82rem;display:block}input,textarea,select{width:100%;font:inherit;border:1px solid var(--borde);color:var(--texto);background:#fff;border-radius:10px;margin-top:4px;padding:10px 12px;display:block}textarea{min-height:140px;font-family:ui-monospace,monospace;font-size:.85rem}.rejilla-2{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.boton{font:inherit;border:1px solid var(--azul);background:var(--azul);color:#fff;cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.boton.secundario{color:var(--azul);background:#fff}.boton.whatsapp{background:#1faa53;border-color:#1faa53}.boton.peligro{color:var(--rojo);border-color:var(--rojo-claro);background:#fff}.boton.chico{padding:6px 10px;font-size:.8rem}.boton.ancho{width:100%}.boton:disabled{opacity:.6}.tabla-cuotas{border-collapse:collapse;width:100%}.tabla-cuotas th{color:var(--tenue);padding:0 2px 8px;font-size:.75rem;font-weight:600}.tabla-cuotas td{border-top:1px solid var(--borde);text-align:center;padding:5px 2px}.tabla-cuotas td.nombre{text-align:left;padding-right:6px;font-size:.9rem;font-weight:600}.tabla-cuotas td.nombre .tenue{font-size:.75rem;font-weight:400}.celda{width:100%;min-width:44px;height:40px;font:inherit;cursor:pointer;border:0;border-radius:10px;font-size:1rem;font-weight:700}.celda.pagado{background:var(--verde);color:#fff}.celda.vencido{background:var(--rojo-claro);color:var(--rojo);outline:1px solid #f1b9b3}.celda.proximo{background:var(--gris-claro);color:#9aa7bd}.login{background:repeating-linear-gradient(90deg, var(--azul) 0 34px, #10366f 34px 68px);place-items:center;min-height:100dvh;padding:16px;display:grid}.login .tarjeta{text-align:center;width:100%;max-width:340px}.login input{text-align:center;letter-spacing:.4em;font-size:1.6rem}