:root{--azul-900: #062657;--azul-800: #0b3c8d;--azul-700: #1251b5;--azul-600: #1b6ae0;--azul-400: #5b9bf5;--amarillo: #ffc700;--amarillo-claro: #ffe066;--amarillo-oscuro: #e0a800;--blanco: #ffffff;--hueso: #f6f9ff;--gris: #5b6b86;--verde: #18b663;--rojo: #e8443c;--sombra-card: 0 24px 60px -18px rgba(6, 38, 87, .55);--sombra-boton: 0 6px 0 var(--amarillo-oscuro);--radio: 24px;--fuente-titulo: "Baloo 2", system-ui, sans-serif;--fuente-texto: "Nunito", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--fuente-texto);color:var(--azul-900);background:var(--azul-800);-webkit-tap-highlight-color:transparent;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit}svg{flex:0 0 auto;display:block}.con-icono{display:inline-flex;align-items:center;gap:9px}.escenario{position:relative;height:100dvh;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;background:radial-gradient(1200px 600px at 15% -10%,var(--azul-600) 0%,transparent 60%),radial-gradient(900px 500px at 100% 100%,var(--azul-700) 0%,transparent 55%),linear-gradient(160deg,var(--azul-800) 0%,var(--azul-900) 100%)}.ambiente{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.aurora{position:absolute;border-radius:50%;will-change:transform;animation:derivar ease-in-out infinite alternate}.aurora-1{width:62vw;height:62vw;top:-22vw;left:-14vw;background:radial-gradient(circle,#ffc7004d,#ffc70000 68%);animation-duration:24s}.aurora-2{width:54vw;height:54vw;bottom:-20vw;right:-12vw;background:radial-gradient(circle,#5b9bf56b,#5b9bf500 70%);animation-duration:31s;animation-delay:-8s}.aurora-3{width:44vw;height:44vw;top:32%;left:46%;background:radial-gradient(circle,#ffffff29,#fff0 70%);animation-duration:27s;animation-delay:-15s}.aurora-4{width:38vw;height:38vw;bottom:6%;left:8%;background:radial-gradient(circle,#ffe06633,#ffe06600 72%);animation-duration:35s;animation-delay:-4s}@keyframes derivar{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6vw,-5vh,0) scale(1.18)}}.destello{position:absolute;top:-60%;left:-40%;width:28vw;height:220%;transform:rotate(18deg);background:linear-gradient(90deg,#fff0,#ffffff0e,#fff0);animation:barrer 17s linear infinite}@keyframes barrer{0%{transform:translate(0) rotate(18deg)}55%{transform:translate(185vw) rotate(18deg)}to{transform:translate(185vw) rotate(18deg)}}.controles{position:absolute;top:clamp(10px,1.8vh,20px);right:clamp(12px,2.5vw,28px);z-index:5;display:flex;gap:10px}.icono-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:var(--blanco);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .16s ease,background .16s ease,opacity .16s ease}.icono-btn:hover{transform:translateY(-2px);background:#ffffff38}.icono-btn[data-apagado=true]{opacity:.4}.logo-cti{width:auto;height:clamp(40px,6vh,54px);flex:0 0 auto;border-radius:50%;background:var(--blanco);box-shadow:0 8px 24px -8px #00000080}.barra-acciones{margin-left:auto;display:flex;gap:10px}.lienzo{position:relative;z-index:2;min-height:0;display:grid;place-items:center;padding:clamp(14px,2.4vh,28px) clamp(16px,4vw,40px);overflow-y:auto;overflow-x:hidden}.tarjeta{width:100%;max-width:820px;max-height:100%;overflow-y:auto;background:var(--blanco);border-radius:var(--radio);box-shadow:var(--sombra-card);padding:clamp(18px,3vh,40px) clamp(20px,3.4vw,44px)}h1,h2,h3{font-family:var(--fuente-titulo);line-height:1.12}.titulo-hero{font-size:clamp(30px,7.4vh,68px);color:var(--blanco);text-align:center;text-shadow:0 6px 0 rgba(6,38,87,.45)}.titulo-hero em{font-style:normal;color:var(--amarillo);display:block}.titulo-brillo{background:linear-gradient(100deg,var(--amarillo) 0%,var(--amarillo) 38%,#fff6cf 48%,var(--blanco) 52%,#fff6cf 56%,var(--amarillo) 66%,var(--amarillo) 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brillar 5.5s ease-in-out infinite}@keyframes brillar{0%,to{background-position:120% 50%}50%{background-position:-20% 50%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(12px,1.8vh,16px) clamp(22px,3vw,32px);border-radius:999px;font-family:var(--fuente-titulo);font-size:clamp(16px,2.2vh,19px);font-weight:700;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.btn-primario{background:var(--amarillo);color:var(--azul-900);box-shadow:var(--sombra-boton)}.btn-primario:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 9px 0 var(--amarillo-oscuro)}.btn-primario:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--amarillo-oscuro)}.btn-contorno{background:transparent;color:var(--blanco);border:2px solid rgba(255,255,255,.5)}.btn-contorno:hover{background:#ffffff24;transform:translateY(-2px)}.btn-azul{background:var(--azul-800);color:var(--blanco);box-shadow:0 6px 0 var(--azul-900)}.btn-azul:hover:not(:disabled){transform:translateY(-3px)}.btn-grande{padding:clamp(14px,2.2vh,20px) clamp(28px,4vw,46px);font-size:clamp(18px,2.7vh,23px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-chico{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:12px;font-size:14px;font-weight:700;background:var(--hueso);color:var(--azul-800);border:1px solid #dbe5f5}.btn-chico:hover:not(:disabled){background:#e9f0ff}.btn-chico:disabled{opacity:.5;cursor:not-allowed}.btn-chico[data-tono=rojo]{color:var(--rojo);border-color:#f6d4d2;background:#fff5f4}.btn-chico[data-tono=verde]{color:#0d7b43;border-color:#c6ecd8;background:#f1fdf6}.portada{text-align:center;display:grid;gap:clamp(8px,1.9vh,22px);justify-items:center;padding:clamp(6px,1.6vh,20px) 0}.hero{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.4vw,26px);flex-wrap:wrap}.titulo-hero em{display:inline}.hero-logo{position:relative;display:grid;place-items:center}.hero-halo{position:absolute;width:150%;height:150%;border-radius:50%;background:radial-gradient(circle,#ffc7008c,#ffc70000 68%)}.hero-logo-img{position:relative;height:clamp(58px,11vh,104px);width:auto;border-radius:50%;background:var(--blanco);box-shadow:0 18px 44px -14px #0009}.intro{max-width:660px;color:#ffffffdb;font-size:clamp(14px,2vh,19px);line-height:1.5;font-weight:600}.intro b{color:var(--amarillo);font-weight:800}.btn-llamada{box-shadow:0 6px 0 var(--amarillo-oscuro),0 0 46px -4px #ffc70099}.cifras{display:flex;flex-wrap:wrap;gap:clamp(8px,1.6vw,18px);justify-content:center}.cifra{min-width:118px;padding:clamp(8px,1.3vh,14px) 20px;border-radius:18px;background:#ffffff17;border:1px solid rgba(255,255,255,.16);color:var(--blanco)}.cifra b{display:block;font-family:var(--fuente-titulo);font-size:clamp(24px,4vh,40px);line-height:1;font-variant-numeric:tabular-nums}.cifra span{font-size:12.5px;opacity:.8;font-weight:700}.cifra-destacada{background:#ffc70029;border-color:#ffc70080}.cifra-destacada b{color:var(--amarillo)}.podio{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--blanco);font-size:14px;font-weight:700}.podio-titulo{display:inline-flex;align-items:center;gap:7px;color:var(--amarillo);font-size:12.5px;text-transform:uppercase;letter-spacing:.5px}.podio-item{display:inline-flex;align-items:center;gap:7px}.podio-item i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;font-style:normal;font-size:12px;font-weight:800;color:var(--azul-900)}.podio-item i[data-medalla="1"]{background:var(--amarillo)}.podio-item i[data-medalla="2"]{background:#dbe5f5}.podio-item i[data-medalla="3"]{background:#f2d7b0}.podio-item b{color:var(--amarillo-claro)}.form{display:grid;gap:clamp(12px,2vh,20px)}.campo{display:grid;gap:7px}.campo label{font-weight:800;font-size:14px;color:var(--azul-800)}.campo input,.campo select{padding:clamp(11px,1.7vh,15px) 18px;border-radius:16px;border:2px solid #dbe5f5;background:var(--hueso);font-size:clamp(15px,2vh,17px);font-weight:600;color:var(--azul-900);transition:border-color .16s ease,box-shadow .16s ease}.campo input:focus,.campo select:focus{outline:none;border-color:var(--azul-600);box-shadow:0 0 0 4px #1b6ae026}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:2px solid #dbe5f5;background:var(--hueso);font-weight:700;font-size:15px;color:var(--gris);transition:all .16s ease}.chip[aria-pressed=true]{background:var(--azul-800);border-color:var(--azul-800);color:var(--blanco);transform:translateY(-2px)}.aviso{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:16px;background:#fff9e6;border:1px solid var(--amarillo);font-size:14px;line-height:1.45;color:#6b4e00}.aviso>svg{margin-top:1px}.aviso-error{background:#fff5f4;border-color:#f3b7b3;color:#92231c}.casilla{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:7px;border:2px solid var(--amarillo-oscuro);background:var(--blanco);color:var(--blanco);transition:background .16s ease}.casilla[data-marcada=true]{background:var(--verde);border-color:var(--verde)}.hud{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:clamp(10px,1.8vh,20px)}.hud-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--hueso);border:1px solid #dbe5f5;font-weight:800;font-size:14px;color:var(--azul-800)}.hud-derecha{margin-left:auto}.cronometro{font-variant-numeric:tabular-nums;min-width:92px;justify-content:center}.cronometro[data-alerta=true]{background:#fff1f0;border-color:#f3b7b3;color:var(--rojo);animation:latido .8s ease-in-out infinite}@keyframes latido{50%{transform:scale(1.07)}}.barra-progreso{height:11px;border-radius:999px;background:#e7eefb;overflow:hidden;margin-bottom:clamp(12px,2.2vh,24px)}.barra-progreso i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--azul-600),var(--amarillo));transition:width .45s cubic-bezier(.22,1,.36,1)}.enunciado{font-family:var(--fuente-titulo);font-size:clamp(21px,3.6vh,34px);line-height:1.22;color:var(--azul-900);margin-bottom:7px}.meta-pregunta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--gris);font-weight:700;margin-bottom:clamp(12px,2.2vh,22px)}.opciones{display:grid;gap:clamp(8px,1.4vh,14px)}.opcion{display:flex;align-items:center;gap:14px;width:100%;padding:clamp(11px,1.9vh,18px) clamp(14px,2vw,22px);border-radius:18px;border:2px solid #dbe5f5;background:var(--blanco);text-align:left;font-size:clamp(15px,2.1vh,19px);font-weight:700;color:var(--azul-900);transition:transform .14s ease,border-color .14s ease,background .2s ease,box-shadow .14s ease}.opcion:hover:not(:disabled){transform:translate(6px);border-color:var(--azul-600);box-shadow:0 10px 26px -14px #0b3c8d99}.opcion:disabled{cursor:default}.opcion-letra{display:grid;place-items:center;width:clamp(34px,5vh,44px);height:clamp(34px,5vh,44px);flex:0 0 auto;border-radius:13px;background:var(--hueso);border:1px solid #dbe5f5;font-family:var(--fuente-titulo);font-size:clamp(16px,2.4vh,20px);font-weight:800;color:var(--azul-700)}.opcion-marca{margin-left:auto;color:var(--azul-700)}.opcion[data-estado=elegida]{border-color:var(--azul-600);background:#eef4ff;animation:confirmar .4s ease}.opcion[data-estado=elegida] .opcion-letra{background:var(--azul-800);color:var(--blanco);border-color:var(--azul-800)}.opcion[data-estado=apagada]{opacity:.4}@keyframes confirmar{0%{transform:scale(1)}45%{transform:scale(1.025)}to{transform:scale(1)}}.retro{margin-top:clamp(12px,2vh,20px);padding:14px 18px;border-radius:16px;font-weight:800;font-size:16px;display:flex;align-items:center;gap:12px;background:#eef4ff;color:var(--azul-800);border:1px solid #d3e2fb}.retro[data-tipo=tiempo]{background:#fff9e6;color:#6b4e00;border-color:var(--amarillo)}.resultado{text-align:center;display:grid;gap:clamp(10px,1.8vh,20px);justify-items:center}.medalla{display:grid;place-items:center;width:clamp(96px,16vh,150px);height:clamp(96px,16vh,150px);border-radius:50%;background:conic-gradient(var(--amarillo),var(--amarillo-claro),var(--amarillo));box-shadow:0 18px 50px -14px #ffc700d9;color:var(--azul-900)}.marcador{font-family:var(--fuente-titulo);font-size:clamp(46px,11vh,96px);line-height:1;color:var(--azul-800)}.marcador small{font-size:.42em;color:var(--gris)}.premio{padding:clamp(14px,2.2vh,22px) 24px;border-radius:20px;background:linear-gradient(135deg,var(--amarillo),var(--amarillo-claro));color:var(--azul-900);font-weight:800;font-size:14.5px;line-height:1.5;box-shadow:0 14px 40px -16px #ffc700e6}.premio b{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--fuente-titulo);font-size:clamp(19px,2.8vh,25px);margin-bottom:6px}.acciones{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.tabla-ranking{width:100%;border-collapse:collapse}.tabla-ranking th{text-align:left;padding:11px 13px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--gris);border-bottom:2px solid #e7eefb}.tabla-ranking td{padding:12px 13px;border-bottom:1px solid #eef3fc;font-weight:700;font-size:15px}.tabla-ranking tr[data-top=true] td{background:#fffaea}.posicion{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--hueso);color:var(--azul-800);font-family:var(--fuente-titulo);font-weight:800}.posicion[data-medalla="1"]{background:var(--amarillo)}.posicion[data-medalla="2"]{background:#dbe5f5}.posicion[data-medalla="3"]{background:#f2d7b0}.confeti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.confeti i{position:absolute;top:-24px;width:11px;height:18px;border-radius:2px;animation:caer linear forwards}@keyframes caer{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(760deg);opacity:.9}}.admin{height:100dvh;overflow-y:auto;background:var(--hueso);color:var(--azul-900)}.admin-barra{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px clamp(16px,3vw,32px);background:var(--azul-800);color:var(--blanco)}.admin-barra h1{font-size:20px}.admin-barra .barra-acciones{margin-left:auto}.admin-tabs{display:flex;gap:8px;padding:16px clamp(16px,3vw,32px) 0;flex-wrap:wrap}.admin-tab{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:800;font-size:15px;background:var(--blanco);color:var(--gris);border:1px solid #dbe5f5}.admin-tab[aria-selected=true]{background:var(--azul-800);color:var(--blanco);border-color:var(--azul-800)}.admin-cuerpo{padding:20px clamp(16px,3vw,32px) 48px;display:grid;gap:20px}.panel{background:var(--blanco);border-radius:18px;border:1px solid #e7eefb;padding:22px;box-shadow:0 10px 30px -22px #06265780}.panel h2{display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:16px}.panel-cabecera{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.panel-cabecera h2{margin:0}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.kpi{background:var(--blanco);border:1px solid #e7eefb;border-radius:16px;padding:18px 20px}.kpi b{display:block;font-family:var(--fuente-titulo);font-size:34px;color:var(--azul-800);line-height:1}.kpi span{font-size:13px;color:var(--gris);font-weight:700}.kpi[data-tono=amarillo]{background:#fffaea;border-color:var(--amarillo)}.buscador{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:12px;border:2px solid #dbe5f5;background:var(--hueso);color:var(--gris);min-width:250px}.buscador input{border:none;background:none;outline:none;font-weight:600;font-size:14.5px;color:var(--azul-900);width:100%}.tabla-envoltura{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;min-width:760px}.tabla th{text-align:left;padding:11px 12px;white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--gris);border-bottom:2px solid #e7eefb}.tabla td{padding:12px;border-bottom:1px solid #eef3fc;font-size:14.5px;vertical-align:middle}.tabla tr:hover td{background:#fafcff}.insignia{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:800}.insignia[data-tono=verde]{background:#e7f8ef;color:#0d7b43}.insignia[data-tono=gris]{background:#eef3fc;color:var(--gris)}.insignia[data-tono=amarillo]{background:#fff5d6;color:#7a5800}.insignia[data-tono=rojo]{background:#fdeceb;color:#92231c}.fila-acciones{display:flex;gap:8px;flex-wrap:wrap}.editor-opciones{display:grid;gap:10px}.editor-opcion{display:flex;align-items:center;gap:10px}.editor-opcion input[type=text]{flex:1;padding:11px 14px;border-radius:12px;font-weight:600;font-size:15px;color:var(--azul-900);border:2px solid #dbe5f5;background:var(--hueso)}.editor-opcion label{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap;font-weight:800}.rejilla-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.login-admin{height:100dvh;display:grid;place-items:center;padding:24px}@media (max-width: 620px){.tarjeta{padding:18px 16px;border-radius:20px}.opcion{gap:11px}.hud-pill{padding:7px 12px;font-size:13px}}@media (max-height: 640px){.podio,.hero-halo{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}