:root{--azul: #24466E;--azul-oscuro: #1B3554;--azul-profundo: #10233A;--azul-suave: rgba(36, 70, 110, .08);--azul-borde: rgba(36, 70, 110, .28);--arena: #B1A184;--arena-tinta: #7E6C4C;--arena-suave: rgba(177, 161, 132, .14);--celeste: #96BAE3;--texto: #0f172a;--texto-medio: #334155;--texto-suave: #5b6472;--borde: #e4e7ec;--borde-tenue: #edeff3;--fondo: #f6f7f9;--superficie: #ffffff;--ok: #1a7f4b;--ok-fondo: #e7f6ee;--error: #b3261e;--error-fondo: #fdecea;--t-display: clamp(1.75rem, 1.35rem + 2vw, 2.5rem);--t-titulo: clamp(1.375rem, 1.15rem + 1.1vw, 1.75rem);--t-subtitulo: clamp(1.1875rem, 1.08rem + .5vw, 1.375rem);--t-cuerpo-lg: clamp(1.0625rem, 1.03rem + .16vw, 1.125rem);--t-cuerpo: clamp(1rem, .97rem + .16vw, 1.0625rem);--t-chico: .9375rem;--t-micro: .8125rem;--fuente: Poppins, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--e-1: 4px;--e-2: 8px;--e-3: 12px;--e-4: 16px;--e-5: 24px;--e-6: 32px;--e-7: 40px;--e-8: 48px;--e-9: 64px;--r-chico: 12px;--r: 16px;--r-grande: 24px;--r-pill: 999px;--sombra: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 30px rgba(15, 23, 42, .06);--sombra-alta: 0 -4px 24px rgba(15, 23, 42, .1);--toque-min: 48px;--toque-primario: 56px;--ancho: 640px;--transicion: .16s ease}@media (prefers-reduced-motion: reduce){:root{--transicion: 1ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:light}body{margin:0;font-family:var(--fuente);font-size:var(--t-cuerpo);line-height:1.55;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{line-height:1.25;margin:0 0 var(--e-3);font-weight:600}h1{font-size:var(--t-titulo)}h2{font-size:var(--t-subtitulo)}p{margin:0 0 var(--e-4)}a{color:var(--azul);text-decoration-thickness:1.5px;text-underline-offset:2px}img{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--celeste);outline-offset:2px;border-radius:var(--r-chico)}.app{min-height:100dvh;display:flex;flex-direction:column}.contenido{flex:1;width:100%;max-width:var(--ancho);margin:0 auto;padding:var(--e-4) var(--e-4) var(--e-8);padding-left:max(var(--e-4),env(safe-area-inset-left));padding-right:max(var(--e-4),env(safe-area-inset-right))}@media (min-width: 700px){.contenido{padding:var(--e-6) var(--e-5) var(--e-9)}}.cabecera{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);padding:var(--e-3) var(--e-4);padding-top:max(var(--e-3),env(safe-area-inset-top));background:var(--superficie);border-bottom:1px solid var(--borde-tenue)}.cabecera-interior{width:100%;max-width:var(--ancho);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--e-3)}.cabecera-marca{display:flex;align-items:center;gap:var(--e-3);min-width:0}.cabecera-marca h1{font-size:var(--t-cuerpo-lg);margin:0}.cabecera-sub{margin:0;font-size:var(--t-micro);color:var(--texto-suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo{height:32px;width:auto;flex-shrink:0}@media (min-width: 700px){.logo{height:40px}}.barra-accion{position:sticky;bottom:0;z-index:10;margin:var(--e-5) calc(var(--e-4) * -1) 0;padding:var(--e-3) var(--e-4);padding-bottom:max(var(--e-3),env(safe-area-inset-bottom));background:var(--superficie);border-top:1px solid var(--borde-tenue);box-shadow:var(--sombra-alta)}.barra-accion-interior{width:100%;max-width:var(--ancho);margin:0 auto;display:flex;flex-direction:column;gap:var(--e-2)}.pantalla-carga{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:var(--e-4);color:var(--texto-suave)}.spinner{width:34px;height:34px;border:3px solid var(--borde);border-top-color:var(--azul);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}}.visualmente-oculto{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.tarjeta{background:var(--superficie);border:1px solid var(--borde-tenue);border-radius:var(--r-grande);box-shadow:var(--sombra);padding:var(--e-5);margin-bottom:var(--e-4)}@media (min-width: 700px){.tarjeta{padding:var(--e-6)}}.tarjeta>:last-child{margin-bottom:0}.tarjeta.destacada{border-left:4px solid var(--azul)}.btn-principal,.btn-secundario{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);width:100%;min-height:var(--toque-primario);padding:var(--e-3) var(--e-5);font:inherit;font-size:var(--t-cuerpo);font-weight:600;border-radius:var(--r-pill);cursor:pointer;text-decoration:none;text-align:center;transition:background var(--transicion),border-color var(--transicion),transform var(--transicion),opacity var(--transicion)}.btn-principal{background:var(--azul);color:#fff;border:2px solid var(--azul)}.btn-principal:hover:not(:disabled){background:var(--azul-oscuro);border-color:var(--azul-oscuro)}.btn-principal:active:not(:disabled){transform:scale(.985)}.btn-secundario{min-height:52px;background:var(--superficie);color:var(--azul);border:2px solid var(--azul-borde)}.btn-secundario:hover:not(:disabled){border-color:var(--azul);background:var(--azul-suave)}.btn-principal:disabled,.btn-secundario:disabled{opacity:.45;cursor:not-allowed}.btn-texto,.btn-volver{display:inline-flex;align-items:center;min-height:44px;padding:var(--e-2) 0;background:none;border:0;cursor:pointer;font:inherit;font-size:var(--t-chico);color:var(--azul);text-decoration:underline;text-underline-offset:3px}.btn-texto:hover:not(:disabled),.btn-volver:hover{color:var(--azul-oscuro)}.btn-texto:disabled{color:var(--texto-suave);text-decoration:none;cursor:default}.btn-volver{text-decoration:none;font-weight:500;gap:var(--e-1)}.btn-volver:hover{text-decoration:underline}.btn-salir{min-height:44px;padding:var(--e-2) var(--e-4);background:none;border:1.5px solid var(--borde);border-radius:var(--r-pill);font:inherit;font-size:var(--t-chico);color:var(--texto-medio);cursor:pointer;flex-shrink:0}.btn-salir:hover{border-color:var(--azul-borde);color:var(--azul)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--e-3);width:100%;min-height:var(--toque-primario);background:var(--superficie);color:var(--texto);border:2px solid var(--borde);border-radius:var(--r-pill);font:inherit;font-size:var(--t-cuerpo);font-weight:600;cursor:pointer;transition:border-color var(--transicion),background var(--transicion)}.btn-google:hover:not(:disabled){border-color:var(--azul-borde);background:var(--fondo)}.btn-google:disabled{opacity:.55;cursor:not-allowed}.campo{display:block;margin-bottom:var(--e-5)}.campo>span,.campo legend{display:block;margin-bottom:var(--e-2);font-weight:600;font-size:var(--t-chico)}.campo>span em{font-weight:400;font-style:normal;color:var(--texto-suave)}.campo small{display:block;margin-top:var(--e-2);font-size:var(--t-chico);color:var(--texto-suave)}.campo input,.campo select,.campo textarea{width:100%;min-height:var(--toque-primario);padding:var(--e-3) var(--e-4);font:inherit;font-size:var(--t-cuerpo);color:var(--texto);background:var(--superficie);border:2px solid var(--borde);border-radius:var(--r);transition:border-color var(--transicion),box-shadow var(--transicion)}.campo input::placeholder{color:var(--texto-suave);opacity:1}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px var(--azul-suave)}.campo input:disabled,.campo select:disabled{background:var(--fondo);color:var(--texto-suave)}.campo input[aria-invalid=true]{border-color:var(--error)}.campo input.codigo{font-size:clamp(1.75rem,1.4rem + 1.8vw,2.25rem);letter-spacing:.45em;text-indent:.45em;text-align:center;font-variant-numeric:tabular-nums;min-height:72px}.grilla-2{display:grid;grid-template-columns:1fr;gap:0 var(--e-4)}@media (min-width: 560px){.grilla-2{grid-template-columns:1fr 1fr}}fieldset.opciones{border:0;padding:0;margin:0 0 var(--e-5)}.opcion{display:inline-flex;align-items:center;gap:var(--e-2);min-height:var(--toque-min);padding:var(--e-2) var(--e-4);margin:0 var(--e-2) var(--e-2) 0;background:var(--superficie);border:2px solid var(--borde);border-radius:var(--r-pill);cursor:pointer;transition:border-color var(--transicion),background var(--transicion)}.opcion.elegida{border-color:var(--azul);background:var(--azul-suave)}.opcion input{accent-color:var(--azul);width:1.15rem;height:1.15rem}.lista-opciones{list-style:none;padding:0;margin:var(--e-4) 0 0}.lista-opciones li+li{margin-top:var(--e-2)}.opcion-grande{display:flex;flex-direction:column;gap:var(--e-1);width:100%;min-height:64px;padding:var(--e-4);text-align:left;cursor:pointer;background:var(--superficie);color:var(--texto);border:2px solid var(--borde);border-radius:var(--r);font:inherit;transition:border-color var(--transicion),background var(--transicion)}.opcion-grande:hover{border-color:var(--azul);background:var(--azul-suave)}.opcion-grande strong{font-size:var(--t-cuerpo-lg);font-weight:600}.opcion-grande span{color:var(--texto-suave);font-size:var(--t-chico)}.opcion-grande .agenda{line-height:1.45}.opcion-grande .tag{align-self:flex-start;margin-top:var(--e-1);padding:var(--e-1) var(--e-3);background:var(--arena-suave);color:var(--arena-tinta);border-radius:var(--r-pill);font-size:var(--t-micro);font-weight:600;text-transform:capitalize}.tira{display:flex;gap:var(--e-2);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:var(--e-3);margin:0 calc(var(--e-4) * -1);padding-left:var(--e-4);padding-right:var(--e-4);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.dia{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;gap:2px;min-height:var(--toque-min);padding:var(--e-3) var(--e-4);background:var(--superficie);color:var(--texto);border:2px solid var(--borde);border-radius:var(--r-chico);font:inherit;cursor:pointer;text-transform:capitalize;transition:border-color var(--transicion),background var(--transicion)}.dia.elegido{border-color:var(--azul);background:var(--azul-suave)}.dia small{font-size:var(--t-micro);color:var(--texto-suave);text-transform:none}.horas{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--e-2)}.hora{min-height:var(--toque-primario);background:var(--superficie);color:var(--azul);border:2px solid var(--borde);border-radius:var(--r-chico);font:inherit;font-size:var(--t-cuerpo-lg);font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--transicion),background var(--transicion)}.hora:hover{border-color:var(--azul);background:var(--azul-suave)}.hora.elegida{border-color:var(--azul);background:var(--azul);color:#fff}.progreso{margin-bottom:var(--e-5)}.progreso-texto{margin:0 0 var(--e-2);font-size:var(--t-chico);font-weight:600;color:var(--texto-suave)}.progreso-barras{display:flex;gap:var(--e-1)}.progreso-barras span{height:6px;flex:1;border-radius:var(--r-pill);background:var(--borde);transition:background var(--transicion)}.progreso-barras span.activo{background:var(--azul)}.progreso-barras span.hecho{background:var(--arena)}.resumen{display:grid;grid-template-columns:1fr;gap:var(--e-1);margin:0 0 var(--e-5);padding:var(--e-4);background:var(--fondo);border-radius:var(--r)}@media (min-width: 480px){.resumen{grid-template-columns:auto 1fr;gap:var(--e-2) var(--e-5);align-items:baseline}}.resumen dt{font-size:var(--t-chico);color:var(--texto-suave)}.resumen dd{margin:0 0 var(--e-2)}@media (min-width: 480px){.resumen dd{margin-bottom:0}}.resumen dd strong{color:var(--azul)}.mensaje-error,.aviso{padding:var(--e-3) var(--e-4);border-radius:var(--r-chico);margin:0 0 var(--e-4);font-size:var(--t-chico)}.mensaje-error{background:var(--error-fondo);color:var(--error);border-left:4px solid var(--error)}.aviso{background:var(--azul-suave);color:var(--texto-medio)}.chip{display:inline-flex;align-items:center;gap:var(--e-1);padding:var(--e-1) var(--e-3);margin-bottom:var(--e-3);border-radius:var(--r-pill);font-size:var(--t-micro);font-weight:600;letter-spacing:.03em}.chip-ok{background:var(--ok-fondo);color:var(--ok)}.chip-error{background:var(--error-fondo);color:var(--error)}.ayuda{color:var(--texto-suave);font-size:var(--t-chico)}.pie-ayuda{color:var(--texto-suave);font-size:var(--t-chico);margin:var(--e-4) 0 0}.pie-nota{color:var(--texto-suave);font-size:var(--t-micro);text-align:center;margin:var(--e-6) 0 0}.esqueleto{background:linear-gradient(90deg,var(--borde-tenue) 25%,var(--borde) 37%,var(--borde-tenue) 63%);background-size:400% 100%;animation:brillo 1.4s ease infinite;border-radius:var(--r-chico)}@keyframes brillo{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.esqueleto{animation:none;background:var(--borde-tenue)}}.esqueleto-fila{height:64px;border-radius:var(--r);margin-bottom:var(--e-2)}.esqueleto-texto{height:14px;margin-bottom:var(--e-2)}.esqueleto-texto.corto{width:55%}.cargando-texto{display:flex;align-items:center;gap:var(--e-3);color:var(--texto-suave);font-size:var(--t-chico);margin-bottom:var(--e-4)}.login{min-height:100dvh;display:grid;align-content:center;justify-items:center;gap:var(--e-5);padding:var(--e-5) var(--e-4);padding-bottom:max(var(--e-5),env(safe-area-inset-bottom))}.login-caja{width:100%;max-width:420px;background:var(--superficie);border:1px solid var(--borde-tenue);border-radius:var(--r-grande);box-shadow:var(--sombra);padding:var(--e-6) var(--e-5);text-align:center}.login-logo{display:block;width:100%;max-width:200px;margin:0 auto var(--e-5)}.login-titulo{font-size:var(--t-titulo);color:var(--azul);margin-bottom:var(--e-2)}.login-texto{color:var(--texto-medio);margin-bottom:var(--e-5)}.login-nota{font-size:var(--t-chico);color:var(--texto-suave);margin:var(--e-4) 0 0}.login-error{margin-top:var(--e-4)}.login-urgencia{font-size:var(--t-micro);color:var(--texto-suave);text-align:center;margin:0}.flujo{width:100%}.banda{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 80% 0%,#2E5686 0%,transparent 55%),linear-gradient(160deg,var(--azul) 0%,var(--azul-oscuro) 55%,var(--azul-profundo) 100%);color:#fff;padding:var(--e-7) var(--e-4) var(--e-8);padding-left:max(var(--e-4),env(safe-area-inset-left));padding-right:max(var(--e-4),env(safe-area-inset-right))}.banda:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.banda-interior{position:relative;z-index:1;max-width:var(--ancho);margin:0 auto}.banda h1,.banda h2{color:#fff}.banda p{color:#ffffffd1}.pildora{display:inline-flex;align-items:center;gap:var(--e-2);padding:var(--e-2) var(--e-4);margin-bottom:var(--e-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-pill);font-size:var(--t-micro);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--arena)}.btn-arena{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);width:100%;min-height:var(--toque-primario);padding:var(--e-3) var(--e-5);background:var(--arena);color:#2e2a20;border:2px solid var(--arena);border-radius:var(--r-pill);font:inherit;font-size:var(--t-cuerpo);font-weight:700;cursor:pointer;text-decoration:none;transition:background var(--transicion),transform var(--transicion)}.btn-arena:hover:not(:disabled){background:#c4b497;border-color:#c4b497}.btn-arena:active:not(:disabled){transform:scale(.985)}.btn-arena:disabled{opacity:.5;cursor:not-allowed}.btn-claro{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);width:100%;min-height:52px;padding:var(--e-3) var(--e-5);background:#ffffff0f;color:#fff;border:1.5px solid rgba(255,255,255,.3);border-radius:var(--r-pill);font:inherit;font-size:var(--t-cuerpo);font-weight:600;cursor:pointer;text-decoration:none;transition:background var(--transicion),border-color var(--transicion)}.btn-claro:hover{background:#ffffff24;border-color:#ffffff8c}.eyebrow{display:flex;align-items:center;gap:var(--e-3);margin-bottom:var(--e-3);font-size:var(--t-micro);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--arena-tinta)}.eyebrow:before{content:"";width:28px;height:2px;background:var(--arena);flex-shrink:0}.banda .eyebrow{color:var(--celeste)}.banda .eyebrow:before{background:var(--celeste)}.titular{font-size:var(--t-display);font-weight:700;line-height:1.15;margin-bottom:var(--e-3)}.titular em{font-style:normal;color:var(--arena-tinta)}.banda .titular em{color:var(--celeste)}.placa{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:var(--r-chico);background:var(--azul-suave);color:var(--azul)}.placa svg{width:22px;height:22px}.placa--arena{background:var(--arena-suave);color:var(--arena-tinta)}.placa--ok{background:var(--ok-fondo);color:var(--ok)}.fila-icono{display:flex;gap:var(--e-4);align-items:flex-start;margin-bottom:var(--e-5)}.fila-icono h3{font-size:var(--t-cuerpo-lg);margin:0 0 var(--e-1)}.fila-icono p{margin:0;color:var(--texto-medio);font-size:var(--t-chico)}.seccion{padding:var(--e-7) var(--e-4)}.seccion--gris{background:var(--fondo)}.seccion--blanca{background:var(--superficie)}.seccion-interior{max-width:var(--ancho);margin:0 auto}.rejilla{display:grid;gap:var(--e-4)}@media (min-width: 720px){.rejilla--2{grid-template-columns:1fr 1fr;align-items:start}}.pie{margin-top:auto;background:var(--azul-profundo);color:#ffffffb3;padding:var(--e-6) var(--e-4);padding-bottom:max(var(--e-6),env(safe-area-inset-bottom));font-size:var(--t-chico);text-align:center}.pie p{margin:0 0 var(--e-2)}.pie-urgencia{color:#ffffff80;font-size:var(--t-micro);margin:0}.aviso-sin-login{position:sticky;top:0;z-index:20;background:#b3261e;color:#fff;padding:var(--e-2) var(--e-4);padding-top:max(var(--e-2),env(safe-area-inset-top));font-size:var(--t-micro);font-weight:700;letter-spacing:.04em;text-align:center}