@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff")}:root{--c-tinta:#1d2b4f;--c-tinta-suave:#44527a;--c-papel:#fff9ec;--c-blanco:#fff;--c-azul:#2b6fd6;--c-turquesa:#17b8a6;--c-turquesa-osc:#0d8a7c;--c-coral:#ff6f61;--c-coral-osc:#d94a3d;--c-amarillo:#ffc83d;--c-amarillo-osc:#d99a00;--c-verde:#5cc45e;--c-verde-osc:#3a9a3d;--c-violeta:#6f4fe0;--c-violeta-osc:#4d33b3;--c-rosa:#ff8fb8;--c-rosa-osc:#d9608c;--c-cielo-1:#8fd8ff;--c-cielo-2:#e4f7ff;--c-pasto-1:#9ee37d;--c-pasto-2:#62c46a;--c-suelo:#e8b87a;--c-ok:#1f9d55;--c-pista:#ffb020;--fuente-titulo:"Fredoka", "Atkinson Hyperlegible", system-ui, sans-serif;--fuente-texto:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--objetivo:4rem;--objetivo-min:3.5rem;--radio:1.75rem;--sombra:0 .5rem 0 #1d2b4f2e;--sombra-suave:0 .75rem 1.5rem #1d2b4f29;--espacio:clamp(.75rem, 2.4vw, 1.5rem);--objetivo-juego:clamp(4rem, 9.5vmin, 8rem);--objetivo-juego-chico:clamp(3.5rem, 7.5vmin, 6rem);--dibujo-juego:clamp(5.5rem, 22vmin, 17.5rem);--dibujo-grande:clamp(7.5rem, 34vmin, 26rem);--icono-juego:clamp(2.25rem, 6vmin, 4.5rem);--numeral-juego:clamp(2rem, 9vmin, 6.5rem);--espacio-juego:clamp(.75rem, 2.6vmin, 2rem);--radio-juego:clamp(1.25rem, 3.2vmin, 2.25rem)}@media (min-width:700px) and (min-height:600px){:root{--objetivo-juego:clamp(4.5rem, 9.5vmin, 8rem)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}html,body,#root{height:100%;margin:0}body{font-family:var(--fuente-texto);color:var(--c-tinta);background:var(--c-cielo-2);overscroll-behavior:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;line-height:1.45}h1,h2,h3{font-family:var(--fuente-titulo);margin:0;font-weight:700;line-height:1.15}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}svg{display:block}.solo-lectores{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:focus-visible{outline:.3125rem solid var(--c-tinta);outline-offset:.1875rem;box-shadow:0 0 0 .5rem var(--c-blanco);border-radius:.75rem}.arranque{text-align:center;background:linear-gradient(var(--c-cielo-1), var(--c-cielo-2));height:100%;font-family:var(--fuente-titulo);place-content:center;gap:1rem;font-size:1.5rem;display:grid}.arranque__sol{background:var(--c-amarillo);border-radius:50%;width:5rem;height:5rem;margin:0 auto;animation:1.6s ease-in-out infinite latido;box-shadow:0 0 0 .75rem #ffc83d59}.btn{--btn-fondo:var(--c-amarillo);--btn-borde:var(--c-amarillo-osc);--btn-texto:var(--c-tinta);min-width:var(--objetivo);min-height:var(--objetivo);font-family:var(--fuente-titulo);color:var(--btn-texto);background:var(--btn-fondo);border:0;border-bottom:.4rem solid var(--btn-borde);border-radius:var(--radio);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.6rem;padding:.5rem 1.5rem;font-size:1.375rem;font-weight:700;line-height:1.1;transition:transform 80ms ease-out,border-bottom-width 80ms ease-out,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:active:not(:disabled),.btn.btn--apretado{border-bottom-width:.1rem;transform:translateY(.3rem)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default;filter:grayscale(.4)}.btn--icono{width:var(--objetivo);border-radius:50%;padding:.5rem}.btn--chico{min-height:var(--objetivo-min);min-width:var(--objetivo-min);padding:.4rem 1.1rem;font-size:1.125rem}.btn--grande{min-height:5rem;padding:.75rem 2.25rem;font-size:1.75rem}.btn--turquesa{--btn-fondo:var(--c-turquesa);--btn-borde:var(--c-turquesa-osc)}.btn--coral{--btn-fondo:var(--c-coral);--btn-borde:var(--c-coral-osc)}.btn--verde{--btn-fondo:var(--c-verde);--btn-borde:var(--c-verde-osc)}.btn--violeta{--btn-fondo:var(--c-violeta);--btn-borde:var(--c-violeta-osc);--btn-texto:#fff}.btn--rosa{--btn-fondo:var(--c-rosa);--btn-borde:var(--c-rosa-osc)}.btn--blanco{--btn-fondo:#fff;--btn-borde:#c3cbe0}.btn--azul{--btn-fondo:var(--c-azul);--btn-borde:#1b4fa0;--btn-texto:#fff}.btn svg{flex:none}.pantalla{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.pantalla--scroll{overflow-y:auto}.escena-cielo{background:linear-gradient(180deg, var(--c-cielo-1) 0%, var(--c-cielo-2) 68%, #fff8e2 100%)}.escena-noche{color:#fff;background:linear-gradient(#2c3a7a 0%,#5560b8 70%,#8f8be0 100%)}.capa-fondo{pointer-events:none;position:absolute;inset:0;overflow:hidden}.capa-fondo svg{width:100%;position:absolute;left:0}.contenido{z-index:1;min-height:0;padding:var(--espacio);padding-left:max(var(--espacio), env(safe-area-inset-left));padding-right:max(var(--espacio), env(safe-area-inset-right));padding-bottom:max(var(--espacio), env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;position:relative}.barra-superior{z-index:2;padding:.75rem var(--espacio) 0;padding-top:max(.75rem, env(safe-area-inset-top));align-items:center;gap:.75rem;display:flex;position:relative}.barra-superior__espacio{flex:1}.tarjeta{border-radius:var(--radio);box-shadow:var(--sombra-suave);background:#fff;padding:1.25rem}.aviso{border:.1875rem solid var(--c-amarillo);background:#fff;border-radius:1.25rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:1rem;display:flex}@keyframes latido{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-.5rem)}}@keyframes aparecer{0%{opacity:0;transform:translateY(.75rem)scale(.97)}to{opacity:1;transform:none}}@keyframes rebote{0%{transform:scale(1)}35%{transform:scale(1.14)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes meneo{0%,to{transform:translate(0)}30%{transform:translate(-.35rem)}70%{transform:translate(.35rem)}}@keyframes brillo{0%,to{box-shadow:0 0 #ffb020cc}50%{box-shadow:0 0 0 .75rem #ffb02000}}.anim-aparecer{animation:.35s ease-out both aparecer}.anim-rebote{animation:.45s ease-out rebote}.anim-meneo{animation:.35s ease-in-out meneo}.anim-flotar{animation:3.6s ease-in-out infinite flotar}.anim-pista{animation:1.4s ease-in-out infinite brillo}html.mov-reducido *,html.mov-reducido :before,html.mov-reducido :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){html:not(.mov-normal) *,html:not(.mov-normal) :before,html:not(.mov-normal) :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html.alto-contraste{--c-tinta:#000a24;--c-tinta-suave:#000a24;--c-cielo-1:#fff;--c-cielo-2:#fff}html.alto-contraste .escena-cielo,html.alto-contraste .escena-noche{color:#000a24;background:#fff}html.alto-contraste .btn{border:.2rem solid #000a24;border-bottom-width:.45rem}html.alto-contraste .tarjeta,html.alto-contraste .aviso{border:.2rem solid #000a24}html.alto-contraste .capa-fondo{opacity:.25}.marco{--color-juego:var(--c-turquesa);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.marco--centro{text-align:center;padding:var(--espacio);justify-content:center;align-items:center;gap:1.25rem}.marco__carga{font-family:var(--fuente-titulo);font-size:1.5rem;font-weight:600}.marco__fila{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;display:flex}.marco__guia-grande{width:clamp(8.75rem,30vmin,18rem);height:clamp(8.75rem,30vmin,18rem)}.marco__puntos{gap:.7rem;display:flex}.marco__puntos span{background:var(--color-juego);border-radius:50%;width:1.1rem;height:1.1rem;animation:1.2s ease-in-out infinite flotar}.marco__puntos span:nth-child(2){animation-delay:.15s}.marco__puntos span:nth-child(3){animation-delay:.3s}.btn.marco-btn{--tam:var(--objetivo-juego);width:var(--tam);height:var(--tam);min-width:var(--tam);min-height:var(--tam);border-radius:50%;flex:none;padding:0}.btn.marco-btn svg{width:58%;height:58%}.btn.marco-btn--grande{--tam:calc(var(--objetivo-juego) * 1.25)}.btn.marco-btn--enorme{--tam:clamp(6rem, 22vmin, 11rem)}.btn.marco-btn--enorme svg{width:62%;height:62%}.intro{justify-content:safe center;align-items:center;gap:var(--espacio-juego);min-height:0;padding:0 var(--espacio) var(--espacio);text-align:center;flex-direction:column;flex:1;display:flex;overflow-y:auto}.intro__titulo{color:var(--c-tinta);font-size:clamp(1.75rem,6vw,2.75rem)}.intro__demo{justify-content:center;align-items:center;gap:var(--espacio-juego);border-radius:var(--radio-juego);border-bottom:.5rem solid var(--color-juego);width:100%;max-width:76rem;min-height:clamp(11rem,34vh,40rem);max-height:clamp(16rem,95vw,44rem);box-shadow:var(--sombra-suave);padding:var(--espacio-juego) calc(var(--espacio-juego) * 1.5);background:#fff;flex-direction:column;flex:1 1 0;display:flex}.intro__guia{flex:none;width:clamp(4.5rem,min(11vh,22vw),9rem);height:clamp(4.5rem,min(11vh,22vw),9rem)}.intro__escena{flex:1 1 0;align-self:stretch;min-width:0;min-height:0;position:relative}.intro__natural{transform-origin:50%;width:max-content;max-width:none;position:absolute;top:50%;left:50%}.intro__niveles{gap:var(--espacio-juego);display:flex}.nivel-btn{min-width:calc(var(--objetivo-juego) * 1.3);min-height:var(--objetivo-juego);color:var(--c-amarillo-osc);cursor:pointer;box-shadow:var(--sombra);background:#fff;border:.25rem solid #fff;border-radius:1.5rem;padding:.4rem .9rem;position:relative}.nivel-btn__flores{justify-content:center;gap:.1rem;display:flex}.nivel-btn__flores svg{width:clamp(1.4rem,3.6vmin,2.4rem);height:clamp(1.4rem,3.6vmin,2.4rem)}.nivel-btn--activo{border-color:var(--c-tinta);background:var(--c-amarillo);color:var(--c-tinta)}.nivel-btn__marca{color:var(--c-tinta);background:var(--c-amarillo);border-radius:50%;padding:.1rem;line-height:0;position:absolute;top:-.7rem;right:-.5rem}.nivel-btn__marca svg{width:1.3rem;height:1.3rem}.intro__pie{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.intro__pie .marco__subtitulo{flex:none;min-height:0}.intro__aviso{max-width:44rem;color:var(--c-tinta-suave);text-align:left;background:#fffc;border-radius:1rem;align-items:flex-start;gap:.6rem;margin:0;padding:.5rem .8rem;font-size:.875rem;line-height:1.35;display:flex}.intro__aviso-icono{color:var(--c-tinta-suave);flex:none;line-height:0}.intro__aviso-icono svg{width:1.6rem;height:1.6rem}.intro__accion{justify-items:center;display:grid;position:relative}.intro__mano{width:clamp(2.5rem,7vmin,4.5rem);height:clamp(2.5rem,7vmin,4.5rem);color:var(--c-tinta);pointer-events:none;animation:1.1s ease-in-out infinite senalar;position:absolute;top:80%;left:62%}.intro__mano svg{width:100%;height:100%}@keyframes senalar{0%,to{transform:translate(0)rotate(-18deg)}50%{transform:translate(-.4rem,-.7rem)rotate(-18deg)}}@media (min-width:700px){.intro__demo{flex-direction:row}.intro__guia{width:clamp(5rem,min(18vmin,16vw),13rem);height:clamp(5rem,min(18vmin,16vw),13rem)}}@media (orientation:landscape) and (min-width:700px) and (min-height:601px){.intro{column-gap:calc(var(--espacio-juego) * 3);grid-template:"titulo titulo titulo titulo""demo demo demo demo"minmax(0,1fr)".niveles accion.""sub sub sub sub"/1fr auto auto 1fr;place-items:center;display:grid;overflow-y:auto}.intro__titulo{grid-area:titulo}.intro__demo{grid-area:demo;align-self:center;height:100%;min-height:clamp(9rem,30vh,40rem);max-height:clamp(14rem,62vmin,42rem)}.intro__niveles{grid-area:niveles}.intro__accion{grid-area:accion;margin-bottom:1.75rem}.intro__pie{grid-area:sub}}@media (orientation:landscape) and (min-width:600px) and (max-height:600px){.intro{column-gap:calc(var(--espacio-juego) * 2);grid-template:"demo titulo"1fr"demo niveles""demo accion""demo."1fr"sub sub"/minmax(0,1.5fr) minmax(0,1fr);place-items:center;display:grid;overflow-y:auto}.intro__titulo{grid-area:titulo;align-self:end}.intro__demo{grid-area:demo;align-self:stretch;width:100%;max-width:none;min-height:9rem;max-height:none}.intro__titulo{font-size:clamp(1.25rem,5vh,1.75rem)}.intro__niveles{grid-area:niveles}.intro__accion{grid-area:accion;margin-bottom:1.25rem}.intro__jugar.btn.marco-btn--enorme{--tam:clamp(4.5rem, 20vh, 6rem)}.intro__pie{grid-area:sub}}.marco__barra{justify-content:space-between;gap:var(--espacio-juego)}.progreso{background:#ffffffd9;border-radius:2rem;gap:.35rem;margin:0;padding:.4rem .9rem;list-style:none;display:flex}.progreso__punto{color:#c3cbe0;line-height:0;transition:color .3s}.progreso__punto svg{width:clamp(1.5rem,3.6vmin,2.6rem);height:clamp(1.5rem,3.6vmin,2.6rem)}.progreso__punto--hecho{color:var(--c-rosa-osc)}.progreso__punto--ahora{color:var(--color-juego);transform:scale(1.25)}.marco__guia{flex:none;width:clamp(3.5rem,9vmin,7rem);height:clamp(3.5rem,9vmin,7rem)}.marco__guia-svg{width:100%;height:100%}.marco__escenario{min-height:0;padding:.25rem var(--espacio);padding-left:max(var(--espacio), env(safe-area-inset-left));padding-right:max(var(--espacio), env(safe-area-inset-right));flex-direction:column;flex:1;justify-content:safe center;display:flex;position:relative;container:escena/inline-size}.marco__pie{align-items:center;column-gap:var(--espacio-juego);padding:.5rem var(--espacio) max(.75rem, env(safe-area-inset-bottom));background:linear-gradient(#fff0,#ffffffe6 30%);grid-template-columns:auto minmax(0,1fr) auto;row-gap:.15rem;display:grid}.marco__pie>.marco__accion:first-child{grid-area:1/1}.marco__pie>.marco__accion:last-child{grid-area:1/3}.marco__accion{flex:none}.marco__centro{--indicio:clamp(2.75rem, 7.5vmin, 5.5rem);display:contents}.marco__centro>.indicio{grid-area:1/2;justify-self:center}.marco__centro>.marco__subtitulo{flex:none;grid-area:2/1/auto/-1;min-height:0}.indicio{justify-content:center;align-items:center;gap:calc(var(--indicio) * .12);max-width:100%;padding:calc(var(--indicio) * .08) calc(var(--indicio) * .2);box-shadow:var(--sombra-suave);pointer-events:none;background:#ffffffeb;border-radius:999px;display:flex}.indicio__ficha{flex:0 1 var(--indicio);width:var(--indicio);aspect-ratio:1;place-items:center;min-width:2rem;display:grid}.indicio__ficha svg{width:100%;height:100%;display:block}.indicio__ficha--mano,.indicio__ficha--oir,.indicio__ficha--icono,.indicio__ficha--flecha{color:var(--c-tinta)}.indicio__ficha--mano svg{animation:1.2s ease-in-out infinite tocar;transform:rotate(-14deg)}.indicio--quieto .indicio__ficha--mano svg{animation:none}@keyframes tocar{0%,to{transform:translateY(0)rotate(-14deg)}50%{transform:translateY(-14%)rotate(-14deg)}}.marco__siguiente svg{animation:.9s ease-in-out infinite empujar}@keyframes empujar{0%,to{transform:translate(-8%)}50%{transform:translate(10%)}}.marco__subtitulo{text-align:center;min-height:2.6rem;color:var(--c-tinta);flex:1;justify-content:center;align-items:center;font-size:clamp(1rem,2.6vmin,1.6rem);font-weight:700;display:flex}.marco__subtitulo--final{flex:none;min-height:0}.pausa{z-index:20;padding:var(--espacio);background:#1d2b4f8c;place-items:center;display:grid;position:absolute;inset:0}.pausa__caja{border-radius:var(--radio-juego);padding:calc(var(--espacio-juego) * 1.5);gap:var(--espacio-juego);text-align:center;background:#fff;justify-items:center;max-width:28rem;animation:.25s ease-out both aparecer;display:grid}.pausa__guia{width:clamp(6rem,22vmin,13rem);height:clamp(6rem,22vmin,13rem)}.marco__celebra{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.confeti{top:-1rem;left:calc(var(--i) * 7% + 2%);background:hsl(calc(var(--i) * 47), 85%, 62%);width:.8rem;height:1.2rem;animation:1.8s ease-in forwards caer;animation-delay:calc(var(--i) * 70ms);border-radius:.25rem;position:absolute}@keyframes caer{to{opacity:.6;transform:translateY(105vh)rotate(260deg)}}.marco--final{text-align:center;padding:max(var(--espacio), env(safe-area-inset-top)) var(--espacio) max(var(--espacio), env(safe-area-inset-bottom));justify-content:space-between;align-items:center}.final__centro{justify-content:center;align-items:center;gap:var(--espacio-juego);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.marco__titulo-final{font-size:clamp(2rem,8vw,3.25rem)}.final__estrellas{gap:var(--espacio-juego);color:var(--c-amarillo);align-items:flex-end;display:flex}.final__estrella{animation:.6s cubic-bezier(.3,1.6,.5,1) both estrella-entra;animation-delay:calc(var(--i) * .18s + .15s);line-height:0}.final__estrella:nth-child(2){margin-bottom:.8rem}.final__estrella svg{filter:drop-shadow(0 .3rem #d99a008c);width:clamp(3rem,11vmin,7rem);height:clamp(3rem,11vmin,7rem)}@keyframes estrella-entra{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:none}}.final__guia{flex:0 auto;width:clamp(9rem,min(62vw,36vh),26rem);height:clamp(9rem,min(62vw,36vh),26rem);min-height:0}.final__botones{justify-content:center;align-items:center;gap:calc(var(--espacio-juego) * 1.5);padding-top:var(--espacio-juego);flex-wrap:wrap;display:flex}.pegatina-nueva{align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;display:flex}.pegatina{width:3.5rem;height:3.5rem;color:var(--c-tinta);box-shadow:0 0 0 .15rem var(--c-tinta);border:.2rem solid #fff;border-radius:50%;place-items:center;display:grid;position:relative}.pegatina--grande{width:clamp(4.5rem,14vmin,9rem);height:clamp(4.5rem,14vmin,9rem);box-shadow:0 0 0 .2rem var(--c-tinta), var(--sombra-suave);border-width:.3rem;animation:1.4s ease-in-out infinite latido}.pegatina--grande>svg{width:56%;height:56%}.pegatina__brillo{color:var(--c-amarillo);line-height:0;position:absolute;top:-22%;right:-22%}.pegatina__brillo svg{width:clamp(1.75rem,5vmin,3.25rem);height:clamp(1.75rem,5vmin,3.25rem)}@media (orientation:landscape) and (min-width:700px) and (min-height:521px){.final__centro{align-content:center;column-gap:calc(var(--espacio-juego) * 3);flex-flow:wrap}.final__centro>h1,.final__estrellas,.final__centro>p{flex-basis:100%;justify-content:center}.final__guia{width:clamp(9rem,min(40vw,40vh),26rem);height:clamp(9rem,min(40vw,40vh),26rem)}}@media (orientation:landscape) and (max-height:520px){.marco--final{flex-direction:row;justify-content:space-around}.final__centro{flex-flow:wrap}.final__botones{flex-direction:column;padding-top:0}.final__estrellas{display:none}.final__guia{width:30vmin;height:30vmin}}.paisaje{pointer-events:none;position:absolute;inset:0;overflow:hidden}.paisaje__sol{animation:6s ease-in-out infinite latido;position:absolute;top:13%;right:9%}.paisaje__nube{animation:70s linear infinite derivar;position:absolute;left:-20%}@keyframes derivar{0%{margin-left:0}to{margin-left:140vw}}.paisaje__colinas{width:100%;height:38%;position:absolute;bottom:0;left:0;right:0}.pantalla{--pi-obj:clamp(4rem, 2.4rem + 4.4vmin, 5.5rem)}.pi-barra .btn--icono{width:var(--pi-obj);height:var(--pi-obj);min-width:var(--pi-obj);min-height:var(--pi-obj);padding:0}.pi-barra .btn--icono svg{width:48%;height:48%}.pi-barra__pipa{width:var(--pi-obj);height:var(--pi-obj)}.pi-nota{color:var(--c-tinta-suave);max-width:36rem;font-size:.85rem;line-height:1.3}.pi-subtitulo{z-index:3;max-width:min(48rem,92vw);margin:0 var(--espacio) .75rem;box-shadow:var(--sombra);text-align:center;background:#fffffff5;border-radius:1.5rem;flex:none;align-self:center;padding:.6rem 1.25rem;font-size:clamp(1rem,1.2rem + .6vmin,1.4rem);font-weight:700;position:relative}.pi-subtitulo:empty{display:none}.insignia{background:#fff;border-radius:2rem;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.95rem;font-weight:700;display:inline-flex}.pi-contador{font-family:var(--fuente-titulo);color:var(--c-tinta);padding:.3rem 1rem .3rem .6rem;font-size:clamp(1.25rem,1rem + 1.2vmin,1.9rem)}.pi-contador svg{color:var(--c-amarillo-osc)}.pi-play{--lado:clamp(5.5rem, 3rem + 9vmin, 9.5rem);width:var(--lado);height:var(--lado);min-width:var(--lado);min-height:var(--lado);border-bottom-width:.5rem;border-radius:50%;flex:none;padding:0}.pi-play svg{width:52%;height:52%}.pi-acceso{--lado:clamp(6rem, 3.5rem + 6vmin, 8.5rem);width:var(--lado);height:var(--lado);border:0;border-bottom:.4rem solid var(--c-rosa-osc);background:var(--c-rosa);color:var(--c-tinta);cursor:pointer;box-shadow:var(--sombra);border-radius:clamp(1.6rem,3.4vmin,2.4rem);flex:none;place-items:center;padding:0;display:grid}.pi-acceso:active{border-bottom-width:.1rem;transform:translateY(.3rem)}.pi-acceso svg{width:66%;height:66%}.pi-acceso--pegatinas,.pi-acceso--blanco{background:#fff;border-bottom-color:#c3cbe0}.pi-flores__flor{--flor:clamp(2.5rem, 8vmin, 5.5rem);width:var(--flor);height:var(--flor);color:#fff;filter:drop-shadow(0 .15rem #1d2b4f47);display:block}.pi-flores__flor svg{width:100%;height:100%}.pi-flores__flor--lista{color:var(--c-rosa);animation:.6s ease-out both rebote}.pi-racha{box-shadow:var(--sombra);font-family:var(--fuente-titulo);background:#fffffff2;border-radius:2rem;align-items:center;gap:clamp(.7rem,2vmin,1.25rem);padding:.3rem 1.1rem;font-size:clamp(1.4rem,1rem + 1.8vmin,2.1rem);font-weight:700;line-height:1;display:flex}.pi-racha span{align-items:center;gap:.35rem;display:inline-flex}.pi-racha svg{width:1.5em;height:1.5em}.pi-racha span:first-child svg{color:var(--c-amarillo-osc)}.pi-racha span:last-child svg{color:var(--c-rosa)}.pi-hola{z-index:1;min-height:0;padding:var(--espacio);text-align:center;flex:1;grid-template-rows:auto auto auto;grid-template-areas:"pipa""centro""nota";align-content:safe center;place-items:center;gap:clamp(.5rem,2vmin,1.5rem);display:grid;position:relative;overflow-y:auto}.pi-hola__pipa{aspect-ratio:1;cursor:pointer;background:0 0;border:0;grid-area:pipa;width:clamp(9rem,min(72vw,40vh),28rem);padding:0}.pi-hola__centro{grid-area:centro;justify-items:center;gap:clamp(.75rem,2.5vmin,1.75rem);display:grid}.pi-hola__nota{background:#ffffffd9;border-radius:1rem;grid-area:nota;padding:.3rem .9rem}.pi-marca{color:var(--c-tinta);text-shadow:0 .1em #ffffffd9;font-size:clamp(2.2rem,min(11vw,8vh),5.5rem);line-height:.95;display:grid}.pi-marca span:last-child{color:var(--c-violeta-osc)}@media (min-width:760px) and (min-aspect-ratio:5/4){.pi-hola{grid-template:"pipa centro"1fr"nota nota"/1fr 1fr;align-content:stretch}.pi-hola__pipa{width:clamp(10rem,min(40vw,64vh),34rem)}.pi-marca{font-size:clamp(2.6rem,min(7vw,11vh),6.5rem)}}.pi-bv{--carta:clamp(5rem, min(27vw, 15.5vh), 11rem);--vista:clamp(6rem, min(34vw, 17vh), 15rem);--mini:clamp(3.5rem, min(13vw, 8vh), 5.25rem);z-index:1;min-height:0;padding:var(--espacio);text-align:center;flex:1;grid-template-areas:"vista""avatares""colores""listo""adulto";place-content:safe center center;justify-items:center;gap:clamp(.6rem,2vmin,1.25rem);display:grid;position:relative;overflow-y:auto}.pi-bv__vista{width:var(--vista);aspect-ratio:1;grid-area:vista;align-self:center;position:relative}.pi-bv__vista>svg{width:100%;height:100%}.pi-bv__escuchar{left:calc(100% + .5rem);top:calc(50% - var(--pi-obj) / 2);width:var(--pi-obj);height:var(--pi-obj);min-width:var(--pi-obj);min-height:var(--pi-obj);padding:0;position:absolute}.pi-bv__escuchar svg{width:48%;height:48%}.pi-bv__avatares{grid-area:avatares;grid-template-columns:repeat(3, var(--carta));gap:clamp(.5rem,1.6vmin,1rem);display:grid}.pi-avatar{width:var(--carta);aspect-ratio:1;box-shadow:var(--sombra);cursor:pointer;background:#fff;border:.25rem solid #fff;border-radius:clamp(1.4rem,3vmin,2rem);place-items:center;padding:.3rem;display:grid}.pi-avatar svg{width:100%;height:100%}.pi-avatar[aria-checked=true]{border-color:var(--c-tinta);background:var(--c-amarillo);transform:scale(1.06)}.pi-bv__colores{flex-wrap:wrap;grid-area:colores;justify-content:center;gap:clamp(.25rem,1.2vmin,.8rem);display:flex}.pi-color{width:var(--mini);height:var(--mini);box-shadow:var(--sombra);color:var(--c-tinta);cursor:pointer;border:.25rem solid #fff;border-radius:50%;place-items:center;padding:0;display:grid}.pi-color svg{width:56%;height:56%}.pi-color[aria-checked=true]{border-color:var(--c-tinta);transform:scale(1.14)}.pi-listo{border-bottom-width:.5rem;grid-area:listo;width:clamp(9rem,44vw,17rem);min-height:clamp(4.5rem,10vmin,6.5rem);padding:0}.pi-listo svg{width:clamp(2.5rem,7vmin,4rem);height:clamp(2.5rem,7vmin,4rem)}.pi-bv__adulto{background:#ffffffc7;border-radius:1.25rem;grid-area:adulto;justify-items:center;gap:.35rem;max-width:30rem;padding:.5rem .9rem;display:grid}.pi-apodo{color:var(--c-tinta-suave);align-items:center;gap:.5rem;display:flex}.pi-apodo svg{flex:none}.pi-apodo input{width:min(14rem,60vw);min-height:var(--objetivo-min);border:.15rem solid var(--c-tinta-suave);background:#fff;border-radius:1rem;padding:.4rem .9rem;font-size:1.05rem}@media (min-width:820px) and (min-aspect-ratio:5/4){.pi-bv{--carta:clamp(5rem, min(14vw, 19vh), 12rem);--vista:clamp(9rem, min(30vw, 40vh), 22rem);--mini:clamp(3.75rem, min(6vw, 9vh), 5.5rem);grid-template-columns:auto auto;grid-template-areas:"vista avatares""vista colores""listo listo""adulto adulto";column-gap:clamp(1.5rem,5vw,5rem)}.pi-bv__colores{max-width:calc(3 * var(--carta) + 2 * clamp(.5rem, 1.6vmin, 1rem))}.pi-bv__escuchar{inset:auto -.5rem -.5rem auto}}.pi-adultos{color:#1d2b4f99;cursor:pointer;background:#ffffff59;border:0;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;padding:0;display:grid}.pi-inicio{z-index:1;width:100%;max-width:120rem;min-height:0;padding:.25rem var(--espacio) var(--espacio);flex-direction:column;flex:1;align-items:center;gap:clamp(.6rem,2vmin,1.25rem);margin:0 auto;display:flex;position:relative;overflow-y:auto}.pi-saludo{box-shadow:var(--sombra-suave);font-family:var(--fuente-titulo);background:#ffffffeb;border-radius:3rem;flex:none;align-items:center;gap:.75rem;padding:.3rem 1.5rem .3rem .3rem;font-size:clamp(1.4rem,1rem + 1.8vmin,2.3rem);font-weight:700;line-height:1;display:flex}.pi-saludo svg{flex:none;width:clamp(3.2rem,7vmin,4.75rem);height:clamp(3.2rem,7vmin,4.75rem)}.pi-puertas{flex:1;grid-template:"aventura aventura"1.2fr"aprender programar"1fr/1fr 1fr;gap:clamp(.6rem,2vmin,1.5rem);width:100%;min-height:18rem;display:grid}@media (min-width:700px) and (min-aspect-ratio:5/4){.pi-puertas{grid-template:"aventura aprender programar"1fr/1.25fr 1fr 1fr}}.pi-puerta{isolation:isolate;min-width:0;min-height:0;box-shadow:var(--sombra-suave);color:var(--c-tinta);cursor:pointer;border:0;border-bottom:.6rem solid #1d2b4f40;border-radius:clamp(1.75rem,4vmin,3rem);padding:0;position:relative;overflow:hidden;container-type:size}.pi-puerta:active{border-bottom-width:.25rem;transform:translateY(.35rem)}.pi-puerta--aventura{background:#ff9f43;border-bottom-color:#d9741a;grid-area:aventura}.pi-puerta--hecha{background:#ffd9a8}.pi-puerta--aprender{border-bottom-color:var(--c-verde-osc);background:#7fd66f;grid-area:aprender}.pi-puerta--programar{background:var(--c-violeta);border-bottom-color:var(--c-violeta-osc);grid-area:programar}.pi-fondo{z-index:0;width:100%;height:100%;position:absolute;inset:0}.pi-puerta__personaje{--w:min(58cqw, 60cqh);z-index:1;width:var(--w);height:var(--w);left:calc(50% - var(--w) / 2);top:calc(44% - var(--w) / 2);position:absolute}.pi-puerta__personaje svg{width:100%;height:100%}.pi-puerta__personaje--a{--w:min(62cqw, 54cqh);top:auto;bottom:10%;left:4%}.pi-puerta__personaje--b{--w:min(44cqw, 38cqh);z-index:2;inset:auto 3% 6% auto}.pi-puerta__insignia{z-index:3;aspect-ratio:1;width:clamp(3.5rem,min(22cqw,22cqh),6.5rem);color:var(--c-verde-osc);box-shadow:var(--sombra);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:6%;right:5%}.pi-puerta__insignia svg{width:58%;height:58%}.pi-puerta__insignia--mundo{width:clamp(3.5rem,min(26cqw,24cqh),6rem);inset:5% auto auto 5%}.pi-puerta--aprender .pi-puerta__insignia{color:var(--c-verde-osc)}.pi-puerta--programar .pi-puerta__insignia{color:var(--c-violeta-osc)}.pi-flores{z-index:2;justify-content:center;gap:clamp(.2rem,1.6cqw,.9rem);padding-left:clamp(0rem,4cqw,1rem);padding-right:clamp(3.5rem,22cqw,6.5rem);display:flex;position:absolute;bottom:6%;left:0;right:0}.pi-puerta--aventura .pi-flores__flor{--flor:clamp(2.2rem, min(13cqw, 14cqh), 5rem)}.pi-flechas{z-index:2;justify-content:center;gap:clamp(.3rem,3cqw,.9rem);display:flex;position:absolute;bottom:6%;left:0;right:0}.pi-flechas span{aspect-ratio:1;width:clamp(2.5rem,min(17cqw,15cqh),4.5rem);color:var(--c-violeta-osc);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 .25rem #1d2b4f40}.pi-flechas svg{width:62%;height:62%}.pi-accesos{flex:none;justify-content:center;align-items:center;gap:clamp(.75rem,3vmin,2rem);display:flex}.pi-mapa{z-index:1;min-height:0;padding:0 var(--espacio) var(--espacio);flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:clamp(.75rem,2.4vmin,1.75rem);display:flex;position:relative;overflow-y:auto}.pi-mapa__cabeza{aspect-ratio:1;flex:none;width:clamp(5.5rem,min(22vw,24vh),15rem);margin-right:clamp(1.5rem,6vw,4rem);position:relative}.pi-mapa__cabeza>svg{width:100%;height:100%}.pi-mapa__mundo{aspect-ratio:1;width:52%;color:var(--c-verde-osc);box-shadow:var(--sombra);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:-34%}.pi-mapa__mundo svg{width:60%;height:60%}.pi-mapa__islas{--lado:clamp(9.25rem, min(17.5vw, 36vh), 21rem);flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,2vmin,1.5rem);width:100%;max-width:104rem;display:flex}.pi-mapa[data-cantidad="3"] .pi-mapa__islas{--lado:clamp(10rem, min(27vw, 44vh), 24rem)}@media (max-width:640px){.pi-mapa__islas,.pi-mapa[data-cantidad="3"] .pi-mapa__islas{--lado:calc((100% - 1rem) / 2)}}@media (max-width:640px) and (max-height:760px){.pi-mapa:not([data-cantidad="3"]) .pi-mapa__islas{--lado:calc((100% - 1.6rem) / 3)}.pi-mapa:not([data-cantidad="3"]) .pi-isla{gap:.4rem;padding:.6rem .4rem}}@media (min-width:641px) and (max-aspect-ratio:1){.pi-mapa__islas,.pi-mapa[data-cantidad="3"] .pi-mapa__islas{--lado:calc((100% - 2.5rem) / 3)}}.pi-isla{flex:0 0 var(--lado);width:var(--lado);aspect-ratio:10/11;border:0;border-bottom:.6rem solid var(--color-isla);box-shadow:var(--sombra-suave);cursor:pointer;color:var(--c-tinta);background:#fff;border-radius:clamp(1.75rem,4vmin,2.75rem);grid-template-rows:1fr auto;place-items:center;gap:.75rem;padding:1rem .75rem .9rem;display:grid;position:relative;container-type:inline-size}.pi-isla:active{border-bottom-width:.25rem;transform:translateY(.3rem)}.pi-isla__escena{aspect-ratio:1;background:var(--color-isla);border-radius:50%;place-items:center;width:74cqw;display:grid;position:relative}.pi-isla__personaje{filter:drop-shadow(0 1.2cqw #1d2b4f2e);width:86%;height:86%}.pi-isla__icono{aspect-ratio:1;border-bottom:1.2cqw solid var(--color-isla);width:36cqw;box-shadow:var(--sombra-suave);color:var(--c-tinta);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3cqw;right:-7cqw}.pi-isla__icono svg{width:64%;height:64%}.pi-isla__pegatinas{gap:3cqw;display:flex}.pi-medalla{aspect-ratio:1;color:#fff;border:1.2cqw dashed #a7b2d0;border-radius:50%;place-items:center;width:15cqw;display:grid}.pi-medalla svg{width:70%;height:70%}.pi-medalla--tengo{background:var(--c-amarillo);box-shadow:0 .8cqw 0 var(--c-amarillo-osc);border:0}.pi-mision{z-index:1;min-height:0;padding:0 var(--espacio) var(--espacio);text-align:center;flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:clamp(.6rem,2.2vmin,1.75rem);display:flex;position:relative;overflow-y:auto}.pi-mision__guia{aspect-ratio:1;flex:none;width:clamp(5.5rem,min(44vw,21vh),14rem)}@media (max-aspect-ratio:4/5){.pi-mision{justify-content:space-evenly}}.pi-mision__guia--grande{width:clamp(9rem,min(52vw,36vh),26rem)}.pi-mision__guia svg{width:100%;height:100%}.pi-mision__acciones{justify-content:center;align-items:center;gap:clamp(1rem,4vmin,2.5rem);display:flex}.pi-pasos{--paso:clamp(5.5rem, min(26vw, 23vh), 15rem);--hueco:clamp(1.2rem, 4vmin, 3.5rem);justify-content:center;gap:var(--hueco);margin:0;padding:.75rem 0 0;list-style:none;display:flex}.pi-paso{flex:none;justify-items:center;gap:.6rem;display:grid;position:relative}.pi-paso:not(:last-child):after{content:"";top:calc(var(--paso) / 2 - .2rem);width:calc(var(--hueco) - .6rem);border-top:.4rem dotted #1d2b4f66;position:absolute;left:calc(100% + .3rem)}.pi-paso__boton{width:var(--paso);height:var(--paso);border:0;border-bottom:.45rem solid var(--color-paso);box-shadow:var(--sombra-suave);cursor:pointer;color:var(--c-tinta);background:#fff;border-radius:clamp(1.5rem,3.5vmin,2.25rem);place-items:center;padding:0;display:grid;position:relative;container-type:inline-size}.pi-paso__boton:active{transform:translateY(.3rem)}.pi-paso--ahora .pi-paso__boton{animation:2.4s ease-in-out infinite brillo}.pi-paso--hecho .pi-paso__boton{opacity:.85}.pi-paso__icono{aspect-ratio:1;background:var(--color-paso);border-radius:50%;place-items:center;width:66cqw;display:grid}.pi-paso__icono svg{width:58%;height:58%}.pi-paso__guia{width:38cqw;height:38cqw;position:absolute;top:-10cqw;right:-8cqw;transform:rotate(8deg)}.pi-paso__guia svg{width:100%;height:100%}.pi-paso__flor{width:clamp(2.75rem, calc(var(--paso) * .5), 5rem);aspect-ratio:1;color:#b9c3df;box-shadow:var(--sombra);background:#ffffffe6;border-radius:50%;place-items:center;padding:.3rem;display:grid}.pi-paso__flor svg{width:100%;height:100%}.pi-paso__flor--lista{color:var(--c-rosa);animation:.6s ease-out both rebote}.pi-paso__marca{z-index:2;background:var(--c-ok);color:#fff;border:.15rem solid #fff;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid;position:absolute;top:-.7rem;left:-.5rem}.pi-cierre__flores{justify-content:center;align-items:center;gap:clamp(.4rem,1.5vmin,1rem);display:flex}.pi-cierre__flores .pi-flores__flor{--flor:clamp(3.5rem, 11vmin, 8rem)}.pi-cierre__brillo{width:clamp(2.5rem,8vmin,5.5rem);height:clamp(2.5rem,8vmin,5.5rem);color:var(--c-amarillo-osc);animation:1.6s ease-in-out infinite latido;display:block}.pi-cierre__brillo svg{width:100%;height:100%}.pi-sinpantalla{--d:clamp(7rem, min(30vw, 30vh), 19rem);justify-content:center;align-items:center;gap:clamp(.5rem,3vmin,2.5rem);display:flex}.pi-sinpantalla__pantalla,.pi-sinpantalla__juego{width:var(--d);height:var(--d);box-shadow:var(--sombra-suave);border-radius:50%;place-items:center;display:grid;position:relative}.pi-sinpantalla__pantalla{color:var(--c-coral-osc);background:#fff}.pi-sinpantalla__juego{background:var(--color-isla);color:var(--c-tinta);border:.5rem solid #fff}.pi-sinpantalla__pantalla>svg,.pi-sinpantalla__juego>svg{width:56%;height:56%}.pi-sinpantalla__flecha{color:var(--c-tinta);flex:none}.pi-sinpantalla__flecha svg{width:clamp(2.25rem,6vmin,4rem);height:clamp(2.25rem,6vmin,4rem)}.pi-sinpantalla__guia{width:46%;height:46%;position:absolute;bottom:-14%;right:-12%}.pi-sinpantalla__guia svg{width:100%;height:100%}.pi-jardin{z-index:1;min-height:0;padding:0 var(--espacio) var(--espacio);flex-direction:column;flex:1;gap:.75rem;display:flex;position:relative}.pi-jardin__datos{flex:none;justify-content:center;gap:1rem;display:flex}.pi-dato{box-shadow:var(--sombra);background:#fffffff0;border-radius:2rem;align-items:center;gap:.6rem;padding:.3rem 1.5rem .3rem 1rem;display:flex}.pi-dato svg{width:clamp(2.5rem,6vmin,3.75rem);height:clamp(2.5rem,6vmin,3.75rem);color:var(--c-rosa)}.pi-dato--racha svg{color:var(--c-amarillo-osc)}.pi-dato strong{font-family:var(--fuente-titulo);font-size:clamp(2rem,1rem + 3vmin,3.4rem);line-height:1}.pi-jardin__campo{background:linear-gradient(#fff0 0%,#62c46a40 100%);border-radius:2rem;flex:1;min-height:12rem;position:relative;overflow:hidden;container-type:size}.pi-jardin__campo>svg{width:100%;height:100%}.pi-jardin__huecos{position:absolute;inset:0}.pi-hueco{left:var(--x);top:var(--y);width:calc(min(10cqw, 20cqh) * var(--t));opacity:.9;height:auto;animation:3.2s ease-in-out infinite hueco-late;animation-delay:var(--demora);position:absolute;transform:translate(-50%,-100%)}@keyframes hueco-late{0%,to{opacity:.55}50%{opacity:1}}.pi-jardin__vacio{justify-content:center;align-items:center;gap:5cqw;padding-top:6cqh;display:flex;position:absolute;inset:0}.pi-jardin__pipa{flex:none;width:min(27cqw,56cqh);height:min(27cqw,56cqh)}.pi-semilla{aspect-ratio:1;cursor:pointer;width:min(34cqw,64cqh);color:var(--c-tinta);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:0;position:relative}.pi-semilla:active .pi-semilla__dibujo{transform:scale(.96)}.pi-semilla__dibujo{transform-origin:50% 90%;width:100%;height:100%;transition:transform .15s}.pi-semilla__dibujo .brote{transform-box:view-box;transform-origin:60px 80px;transition:transform .9s ease-out;transform:scale(.62)}.pi-semilla__dibujo.regada .brote{transform:scale(1.12)}.pi-semilla__regadera{transform-origin:50% 55%;filter:drop-shadow(0 .4rem #1d2b4f26);pointer-events:none;width:56%;height:auto;transition:transform .5s ease-in-out;position:absolute;top:-8%;left:-2%}.pi-semilla--regando .pi-semilla__regadera{transform:rotate(28deg)}.pi-semilla__gotas{pointer-events:none;width:0;height:0;position:absolute;top:0;left:52%}.pi-semilla__gotas i{left:calc(var(--i) * 3.2cqw - 5cqw);opacity:0;background:#5aaeff;border-radius:50%/62% 62% 38% 38%;width:2.2cqw;min-width:.7rem;height:3.4cqw;min-height:1.1rem;position:absolute;top:0;box-shadow:inset -.15rem -.15rem #ffffff73}.pi-semilla--regando .pi-semilla__gotas i{animation:.8s ease-in infinite gota-cae;animation-delay:calc(var(--i) * .14s)}@keyframes gota-cae{0%{opacity:0;transform:translateY(0)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(min(26cqw,44cqh))}}.pi-semilla__mano{color:var(--c-tinta);filter:drop-shadow(0 .2rem #ffffffe6);pointer-events:none;animation:1.3s ease-in-out infinite mano-toca;position:absolute;bottom:2%;right:4%}.pi-semilla__mano svg{width:clamp(3.5rem,9cqmin,6rem);height:clamp(3.5rem,9cqmin,6rem)}@keyframes mano-toca{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-.6rem,-.8rem)scale(.92)}}@container (aspect-ratio<=1){.pi-jardin__vacio{flex-direction:column;gap:1cqh;padding-top:0}.pi-jardin__pipa{width:min(46cqw,28cqh);height:min(46cqw,28cqh)}.pi-semilla{width:min(66cqw,36cqh);margin-top:6cqh}.pi-hueco{left:var(--px);top:var(--py);width:calc(min(24cqw, 14cqh) * var(--t))}}.pi-coleccion{z-index:1;min-height:0;padding:0 var(--espacio) var(--espacio);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.pi-album{flex:1;grid-template-columns:1fr;grid-auto-rows:minmax(min-content,1fr);gap:clamp(.75rem,2vmin,1.5rem);width:100%;max-width:112rem;margin:0 auto;display:grid}@media (min-width:640px){.pi-album{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.pi-album{grid-template-columns:repeat(4,1fr)}}.pi-pagina{border-bottom:.5rem solid var(--color-isla);box-shadow:var(--sombra);background:#fffffff0;border-radius:2rem;align-content:center;justify-items:center;gap:clamp(.75rem,2.4vmin,1.5rem);padding:1rem 1rem 1.1rem;display:grid;container-type:inline-size}.pi-pagina__juego{background:var(--color-isla);width:clamp(4rem,min(28cqw,7rem),7rem);height:clamp(4rem,min(28cqw,7rem),7rem);color:var(--c-tinta);cursor:pointer;box-shadow:var(--sombra);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.pi-pagina__juego>svg{width:56%;height:56%}.pi-pagina__guia{width:52%;height:52%;position:absolute;top:-.7rem;right:-1rem}.pi-pagina__guia svg{width:100%;height:100%}.pi-pagina__pegatinas{justify-content:center;gap:3cqw;display:flex}.pi-pegatina{aspect-ratio:1;color:#b9c3df;background:#f3f6ff;border:.2rem dashed #b9c3df;border-radius:50%;place-items:center;width:min(28cqw,9rem);padding:0;display:grid;position:relative}.pi-pegatina>svg{width:50%;height:50%;margin-top:-.6rem}.pi-pegatina__estrellas{display:flex;position:absolute;bottom:.4rem}.pi-pegatina__estrellas svg{width:clamp(.9rem,6.5cqw,1.4rem);height:clamp(.9rem,6.5cqw,1.4rem)}.pi-pegatina--tengo{box-shadow:0 0 0 .15rem var(--c-tinta), var(--sombra);color:var(--c-tinta);cursor:pointer;transform:rotate(var(--giro,0deg));border:.3rem solid #fff}.pi-pegatina--tengo>svg{width:54%;height:54%}.pi-pegatina--tengo .pi-pegatina__estrellas{color:#fff;filter:drop-shadow(0 0 1px #1d2b4fb3)}.adultos{z-index:1;min-height:0;color:var(--c-tinta);background:#f4f7ff;flex:1;font-size:1.0625rem;position:relative;overflow-y:auto}.adultos__cabecera{z-index:3;padding:.6rem var(--espacio);background:var(--c-tinta);color:#fff;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.adultos__cabecera h1{flex:1;font-size:1.25rem}.adultos__nav{padding:.6rem var(--espacio);z-index:2;background:#fff;border-bottom:.1rem solid #dde3f3;gap:.4rem;display:flex;position:sticky;top:3.6rem;overflow-x:auto}.adultos__nav button{cursor:pointer;background:#fff;border:.15rem solid #c3cbe0;border-radius:2rem;flex:none;min-height:2.75rem;padding:.3rem 1rem;font-weight:700}.adultos__nav button[aria-current=true]{background:var(--c-tinta);color:#fff;border-color:var(--c-tinta)}.adultos__cuerpo{max-width:56rem;padding:1rem var(--espacio) 3rem;gap:1rem;margin:0 auto;display:grid}.adultos h2{font-size:1.4rem}.adultos h3{font-size:1.1rem}.panel{background:#fff;border:.1rem solid #dde3f3;border-radius:1.25rem;gap:.6rem;padding:1rem 1.25rem;display:grid}.rejilla-datos{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;display:grid}.cifra{background:#eef2ff;border-radius:1rem;gap:.1rem;padding:.75rem;display:grid}.cifra strong{font-family:var(--fuente-titulo);font-size:1.8rem;line-height:1}.chip-estado{background:#eef2ff;border:.1rem solid #c3cbe0;border-radius:2rem;padding:.1rem .7rem;font-size:.9rem;font-weight:700;display:inline-block}.chip-estado[data-e=consolidado]{background:#d7f5e0;border-color:#7ccf98}.chip-estado[data-e=practicando]{background:#fff1c9;border-color:#e3b84a}.chip-estado[data-e=con-ayuda]{background:#e5ddff;border-color:#a891ee}.barra-nivel{background:#e4e9f7;border-radius:1rem;height:.6rem;overflow:hidden}.barra-nivel>span{background:var(--c-turquesa-osc);height:100%;display:block}.fila-ajuste{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;display:flex}.fila-ajuste label,.fila-ajuste .etiqueta{font-weight:700}.interruptor{border:.15rem solid var(--c-tinta);cursor:pointer;background:#fff;border-radius:2rem;width:4rem;height:2.5rem;padding:0;position:relative}.interruptor:after{content:"";background:var(--c-tinta);border-radius:50%;width:1.8rem;height:1.8rem;transition:transform .15s;position:absolute;top:.2rem;left:.2rem}.interruptor[aria-checked=true]{background:var(--c-turquesa)}.interruptor[aria-checked=true]:after{transform:translate(1.5rem)}.adultos input[type=range]{width:min(14rem,100%);height:2.75rem;accent-color:var(--c-turquesa-osc)}.adultos select{border:.15rem solid var(--c-tinta-suave);background:#fff;border-radius:.75rem;min-height:2.75rem;padding:.3rem .75rem}.btn-adulto{border:.15rem solid var(--c-tinta);cursor:pointer;background:#fff;border-radius:.9rem;align-items:center;gap:.5rem;min-height:2.75rem;padding:.4rem 1rem;font-weight:700;display:inline-flex}.btn-adulto--peligro{border-color:var(--c-coral-osc);color:#8f2418;background:#ffe9e6}.btn-adulto--principal{background:var(--c-tinta);color:#fff}.aviso-adulto{background:#fff7dd;border:.1rem solid #e8c764;border-radius:1rem;padding:.75rem 1rem}.aviso-adulto--error{border-color:var(--c-coral-osc);background:#ffe9e6}.aviso-adulto--ok{background:#e3f7ea;border-color:#7ccf98}.privacidad-iconos{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.privacidad-iconos li{background:#eef2ff;border-radius:1rem;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.privacidad-iconos svg{color:var(--c-turquesa-osc);flex:none}details.juego-detalle{background:#fff;border:.1rem solid #dde3f3;border-radius:1rem;padding:.25rem 1rem}details.juego-detalle summary{cursor:pointer;min-height:3rem;font-weight:700;font-family:var(--fuente-titulo);align-items:center;gap:.6rem;display:flex}details.juego-detalle dl{gap:.5rem;margin:.25rem 0 .75rem;display:grid}details.juego-detalle dt{font-weight:700}details.juego-detalle dd{margin:0}.puerta{z-index:1;min-height:0;padding:var(--espacio);text-align:center;flex:1;place-content:safe center;justify-items:center;gap:1.25rem;display:grid;position:relative;overflow-y:auto}.puerta__caja{box-shadow:var(--sombra-suave);background:#fff;border-radius:2rem;justify-items:center;gap:1rem;max-width:clamp(28rem,40vmin,38rem);padding:1.5rem;display:grid}.mantener{--avance:0;background:conic-gradient(var(--c-verde) calc(var(--avance) * 1%), #dde3f3 0);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;place-items:center;width:8rem;height:8rem;display:grid;position:relative}.mantener__centro{background:var(--c-amarillo);width:6.4rem;height:6.4rem;font-family:var(--fuente-titulo);border-radius:50%;place-items:center;padding:.5rem;font-size:1rem;font-weight:700;line-height:1.1;display:grid}.opciones-numero{gap:.75rem;display:flex}.opciones-numero .btn{min-width:5rem;font-size:1.75rem}