:root{--azul: #1f6fe0;--azul-hondo: #0d3b8a;--azul-claro: #4d9bff;--burdeos: #7a1420;--burdeos-claro: #a82435;--oro: #c8962e;--oro-claro: #f0cd6b;--fondo: #0b0f17;--fondo-2: #111726;--tarjeta: #151c2e;--tarjeta-alta: #1c2640;--borde: #263149;--borde-claro: #34425f;--texto: #eaf0fb;--texto-medio: #9fb0cc;--texto-tenue: #647496;--exito: #3fae6b;--error: #e0564f;--fuente-cuerpo: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sombra-tarjeta: 0 8px 30px rgba(0,0,0,.4);--r: 16px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none}body{font-family:var(--fuente-cuerpo);background:radial-gradient(1200px 600px at 50% -10%,rgba(31,111,224,.12),transparent 60%),radial-gradient(900px 500px at 50% 120%,rgba(122,20,32,.1),transparent 60%),var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;min-height:100vh}#root{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative}.cabecera{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top));background:#0b0f17d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--borde)}.cabecera .marca-mini{display:flex;align-items:center;gap:10px}.cabecera img.wordmark{height:26px;display:block}.cabecera .rol{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--oro-claro);background:#c8962e1f;border:1px solid rgba(200,150,46,.3);padding:4px 10px;border-radius:20px}.contenido{flex:1;padding:18px 18px 96px;animation:subir .4s cubic-bezier(.2,.8,.2,1)}@keyframes subir{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tarjeta{background:linear-gradient(180deg,var(--tarjeta) 0%,var(--fondo-2) 100%);border:1px solid var(--borde);border-radius:var(--r);padding:20px;margin-bottom:16px;box-shadow:var(--sombra-tarjeta)}.tarjeta h2{font-size:16px;font-weight:700;letter-spacing:.2px;margin-bottom:4px;display:flex;align-items:center;gap:8px}.tarjeta .ayuda{font-size:13px;color:var(--texto-medio);margin:6px 0 4px;line-height:1.5}.bote-escena{position:relative;border-radius:22px;padding:34px 22px 30px;margin-bottom:22px;text-align:center;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,rgba(31,111,224,.22),transparent 55%),linear-gradient(165deg,#16203a,#0d1322);border:1px solid var(--borde-claro);box-shadow:var(--sombra-tarjeta),inset 0 1px #ffffff0a}.bote-escena:before{content:"";position:absolute;top:-40%;left:50%;width:280px;height:280px;transform:translate(-50%);background:radial-gradient(circle,rgba(240,205,107,.18),transparent 65%);filter:blur(6px);animation:latido 4s ease-in-out infinite;pointer-events:none}@keyframes latido{0%,to{opacity:.55;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.12)}}.bote-escena .etiqueta{position:relative;font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--oro)}.bote-escena .cifra{position:relative;font-size:76px;font-weight:800;line-height:1.05;letter-spacing:-2px;margin:8px 0 4px;background:linear-gradient(180deg,#ffffff 0%,var(--oro-claro) 55%,var(--oro) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px rgba(240,205,107,.25))}.bote-escena .sub{position:relative;font-size:13px;color:var(--texto-medio)}.bote-escena .acumulado{position:relative;display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:12px;color:var(--texto-tenue);background:#00000040;border:1px solid var(--borde);border-radius:20px;padding:6px 14px}.bote-escena .acumulado b{color:var(--texto)}label{display:block;font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--texto-medio);margin:16px 0 7px}input,select{width:100%;padding:14px 15px;font-size:16px;background:var(--fondo);border:1.5px solid var(--borde);border-radius:12px;color:var(--texto);transition:border-color .18s,box-shadow .18s}input::placeholder{color:var(--texto-tenue)}input:focus,select:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 4px #1f6fe02e}.btn{position:relative;width:100%;padding:16px;font-size:16px;font-weight:700;letter-spacing:.3px;border:none;border-radius:13px;cursor:pointer;margin-top:18px;overflow:hidden;transition:transform .1s ease,filter .18s ease,box-shadow .18s ease}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.35),transparent 60%);opacity:0;transform:scale(.3);transition:opacity .5s,transform .5s}.btn:active:after{opacity:1;transform:scale(1.4);transition:0s}.btn-primario{background:linear-gradient(135deg,var(--azul) 0%,var(--azul-hondo) 100%);color:#fff;box-shadow:0 6px 20px #1f6fe059}.btn-primario:hover{filter:brightness(1.1)}.btn-oro{background:linear-gradient(135deg,var(--oro-claro) 0%,var(--oro) 100%);color:#2a1c00;box-shadow:0 6px 20px #c8962e4d}.btn-oro:hover{filter:brightness(1.06)}.btn-fantasma{background:transparent;color:var(--texto-medio);border:1.5px solid var(--borde)}.btn-fantasma:hover{border-color:var(--borde-claro);color:var(--texto)}.mensaje{padding:13px 15px;border-radius:12px;font-size:14px;margin-top:14px;display:flex;gap:9px;align-items:flex-start;animation:subir .3s ease}.mensaje-error{background:#e0564f1f;color:#f3aaa5;border:1px solid rgba(224,86,79,.4)}.mensaje-exito{background:#3fae6b1f;color:#9adcb4;border:1px solid rgba(63,174,107,.4)}.marcador{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:4px}.marcador input{width:70px;height:70px;text-align:center;font-size:30px;font-weight:800;padding:0}.marcador .vs{color:var(--texto-tenue);font-weight:800;font-size:20px}.signo{display:flex;gap:11px;margin-top:4px}.signo button{flex:1;padding:20px 0;font-size:24px;font-weight:800;background:var(--fondo);border:1.5px solid var(--borde);border-radius:13px;color:var(--texto);cursor:pointer;transition:all .16s ease}.signo button:active{transform:scale(.94)}.signo button.activo{background:linear-gradient(135deg,var(--azul) 0%,var(--azul-hondo) 100%);color:#fff;border-color:var(--azul-claro);box-shadow:0 6px 18px #1f6fe066;transform:translateY(-2px)}.codigo-grande{font-family:Courier New,monospace;font-size:30px;font-weight:700;letter-spacing:3px;text-align:center;color:var(--oro-claro);background:repeating-linear-gradient(45deg,rgba(200,150,46,.04) 0 10px,transparent 10px 20px),var(--fondo);border:1.5px dashed var(--oro);border-radius:14px;padding:24px 16px;word-break:break-all;margin-top:8px;animation:aparecer-codigo .45s cubic-bezier(.2,.8,.2,1)}@keyframes aparecer-codigo{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.fila{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--borde);font-size:14px;transition:padding-left .15s}.fila:last-child{border-bottom:none}.fila.clicable{cursor:pointer}.fila.clicable:active{padding-left:6px}.etiqueta-estado{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:5px 11px;border-radius:20px;background:var(--tarjeta-alta);color:var(--texto-medio);border:1px solid var(--borde)}.etiqueta-estado.abierta{color:#9adcb4;border-color:#3fae6b66;background:#3fae6b1a}.etiqueta-estado.pleno{color:var(--oro-claro);border-color:#c8962e73;background:#c8962e1f}.nav-inferior{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#111726eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--borde);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:50}.nav-inferior a{flex:1;text-align:center;text-decoration:none;color:var(--texto-tenue);font-size:11px;font-weight:600;padding:6px 0;transition:color .15s}.nav-inferior a .icono{display:block;font-size:21px;margin-bottom:3px;transition:transform .15s}.nav-inferior a:active .icono{transform:scale(.85)}.nav-inferior a.activo{color:var(--azul-claro)}.nav-inferior a.activo .icono{filter:drop-shadow(0 0 8px rgba(77,155,255,.5))}.pantalla-centro{flex:1;display:flex;flex-direction:column;justify-content:center;padding:32px 26px calc(32px + env(safe-area-inset-bottom));animation:subir .5s cubic-bezier(.2,.8,.2,1)}.marca{text-align:center;margin-bottom:30px}.marca img.logo-grande{width:108px;height:108px;border-radius:26px;box-shadow:0 12px 40px #00000080,0 0 0 1px var(--borde);margin-bottom:18px;animation:flotar 5s ease-in-out infinite}@keyframes flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.marca img.wordmark-grande{height:30px;margin-top:2px}.marca .lema{font-size:12px;color:var(--texto-tenue);letter-spacing:2px;text-transform:uppercase;margin-top:12px}.enlace-texto{text-align:center;margin-top:20px;font-size:14px;color:var(--texto-medio)}.enlace-texto a{color:var(--azul-claro);font-weight:600;text-decoration:none}.check-edad{display:flex;align-items:center;gap:11px;margin-top:18px;font-size:14px;color:var(--texto-medio);cursor:pointer}.check-edad input{width:auto}.vacio{text-align:center;color:var(--texto-tenue);padding:34px 12px;font-size:14px;line-height:1.6}.spinner{width:30px;height:30px;border:3px solid var(--borde);border-top-color:var(--azul-claro);border-radius:50%;margin:30px auto;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}