:root{--fondo: #f3f6fb;--superficie: #ffffff;--superficie-2: #eef2f8;--texto: #0f1b33;--texto-suave: #5b6880;--borde: #dfe5ef;--acento: #0a7cc4;--acento-fuerte: #075f98;--acento-suave: #ddf1fb;--sobre-acento: #ffffff;--cian: #19bdf0;--cian-suave: #dff6fd;--naranja: #f08a00;--marca-oscuro: #061528;--marca-medio: #0b2a4a;--degradado-marca: linear-gradient(135deg, #061528 0%, #0b2a4a 55%, #0d5788 100%);--degradado-acento: linear-gradient(135deg, #0a7cc4 0%, #19bdf0 100%);--lateral-texto: #b3c8dc;--ok: #13804b;--ok-suave: #ddf4e8;--aviso: #a35a00;--aviso-suave: #fff0d9;--critico: #c42b2b;--critico-suave: #fde6e6;--neutro-suave: #eaeef4;--sombra: 0 1px 2px rgb(15 27 51 / .06), 0 6px 18px rgb(15 27 51 / .06);--sombra-alta: 0 2px 4px rgb(15 27 51 / .06), 0 16px 32px rgb(15 27 51 / .12);--f-cuerpo: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--f-titulo: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--f-dato: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radio: 14px;--radio-chico: 10px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--fondo: #0a1222;--superficie: #111c31;--superficie-2: #18253f;--texto: #e6ecf7;--texto-suave: #9aa8c2;--borde: #24324f;--acento: #3cb8f0;--acento-fuerte: #7dd0f6;--acento-suave: #0f3049;--sobre-acento: #ffffff;--cian: #3cc9f0;--cian-suave: #10324a;--naranja: #ffad42;--degradado-marca: linear-gradient(135deg, #040e1c 0%, #082139 60%, #0b4670 100%);--ok: #4cc98a;--ok-suave: #10301f;--aviso: #ffb54d;--aviso-suave: #3a2a10;--critico: #ff7b7b;--critico-suave: #3c1a1d;--neutro-suave: #1b2843;--sombra: 0 1px 2px rgb(0 0 0 / .35), 0 6px 18px rgb(0 0 0 / .25);--sombra-alta: 0 2px 4px rgb(0 0 0 / .4), 0 16px 32px rgb(0 0 0 / .4);color-scheme:dark}}:root[data-theme=dark]{--fondo: #0a1222;--superficie: #111c31;--superficie-2: #18253f;--texto: #e6ecf7;--texto-suave: #9aa8c2;--borde: #24324f;--acento: #3cb8f0;--acento-fuerte: #7dd0f6;--acento-suave: #0f3049;--sobre-acento: #ffffff;--cian: #3cc9f0;--cian-suave: #10324a;--naranja: #ffad42;--degradado-marca: linear-gradient(135deg, #040e1c 0%, #082139 60%, #0b4670 100%);--ok: #4cc98a;--ok-suave: #10301f;--aviso: #ffb54d;--aviso-suave: #3a2a10;--critico: #ff7b7b;--critico-suave: #3c1a1d;--neutro-suave: #1b2843;--sombra: 0 1px 2px rgb(0 0 0 / .35), 0 6px 18px rgb(0 0 0 / .25);--sombra-alta: 0 2px 4px rgb(0 0 0 / .4), 0 16px 32px rgb(0 0 0 / .4);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--f-cuerpo);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#raiz{min-height:100%}h1,h2,h3{font-family:var(--f-titulo);font-weight:700;line-height:1.2;text-wrap:balance;margin:0;letter-spacing:-.01em}h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}h2{font-size:1.12rem}h3{font-size:1rem}p{margin:0}a{color:var(--acento)}.dato,.num{font-family:var(--f-dato);font-variant-numeric:tabular-nums}.num{text-align:right}.suave{color:var(--texto-suave)}.pequeno{font-size:.85rem}.etiqueta{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-suave);font-weight:700}.logo{display:flex;align-items:center;gap:10px;min-width:0}.logo svg,.logo img{flex:none;display:block}.simbolo{border-radius:50%;box-shadow:0 0 0 1px #ffffff14,0 4px 12px #19bdf040}.logo-texto{display:grid;line-height:1.05;min-width:0}.logo-texto strong{font-weight:800;font-size:1.15rem;letter-spacing:.04em}.logo-texto span{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;opacity:.8;font-weight:600}.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.lateral{background:var(--degradado-marca);color:var(--lateral-texto);display:flex;flex-direction:column;gap:6px;padding:22px 14px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;box-shadow:4px 0 24px #0a1a3f2e}.marca{color:#fff;padding:2px 10px 22px;border-bottom:1px solid rgb(255 255 255 / .1);margin-bottom:12px}.nav{display:flex;flex-direction:column;gap:3px}.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radio-chico);color:var(--lateral-texto);text-decoration:none;font-weight:600;font-size:.93rem;position:relative}.nav a:hover{background:#ffffff14;color:#fff}.nav a[aria-current=page]{background:#ffffff24;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.nav a[aria-current=page]:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--cian)}.nav .contador{margin-left:auto;background:var(--critico);color:#fff;border-radius:99px;font-size:.7rem;padding:1px 8px;font-weight:700}.lateral .pie{margin-top:auto;padding-top:14px;border-top:1px solid rgb(255 255 255 / .1);display:grid;gap:10px}.perfil{display:flex;align-items:center;gap:10px;padding:4px 6px;min-width:0}.perfil>div{display:grid;min-width:0;line-height:1.25}.perfil strong{color:#fff;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perfil span{font-size:.75rem}.avatar{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--degradado-acento);color:#fff;font-weight:800;font-size:.85rem;letter-spacing:.02em;box-shadow:0 0 0 2px #fff3}.boton-salir{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#ffffff0f;color:#fff;border:1px solid rgb(255 255 255 / .16);border-radius:var(--radio-chico);padding:8px 12px;font:inherit;font-weight:600;font-size:.85rem;cursor:pointer}.boton-salir:hover{background:#ffffff24}.contenido{min-width:0;display:flex;flex-direction:column;padding-block:28px 0;padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}.contenido>.cuerpo{flex:1}.pagina{max-width:1160px;margin:0 auto;display:grid;gap:22px;width:100%}.encabezado{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px}.encabezado>div{display:grid;gap:4px;min-width:0}.aviso-demo{background:var(--aviso-suave);color:var(--texto);border:1px solid color-mix(in srgb,var(--aviso) 45%,transparent);border-radius:var(--radio-chico);padding:9px 14px;font-size:.85rem;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.heroe{background:var(--degradado-marca);color:#fff;border-radius:calc(var(--radio) + 4px);padding:26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;position:relative;overflow:hidden;box-shadow:var(--sombra-alta)}.heroe:after{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;border:36px solid rgb(16 180 230 / .16);pointer-events:none}.heroe>div{display:grid;gap:6px;position:relative;z-index:1;min-width:0}.heroe h1{color:#fff;font-size:1.9rem}.heroe p{color:#c9d6f2}.heroe .boton{position:relative;z-index:1;background:#fff;color:var(--marca-medio);border-color:#fff;box-shadow:0 6px 16px #0000002e}.heroe .boton:hover{background:#eaf1ff;border-color:#eaf1ff}.pie-app{margin-top:40px;padding:20px 0 24px;border-top:1px solid var(--borde);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;color:var(--texto-suave);font-size:.82rem;max-width:1160px;width:100%;margin-inline:auto}.pie-app .logo{color:var(--texto)}.pie-app a{color:var(--acento);font-weight:600;text-decoration:none}.pie-app a:hover{text-decoration:underline}.pie-app a.pie-logo{color:inherit}.pie-app a.pie-logo:hover{text-decoration:none;opacity:.85}.pie-app .logo-texto strong{font-size:.95rem}.pie-app .logo-texto span{font-size:.6rem}.pie-app nav{display:flex;gap:16px;flex-wrap:wrap}.pie-app nav a{color:var(--texto-suave);text-decoration:none}.pie-app nav a:hover{color:var(--acento)}.barra-movil,.tope-movil{display:none}@media(max-width:820px){.app{grid-template-columns:1fr}.lateral{display:none}.contenido{padding-block:0 96px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.tope-movil{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-inline:calc(-1*max(16px,env(safe-area-inset-left,0px)));margin-bottom:18px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;background:var(--degradado-marca);color:#fff;position:sticky;top:0;z-index:15;box-shadow:0 4px 16px #0a1a3f33}.tope-movil .avatar{width:34px;height:34px;font-size:.78rem}.tope-movil button,.tope-movil a{background:none;border:0;padding:0;cursor:pointer;text-decoration:none}.barra-movil{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:20;background:color-mix(in srgb,var(--marca-oscuro) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:6px;box-shadow:0 10px 30px #0a1a3f59;overflow-x:auto;gap:2px}.barra-movil a{flex:1 0 62px;display:grid;justify-items:center;gap:2px;padding:7px 4px 6px;border-radius:12px;color:var(--lateral-texto);text-decoration:none;font-size:.68rem;font-weight:600;position:relative}.barra-movil a[aria-current=page]{color:#fff;background:#ffffff24}.barra-movil a[aria-current=page] svg{color:var(--cian)}.barra-movil .contador{position:absolute;top:3px;right:calc(50% - 22px);background:var(--critico);color:#fff;border-radius:99px;font-size:.6rem;padding:0 5px;font-weight:700}h1{font-size:1.45rem}.heroe{padding:20px}.heroe h1{font-size:1.5rem}.pie-app{margin-top:28px;justify-content:center;text-align:center}}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:20px;display:grid;gap:14px;min-width:0;align-content:start;box-shadow:var(--sombra)}.tarjeta>header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.rejilla{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.cifras{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.cifra{--tono: var(--acento);--tono-suave: var(--acento-suave);background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-content:start;box-shadow:var(--sombra);position:relative;overflow:hidden;text-align:left;font:inherit;color:inherit}.cifra:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--tono)}.cifra>:not(.cifra-icono){grid-column:1}.cifra-icono{grid-column:2;grid-row:1 / span 3;align-self:start;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--tono-suave);color:var(--tono)}.cifra .valor{font-family:var(--f-titulo);font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.cifra .cambio{font-size:.8rem}.cifra[data-tono=cian]{--tono: var(--cian);--tono-suave: var(--cian-suave)}.cifra[data-tono=ok]{--tono: var(--ok);--tono-suave: var(--ok-suave)}.cifra[data-tono=aviso]{--tono: var(--naranja);--tono-suave: var(--aviso-suave)}.cifra.alerta{--tono: var(--critico);--tono-suave: var(--critico-suave)}.cifra.alerta .valor{color:var(--critico)}button.cifra{cursor:pointer}button.cifra:hover{box-shadow:var(--sombra-alta)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;border-radius:var(--radio-chico);padding:9px 16px;cursor:pointer;border:1px solid var(--acento);background:var(--acento);color:var(--sobre-acento);text-decoration:none;min-height:42px;box-shadow:0 2px 6px color-mix(in srgb,var(--acento) 30%,transparent)}.boton:hover{background:var(--acento-fuerte);border-color:var(--acento-fuerte)}.boton.secundario{background:var(--superficie);color:var(--acento);border-color:color-mix(in srgb,var(--acento) 35%,var(--borde));box-shadow:none}.boton.secundario:hover{background:var(--acento-suave)}.boton.peligro{background:transparent;color:var(--critico);border-color:color-mix(in srgb,var(--critico) 45%,var(--borde));box-shadow:none}.boton.peligro:hover{background:var(--critico-suave)}.boton.chico{padding:4px 11px;min-height:32px;font-size:.83rem;gap:6px}.boton:disabled{opacity:.5;cursor:not-allowed}.boton-texto{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.campo{display:grid;gap:5px;min-width:0;align-content:start}.campo label{font-weight:700;font-size:.85rem}.campo .ayuda,.ayuda{font-size:.8rem;color:var(--texto-suave)}input,select,textarea{font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-chico);padding:9px 12px;min-height:42px;width:100%}input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--acento) 25%,transparent);outline-offset:0;border-color:var(--acento)}.campos{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.acciones{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filtros input[type=search]{flex:1 1 240px;width:auto}.filtros select{width:auto;flex:0 1 190px}.error{color:var(--critico);font-weight:600}.fila-acceso{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:.9rem}.fila-acceso .boton-texto{color:var(--acento);font-weight:600;text-decoration:none}.fila-acceso .boton-texto:hover{text-decoration:underline}.casilla{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.casilla input{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--acento)}.perfil-enlace{color:inherit;text-decoration:none;border-radius:var(--radio-chico)}.perfil-enlace:hover,.perfil-enlace[aria-current=page]{background:#ffffff14}.tabla-envoltura{overflow-x:auto;margin-inline:-20px;padding-inline:20px}table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem}th{text-align:left;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-suave);font-weight:700;padding:10px 12px;background:var(--superficie-2);white-space:nowrap}th:first-child{border-radius:var(--radio-chico) 0 0 var(--radio-chico)}th:last-child{border-radius:0 var(--radio-chico) var(--radio-chico) 0}td{padding:12px;border-bottom:1px solid var(--borde);vertical-align:top}tr:last-child td{border-bottom:0}tbody tr.clic{cursor:pointer}tbody tr:hover td{background:color-mix(in srgb,var(--acento-suave) 45%,transparent)}.pastilla{display:inline-flex;align-items:center;border-radius:99px;padding:2px 10px;font-size:.75rem;font-weight:700;white-space:nowrap}.p-ok{background:var(--ok-suave);color:var(--ok)}.p-aviso{background:var(--aviso-suave);color:var(--aviso)}.p-critico{background:var(--critico-suave);color:var(--critico)}.p-neutro{background:var(--neutro-suave);color:var(--texto-suave)}.p-acento{background:var(--acento-suave);color:var(--acento)}.meses{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.mes{border-radius:8px;padding:6px 8px;font-size:.78rem;display:grid;gap:1px;border:1px solid transparent}.mes b{font-weight:700}button.mes{font:inherit;font-size:.78rem;text-align:left;cursor:pointer;color:inherit}button.mes:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--acento) 45%,transparent)}.mes-plan{font-size:.7rem;opacity:.75}.mes-plan.cambio{opacity:1;font-weight:700;color:var(--acento)}.lista{display:grid;gap:0}.lista>*{padding:12px 0;border-bottom:1px solid var(--borde);display:flex;justify-content:space-between;gap:12px;align-items:center}.lista>*:last-child{border-bottom:0}.bloque-alerta{border:1px solid color-mix(in srgb,var(--critico) 50%,transparent);border-left-width:5px;background:var(--critico-suave);border-radius:var(--radio);padding:18px;display:grid;gap:10px}.bloque-ok{border:1px solid color-mix(in srgb,var(--ok) 50%,transparent);border-left-width:5px;background:var(--ok-suave);border-radius:var(--radio);padding:18px;display:grid;gap:8px}.comparacion{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.comparacion>div{background:var(--superficie);border-radius:var(--radio-chico);padding:14px;display:grid;gap:4px}dl.datos{display:grid;grid-template-columns:max-content 1fr;gap:5px 14px;margin:0;font-size:.9rem}dl.datos dt{color:var(--texto-suave)}dl.datos dd{margin:0;min-width:0;overflow-wrap:anywhere}.grafico svg{width:100%;height:auto;display:block}.grafico text{fill:var(--texto-suave);font-family:var(--f-dato);font-size:11px}.barra-sector{display:grid;grid-template-columns:minmax(90px,140px) 1fr auto;gap:10px;align-items:center;font-size:.88rem}.barra-sector .pista{height:10px;background:var(--superficie-2);border-radius:99px;overflow:hidden}.barra-sector .relleno{height:100%;background:var(--degradado-acento);border-radius:99px}.opciones-recibo{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.opcion-recibo{display:grid;justify-items:center;gap:4px;padding:20px 12px;cursor:pointer;text-align:center;background:var(--superficie-2);border:2px dashed color-mix(in srgb,var(--acento) 35%,var(--borde));border-radius:var(--radio);font:inherit;color:var(--texto)}.opcion-recibo svg{color:var(--acento);margin-bottom:4px}.opcion-recibo span{font-size:.78rem;color:var(--texto-suave)}.opcion-recibo:hover{border-color:var(--acento);background:var(--acento-suave)}.opcion-recibo:disabled{opacity:.6;cursor:wait}.recibo-cargado{display:grid;gap:10px}.recibo-previa{max-height:260px;max-width:100%;justify-self:start;border-radius:var(--radio-chico);border:1px solid var(--borde);object-fit:contain;background:var(--superficie-2)}.recibo-pdf{display:flex;align-items:center;gap:10px;padding:14px;border-radius:var(--radio-chico);background:var(--superficie-2);color:var(--acento);overflow-wrap:anywhere}.recibo-pdf span{color:var(--texto);font-weight:600}.recibo-visor{width:100%;max-height:70vh;min-height:300px;object-fit:contain;border:1px solid var(--borde);border-radius:var(--radio-chico);background:var(--superficie-2)}img.recibo-visor{min-height:0}.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--fondo)}.login-marca{background:var(--degradado-marca);color:#fff;padding:48px clamp(24px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:32px;position:relative;overflow:hidden}.login-marca:before,.login-marca:after{content:"";position:absolute;border-radius:50%;pointer-events:none;border:48px solid rgb(16 180 230 / .13)}.login-marca:before{width:420px;height:420px;right:-160px;top:-140px}.login-marca:after{width:300px;height:300px;left:-120px;bottom:-150px;border-color:#ffffff0f}.login-marca>*{position:relative;z-index:1}.login-marca h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;letter-spacing:-.02em;max-width:14ch;color:#fff}.login-marca p{color:#c9d6f2;max-width:42ch}.login-marca ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.login-marca li{display:flex;align-items:center;gap:12px;color:#dfe8fb;font-weight:500}.login-marca li svg{flex:none;color:var(--cian);background:#ffffff1a;border-radius:10px;padding:7px;box-sizing:content-box}.login-marca .logo-texto strong{font-size:1.4rem}.login-sitio{color:#9fe0fa;font-weight:600;text-decoration:none;align-self:flex-start}.login-sitio:hover{color:#fff;text-decoration:underline}.login-lado{display:grid;place-items:center;padding:32px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));gap:20px}.login .caja{width:min(100%,400px);display:grid;gap:20px}.login .caja h1{font-size:1.6rem}.login .pie-app{margin-top:0;border-top:0;justify-content:center;padding:0;text-align:center}.cargando{min-height:100vh;display:grid;place-items:center;background:var(--degradado-marca);color:#fff}.cuentas{display:grid;gap:6px}.cuentas button{text-align:left;display:flex;justify-content:space-between;gap:8px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-chico);padding:9px 12px;cursor:pointer;font:inherit;color:var(--texto)}.cuentas button:hover{border-color:var(--acento);background:var(--acento-suave)}@media(max-width:820px){.login{grid-template-columns:1fr}.login-marca{padding:calc(28px + env(safe-area-inset-top,0px)) 20px 28px;gap:16px}.login-marca ul,.login-marca p.extra{display:none}.login-marca h2{font-size:1.5rem}}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#060e2299;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:30;padding:16px}.modal{background:var(--superficie);border-radius:calc(var(--radio) + 2px);width:min(100%,480px);max-height:calc(100vh - 32px);overflow-y:auto;padding:22px;display:grid;gap:14px;border:1px solid var(--borde);box-shadow:var(--sombra-alta)}.modal-ancho{width:min(100%,760px)}@media(prefers-reduced-motion:no-preference){.boton,.nav a,.cuentas button,.opcion-recibo,.barra-movil a,.boton-salir{transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}button.cifra{transition:box-shadow .2s,transform .2s}button.cifra:hover{transform:translateY(-2px)}.pagina{animation:aparecer .25s ease-out}@keyframes aparecer{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}.eventos{list-style:none;margin:0;padding:0;display:grid}.evento{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--borde)}.evento:first-child{border-top:0}.evento-icono{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--superficie-2);color:var(--acento)}.ev-pago .evento-icono{background:color-mix(in srgb,#12a150 14%,transparent);color:#0f7d3f}.ev-plan .evento-icono{background:color-mix(in srgb,var(--acento) 14%,transparent);color:var(--acento)}.ev-estado .evento-icono,.ev-alerta .evento-icono{background:color-mix(in srgb,var(--critico) 12%,transparent);color:var(--critico)}.evento-cuerpo{flex:1;min-width:0;display:grid;gap:2px}.evento-cuerpo p{margin:0;overflow-wrap:anywhere}.evento-titulo{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.evento>.boton{flex:none}.dia-gestiones{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-suave);margin:14px 0 0}