:root{--loma:#025149;--loma-2:#04695f;--noche:#0e2624;--musgo:#4a5c5a;--sendero:#f2c230;--sendero-fondo:#fdf3d1;--suave:#dcebea;--niebla:#eef4f3;--linea:#cbd8d6;--blanco:#fff;--bien:#1e7a4c;--bien-fondo:#e3f3ea;--error:#a3312b;--error-fondo:#fbecea;--radio:18px;--radio-chico:12px;--sombra:0 10px 30px -18px #0e262473;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--sans:"Archivo", "Helvetica Neue", Arial, sans-serif;font-family:var(--sans);color:var(--noche);background:var(--niebla);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-size:18px;line-height:1.45}*,:before,:after{box-sizing:border-box}body{background:var(--niebla);min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{color:var(--loma);margin:0}h1,h2{font-family:var(--serif);font-weight:400}h1{font-size:2.1rem;line-height:1.1}h2{font-size:1.7rem;line-height:1.15}h3{font-size:1.1rem;font-weight:700}p{margin:0}:focus-visible{outline:3px solid var(--sendero);outline-offset:2px}.pagina{max-width:560px;padding:16px 16px calc(110px + env(safe-area-inset-bottom));gap:16px;margin:0 auto;display:grid}.barra{z-index:5;background:var(--loma);color:var(--blanco);padding:calc(10px + env(safe-area-inset-top)) 16px 10px;position:sticky;top:0}.barra-dentro{align-items:center;gap:12px;max-width:560px;margin:0 auto;display:flex}.barra img{background:var(--blanco);border-radius:50%;width:44px;height:44px}.barra .quien{flex:1;line-height:1.2}.barra .quien strong{font-size:1.05rem;display:block}.barra .quien span{opacity:.85;font-size:.85rem}.barra button{color:var(--blanco);background:0 0;border:2px solid #ffffff80;border-radius:999px;min-height:44px;padding:8px 16px;font-weight:600}.menu{z-index:5;background:var(--blanco);border-top:1px solid var(--linea);padding:8px 8px calc(8px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.menu-dentro{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;max-width:560px;margin:0 auto;display:grid}.menu button{border-radius:var(--radio-chico);min-height:64px;color:var(--musgo);background:0 0;border:0;place-items:center;gap:2px;padding:6px 4px;font-size:.82rem;font-weight:600;display:grid}.menu button .icono{font-size:1.5rem;line-height:1}.menu button[aria-current=page]{background:var(--suave);color:var(--loma)}.tarjeta{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);gap:12px;padding:18px;display:grid}.tarjeta.aviso{background:var(--sendero-fondo);border-color:var(--sendero)}.tarjeta.bien{background:var(--bien-fondo);border-color:#b9dcc8}.ayuda{color:var(--musgo);font-size:.95rem}.titulo-seccion{gap:4px;display:grid}.fila{justify-content:space-between;align-items:center;gap:12px;display:flex}.dato-grande{color:var(--loma);font-size:1.8rem;font-weight:700}.monto{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.etiqueta{background:var(--suave);color:var(--loma);border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:700;display:inline-block}.etiqueta.pendiente{background:var(--sendero-fondo);color:#7a5b00}.etiqueta.bien{background:var(--bien-fondo);color:var(--bien)}.etiqueta.mal{background:var(--error-fondo);color:var(--error)}.lista{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lista li{border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.lista li:last-child{border-bottom:0}.boton{border-radius:var(--radio-chico);border:2px solid var(--loma);background:var(--loma);min-height:56px;color:var(--blanco);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 22px;font-size:1.05rem;font-weight:700;display:inline-flex}.boton:active{background:var(--loma-2)}.boton.secundario{background:var(--blanco);color:var(--loma)}.boton.peligro{background:var(--error);border-color:var(--error)}.boton.chico{width:auto;min-height:48px;padding:8px 16px;font-size:.95rem}.boton:disabled{opacity:.5;cursor:default}.botones{gap:10px;display:grid}.botones.dos{grid-template-columns:1fr 1fr}.enlace{color:var(--loma);background:0 0;border:0;min-height:44px;padding:10px 4px;font-weight:600;text-decoration:underline}.campo{gap:6px;display:grid}.campo label{font-weight:700}.campo input,.campo select{border:2px solid var(--linea);border-radius:var(--radio-chico);background:var(--blanco);min-height:56px;padding:10px 14px;font-size:1.1rem}.campo input:focus,.campo select:focus{border-color:var(--loma);outline:none}.opciones{gap:10px;display:grid}.opcion{border:2px solid var(--linea);border-radius:var(--radio-chico);background:var(--blanco);text-align:left;align-items:center;gap:12px;width:100%;min-height:60px;padding:12px 16px;font-weight:600;display:flex}.opcion[aria-pressed=true]{border-color:var(--loma);background:var(--suave);color:var(--loma)}.mensaje{border-radius:var(--radio-chico);padding:12px 14px;font-weight:600}.mensaje.error{background:var(--error-fondo);color:var(--error)}.mensaje.bien{background:var(--bien-fondo);color:var(--bien)}.entrada{max-width:480px;min-height:100vh;padding:calc(28px + env(safe-area-inset-top)) 20px 32px;align-content:start;gap:20px;margin:0 auto;display:grid}.entrada-logo{text-align:center;justify-items:center;gap:10px;display:grid}.entrada-logo img{width:128px;height:128px;box-shadow:var(--sombra);background:var(--blanco);border-radius:50%}.nombres{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nombre{border:2px solid var(--linea);border-radius:var(--radio);background:var(--blanco);min-height:84px;color:var(--noche);box-shadow:var(--sombra);padding:10px;font-size:1.1rem;font-weight:700}.nombre:active{border-color:var(--loma);background:var(--suave)}.puntos{justify-content:center;gap:14px;margin:6px 0;display:flex}.puntos span{border:2px solid var(--loma);border-radius:50%;width:20px;height:20px}.puntos span.lleno{background:var(--loma)}.teclado{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tecla{aspect-ratio:1;border:2px solid var(--linea);background:var(--blanco);width:100%;max-width:88px;min-height:72px;color:var(--noche);border-radius:50%;justify-self:center;font-size:1.8rem;font-weight:600}.tecla:active{background:var(--suave);border-color:var(--loma)}.tecla.texto{color:var(--loma);background:0 0;border-color:#0000;font-size:.95rem}.fondo-ventana{z-index:20;background:#0e26248c;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.ventana{background:var(--blanco);border-radius:var(--radio);padding:22px 18px calc(18px + env(safe-area-inset-bottom));gap:16px;width:100%;max-width:560px;max-height:92vh;margin:0 auto;display:grid;overflow:auto}.cargando{text-align:center;color:var(--musgo);padding:40px 0}.vacio{text-align:center;color:var(--musgo);padding:12px 0}.codigo-grande{letter-spacing:.2em;text-align:center;color:var(--loma);background:var(--niebla);border-radius:var(--radio-chico);padding:14px;font-family:ui-monospace,monospace;font-size:2.2rem;font-weight:700}@media (width>=420px){.nombres{grid-template-columns:1fr 1fr 1fr}}.chips{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.chip{border:2px solid var(--linea);border-radius:var(--radio-chico);background:var(--blanco);min-height:52px;color:var(--noche);padding:4px;font-size:1rem;font-weight:700}.chip[aria-pressed=true]{border-color:var(--loma);background:var(--loma);color:var(--blanco)}