:root{--fondo: #0a0f1c;--fondo-2: #0e1526;--superficie: rgba(23, 32, 54, .72);--superficie-2: rgba(30, 41, 68, .55);--borde: rgba(120, 145, 200, .16);--borde-fuerte: rgba(120, 145, 200, .28);--texto: #eaf0fb;--texto-2: #9aa8c4;--texto-3: #6b7a99;--propio: #35e0a1;--terceros: #8b7cf8;--acento: #4da3ff;--alerta: #ffb020;--riesgo: #ff5c7a;--radio: 18px;--radio-s: 12px;--sombra: 0 1px 0 0 rgba(255,255,255,.04) inset, 0 18px 40px -24px rgba(0,0,0,.9)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fondo);color:var(--texto);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(120% 70% at 12% -12%,rgba(77,163,255,.14),transparent 62%),radial-gradient(90% 60% at 96% 4%,rgba(139,124,248,.12),transparent 58%),linear-gradient(180deg,var(--fondo-2),var(--fondo) 42%);z-index:-1}.app{max-width:520px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:10px}.marca{display:flex;align-items:center;gap:10px}.marca-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,var(--acento),var(--terceros));display:grid;place-items:center;font-weight:800;font-size:15px;color:#06101f;box-shadow:0 8px 20px -10px var(--acento)}.marca-titulo{font-size:15px;font-weight:650;letter-spacing:-.01em}.marca-sub{font-size:11.5px;color:var(--texto-3);margin-top:1px}.frescura{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--texto-2);background:var(--superficie-2);border:1px solid var(--borde);padding:5px 9px;border-radius:999px;white-space:nowrap}.punto{width:7px;height:7px;border-radius:50%;background:var(--propio)}.punto.ambar{background:var(--alerta)}.punto.rojo{background:var(--riesgo)}.punto.vivo{animation:latido 2.4s ease-in-out infinite}@keyframes latido{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.aparece{animation:subir .5s cubic-bezier(.22,1,.36,1) both}@keyframes subir{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pregunta{padding:14px}.pregunta-cab{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--texto-2);margin-bottom:10px}.pregunta-cab b{color:var(--texto);font-weight:600}.ia{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--acento);border:1px solid rgba(77,163,255,.35);background:#4da3ff1a;padding:2px 7px;border-radius:999px;font-weight:700}.pregunta-fila{display:flex;gap:8px}.pregunta input{flex:1;min-width:0;background:#080d19bf;border:1px solid var(--borde-fuerte);color:var(--texto);border-radius:var(--radio-s);padding:12px 13px;font-size:16px;outline:none;transition:border-color .18s,box-shadow .18s}.pregunta input:focus{border-color:var(--acento);box-shadow:0 0 0 3px #4da3ff29}.pregunta input::placeholder{color:var(--texto-3)}.enviar{border:0;border-radius:var(--radio-s);background:linear-gradient(140deg,var(--acento),#2f7fe0);color:#04101f;font-weight:700;font-size:15px;padding:0 16px;cursor:pointer;transition:transform .12s,opacity .18s}.enviar:active{transform:scale(.96)}.enviar:disabled{opacity:.45;cursor:default}.sugerencias{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding-bottom:2px}.sugerencias::-webkit-scrollbar{display:none}.sugerencia{flex:0 0 auto;font-size:12px;color:var(--texto-2);background:var(--superficie-2);border:1px solid var(--borde);padding:6px 11px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.sugerencia:active{color:var(--texto);border-color:var(--borde-fuerte)}.respuesta{margin-top:11px;padding:12px 13px;background:#080d19b3;border:1px solid var(--borde);border-left:3px solid var(--acento);border-radius:10px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;animation:subir .32s cubic-bezier(.22,1,.36,1) both}.respuesta .meta{display:block;margin-top:7px;font-size:11px;color:var(--texto-3)}.periodos{display:flex;gap:6px}.periodo{flex:1;font-size:12.5px;color:var(--texto-2);background:var(--superficie-2);border:1px solid var(--borde);padding:9px 4px;border-radius:var(--radio-s);cursor:pointer;transition:all .16s}.periodo.activo{color:#04101f;font-weight:700;background:linear-gradient(140deg,var(--propio),#22b47f);border-color:transparent}.hero{padding:18px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:-40% -20% auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(53,224,161,.16),transparent 68%);pointer-events:none}.hero-etiqueta{font-size:12px;color:var(--texto-2);letter-spacing:.02em}.hero-cifra{font-size:clamp(38px,13vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:6px 0 2px;font-variant-numeric:tabular-nums;color:var(--propio)}.hero-pie{font-size:12px;color:var(--texto-3)}.hero-periodo{color:var(--texto-2)}.rejilla{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cifra{padding:13px;display:flex;flex-direction:column;gap:3px}.cifra.ancha{grid-column:1 / -1}.cifra-etiqueta{font-size:11.5px;color:var(--texto-2);display:flex;align-items:center;gap:5px}.cifra-valor{font-size:21px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.cifra-nota{font-size:10.5px;color:var(--texto-3);line-height:1.35}.v-propal{color:var(--propio)}.v-terceros{color:var(--terceros)}.v-acento{color:var(--acento)}.v-alerta{color:var(--alerta)}.v-riesgo{color:var(--riesgo)}.pastilla{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:5px}.pastilla.no-ingreso{color:var(--terceros);background:#8b7cf824}.pastilla.aviso{color:var(--alerta);background:#ffb02024}.seccion{display:flex;align-items:baseline;justify-content:space-between;margin:6px 2px -4px}.seccion h2{font-size:13px;font-weight:650;margin:0;letter-spacing:.01em}.seccion span{font-size:11px;color:var(--texto-3)}.antiguedad{padding:15px;display:flex;flex-direction:column;gap:11px}.tramo{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:10px}.tramo-nombre{font-size:11.5px;color:var(--texto-2)}.tramo-barra{height:8px;background:#080d19cc;border-radius:999px;overflow:hidden}.tramo-relleno{height:100%;border-radius:999px;transition:width .7s cubic-bezier(.22,1,.36,1)}.tramo-monto{font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums;min-width:74px;text-align:right}.ranking{padding:6px 4px}.fila{display:flex;align-items:center;gap:11px;padding:11px;border-radius:var(--radio-s);transition:background .15s}.fila+.fila{border-top:1px solid rgba(120,145,200,.09)}.fila:active{background:#ffffff08}.puesto{width:24px;height:24px;border-radius:8px;flex:0 0 auto;display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--superficie-2);color:var(--texto-3)}.puesto.primero{background:linear-gradient(140deg,var(--propio),#22b47f);color:#04101f}.fila-texto{flex:1;min-width:0}.fila-nombre{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fila-sub{font-size:11px;color:var(--texto-3);font-variant-numeric:tabular-nums}.fila-valor{font-size:14px;font-weight:700;color:var(--propio);font-variant-numeric:tabular-nums;white-space:nowrap}.aviso{padding:12px 13px;font-size:12px;line-height:1.45;border-radius:var(--radio-s);border:1px solid rgba(255,176,32,.3);background:#ffb02014;color:#ffd88a}.aviso b{color:#ffe9bd}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login-caja{width:100%;max-width:380px;padding:22px}.login h1{font-size:19px;margin:0 0 6px;letter-spacing:-.02em}.login p{font-size:13px;color:var(--texto-2);line-height:1.5;margin:0 0 16px}.login input{width:100%;background:#080d19bf;border:1px solid var(--borde-fuerte);color:var(--texto);border-radius:var(--radio-s);padding:13px;font-size:16px;outline:none;margin-bottom:10px}.login input:focus{border-color:var(--acento)}.login button{width:100%;border:0;border-radius:var(--radio-s);background:linear-gradient(140deg,var(--acento),#2f7fe0);color:#04101f;font-weight:700;font-size:15px;padding:13px;cursor:pointer}.login .error{color:var(--riesgo);font-size:12px;margin-top:10px}.esqueleto{height:78px;border-radius:var(--radio);background:linear-gradient(100deg,#1e294480 30%,#303f629e,#1e294480 70%);background-size:220% 100%;animation:brillo 1.5s linear infinite}@keyframes brillo{0%{background-position:140% 0}to{background-position:-40% 0}}.pie{text-align:center;font-size:10.5px;color:var(--texto-3);margin-top:8px;line-height:1.6}.pie button{background:none;border:0;color:var(--texto-3);text-decoration:underline;cursor:pointer;font-size:10.5px;padding:0 4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}