@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url('../assets/ranking/archivo-regular.ttf') format('truetype')}
:root{--juego-naranja:#F66227;--juego-lima:#E4FE44;--juego-violeta:#6a40bc;--juego-alto:calc(100svh - var(--site-header-height,78px))}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#111}
.pagina-juego{margin:0;background:#111;color:#f4f2ee;font-family:'Space Grotesk',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.pagina-juego button,.pagina-juego a{-webkit-tap-highlight-color:transparent}
.pagina-juego button{font:inherit;cursor:pointer}
.pagina-juego a{color:inherit}
.pagina-juego :is(a,button):focus-visible{outline:3px solid #c9acff;outline-offset:7px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.juego-saltar{position:fixed;left:var(--site-margin);top:-100px;z-index:100;padding:16px;background:#fff;color:#111!important}
.juego-saltar:focus{top:12px}
.juego-fondo{position:fixed;inset:var(--site-header-height) 0 0;pointer-events:none;background:#111;overflow:hidden}
.juego-fondo canvas{width:100%;height:100%;display:block;opacity:.56}
.juego-fondo--estatico{background-color:#111;background-image:radial-gradient(#F6622755 1.5px,transparent 1.5px);background-size:9px 9px}
.juego-fondo::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#1115 0%,#1118 48%,#111f 100%)}
.juego-recorrido{position:relative;margin-top:var(--site-header-height)}
.juego-escenario{position:relative}
.juego-etapa{position:relative;min-height:var(--juego-alto);scroll-margin-top:var(--site-header-height)}
.juego-inicio{overflow:hidden;isolation:isolate}
html:not(.juego-con-scroll) .juego-inicio{min-height:max(560px,var(--juego-alto))}
.juego-barras{position:absolute;inset:0;pointer-events:none;z-index:-1}
.juego-barra{position:absolute;top:calc(var(--fila) * 6.25%);height:calc(6.25% + 1px);width:var(--ancho);background:linear-gradient(180deg,var(--juego-naranja),var(--juego-violeta));transform:translateX(calc(var(--direccion) * (var(--salida,0) * 102% + var(--flotacion,0px))))}
.juego-barra{pointer-events:auto;transition:scale 260ms cubic-bezier(.2,.7,.2,1),filter 260ms ease-out}
.juego-barra--izq{left:0;--direccion:-1;transform-origin:left center}.juego-barra--der{right:0;--direccion:1;transform-origin:right center}
@media(hover:hover) and (pointer:fine){.juego-barra:hover{scale:1.035 1.1;filter:brightness(1.17);z-index:1}}
.juego-barra--inferior{background:linear-gradient(0deg,var(--juego-naranja),var(--juego-violeta))}
.juego-inicio__texto{position:absolute;top:28.5%;left:50%;width:55%;max-width:1058px;transform:translateX(-50%);text-align:center}
.juego-inicio__rotulo{font-size:clamp(20px,1.875vw,36px);font-weight:500;line-height:1.06;letter-spacing:-.02em;margin:0 0 clamp(16px,1.25vw,24px)}
.juego-inicio h1{color:var(--juego-naranja);font-size:clamp(36px,5vw,96px);font-weight:700;line-height:1.06;letter-spacing:-.02em;white-space:nowrap;margin:0}
.juego-inicio__descripcion{font-size:clamp(18px,1.667vw,32px);font-weight:500;line-height:1.25;letter-spacing:-.02em;margin:clamp(40px,4.2vw,81px) auto 0;max-width:814px;width:83%;text-wrap:pretty}
.juego-bajar{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:70px;height:70px;display:grid;place-items:center;color:var(--juego-naranja)!important}
.juego-icono{display:inline-block;flex:0 0 auto;width:24px;height:24px;background:currentColor;mask:var(--juego-icono) center/contain no-repeat;-webkit-mask:var(--juego-icono) center/contain no-repeat}
.juego-icono--bajar{--juego-icono:url('../assets/juego/arrow-down.svg');width:100%;height:100%}
.juego-icono--play{--juego-icono:url('../assets/juego/play.svg');width:100%;height:100%}
.juego-video__play[aria-pressed=true] .juego-icono--play{--juego-icono:url('../assets/juego/pause.svg')}
.juego-icono--windows{--juego-icono:url('../assets/juego/windows.svg')}
.juego-icono--mac{--juego-icono:url('../assets/juego/mac.svg')}
.juego-icono--download{--juego-icono:url('../assets/juego/download.svg')}
.juego-icono--package{--juego-icono:url('../assets/juego/package.svg')}
.juego-icono--drive{--juego-icono:url('../assets/juego/drive.svg')}
.juego-icono--translate{--juego-icono:url('../assets/juego/translate.svg')}
.juego-video{display:grid;place-items:center}
.juego-video__muestra{position:relative;width:min(398px,78vw)}
.juego-video__muestra>img{display:block;width:100%;height:auto;filter:drop-shadow(4px 8px 8px #0003)}
.juego-video__play{position:absolute;left:33.9%;top:18.9%;width:31.7%;height:53.6%;display:grid;place-items:center;background:transparent;color:#fff;padding:13px;border:0;transition:color 220ms ease-out}
.juego-video__play:hover{color:#202020}
.juego-video__siguiente{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);width:44px;height:44px;color:var(--juego-naranja)!important}
.juego-descarga{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:var(--site-gutter);align-content:center;padding:72px var(--site-margin)}
.juego-descarga__contenido{grid-column:2/8;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:48px var(--site-gutter)}
.juego-descarga h2{grid-column:1/5;align-self:start;font-size:clamp(44px,3.96vw,76px);font-weight:400;line-height:1.15;letter-spacing:-.02em;color:var(--juego-lima);margin:0}
.juego-descarga h2 strong{display:block;font-size:clamp(46px,4.375vw,84px);font-weight:700;white-space:nowrap}
.juego-descarga__acciones{grid-column:5/7;display:grid;gap:16px;align-self:start;padding-top:0}
.juego-descarga__boton{--pixel-base:var(--juego-naranja);--pixel-tinta:#fff;display:flex;align-items:center;justify-content:flex-start;gap:22px;min-height:76px;width:100%;padding:18px 32px;border:1px solid transparent;border-radius:4px;background:var(--juego-naranja);color:white;text-align:left;font:500 16px/1.3 Archivo,Arial,sans-serif!important}
.juego-descarga__boton>:nth-child(2){flex:1}.juego-descarga__boton>.juego-icono--download{width:22px;height:22px}
.juego-descarga__boton--mac{--pixel-base:#fff;--pixel-tinta:#202020;border-color:#555;background:#fff;color:#202020}
.juego-datos{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--site-gutter);margin:0}
.juego-datos>div{min-width:0;padding:9px 0}
.juego-datos>div+div{border-left:1px solid #8e61d8;padding-left:var(--site-gutter)}
.juego-datos dt{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:.08em;color:#b8b2aa;margin:0 0 10px}
.juego-datos dt .juego-icono{width:18px;height:18px}
.juego-datos dd{font:400 17px/1.3 Archivo,Arial,sans-serif;color:var(--juego-lima);margin:0}
.juego-plataformas{grid-column:1/-1;display:block;width:100%;height:auto;margin-top:-16px;object-fit:contain}
.juego-con-scroll .juego-recorrido{height:410svh}
.juego-con-scroll .juego-escenario{position:sticky;top:var(--site-header-height);height:var(--juego-alto);overflow:hidden;isolation:isolate}
.juego-con-scroll .juego-etapa{position:absolute;inset:0;min-height:0;scroll-margin:0}
.juego-con-scroll .juego-video,.juego-con-scroll .juego-descarga{opacity:0;pointer-events:none}
.juego-barras[data-animando] .juego-barra{will-change:transform}
.juego-con-scroll .juego-descarga{padding-block:32px}
@media(min-width:1650px){.juego-descarga__acciones{width:434px;justify-self:end}}
@media(max-width:1649px){
  .juego-descarga__contenido{grid-column:1/-1;grid-template-columns:repeat(8,minmax(0,1fr));row-gap:42px}
  .juego-descarga h2{grid-column:1/6}
  .juego-descarga__acciones{grid-column:6/9}
  .juego-descarga__boton{padding-inline:24px;gap:16px}
}
@media(max-width:1000px){
  .juego-descarga__contenido{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .juego-descarga h2{grid-column:1;font-size:44px}.juego-descarga h2 strong{font-size:46px;white-space:normal}
  .juego-descarga__acciones{grid-column:2}
  .juego-descarga__boton{padding:16px;min-height:68px;gap:12px;font-size:14px!important}
  .juego-datos dd{font-size:15px}.juego-datos dt{font-size:13px}
}
@media(max-width:700px){
  .juego-barra{width:calc(var(--ancho) * .36)}
  .juego-inicio__texto{width:calc(100% - 2 * var(--site-margin));top:28%}
  .juego-inicio__descripcion{font-size:18px;width:90%;margin-top:36px}
  .juego-bajar{width:48px;height:48px;bottom:12%}
  .juego-descarga{padding-block:42px;display:block}
  .juego-descarga__contenido{display:grid;grid-template-columns:1fr;gap:24px}
  .juego-descarga h2{font-size:clamp(32px,9.75vw,38px);grid-column:1}.juego-descarga h2 strong{font-size:clamp(34px,10.77vw,42px);white-space:nowrap}
  .juego-descarga__acciones{grid-column:1;gap:12px}
  .juego-descarga__boton{min-height:56px;padding:14px 20px}
  .juego-datos{gap:12px;grid-template-columns:1fr}
  .juego-datos>div{display:grid;grid-template-columns:100px 1fr;padding:0;gap:12px}
  .juego-datos>div+div{border-left:0;padding:0}
  .juego-datos dt{margin:0;font-size:12px;gap:6px}.juego-datos dd{font-size:14px}
  .juego-plataformas{margin:0}
  .juego-con-scroll .juego-descarga{align-content:center;display:grid}
}
@media(max-height:680px) and (min-width:701px){
  .juego-inicio__texto{top:24%}.juego-inicio__descripcion{margin-top:28px}.juego-bajar{bottom:4%;width:46px;height:46px}
  .juego-descarga__contenido{row-gap:24px}.juego-descarga h2{font-size:46px}.juego-descarga h2 strong{font-size:52px}
  .juego-descarga__boton{min-height:58px;padding-block:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.juego-video__play,.juego-barra{transition:none}.juego-barra:hover{scale:none}}
html[data-detener=true]{scroll-behavior:auto}
html[data-detener=true] .juego-barra{transition:none;scale:none}
html[data-color=contraste] .juego-fondo{display:none}
html[data-color=contraste] .pagina-juego{background:#000;color:#fff}
html[data-color=contraste] .juego-recorrido :is(p,h1,h2,strong,dt,dd){color:#fff}
html[data-color=contraste] .juego-barras{display:none}
html[data-color=contraste] :is(.juego-bajar,.juego-video__siguiente){color:#fff!important}
html[data-color=contraste] .juego-descarga__boton{--pixel-base:#fff;--pixel-tinta:#000;border-color:#fff}
html[data-color=contraste] .juego-video__play{color:#000}
html[data-color=grises] .juego-fondo{filter:grayscale(1)}
html:is([data-texto-grande=true],[data-espaciado=true]) .juego-inicio{display:grid;align-content:center;gap:40px;padding:80px var(--site-margin)}
html:is([data-texto-grande=true],[data-espaciado=true]) .juego-inicio__texto{position:relative;inset:auto;transform:none;width:100%;max-width:1058px;margin:auto}
html:is([data-texto-grande=true],[data-espaciado=true]) .juego-inicio h1{white-space:normal;overflow-wrap:anywhere}
html:is([data-texto-grande=true],[data-espaciado=true]) .juego-inicio__descripcion{width:100%}
html:is([data-texto-grande=true],[data-espaciado=true]) .juego-bajar{position:relative;inset:auto;transform:none;justify-self:center}
html:is([data-texto-grande=true],[data-espaciado=true]) .juego-barras{opacity:.12}
html:is([data-texto-grande=true],[data-espaciado=true]) .juego-descarga__contenido{grid-column:1/-1;display:flex;flex-direction:column}
html:is([data-texto-grande=true],[data-espaciado=true]) .juego-descarga h2 strong{white-space:normal}
html:is([data-texto-grande=true],[data-espaciado=true]) .juego-descarga__acciones{width:min(100%,520px)}
html:is([data-texto-grande=true],[data-espaciado=true]) .juego-datos{grid-template-columns:1fr}
html:is([data-texto-grande=true],[data-espaciado=true]) .juego-datos>div{display:block;padding:0;border:0}
.juego-icono--qr{--juego-icono:url('../assets/eventos/iconos/qr-code-2.svg')}
.juego-codigo-zona{position:absolute;left:50%;top:calc(100% + 28px);z-index:2;transform:translateX(-50%)}
.juego-codigo{position:relative;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;border:1px solid #3a3a3a;background:#202020;color:#f4f2ee;white-space:nowrap;box-shadow:4px 8px 18px #0006;animation:juego-codigo-revela .7s steps(7,end) both,juego-codigo-sube .7s cubic-bezier(.16,1,.3,1) both}
.juego-codigo .juego-icono--qr{width:30px;height:30px;color:var(--juego-lima);animation:juego-codigo-icono .9s .35s cubic-bezier(.16,1,.3,1) both}
.juego-codigo p{display:grid;gap:3px;margin:0;text-align:left}
.juego-codigo strong{font:500 15px/1.2 'Space Grotesk',sans-serif;letter-spacing:.06em}
.juego-codigo strong span{color:var(--juego-lima)}
.juego-codigo small{font:400 12px/1.3 Archivo,Arial,sans-serif;color:#b8b2aa}
.juego-codigo i{position:absolute;width:8px;height:8px;background:var(--juego-naranja);animation:juego-codigo-pixel .8s cubic-bezier(.16,1,.3,1) both}
.juego-codigo i:nth-of-type(1){left:-8px;top:-8px;animation-delay:.25s}
.juego-codigo i:nth-of-type(2){right:-8px;bottom:-8px;animation-delay:.35s}
.juego-codigo i:nth-of-type(3){right:22px;top:-14px;width:6px;height:6px;background:var(--juego-violeta);animation-delay:.45s}
@keyframes juego-codigo-revela{from{clip-path:inset(-40px 100% -40px -40px)}to{clip-path:inset(-40px)}}
@keyframes juego-codigo-sube{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes juego-codigo-icono{0%{opacity:0;transform:scale(.4) rotate(-12deg)}60%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:none}}
@keyframes juego-codigo-pixel{from{opacity:0;transform:translate(10px,10px) scale(0)}to{opacity:1;transform:none}}
@media(max-height:720px) and (min-width:701px){.juego-codigo-zona{top:calc(100% + 12px)}}
@media(prefers-reduced-motion:reduce){.juego-codigo,.juego-codigo *{animation:none!important}}
html[data-detener=true] :is(.juego-codigo,.juego-codigo *){animation:none!important}
html[data-color=contraste] .juego-codigo{background:#000;border-color:#fff}
html[data-color=contraste] .juego-codigo :is(strong,strong span,small){color:#fff}
@media(min-width:1001px){
  .juego-descarga__contenido{grid-column:2/8;grid-template-columns:repeat(6,minmax(0,1fr))}
  .juego-descarga h2{grid-column:1/5}
  .juego-descarga__acciones{grid-column:5/7;justify-self:end;align-self:center;width:clamp(248px,17.6vw,338px);gap:clamp(12px,.84vw,16px)}
  .juego-descarga__boton{min-height:0;height:clamp(44px,2.92vw,56px);gap:8px;padding:0 clamp(16px,1.67vw,32px);border-radius:2px;font:500 clamp(13px,.833vw,16px)/1 Archivo,Arial,sans-serif!important}
  .juego-descarga__boton .juego-icono{width:clamp(18px,1.15vw,22px);height:clamp(18px,1.15vw,22px)}
  .juego-descarga__boton--mac{--pixel-base:#efefef;--pixel-tinta:#1a1a1a;border-color:#efefef;background:#efefef;color:#1a1a1a}
}
@media(min-width:1001px) and (max-width:1279px){
  .juego-descarga__contenido{grid-column:1/-1;grid-template-columns:repeat(8,minmax(0,1fr))}
  .juego-descarga h2{grid-column:1/6}
  .juego-descarga__acciones{grid-column:6/9}
}