:root{--fondo: #0b1026;--panel: #141b3a;--panel-2: #1b2550;--borde: #2a3463;--texto: #eef1ff;--suave: #a9b3d1;--lila: #d00de3;--violeta: #6941f4;--azul: #3e7af9;--cian: #1de5e9;--bien: #6bd66b;--mal: #f0544f;--degradado: linear-gradient(90deg, #d00de3, #6941f4 35%, #3e7af9 65%, #1de5e9);--radio: 16px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--fondo);color:var(--texto);font:17px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,select{font:inherit}.enlaces-portada{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}.enlace{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--cian);text-decoration:underline;padding:8px 4px;min-height:44px;cursor:pointer;font-size:15px}.isotipo-dibujo-envoltura{animation:dibujar 1.5s ease-out both}.visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}a{color:var(--cian)}.pantalla{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:24px 16px 32px;gap:16px;max-width:520px;margin:0 auto;text-align:center}.pantalla.centrada{justify-content:center}h1,h2,h3{margin:0;line-height:1.15}h1{font-size:30px}h2{font-size:24px}.suave{color:var(--suave)}.chico{font-size:14px}.boton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:14px 22px;min-height:52px;width:100%;font-weight:700;font-size:18px;cursor:pointer;color:#0b1026;background:var(--cian);touch-action:manipulation}.boton.principal{background:var(--degradado);color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .35)}.boton.secundario{background:transparent;color:var(--texto);border:2px solid var(--borde)}.boton.whatsapp{background:#25d366;color:#0b1026}.boton.linkedin{background:#0a66c2;color:#fff}.botones.compartir{display:grid;grid-template-columns:1fr 1fr;gap:8px}.botones.compartir .boton{min-height:46px;padding:10px 12px;font-size:15px}.botones.compartir .mensaje-sugerido,.botones.compartir .error,.botones.compartir .boton:first-child:nth-last-child(n+6){grid-column:1 / -1}.mensaje-sugerido summary{cursor:pointer;color:var(--cian);font-size:14px}.fin-mundo .felicitacion{font-size:18px;line-height:1.45;margin:8px 0 2px;color:#ffe45c;text-wrap:balance}.mensaje-sugerido{background:#ffffff0f;border:1px solid var(--borde);border-radius:12px;padding:10px 14px;text-align:left}.mensaje-sugerido p{white-space:pre-line;overflow-wrap:anywhere;margin:0;color:var(--suave)}.boton:disabled{opacity:.5;cursor:default}.boton:focus-visible,.opcion:focus-visible{outline:3px solid #fff;outline-offset:3px}.botones{display:flex;flex-direction:column;gap:12px;width:100%}.logotipo{width:min(320px,80vw);height:auto}.isotipo-dibujo{width:min(360px,88vw);animation:dibujar 1.5s ease-out both}@keyframes dibujar{0%{clip-path:inset(0 100% 0 0);filter:drop-shadow(0 0 0 transparent)}to{clip-path:inset(0 0 0 0);filter:drop-shadow(0 0 12px rgb(29 229 233 / .55))}}.tarjeta{width:100%;background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);padding:18px;text-align:left}.robots{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.robot{background:var(--panel);border:3px solid var(--borde);border-radius:16px;padding:8px 6px 10px;cursor:pointer;color:inherit;text-align:center;display:grid;justify-items:center;gap:2px}.robot[aria-pressed=true]{border-color:var(--color);box-shadow:0 0 20px color-mix(in srgb,var(--color) 50%,transparent)}.robot img{height:clamp(110px,17vh,240px);width:auto;max-width:100%;object-fit:contain}.nombre-robot{font-weight:800;font-size:18px}.medidor{display:flex;gap:10px;justify-content:center;font-size:12px;color:var(--suave)}.saludo-robot{width:100%;text-align:left;font-size:14px;line-height:1.35;padding:8px 12px;border:1px solid;border-radius:12px;background:var(--panel)}.puntos-medidor{letter-spacing:2px;color:var(--color)}.mundo{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--fondo)}.lienzo{position:absolute;top:0;right:0;bottom:0;left:0}.capa{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#050816b8;z-index:10;overflow-y:auto}.capa>.tarjeta{max-width:480px;animation:entrar .25s ease-out}@keyframes entrar{0%{transform:translateY(24px) scale(.97);opacity:0}}.etiqueta{display:inline-block;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--cian)}.opciones{display:flex;flex-direction:column;gap:10px;margin-top:12px}.opcion{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;padding:14px 16px;min-height:52px;border-radius:12px;border:2px solid var(--borde);background:var(--panel-2);color:var(--texto);cursor:pointer}.opcion.correcta{border-color:var(--bien);background:color-mix(in srgb,var(--bien) 22%,var(--panel-2))}.opcion.incorrecta{border-color:var(--mal);background:color-mix(in srgb,var(--mal) 22%,var(--panel-2))}.opcion.oculta{visibility:hidden}.tiempo{height:6px;border-radius:3px;background:var(--borde);overflow:hidden;margin-top:10px}.tiempo>div{height:100%;background:var(--cian);transition:width .25s linear}.resultado{margin-top:12px;font-weight:700}.resultado.bien{color:var(--bien)}.resultado.mal{color:#ff8a86}.toast{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(480px,calc(100% - 32px));background:var(--panel);border:2px solid #ffd34d;border-radius:14px;padding:12px 14px;text-align:left;z-index:9;animation:entrar .3s ease-out;pointer-events:none}.conexion{position:fixed;top:0;left:0;right:0;z-index:30;background:#ffb020;color:#0b1026;text-align:center;font-weight:700;padding:6px;font-size:14px}.salto{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--fondo);overflow:hidden;z-index:20;display:grid;place-items:center}.salto img{position:absolute;width:70vw;max-width:420px;animation:cruzar .8s ease-in-out both}.salto .lambda{font-size:clamp(44px,13vw,72px);letter-spacing:.06em;font-weight:800;background:var(--degradado);-webkit-background-clip:text;background-clip:text;color:transparent;animation:brillar .9s .6s ease-out both}@keyframes cruzar{0%{transform:translate(-120vw) translateY(20px)}to{transform:translate(120vw) translateY(-30px)}}@keyframes brillar{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.castillo{background:linear-gradient(to top,rgb(248 56 0 / .45),transparent 120px),linear-gradient(#1a1030,#2a1650 70%,#1a1030);background-attachment:fixed;min-height:100%}.cuantico{position:relative;width:min(230px,62vw,36vh);aspect-ratio:800 / 327}.cuantico img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cuantico .sombra{opacity:.38}.logotipo-castillo{width:min(190px,52vw,30vh);margin-top:-4px;filter:drop-shadow(0 0 10px rgb(29 229 233 / .45))}.cuantico .parte{opacity:0;transition:opacity .8s ease,filter .8s ease;filter:drop-shadow(0 0 0 transparent)}.cuantico .parte.encendida{opacity:1;filter:drop-shadow(0 0 10px rgb(29 229 233 / .6))}.cuantico .parte.p0{clip-path:inset(55% 0 0 0)}.cuantico .parte.p1{clip-path:inset(0 0 45% 70%)}.cuantico .parte.p2{clip-path:inset(0 30% 45% 30%)}.cuantico .parte.p3{clip-path:inset(0 70% 45% 0)}.cuantico .lambda-pecho{position:absolute;left:48%;top:38%;font-weight:800;font-size:clamp(22px,7vw,34px);color:#e58ad6;text-shadow:0 0 12px #e58ad6;opacity:0;transition:opacity .8s}.cuantico .lambda-pecho.encendida{opacity:1}.tarjeta.necesidad{background:linear-gradient(160deg,#3b1d72,#23124c);border:2px solid #8b5cf6;box-shadow:0 0 28px #8b5cf659}.tarjeta.necesidad .etiqueta{color:#e58ad6}.tarjeta.necesidad .solucion{margin:0 0 14px;border-left-color:#e58ad6}.necesidad-botones{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.necesidad-botones .boton{padding-inline:8px}.encendio{margin:0;color:var(--cian);font-weight:700}.solucion{border-left:4px solid var(--cian);padding-left:12px;text-align:left}.revelacion .frase{font-size:22px;font-weight:700}.duo-revelacion{display:flex;align-items:flex-end;justify-content:center;gap:0;width:min(480px,96vw)}.duo-revelacion .robot-revelacion{height:clamp(120px,20vh,190px);width:auto;margin-right:-18px;z-index:1;filter:drop-shadow(0 0 18px #1DE5E9);animation:brillar .9s ease-out both}.duo-revelacion .super-revelacion{width:auto;height:clamp(110px,18vh,180px);max-width:68%;object-fit:contain}.super-revelacion{width:min(440px,96vw);filter:drop-shadow(0 0 22px rgb(105 65 244 / .7));animation:super-entra 1.1s cubic-bezier(.2,.8,.2,1) both}@keyframes super-entra{0%{transform:translate(-80vw) translateY(40px) scale(.6);opacity:0}60%{transform:translate(4vw) translateY(-30px) scale(1.05);opacity:1}to{transform:translate(0) translateY(0) scale(1)}}.lema{letter-spacing:3px;text-transform:uppercase;font-size:13px;color:var(--suave)}.aparecer{animation:entrar .6s ease-out both}form.formulario{width:100%;display:flex;flex-direction:column;gap:12px;text-align:left}.campo label{display:block;font-weight:600;margin-bottom:4px}.campo input,.campo select{width:100%;min-height:50px;padding:10px 12px;border-radius:12px;border:2px solid var(--borde);background:var(--panel-2);color:var(--texto);font-size:17px}.campo input[aria-invalid=true],.campo select[aria-invalid=true]{border-color:var(--mal)}.error{color:#ff8a86;font-size:14px;margin-top:4px}.telefono{display:flex;gap:8px;align-items:center}.telefono span{padding:0 10px;min-height:50px;display:grid;place-items:center;border-radius:12px;background:var(--panel);border:2px solid var(--borde)}.casilla{display:flex;gap:10px;align-items:flex-start;font-size:15px}.pantalla.compacta{gap:8px;padding-top:14px}.formulario.compacto{gap:8px}.formulario.compacto .campo label{font-size:14px;margin-bottom:2px}.formulario.compacto .campo input,.formulario.compacto .campo select{min-height:44px;padding:8px 10px;font-size:16px}.formulario.compacto .telefono select{width:38%;flex:none}.formulario.compacto .casilla{font-size:13px}.formulario.compacto .boton{min-height:48px}.casilla input{width:24px;height:24px;margin:2px 0 0;flex:none}.insignia{width:min(220px,58vw);height:auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.45))}.codigo{font:700 28px/1 ui-monospace,Consolas,monospace;letter-spacing:4px}.qr{background:#fff;padding:8px;border-radius:8px;width:132px;height:132px}.fila{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}video.clip{width:100%;max-height:60vh;border-radius:14px;background:#000}.ranking{max-width:none;min-height:100%;padding:32px 48px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:start;text-align:left}.ranking table{width:100%;border-collapse:collapse;font-size:clamp(18px,2.2vw,30px)}.ranking td{padding:10px 12px;border-bottom:1px solid var(--borde)}.ranking td.pos{width:2.5em;font-weight:800;color:var(--cian)}.ranking td.pts{text-align:right;font-weight:800}.ranking img.mini{width:1.6em;height:1.9em;vertical-align:middle}.ranking .qr-grande{background:#fff;padding:16px;border-radius:16px;width:min(28vw,360px);height:auto}@media(max-width:800px){.ranking{grid-template-columns:1fr;padding:16px}}.tablero-stand{min-height:100%;padding:16px clamp(16px,4vw,56px) 104px;display:grid;gap:14px;align-content:start;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,rgb(105 65 244 / .35),transparent 60%),var(--fondo)}.tablero-cabecera{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-wrap:wrap}.tablero-cabecera h1{font-size:clamp(20px,2vw,30px);letter-spacing:.04em;margin-top:6px}.tablero-cabecera .logotipo{width:min(260px,40vw)}.bandera{display:inline-block;width:1.25em;height:auto;vertical-align:-.12em;border-radius:3px;box-shadow:0 0 0 1px #ffffff40;margin-right:.15em}.franja{height:6px;width:140px;border-radius:3px;background:var(--degradado);margin-bottom:14px}.tablero-qr{text-align:center}.tablero-qr .qr-grande{background:#fff;padding:8px;border-radius:12px;width:min(11vw,150px)}.tablero-juega{font-size:20px;font-weight:800;margin:8px 0 0}.vacio-stand{font-size:28px;text-align:center}.podio{display:flex;justify-content:center;align-items:flex-end;gap:clamp(10px,2vw,28px)}.peldano{display:grid;justify-items:center;width:clamp(140px,17vw,260px)}.celebra{position:relative;display:grid;place-items:end center}.peldano{--base-robot: clamp(64px, 8vh, 96px);--escala: 1}.puesto-3{--escala: 1.15}.puesto-2{--escala: 1.3225}.puesto-1{--escala: 1.5209}.celebra img{height:calc(var(--base-robot) * var(--escala));filter:drop-shadow(0 8px 14px rgb(0 0 0 / .45));animation:celebrar 1.1s ease-in-out infinite;transform-origin:50% 100%}.puesto-1 .celebra img{animation:saltito .9s ease-in-out infinite}.puesto-2 .celebra img{animation-delay:.2s}.puesto-3 .celebra img{animation-delay:.4s}.puesto-4 .celebra img{animation-delay:.6s}@keyframes celebrar{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-12px)}}@keyframes saltito{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-34px) scale(1.04,.98)}60%{transform:translateY(-34px) scale(.98,1.04)}}.confeti{position:absolute;inset:-30px -20px auto;height:60px;background:radial-gradient(circle,#D00DE3 3px,transparent 4px) 0 0 / 28px 30px,radial-gradient(circle,#1DE5E9 3px,transparent 4px) 12px 8px / 34px 26px,radial-gradient(circle,#FFD34D 3px,transparent 4px) 6px 14px / 22px 32px;animation:confeti 2.4s linear infinite;opacity:.9}@keyframes confeti{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}to{transform:translateY(90px);opacity:0}}.medalla{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin-top:-8px;position:relative;z-index:1;font-weight:800;font-size:22px;color:#0b1026;box-shadow:0 0 0 4px #ffffff40,0 6px 18px #0006;animation:brillo-medalla 2.2s ease-in-out infinite}.medalla.oro{background:conic-gradient(from 210deg,#8d6416,#fbe7a1,#c9962c,#ffe9a8,#8d6416);width:60px;height:60px;font-size:27px}.medalla.plata{background:conic-gradient(from 210deg,#7c8597,#f4f6fa,#a3abbc,#e8ebf2,#7c8597)}.medalla.bronce{background:conic-gradient(from 210deg,#7a3e14,#f2b98a,#a9612b,#f7c9a0,#7a3e14)}.medalla.cuarto{background:conic-gradient(from 210deg,#0b7a82,#c9fdff,#1de5e9,#e6feff,#0b7a82)}@keyframes brillo-medalla{0%,to{transform:scale(1) rotate(-4deg);filter:brightness(1)}50%{transform:scale(1.1) rotate(4deg);filter:brightness(1.3)}}.bloque-podio{width:100%;margin-top:6px;padding:8px;border-radius:14px 14px 0 0;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--color) 35%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--color) 60%,var(--borde));border-bottom:0}.puesto-1 .bloque-podio{min-height:200px}.puesto-2 .bloque-podio{min-height:168px}.puesto-3 .bloque-podio{min-height:140px}.puesto-4 .bloque-podio{min-height:116px}.bloque-podio .apodo{font-weight:800;font-size:clamp(16px,1.5vw,24px);overflow-wrap:anywhere}.bloque-podio .pts{font-weight:800;font-size:clamp(18px,1.7vw,28px);color:var(--cian);font-variant-numeric:tabular-nums}.insignia-texto{color:var(--suave);font-size:clamp(13px,1.1vw,17px)}.lista-stand{list-style:none;margin:0 auto;padding:0;width:min(1100px,100%);display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px;align-content:start}.lista-stand li{display:grid;grid-template-columns:2.2em 36px 1fr auto auto;gap:10px;align-items:center;padding:4px 12px;border-radius:12px;background:var(--panel);border-left:4px solid var(--color);font-size:clamp(16px,1.5vw,24px)}.lista-stand .pos{font-weight:800;color:var(--cian)}.lista-stand>li>img{height:36px;width:36px;object-fit:contain;animation:celebrar 1.6s ease-in-out infinite}.lista-stand .apodo{font-weight:700;overflow-wrap:anywhere;min-width:0}.lista-stand .pts{font-weight:800;font-variant-numeric:tabular-nums}.desfile{position:fixed;left:0;right:0;bottom:0;overflow:hidden;height:88px;border-top:2px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,transparent,rgb(105 65 244 / .25))}.cinta{display:flex;gap:70px;width:max-content;padding:10px 40px 0;animation:desfilar 40s linear infinite}@keyframes desfilar{0%{transform:translate(0)}to{transform:translate(-50%)}}.paseante{position:relative;height:72px;display:grid;place-items:end center}.paseante img{height:68px}.paseante.feliz img{animation:saltito .8s ease-in-out infinite}.paseante.juega img{animation:celebrar .7s ease-in-out infinite}.paseante.llora img{animation:sollozo 1.6s ease-in-out infinite;filter:saturate(.7)}@keyframes sollozo{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(2px) rotate(-3deg)}75%{transform:translateY(2px) rotate(3deg)}}.lagrima{position:absolute;top:34px;width:8px;height:12px;border-radius:50%/60% 60% 40% 40%;background:#6fe6f6;animation:lagrima 1.1s ease-in infinite}.lagrima.l1{left:38%}.lagrima.l2{left:58%;animation-delay:.55s}@keyframes lagrima{0%{transform:translateY(0);opacity:1}to{transform:translateY(46px);opacity:0}}.pelota{position:absolute;top:-6px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3b0,#ffd34d 45%,#b9860f);animation:malabar .7s ease-in-out infinite alternate}@keyframes malabar{0%{transform:translate(-18px,10px)}to{transform:translate(18px,-26px)}}@media(max-height:860px){.tablero-stand{gap:8px;padding-top:10px}.tablero-cabecera .logotipo{width:min(200px,34vw)}.tablero-cabecera p.suave{margin:4px 0 0}.tablero-qr .qr-grande{width:min(9vw,112px)}.tablero-qr p{margin:4px 0 0}.peldano{--base-robot: clamp(50px, 7vh, 70px)}.puesto-1 .bloque-podio{min-height:150px}.puesto-2 .bloque-podio{min-height:132px}.puesto-3 .bloque-podio{min-height:116px}.puesto-4 .bloque-podio{min-height:100px}.lista-stand li{padding:2px 12px}.lista-stand>li>img{height:30px;width:30px}}@media(max-width:900px){.lista-stand{grid-template-columns:1fr}.tablero-qr{display:none}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#050816d9;padding:16px}.modal .tarjeta{max-width:420px;text-align:center}@media(min-width:900px)and (orientation:portrait){.pantalla:not(.ranking),.capa>.tarjeta,.modal .tarjeta,.toast{zoom:1.9}}@media(min-width:1400px)and (min-height:900px)and (orientation:landscape){.pantalla:not(.ranking),.capa>.tarjeta,.modal .tarjeta,.toast{zoom:1.4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}