@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-sans-cyrillic-ext-900-normal-CmiwIpFl.woff2)format("woff2"),url(/assets/nunito-sans-cyrillic-ext-900-normal-Bf92ffGK.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-sans-cyrillic-900-normal-Ctzrhb8A.woff2)format("woff2"),url(/assets/nunito-sans-cyrillic-900-normal-BrhV9Zb3.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-sans-vietnamese-900-normal-B0kLc0RO.woff2)format("woff2"),url(/assets/nunito-sans-vietnamese-900-normal-XU5BCYCl.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-sans-latin-ext-900-normal-BRrkRpge.woff2)format("woff2"),url(/assets/nunito-sans-latin-ext-900-normal-Y6Y-qnQj.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-sans-latin-900-normal-BhewUpNa.woff2)format("woff2"),url(/assets/nunito-sans-latin-900-normal-CVRJ8ULY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--magenta:#c026d3;--magenta-osc:#86198f;--lila:#c084fc;--rosa:#f9a8d4;--melocoton:#fdba74;--verde:#22c55e;--verde-texto:#15803d;--rojo:#ef4444;--tinta:#1f1235;--foco:#1f1235}*{box-sizing:border-box}:where(button,a,input,summary,[tabindex]):focus-visible{outline:3px solid var(--foco);outline-offset:2px}html,body{background:linear-gradient(180deg, var(--lila), var(--rosa) 55%, var(--melocoton));height:100%;color:var(--tinta);margin:0;font-family:Nunito Sans,system-ui,sans-serif;overflow:hidden}body{margin:0}#stage{--letra:34;--franja-min:144px;--ancho:min(100vw, (100dvh - var(--franja-min)) * 16 / 9);--u:calc(var(--ancho) / 1920);grid-template-columns:1fr var(--ancho) 1fr;grid-template-rows:calc(var(--ancho) * 9 / 16) 1fr;-webkit-user-select:none;user-select:none;isolation:isolate;background:var(--tinta);grid-template-areas:"izq escena der""franja franja franja";width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden;container-type:inline-size}.fondo-sala{z-index:-1;background:linear-gradient(180deg, var(--lila), var(--rosa) 55%, var(--melocoton));filter:blur(18px)saturate(1.1)brightness(.92);pointer-events:none;background-position:50%;background-size:cover;transition:background-image .4s;position:absolute;inset:-40px}.fondo-sala:after{content:"";background:#c084fc38;position:absolute;inset:0}.escena{grid-area:escena;position:relative;box-shadow:0 0 40px #1f123559;container-type:inline-size}.escena>canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.logo{pointer-events:none;-webkit-user-select:none;user-select:none;display:none}.lateral{grid-area:der}.lateral:empty{display:none}.capa,.franja{font-size:max(calc(var(--letra) * var(--u)), 15px);position:absolute}.capa{aspect-ratio:16/9;inset:0 0 auto}.franja{justify-content:flex-start;align-items:center;gap:calc(30 * var(--u));padding:0 calc(40 * var(--u));background:#1f1235e6;grid-area:franja;display:flex;position:relative;container:franja/size}.oculto{display:none!important}button{font:inherit;cursor:pointer;border:0}.subtitulo{min-width:0;max-height:100%;color:var(--color,#fff);text-align:center;border-left:.3em solid var(--color,#fff);flex:0 auto;margin-inline:auto;padding:0 .8em;font-size:max(1em,16px);font-weight:700;line-height:1.25;overflow:hidden}.subtitulo.largo{background:var(--tinta);border-radius:.5em .5em 0 0;align-self:flex-end;max-height:none;padding-block:.35em;overflow:visible}.subtitulo.solo-voz{width:calc(190 * var(--u));height:calc(120 * var(--u));background:#ffffff1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 10v4h4l5 4V6L7 10H3zm13.5 2a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zM14 3.2v2.1a7 7 0 0 1 0 13.4v2.1a9 9 0 0 0 0-17.6z'/%3E%3C/svg%3E") 50%/55% no-repeat;border-left:0;border-radius:1em;flex:none;padding:0;animation:1s ease-in-out infinite pulso}.marcas{pointer-events:none;position:absolute;inset:0;overflow:hidden}.marca{pointer-events:none;transition:left .7s ease-in-out,top .7s ease-in-out,width .7s ease-in-out,height .7s ease-in-out,opacity .26s ease-out;animation:.35s ease-out backwards marca-entra;position:absolute;transform:translate(-50%,-50%)}.marca>img,.marca>svg{width:100%;height:auto;display:block}.marca-imagen>img{filter:drop-shadow(0 calc(6 * var(--u)) calc(8 * var(--u)) #1f12354d)}.marca.saliendo{opacity:0}.marca-lupa{transform:translate(-39%,-36%)}.marca-lupa>img{filter:drop-shadow(0 calc(5 * var(--u)) calc(6 * var(--u)) #1f123559)}.marca-flecha{transform:translate(-100%, -50%) rotate(var(--angulo,0deg));transform-origin:100%;animation:none}.marca-flecha>svg{animation:.35s ease-out backwards marca-entra,1s ease-in-out .35s infinite marca-senala}.marca-circulo>svg{height:100%;overflow:visible}.marca-circulo ellipse{fill:none;stroke:var(--rojo);stroke-width:max(3px, calc(9 * var(--u)))}.lamina>.marca{z-index:1}@keyframes marca-entra{0%{opacity:0;scale:.6}}@keyframes marca-senala{50%{translate:-12%}}.opciones{justify-content:flex-end;align-items:center;gap:calc(24 * var(--u));padding-bottom:calc(160 * var(--u));background:#1f123540;flex-direction:column;display:flex;position:absolute;inset:0}.tarjeta-lamina{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.opciones.con-lamina,.tarjeta-lamina{padding:calc(130 * var(--u)) 0 0;background:#fff8f099;justify-content:center}.consigna{top:calc(28 * var(--u));max-width:72%;color:var(--tinta);text-align:center;box-shadow:0 calc(6 * var(--u)) 0 #86198f4d;background:#fff;border-radius:999px;padding:.25em 1em;font-weight:700;line-height:1.2;position:absolute;left:50%;transform:translate(-50%)}.consigna b{color:var(--magenta-osc);font-weight:900}.consigna.altavoz{width:max(calc(var(--lado,220) * var(--u)), 64px);height:max(calc(var(--lado,220) * var(--u)), 64px);max-width:none;max-height:calc(250 * var(--u));border:calc(8 * var(--u)) solid var(--magenta);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2386198f'%3E%3Cpath d='M3 10v4h4l5 4V6L7 10H3zm13.5 2a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zM14 3.2v2.1a7 7 0 0 1 0 13.4v2.1a9 9 0 0 0 0-17.6z'/%3E%3C/svg%3E") 50%/62% no-repeat;border-radius:28%;padding:0}.opciones.con-lamina .consigna.altavoz{top:50%;left:calc(60 * var(--u));max-height:none;transform:translateY(-50%)}.lista{justify-content:center;gap:calc(28 * var(--u));flex-wrap:wrap;max-width:90%;display:flex}.opcion{min-width:max(calc(var(--min,120) * var(--u)), 64px);min-height:max(calc(56 * var(--u)), 44px);background:var(--magenta);color:#fff;box-shadow:0 .2em 0 var(--magenta-osc);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.3em;padding:.6em 1.2em;font-weight:800;transition:transform .12s,background .12s;display:flex;position:relative}.opcion img{width:calc(180 * var(--u));height:auto}.opcion:hover{transform:translateY(-.08em)}.opcion.retirada{visibility:hidden;pointer-events:none}.lamina{border-radius:calc(24 * var(--u));height:72%;box-shadow:0 0 0 calc(24 * var(--u)) #fff, 0 calc(14 * var(--u)) calc(48 * var(--u)) #50145a4d;background:#fff;flex:none;position:relative}.lamina>img{border-radius:inherit;height:100%;display:block}.lamina.recortada{max-width:90%;overflow:hidden}.lamina.recortada>img{border-radius:0;max-width:none;position:absolute}.lamina .opcion{border:calc(6 * var(--u)) dashed var(--magenta);min-width:0;min-height:0;box-shadow:none;color:#0000;background:#c026d31f;border-radius:1.2em;padding:0;position:absolute}.lamina .opcion span{display:none}.opciones.con-lamina:has(>.lista){justify-content:center;align-items:center;gap:calc(56 * var(--u));flex-direction:row}.opciones.con-lamina>.lista{display:contents}.opciones.con-lamina>.lista>.opcion{flex:none}.opciones.con-lamina>.lista>.opcion:nth-child(odd){order:-1}.opciones.con-lamina>.lista .opcion img{width:calc(150 * var(--u))}.opciones.con-lamina>.lista>.opcion.ilustrada{width:calc(380 * var(--u));padding:calc(14 * var(--u));border-radius:calc(26 * var(--u));color:var(--tinta);font-size:max(calc(26 * var(--u)), 13px);text-align:center;box-shadow:0 0 0 calc(6 * var(--u)) var(--magenta), 0 calc(12 * var(--u)) 0 calc(6 * var(--u)) var(--magenta-osc);background:#fff;line-height:1.2}.opciones.con-lamina>.lista .opcion.ilustrada img{border-radius:calc(16 * var(--u));width:100%}.opciones.con-lamina:has(>.lista>.opcion:nth-child(3)){--carta-ancho:calc(300 * var(--u));--carta-alto:calc(320 * var(--u));--carta-hueco:calc(28 * var(--u));align-items:center;column-gap:calc(56 * var(--u));grid-template-rows:100%;grid-template-columns:1fr auto 1fr;display:grid}.opciones.con-lamina:has(>.lista>.opcion:nth-child(3))>.lamina{grid-area:1/2}.opciones.con-lamina>.lista:has(>.opcion:nth-child(3))>.opcion{width:var(--carta-ancho);height:var(--carta-alto);justify-content:flex-start;gap:calc(8 * var(--u));min-width:0;min-height:0;padding:calc(14 * var(--u));border-radius:calc(26 * var(--u));color:var(--tinta);font-size:max(calc(30 * var(--u)), 15px);text-align:center;overflow-wrap:anywhere;box-shadow:0 0 0 calc(6 * var(--u)) var(--magenta), 0 calc(12 * var(--u)) 0 calc(6 * var(--u)) var(--magenta-osc);background:#fff;grid-row:1;line-height:1.15}.opciones.con-lamina>.lista:has(>.opcion:nth-child(3))>.opcion:nth-child(odd){grid-column:1;justify-self:end}.opciones.con-lamina>.lista:has(>.opcion:nth-child(3))>.opcion:nth-child(2n){grid-column:3;justify-self:start}:is(.opciones.con-lamina>.lista:has(>.opcion:nth-child(3))>.opcion:first-child,.opciones.con-lamina>.lista:has(>.opcion:nth-child(4))>.opcion:nth-child(2)){margin-bottom:calc(var(--carta-alto) + var(--carta-hueco))}.opciones.con-lamina>.lista:has(>.opcion:nth-child(3))>.opcion:nth-child(n+3){margin-top:calc(var(--carta-alto) + var(--carta-hueco))}.opciones.con-lamina>.lista:has(>.opcion:nth-child(3)) .opcion img{object-fit:contain;border-radius:calc(16 * var(--u));flex:1 1 0;width:100%;height:100%;min-height:0}.opciones.con-lamina>.lista:has(>.opcion:nth-child(3)) .opcion span{flex:none;align-items:center;min-height:2.3em;display:flex}.capa:has(>.opciones.con-lamina:not(.oculto)>.lista>.opcion:nth-child(3))>.marcas{opacity:0}.marcas{transition:opacity .3s ease-out}.opciones.con-lamina:has(>.lista) .consigna.altavoz{top:calc(10 * var(--u));width:max(calc(112 * var(--u)), 56px);height:max(calc(112 * var(--u)), 56px);border-width:calc(6 * var(--u));left:50%;transform:translate(-50%)}.opcion.correcta{color:var(--tinta);border:3px solid var(--verde)!important;background:#22c55e52!important}.opcion.incorrecta{color:var(--tinta);opacity:.75;border:3px solid var(--rojo)!important;background:#ef444433!important}.opcion.revelada{animation:.8s ease-in-out infinite latido;border:3px solid var(--verde)!important}.opcion.incorrecta{animation:.42s ease-in-out temblor}.lamina .opcion.correcta,.lamina .opcion.revelada{border:calc(10 * var(--u)) solid var(--verde)!important;background:#22c55e4d!important}.lamina .opcion.correcta:after{min-width:1.5em;line-height:1.5em;font-size:max(calc(52 * var(--u)), 22px);box-shadow:0 0 0 calc(6 * var(--u)) #fff;animation:.22s ease-out aparecer;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.lamina .opcion.incorrecta{border:calc(6 * var(--u)) dashed var(--rojo)!important}.opcion.correcta:after{content:"✓";background:var(--verde-texto);color:#fff;text-align:center;border-radius:50%;min-width:1.4em;padding:0 .2em;font-weight:900;line-height:1.4em;position:absolute;top:-.5em;right:-.3em}.opcion.incorrecta:after{content:"✗";color:#fff;text-align:center;background:#b91c1c;border-radius:50%;min-width:1.4em;padding:0 .2em;font-weight:900;line-height:1.4em;position:absolute;top:-.5em;right:-.3em}.zonas-escena{pointer-events:none;position:absolute;inset:0}.zona-escena{pointer-events:auto;border:calc(6 * var(--u)) solid #c026d3bf;background:#ffffff1f;border-radius:1em;justify-content:center;align-items:flex-end;display:flex;position:absolute}.zona-escena span{background:var(--magenta);color:#fff;border-radius:999px;margin-bottom:-.6em;padding:.1em .7em;font-weight:800}.zona-escena span:empty{display:none}.resaltado{outline-offset:calc(6 * var(--u));z-index:5;outline:calc(14 * var(--u)) solid #facc15!important;box-shadow:0 0 0 calc(26 * var(--u)) #facc1559!important}.seguir{max-height:calc(100% - 36 * var(--u));background:var(--verde-texto);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.4em;min-width:44px;min-height:44px;margin-left:auto;padding:.3em 1.1em;font-weight:900;animation:1.2s ease-in-out infinite latido;display:flex;box-shadow:0 .2em #14532d}.seguir span{font-size:1.4em}.seguir.pulsado{filter:brightness(1.25);animation:none;translate:0 .15em;box-shadow:0 .05em #14532d,0 0 0 .2em #facc15}.seguir.pulsado.oculto{display:flex!important}.ayuda-teclas.oculto:has(.pulsada){display:flex!important}.ayuda-teclas{pointer-events:none;cursor:default;height:max(48px, min(calc(100% - 20px), calc(160 * var(--u))));flex:none;align-items:center;margin-left:auto;display:flex}.franja:not(:has(.subtitulo:not(.oculto):not(.solo-voz))) .ayuda-teclas{height:max(48px, min(calc(100% - 20px), calc(230 * var(--u))));margin-right:auto}.ayuda-teclas[data-tamano=compacta]{height:max(40px, calc(76 * var(--u)));margin-right:0}.mini-teclado .simbolo.fina{stroke-width:5px}.ayuda-teclas:not(.oculto)+.seguir{margin-left:0;animation:none}.mini-teclado{width:auto;height:100%;display:block;overflow:visible}.mini-teclado .carcasa{fill:#f4f4f5;stroke:#71717a;stroke-width:3px}.mini-teclado .teclita{fill:#d4d4d8;stroke:#71717a;stroke-width:1.5px}.mini-teclado .sombra-tecla{fill:#0f0a1c;opacity:.55}.mini-teclado .tecla-util{transition:translate 80ms}.mini-teclado .tecla-util rect{stroke:var(--tinta);stroke-width:2.5px;transition:fill 80ms}.mini-teclado .palabra{text-anchor:middle;font-size:19px;font-weight:900}.ayuda-teclas[data-estado=seguir] .tecla-util rect{fill:var(--verde-texto)}.ayuda-teclas[data-estado=seguir] .tecla-util :is(.palabra,.picto){fill:#fff}.ayuda-teclas[data-estado=elegir] .tecla-util rect{fill:#facc15}.ayuda-teclas[data-estado=elegir] .tecla-util .palabra{fill:var(--tinta)}.mini-teclado .simbolo{fill:none;stroke:var(--tinta);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.mini-teclado .palabra.suelta{fill:#fff;font-size:22px}.mini-teclado .llave{fill:none;stroke:#facc15;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.ayuda-teclas[data-estado=seguir] .tecla-espacio,.ayuda-teclas[data-estado=elegir] .tecla-izquierda,.ayuda-teclas[data-estado=elegir] .tecla-derecha{animation:1.4s ease-in-out infinite tecla-late}.mini-teclado .tecla-util.pulsada{filter:drop-shadow(0 0 4px #facc15)drop-shadow(0 0 2px #facc15);animation:none;translate:0 3px}.ayuda-teclas .tecla-util.pulsada rect{fill:#fff;stroke-width:3.5px}.ayuda-teclas .tecla-util.pulsada :is(.palabra,.picto){fill:var(--tinta)}.controles{gap:calc(10 * var(--u)) calc(12 * var(--u));flex:none;grid-template-rows:1fr 1fr;grid-auto-columns:auto;align-items:center;display:grid}.control{width:max(56px, calc(128 * var(--u)));height:max(56px, calc(90 * var(--u)));border-radius:calc(22 * var(--u));color:var(--tinta);font-size:max(13px, calc(19 * var(--u)));white-space:nowrap;box-shadow:0 calc(4 * var(--u)) 0 #a78bfa;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.05em;padding:.1em;font-weight:900;line-height:1;display:flex}.control svg{width:max(26px, calc(48 * var(--u)));height:max(26px, calc(48 * var(--u)));fill:var(--magenta-osc);color:var(--magenta-osc);flex:none}.control[aria-pressed=true]{background:#facc15}.control.volumen[data-paso="0"]{background:#fecaca}.control.ajustes{grid-area:1/1/3/2}.control.casa{grid-area:1/2}.control.volumen{grid-area:1/3}.control.saltar,.control.ver-presentacion{grid-area:1/4}.control.pausa{grid-area:2/2}.control.repetir{grid-area:2/3}.control:not(.ajustes){min-width:max(56px, calc(128 * var(--u)));width:auto;padding-inline:.45em}@container franja (height<=135px){.controles{gap:6px}.control,.control:not(.ajustes),.control.saltar,.control.ver-presentacion{border-radius:12px;width:48px;min-width:48px;height:48px;min-height:48px;padding:0}.control span{display:none}.control svg{width:28px;height:28px}}@container franja (height<=109px){.controles{grid-template-rows:1fr;grid-auto-flow:column}.controles>.control{grid-area:auto}}@media (orientation:portrait) and (width>=721px){#stage{--franja-alta:clamp(144px, 20vh, 260px);grid-template-rows:1fr auto calc(var(--ancho) * 9 / 16) var(--franja-alta) 1fr;grid-template-areas:". . .""izq logo der""izq escena der""franja franja franja"". . ."}.logo{grid-area:logo;justify-self:start;width:clamp(140px,24vw,220px);height:auto;margin:0 0 14px 14px;display:block}.subtitulo{font-size:max(1em,20px)}}@media (aspect-ratio>=17/10){#stage{--lado-min:110px;--franja-min:clamp(96px, 13vh, 150px);--ancho:min(100vw - 2 * var(--lado-min), (100dvh - var(--franja-min)) * 16 / 9);--lado:calc((100vw - var(--ancho)) / 2)}.logo{width:min(calc(var(--lado) - 8px), 220px);filter:drop-shadow(0 2px 3px #1f123540);grid-area:izq;place-self:start center;height:auto;margin-top:10px;display:block}.lateral{flex-direction:column;grid-area:der;align-items:center;min-height:0;padding:10px 7px;display:flex}.lateral .controles{flex-flow:column wrap;flex:1;align-content:center;align-items:center;gap:10px;min-height:0;display:flex}.lateral .control,.lateral .control:not(.ajustes){width:min(calc(var(--lado) - 14px), 132px);min-width:0;height:76px;font-size:clamp(13px, calc(19 * var(--u)), 17px);border-radius:18px;order:0;gap:4px;padding:6px 4px;box-shadow:0 4px #a78bfa,0 6px 16px #1f123540}.lateral .control svg{width:34px;height:34px}.lateral .control.casa{order:1}.lateral .control.volumen{order:2}.lateral .control.saltar,.lateral .control.ver-presentacion{order:3}.lateral .control.pausa{order:4}.lateral .control.repetir{order:5}.lateral .control.ajustes{order:6;width:56px;height:56px;margin-top:auto;margin-right:0}.lateral .control.ajustes span{display:none}.lateral .control.ajustes svg{width:28px;height:28px}@media (height<=560px){.lateral .control,.lateral .control:not(.ajustes){width:56px;height:56px}.lateral .control span{display:none}.lateral .control.ajustes{margin-top:0}}}.confirmar{width:min(94vw,620px);color:var(--tinta);text-align:center;background:#faf7fb;border:0;border-radius:24px;padding:2rem;font:800 20px/1.25 Nunito Sans,system-ui,sans-serif}.confirmar::backdrop{background:#1f1235cc}.confirmar h2{margin:0 0 1.5rem;font-size:2rem;font-weight:900}.confirmar-botones{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.confirmar button{border-radius:18px;justify-items:center;gap:.4rem;min-height:130px;padding:1rem;font-size:1.25rem;font-weight:900;display:grid}.confirmar svg{width:64px;height:64px}.confirmar-si{background:var(--verde-texto);color:#fff}.confirmar-no{color:var(--tinta);border:3px solid var(--tinta);background:#fff}.confirmar button.resaltado{outline-offset:4px;outline:8px solid #facc15!important;box-shadow:0 0 0 16px #facc1559!important}.confirmar button:focus-visible{outline-offset:3px;box-shadow:0 0 0 2px var(--tinta);outline:5px solid #facc15}@media (width<=480px){.confirmar-botones{grid-template-columns:1fr}.confirmar button{min-height:96px}}.control.ajustes{width:max(48px, calc(88 * var(--u)));height:max(48px, calc(96 * var(--u)));margin-right:calc(10 * var(--u));box-shadow:none;font-size:max(10px, calc(17 * var(--u)));background:#ddd6fe}.control.ajustes svg{width:max(22px, calc(42 * var(--u)));height:max(22px, calc(42 * var(--u)));fill:var(--tinta);color:var(--tinta)}.ajustes{width:min(94vw,760px);max-height:94vh;color:var(--tinta);text-align:left;background:#faf7fb;border:0;border-radius:20px;padding:1.5rem;font:600 18px/1.3 Nunito Sans,system-ui,sans-serif}.ajustes::backdrop{background:#1f1235bf}.ajustes h2{margin:0 0 1rem;font-size:1.6rem;font-weight:900}.ajustes h3{color:#4a3d5c;margin:0 0 .6rem;font-size:1rem;font-weight:800}.ajustes-fila{border-top:1px solid #d9cfe3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.5rem;padding:.7rem 0;display:flex}.ajustes-rotulo{align-items:center;gap:.7rem;font-weight:800;display:flex}.ajustes-rotulo svg{width:36px;height:36px;fill:var(--magenta-osc);color:var(--magenta-osc);flex:none}.ajustes-opciones{flex-wrap:wrap;gap:.4rem;display:flex}.ajustes button{border-radius:12px;min-height:48px;font-weight:800}.ajustes-opciones button{min-width:64px;color:var(--tinta);background:#fff;border:2px solid #8b7a9e;padding:.4rem .9rem}.ajustes-opciones button[aria-pressed=true]{background:var(--magenta-osc);color:#fff;border-color:var(--magenta-osc)}.ajustes-opciones button[aria-pressed=true]:before{content:"✓ "}.ajustes-equipo{border-top:3px solid #d9cfe3;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.5rem;padding-top:1rem;display:flex}.ajustes-equipo h3{flex-basis:100%}.ajustes-marcar{color:#9a3412;background:#fff;border:2px solid #9a3412;align-items:center;gap:.5rem;padding:.4rem 1rem;display:flex}.ajustes-marcar svg{fill:currentColor;width:26px;height:26px}.ajustes-marcado{color:#166534;margin:0;font-weight:800}.ajustes-listo{background:var(--verde-texto);color:#fff;width:100%;margin-top:1.2rem;font-size:1.3rem;display:block;min-height:60px!important}.ajustes button:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px var(--tinta);outline:4px solid #facc15}.barra{top:calc(24 * var(--u));right:calc(24 * var(--u));position:absolute}.barra:empty{display:none}.barra button{width:max(calc(96 * var(--u)), 44px);height:max(calc(96 * var(--u)), 44px);font-size:max(calc(54 * var(--u)), 20px);box-shadow:0 calc(4 * var(--u)) 0 #86198f59;background:#fff;border-radius:50%;font-weight:900}.aviso{top:calc(40 * var(--u));background:var(--tinta);color:#fff;border-radius:999px;padding:.3em 1em;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.cortina{opacity:0;pointer-events:none;background:#000;transition:opacity .4s;position:absolute;inset:0}.cortina.cerrada{opacity:1}.cargando{color:#fff;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.6em;font-size:1.4em;font-weight:800;display:flex;position:absolute;inset:0}.cargando i{border:.32em solid #ffffff40;border-top-color:#fff;border-radius:50%;width:2.2em;height:2.2em;animation:.9s linear infinite gira}.fallo-carga{z-index:20;background:var(--tinta);color:#fff;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:1em;font-size:1.3em;line-height:1.35;display:flex;position:absolute;inset:0}.fallo-carga p{margin:0}.fallo-carga button{min-width:9em;min-height:max(2.6em,64px);color:var(--tinta);background:#fff;border-radius:999px;padding:.5em 1.4em;font-size:1.25em;font-weight:900;box-shadow:0 .18em #00000059}.fallo-carga button:focus-visible{outline-offset:.15em;outline:.2em solid #ffe27a}@keyframes gira{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cargando i{animation-duration:3s}}.inicio{text-align:center;z-index:10;background:linear-gradient(#c084fcd9,#f9a8d4d9 60%,#fdba74d9);place-content:center;gap:1.2em;font-size:max(1.875cqw,16px);display:grid;position:absolute;inset:0}.inicio h1{color:#fff;text-shadow:0 .08em 0 var(--magenta-osc);margin:0;font-size:2.2em}.inicio .niveles{flex-wrap:wrap;justify-content:center;gap:.8em;display:flex}.inicio button{background:var(--magenta);color:#fff;min-height:44px;box-shadow:0 .18em 0 var(--magenta-osc);border-radius:999px;padding:.6em 1.2em;font-weight:800}.inicio button:focus-visible{outline-offset:.15em;outline:.2em solid #facc15}.inicio small{color:var(--tinta);opacity:.7}@keyframes latido{50%{transform:scale(1.05)}}@keyframes tecla-late{50%{filter:brightness(1.2)drop-shadow(0 0 4px #facc15)}}@keyframes pulso{50%{opacity:.55}}@keyframes temblor{20%,60%{translate:-4%}40%,80%{translate:4%}}@keyframes aparecer{0%{opacity:0;scale:.4}}.lamina .opcion.revelada,.zona-escena{transform-origin:50%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.entrar{text-align:left;gap:.6em;width:min(90cqw,14em);margin:0 auto;display:grid}.entrar label{gap:.2em;font-weight:800;display:grid}.entrar input{font:inherit;border:.12em solid var(--magenta);border-radius:.5em;padding:.35em .6em}.teclado{grid-template-columns:repeat(3,1fr);gap:.3em;display:grid}.teclado button{min-height:44px;color:var(--magenta);background:#fff;padding:.4em 0;font-size:1.2em;box-shadow:0 .12em #86198f59}.entrar .error{color:#9f1239;margin:0;font-weight:800}.revision{top:calc(24 * var(--u));left:calc(24 * var(--u));bottom:calc(24 * var(--u));width:calc(760 * var(--u));padding:calc(24 * var(--u));border-radius:calc(28 * var(--u));box-shadow:0 calc(14 * var(--u)) calc(48 * var(--u)) #50145a4d;font-size:max(calc(26 * var(--u)), 14px);z-index:20;background:#fffffff5;position:absolute;overflow:auto}.revision h2{color:var(--magenta-osc);margin:0 0 .5em}.revision ol{gap:.35em;margin:0;padding-left:1.4em;display:grid}.revision button{text-align:left;color:var(--tinta);background:0 0;border-radius:.3em;padding:.15em .3em}.revision li>button{font-weight:800}.revision button:hover,.revision button:focus-visible{background:#c026d31f;outline:none}.revision details{margin:.2em 0 .4em;font-size:.85em}.revision summary{cursor:pointer;color:var(--magenta-osc)}.barra .abrir-revision{color:var(--tinta)}.inicio .vistas{flex-wrap:wrap;max-width:80cqw}.inicio p{color:var(--tinta);margin:0;font-weight:800}.inicio a{color:var(--magenta-osc);font-weight:800}.opciones[data-estilo=medallones],.opciones[data-estilo=camino]{background:#fff8f08c;justify-content:center;padding-bottom:0}.opciones[data-estilo=medallones] .lista{gap:calc(36 * var(--u));max-width:78%}.opciones[data-estilo=medallones] .opcion{width:calc(250 * var(--u));min-width:0;padding:calc(14 * var(--u));border-radius:calc(40 * var(--u));color:var(--tinta);box-shadow:0 calc(8 * var(--u)) 0 #86198f4d;background:#fff;font-size:.72em;font-weight:800;line-height:1.15;position:relative}.opciones[data-estilo=medallones] .opcion img{width:calc(170 * var(--u));height:calc(170 * var(--u))}.opciones[data-estilo=camino] .lista{gap:calc(26 * var(--u));align-items:center;max-width:94%}.opciones[data-estilo=camino] .opcion{width:calc(300 * var(--u));min-width:0;padding:calc(12 * var(--u));border-radius:calc(32 * var(--u));color:var(--tinta);box-shadow:0 calc(8 * var(--u)) 0 #86198f4d;background:#fff;font-size:.72em;font-weight:800;line-height:1.15;position:relative}.opciones[data-estilo=camino] .opcion img{aspect-ratio:16/9;object-fit:cover;border-radius:calc(22 * var(--u));width:100%}.opciones[data-estilo=camino] .lista:before,.opciones[data-estilo=camino] .lista:after{content:"";flex-basis:100%;height:0}.opciones[data-estilo=camino] .lista:before{order:1}.opciones[data-estilo=camino] .lista:after{order:3}.opciones[data-estilo=camino] .opcion[data-id^=parada\:]{align-items:center;gap:calc(8 * var(--u));isolation:isolate;flex-direction:column;align-self:stretch;min-height:56px;display:flex}.opciones[data-estilo=camino] .opcion[data-id^=parada\:] .rotulo{margin-top:auto}.opciones[data-estilo=camino] .opcion[data-id^=parada\:]+.opcion[data-id^=parada\:]:before{content:"";z-index:-1;width:calc(26 * var(--u));height:calc(12 * var(--u));background:repeating-linear-gradient(90deg, var(--magenta) 0 calc(10 * var(--u)), transparent 0 calc(16 * var(--u)));position:absolute;top:40%;right:100%}.opciones[data-estilo=camino] .rotulo{color:#4c1d95;background:#ede9fe;border-radius:999px;padding:.15em .6em;font-size:.9em;font-weight:900;display:inline-block}.opciones[data-estilo=camino] .opcion.hecha .rotulo{color:#14532d;background:#dcfce7}.opciones[data-estilo=camino] .opcion.sugerida .rotulo{background:var(--magenta);color:#fff}.opciones[data-estilo=camino] .opcion.bloqueada .rotulo{color:#374151;background:#e5e7eb}.opciones[data-estilo=camino] .puntos{gap:calc(8 * var(--u));display:flex}.opciones[data-estilo=camino] .punto{width:calc(20 * var(--u));height:calc(20 * var(--u));border:2px solid var(--verde-texto);background:#fff;border-radius:50%;min-width:8px;min-height:8px}.opciones[data-estilo=camino] .punto.hecho{background:var(--verde-texto)}.opciones[data-estilo=camino] .opcion[data-id=continuar]{width:calc(620 * var(--u));min-height:max(56px, calc(110 * var(--u)));margin-top:calc(14 * var(--u));background:var(--verde-texto);color:#fff;box-shadow:0 calc(8 * var(--u)) 0 #14532d73;flex-direction:row;order:2;justify-content:center;align-items:center;gap:.4em;font-size:1.2em;font-weight:900}.opciones[data-estilo=camino] .opcion[data-id=continuar]:before{content:"▶"}.opciones[data-estilo=camino] .opcion.bloqueada{opacity:1;filter:none;color:#4b5563}.opciones[data-estilo=camino] .opcion.bloqueada img{filter:grayscale();opacity:.45}.opciones[data-estilo=camino] .opcion[data-id=volver]{width:auto;min-width:max(120px, calc(220 * var(--u)));min-height:max(48px, calc(72 * var(--u)));margin-top:calc(-6 * var(--u));color:var(--magenta-osc);border:max(2px, calc(4 * var(--u))) solid var(--magenta);box-shadow:none;background:#fff;flex-direction:row;order:4;justify-content:center;gap:.35em;padding:.2em 1em;font-size:max(.62em,14px)}.opciones[data-estilo=camino] .opcion[data-id=volver] .insignia{width:auto;height:auto;color:inherit;font:inherit;background:0 0;order:-1;position:static}.opcion .insignia{top:calc(-18 * var(--u));left:calc(-18 * var(--u));width:calc(64 * var(--u));height:calc(64 * var(--u));background:var(--magenta);color:#fff;font:900 calc(34 * var(--u)) / 1 inherit;border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute}.opcion.hecha .insignia{background:var(--verde-texto)}.opcion.bloqueada{filter:grayscale();opacity:.5;cursor:default}.opcion.bloqueada .insignia{background:#6b7280}.opcion.sugerida{animation:1.2s ease-in-out infinite latido;box-shadow:0 0 0 calc(8 * var(--u)) var(--magenta), 0 calc(8 * var(--u)) 0 #86198f4d!important}.video-escena{aspect-ratio:16/9;object-fit:cover;pointer-events:none;background:0 0;width:100%;height:auto;position:absolute;inset:0 0 auto}@media (width<=720px) and (orientation:portrait){#stage{--ancho:100vw;background:0 0;width:100vw;height:100svh;display:block}.fondo-sala{display:none}.escena{box-shadow:none;position:static}.escena>canvas{aspect-ratio:16/9;width:100%;height:auto;position:absolute;top:0;left:0}.capa{aspect-ratio:auto;inset:0}.franja{pointer-events:none;background:0 0;height:auto;padding:0;display:block;position:absolute;inset:0}.franja>*{pointer-events:auto}.subtitulo{z-index:3;background:#1f1235d1;border-radius:1em;width:max-content;max-width:94%;max-height:18svh;padding:.5em 1em;position:absolute;top:calc(56.25cqw + 10px);left:50%;overflow:auto;transform:translate(-50%)}.subtitulo.largo{background:#1f1235d1;border-radius:1em;max-height:18svh;padding:.5em 1em;overflow:auto}.subtitulo.solo-voz{background-color:#1f1235b3;width:88px;height:88px}.opciones,.opciones.con-lamina,.tarjeta-lamina{background:0 0;justify-content:flex-start;padding-top:calc(56.25cqw + 18svh + 16px);padding-bottom:84px}.consigna,.opciones.con-lamina .consigna.altavoz{flex:none;max-width:94%;position:static;transform:none}.consigna.altavoz{border-width:4px;width:88px;height:88px}.opciones.con-seguir{padding-bottom:96px}.lista{gap:12px;max-width:96%}.opcion{width:100%;max-width:22em}.lamina{height:auto;max-height:calc(82svh - 56.25cqw - 230px)}.lamina>img{width:auto;height:auto;max-height:calc(82svh - 56.25cqw - 230px)}.opciones.con-lamina:has(>.lista){flex-direction:column;justify-content:flex-start;align-items:center}.opciones.con-lamina>.lista{flex-wrap:nowrap;display:flex}.opciones.con-lamina>.lista>.opcion{width:auto}.opciones.con-lamina>.lista>.opcion.ilustrada{width:44vw;max-width:22em}.opciones.con-lamina:has(>.lista>.opcion:nth-child(3)){flex-direction:column;display:flex}.opciones.con-lamina>.lista:has(>.opcion:nth-child(3)){gap:8px}.opciones.con-lamina>.lista:has(>.opcion:nth-child(3))>.opcion{width:30vw;height:24vw}.opciones.con-lamina>.lista:has(>.opcion:nth-child(3))>.opcion:nth-child(n){margin:0}.opciones.con-lamina,.tarjeta-lamina{padding-bottom:12px}.barra{top:8px;right:12px}.controles{gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.control,.control.saltar,.control.ver-presentacion{border-radius:14px;width:48px;min-width:48px;height:48px;min-height:48px}.control.ajustes{width:48px;height:48px;margin-right:4px}.control.ajustes svg{width:26px;height:26px}.control span{display:none}.control svg{width:28px;height:28px}.ayuda-teclas{display:none!important}.seguir{max-height:none;padding:.5em 1.1em;position:absolute;bottom:12px;right:12px}.zona-escena span{font-size:15px}.aviso{top:12px}.revision{width:auto;max-height:60svh;bottom:auto;right:12px}.inicio{font-size:16px}}