:root{--azul:#004489;--azul-oscuro:#0b2c5c;--azul-claro:#bfd3ee;--rojo:#e3061c;--verde:#2e9b47;--fondo:#f4f7fb;--blanco:#fff;--texto:#3a4a60;--texto-suave:#5e6b7a;--borde:#dce4ef;--ok-fondo:#e4f3e8;--ok-texto:#1e6b35;--aviso-fondo:#fdf0d5;--aviso-texto:#7a4a00;--mal-fondo:#fde7e9;--mal-texto:#9e0e1b;--radio:16px;--sombra:0 14px 24px #0028641f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--texto);-webkit-text-size-adjust:100%;font-family:Figtree,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.45}a{color:var(--azul)}a:hover{color:var(--azul-oscuro)}h1,h2,h3{color:var(--azul);margin:0;line-height:1.2}h1{font-size:26px;font-weight:800}h2{font-size:19px;font-weight:700}h3{color:var(--azul-oscuro);font-size:16px;font-weight:700}p{margin:0}img,svg{max-width:100%}:focus-visible{outline:3px solid var(--azul);outline-offset:2px}.app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.app-cabecera{padding:calc(18px + env(safe-area-inset-top)) 20px 10px;justify-content:space-between;align-items:center;gap:12px;display:flex}.app-cabecera .subtitulo{color:var(--texto-suave);font-size:14px}.app-cuerpo{padding:6px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex}.app-cuerpo.con-barra{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.barra{background:var(--blanco);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.barra nav{grid-auto-columns:1fr;grid-auto-flow:column;max-width:480px;margin:0 auto;display:grid}.barra a{min-height:60px;color:var(--texto-suave);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.barra a[aria-current=page]{color:var(--azul)}.tarjeta{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;gap:10px;padding:16px;display:flex}.tarjeta.oscura{background:var(--azul-oscuro);border-color:var(--azul-oscuro);color:var(--blanco)}.tarjeta.oscura h2{color:var(--blanco)}.tarjeta.oscura .suave{color:var(--azul-claro)}.fila{align-items:center;gap:12px;display:flex}.entre{justify-content:space-between;align-items:center;gap:12px;display:flex}.columna{flex-direction:column;gap:8px;display:flex}.suave{color:var(--texto-suave);font-size:14px}.pequeno{font-size:13px}.fuerte{color:var(--azul-oscuro);font-weight:700}.centro{text-align:center}.estado{border-radius:var(--radio);background:var(--blanco);border:1px solid var(--borde);align-items:center;gap:12px;padding:14px;display:flex}.estado .punto{border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.estado.ok .punto{background:var(--ok-fondo);color:var(--ok-texto)}.estado.aviso .punto{background:var(--aviso-fondo);color:var(--aviso-texto)}.estado.mal .punto{background:var(--mal-fondo);color:var(--mal-texto)}.chip{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.chip.ok{background:var(--ok-fondo);color:var(--ok-texto)}.chip.aviso{background:var(--aviso-fondo);color:var(--aviso-texto)}.chip.mal{background:var(--mal-fondo);color:var(--mal-texto)}.chip.neutro{color:var(--texto);background:#eef2f7}.alerta{border-radius:12px;padding:12px 14px;font-size:14.5px}.alerta.ok{background:var(--ok-fondo);color:var(--ok-texto)}.alerta.aviso{background:var(--aviso-fondo);color:var(--aviso-texto)}.alerta.mal{background:var(--mal-fondo);color:var(--mal-texto)}.boton{background:var(--azul);min-height:52px;color:var(--blanco);font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:0 18px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.boton:hover{background:var(--azul-oscuro);color:var(--blanco)}.boton:disabled{opacity:.55;cursor:default}.boton.blanco{background:var(--blanco);color:var(--azul)}.boton.contorno{color:var(--azul);border:1.5px solid var(--azul);background:0 0}.boton.contorno-claro{color:var(--blanco);border:1px solid var(--azul-claro);background:0 0}.boton.peligro{background:var(--blanco);color:var(--mal-texto);border:1.5px solid #f2b8bf}.boton.chico{border-radius:10px;width:auto;min-height:40px;font-size:14px}.enlace{align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.tarjeta>summary.enlace{text-align:center;justify-content:center}.campo{flex-direction:column;gap:6px;display:flex}.campo label,.etiqueta{color:var(--azul-oscuro);font-size:14px;font-weight:700}.campo .ayuda{color:var(--texto-suave);font-size:13px}.error{color:var(--mal-texto);font-size:13px;font-weight:600}input:not([type]),input[type=text],input[type=tel],input[type=email],input[type=password],input[type=number],input[type=date],input[type=month],input[type=search],select,textarea{font:inherit;border:1.5px solid var(--borde);background:var(--blanco);min-height:52px;color:var(--azul-oscuro);border-radius:12px;width:100%;padding:10px 14px;font-size:17px}input:focus,select:focus{border-color:var(--azul);outline:none}input.codigo{letter-spacing:.4em;text-align:center;font-size:26px;font-weight:800}.opcion{border:1.5px solid var(--borde);background:var(--blanco);cursor:pointer;color:inherit;border-radius:14px;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.opcion:has(input:checked){border-color:var(--azul);background:#eef4fb}.opcion input{width:20px;height:20px;accent-color:var(--azul)}.casilla{align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.casilla input{width:22px;height:22px;accent-color:var(--azul);flex:none;margin-top:1px}.pasos{color:var(--texto-suave);gap:6px;font-size:13px;font-weight:700;display:flex}.pasos span[aria-current=step]{color:var(--rojo)}.credencial{aspect-ratio:85.6/54;background:var(--blanco);border:1px solid var(--borde);width:100%;max-width:342px;box-shadow:var(--sombra);color:inherit;border-radius:18px;align-self:center;text-decoration:none;display:block;position:relative;overflow:hidden}.credencial .onda{opacity:.95;width:116%;position:absolute;top:4%;left:-8%}.credencial .contenido{align-items:flex-end;gap:12px;display:flex;position:absolute;inset:26% 5% 6%}.credencial .datos{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.credencial .logo{width:112px;margin-bottom:4px}.credencial .rotulo{letter-spacing:.14em;color:var(--rojo);font-size:10.5px;font-weight:700}.credencial .nombre{color:var(--azul-oscuro);font-size:16px;font-weight:800;line-height:1.15}.credencial .numero{color:var(--texto-suave);font-size:12px;font-weight:600}.credencial .qr{background:var(--blanco);flex:none;width:30%;line-height:0}.credencial .qr svg{width:100%;height:auto}.qr-grande{align-self:center;width:240px;max-width:80%;line-height:0}.qr-grande svg{width:100%;height:auto}.beneficios-mini{text-align:center;flex-direction:row;justify-content:space-around;gap:6px;padding:14px 8px}.beneficios-mini a{min-width:44px;color:var(--azul-oscuro);flex-direction:column;flex:0 auto;align-items:center;gap:6px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.beneficios-mini img{width:44px;height:44px}@media (max-width:359px){.beneficios-mini{gap:2px;padding:12px 4px}.beneficios-mini a{font-size:11px}}details.beneficio{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);interpolate-size:allow-keywords}details.beneficio summary{cursor:pointer;border-bottom:1px solid #0000;align-items:center;gap:12px;padding:14px;list-style:none;transition:border-color .25s;display:flex}details.beneficio summary::-webkit-details-marker{display:none}details.beneficio summary img{flex:none;width:44px;height:44px}details.beneficio[open] summary{border-bottom-color:var(--borde)}details.beneficio .flecha{color:var(--azul);flex:none;margin-left:auto;transition:transform .25s;display:inline-flex}details.beneficio[open] .flecha{transform:rotate(180deg)}details.beneficio::details-content{block-size:0;transition:block-size .25s ease, content-visibility .25s allow-discrete;overflow:hidden}details.beneficio[open]::details-content{block-size:auto}@media (prefers-reduced-motion:reduce){details.beneficio summary,details.beneficio .flecha{transition:none}details.beneficio::details-content{transition:none}}details.beneficio ol{flex-direction:column;gap:8px;margin:0;padding:14px 16px 16px 36px;display:flex}details.beneficio .ver-incluidos{justify-content:flex-end;margin-bottom:-14px;padding:0 16px;display:flex}details.beneficio .ver-incluidos a{font-size:14px}.servicios{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.servicios .tarjeta{gap:6px}.condiciones{color:var(--texto-suave);flex-direction:column;gap:2px;margin:0;padding-left:20px;font-size:14px;display:flex}.lista-simple{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lista-simple li{border-bottom:1px solid var(--borde);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.lista-simple li:last-child{border-bottom:0}.demo{color:var(--aviso-texto);background:#fff8e6;border:1px dashed #e0b44c;border-radius:12px;padding:10px 12px;font-size:13.5px}.segmentos{background:#e6edf6;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmentos a{min-height:44px;color:var(--texto-suave);border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:700;text-decoration:none;display:flex}.segmentos a[aria-current=page]{background:var(--blanco);color:var(--azul);box-shadow:0 1px 3px #0028641f}.saldo{gap:8px}.saldo-monto{color:var(--blanco);font-size:32px;font-weight:800;line-height:1.1}.saldo .entre{border-top:1px solid #ffffff2e;padding-top:8px}.fuerte-claro{color:var(--blanco);font-weight:700}.progreso{background:#ffffff2e;border-radius:4px;height:8px;overflow:hidden}.progreso span{background:var(--verde);border-radius:4px;min-width:4px;height:100%;display:block}.codigo-invitacion{letter-spacing:2px;color:var(--azul-oscuro);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:26px;font-weight:800}.dos-botones{grid-template-columns:1fr 1fr;gap:8px;display:grid}.link-invitacion{color:var(--texto-suave);text-align:center;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:13px}.pasos-invitar{counter-reset:paso}.pasos-invitar li{counter-increment:paso;justify-content:flex-start;align-items:center}.pasos-invitar li:before{content:counter(paso);background:var(--azul-claro);width:28px;height:28px;color:var(--azul-oscuro);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.panel{grid-template-columns:236px 1fr;min-height:100dvh;display:grid}.panel-lateral{background:var(--blanco);border-right:1px solid var(--borde);overscroll-behavior:contain;flex-direction:column;gap:18px;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.panel-barra,.panel-velo,.panel-cerrar{display:none}.panel-lateral nav{flex-direction:column;gap:2px;display:flex}.panel-lateral nav a{color:var(--texto);border-radius:10px;padding:10px 12px;font-size:15px;font-weight:600;text-decoration:none}.panel-lateral nav a[aria-current=page]{color:var(--azul);background:#eef4fb;font-weight:700}.panel-lateral .quien{color:var(--texto-suave);margin-top:auto;font-size:13px}.panel-cuerpo{padding:28px 32px calc(48px + env(safe-area-inset-bottom));flex-direction:column;gap:20px;min-width:0;display:flex}.panel-cuerpo .tarjeta{padding:18px 20px}.cifras{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.cifra{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);padding:16px 18px}.cifra .valor{color:var(--azul-oscuro);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1}.cifra .rotulo{color:var(--texto-suave);font-size:13.5px;font-weight:600}.dos-columnas{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:start;gap:16px;display:grid}table.tabla{border-collapse:collapse;background:var(--blanco);width:100%;font-size:14.5px}.tabla th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-suave);border-bottom:1px solid var(--borde);padding:10px 12px;font-size:12.5px}.tabla td{vertical-align:top;border-bottom:1px solid #edf1f6;padding:11px 12px}.tabla tr:last-child td{border-bottom:0}.tabla .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabla .chip{white-space:normal}.marco-tabla{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);overflow:auto}.formulario-panel{gap:14px;display:grid}.formulario-panel input,.formulario-panel select{min-height:44px;font-size:15px}.formulario-panel .boton{justify-self:start;width:auto;min-height:46px}@media (max-width:820px),(hover:none) and (pointer:coarse) and (max-height:560px){.panel{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.panel-barra{z-index:20;min-height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));background:var(--blanco);border-bottom:1px solid var(--borde);align-items:center;gap:10px;display:flex;position:sticky;top:0}.panel-boton-menu{width:44px;height:44px;color:var(--azul);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.panel-boton-menu:active{background:#eef4fb}.panel-seccion{min-width:0;color:var(--azul-oscuro);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:16px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.panel-emblema{flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.panel-emblema img{width:32px;height:auto}.panel-lateral{z-index:40;width:calc(min(300px, 84vw) + env(safe-area-inset-left));height:auto;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));visibility:hidden;transition:transform .25s,visibility 0s linear .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 32px #0028642e}.panel-lateral[data-abierto]{visibility:visible;transition:transform .25s;transform:none}.panel-lateral nav a{align-items:center;min-height:46px;padding:10px 12px;font-size:16px;display:flex}.panel-cerrar{top:calc(10px + env(safe-area-inset-top));width:44px;height:44px;color:var(--azul);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;right:8px}.panel-velo{z-index:30;opacity:0;pointer-events:none;background:#0b2c5c73;transition:opacity .25s;display:block;position:fixed;inset:0}.panel-velo[data-abierto]{opacity:1;pointer-events:auto}html.menu-abierto{overflow:hidden}.panel-cuerpo{padding:20px max(16px, env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overflow-wrap:break-word}.panel .entre{flex-wrap:wrap}.marco-tabla .tabla th:first-child,.marco-tabla .tabla td:first-child{z-index:1;background:var(--blanco);box-shadow:inset -1px 0 0 var(--borde);position:sticky;left:0}}@media (prefers-reduced-motion:reduce){.panel-lateral,.panel-velo{transition:none!important}}@media (max-width:820px),(pointer:coarse){.formulario-panel input,.formulario-panel select{font-size:16px}.panel .boton.chico{min-height:44px}}@media (max-width:640px){.cifras{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cifra{padding:14px}.cifra .valor{font-size:24px}.formulario-panel .boton{justify-self:stretch;width:100%}.vistas{flex-wrap:wrap}.vistas .boton{white-space:nowrap}.marco-tabla:has(>.tabla:not(.tabla-chica)){background:0 0;border:0;border-radius:0;overflow:visible}.tabla:not(.tabla-chica),.tabla:not(.tabla-chica) tbody,.tabla:not(.tabla-chica) tr,.tabla:not(.tabla-chica) td{display:block}table.tabla:not(.tabla-chica){background:0 0;font-size:15px}.tabla:not(.tabla-chica) thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabla:not(.tabla-chica) tbody{flex-direction:column;gap:10px;display:flex}.tabla:not(.tabla-chica) tr{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:14px 16px;display:grid}.tabla:not(.tabla-chica) td{overflow-wrap:anywhere;border:0;min-width:0;padding:0}.tabla:not(.tabla-chica) td[data-label]:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--texto-suave);margin-bottom:1px;font-size:12px;font-weight:700;display:block}.tabla:not(.tabla-chica) td.ficha-titulo{color:var(--azul-oscuro);order:-1;grid-column:1/-1;font-size:16px;font-weight:700}.tabla:not(.tabla-chica) tr:not(:has(>.ficha-titulo))>td:first-child{color:var(--azul-oscuro);order:-1;grid-column:1/-1;font-size:16px;font-weight:700}.tabla:not(.tabla-chica) td.ficha-titulo:before{content:none}.tabla:not(.tabla-chica) tr:not(:has(>.ficha-titulo))>td:first-child:before{content:none}.tabla:not(.tabla-chica) td.ficha-ancho,.tabla:not(.tabla-chica) td[colspan]{grid-column:1/-1}.tabla:not(.tabla-chica) .num{text-align:left;white-space:normal}.marco-tabla .tabla th:first-child,.marco-tabla .tabla td:first-child{box-shadow:none;background:0 0;position:static}}.pie-legal{max-width:480px;padding:8px 20px calc(28px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin:0 auto;font-size:13px;display:flex}.pie-legal a{color:var(--texto-suave);align-items:center;min-height:44px;display:inline-flex}.pie-legal .libro{color:var(--azul-oscuro);gap:6px;font-weight:700}.pie-legal-otros{color:var(--texto-suave);flex-wrap:wrap;justify-content:center;align-items:center;column-gap:10px;display:flex}.app-cuerpo .pie-legal{margin:0;padding:8px 0 0}details.desplegable>summary{cursor:pointer;min-height:48px;color:var(--azul);justify-content:space-between;align-items:center;gap:12px;font-weight:700;list-style:none;display:flex}details.desplegable>summary::-webkit-details-marker{display:none}details.desplegable .flecha{flex:none;transition:transform .25s;display:inline-flex}details.desplegable[open] .flecha{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){details.desplegable .flecha{transition:none}}.desplegable.fijo>.desplegable-titulo{color:var(--azul);font-size:17px}.menu-cuenta{gap:0;padding-top:4px;padding-bottom:4px}.menu-cuenta>*+*{border-top:1px solid var(--borde)}.menu-cuenta>details[open]{flex-direction:column;gap:10px;padding-bottom:14px;display:flex}.fila-opcion{width:100%;min-height:52px;font:inherit;color:var(--azul);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;font-weight:700;text-decoration:none;display:flex}.menu-cuenta>p{padding:14px 0}.menu-cuenta details.desplegable>summary{min-height:52px}textarea{font:inherit;border:1.5px solid var(--borde);background:var(--blanco);color:var(--azul-oscuro);border-radius:12px;width:100%;padding:10px 14px;font-size:16px}.boton.whatsapp{background:#1d7f3a}.boton.whatsapp:hover{background:#156a2f}.chat{border-radius:var(--radio);background:#efe7dc;flex-direction:column;gap:8px;min-height:180px;padding:14px 12px;display:flex}.burbuja{background:var(--blanco);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px 12px 12px 4px;align-self:flex-start;max-width:85%;margin:0;padding:8px 10px 4px;font-size:14.5px;box-shadow:0 1px 1px #00000014}.burbuja.mia{background:#d9fdd3;border-radius:12px 12px 4px;align-self:flex-end}.burbuja .hora{text-align:right;color:var(--texto-suave);margin-top:2px;font-size:11px;display:block}.plan-categoria{border:1px solid var(--borde);margin:0}.plan-categoria legend{padding:0 6px}.plan-servicios{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plan-servicios>li{border-bottom:1px solid #edf1f6;flex-direction:column;gap:6px;padding:12px 0;display:flex}.plan-servicios>li:last-child{border-bottom:0}.plan-servicios input[type=checkbox]{flex:none;width:20px;height:20px;min-height:0;margin-top:2px}.plan-servicios details{flex-direction:column;gap:6px;padding-left:32px;display:flex}