:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--naranja:#ff7500;--verde:#1b6652;--crema:#ffe1b6;--naranja-oscuro:#ce6002;--ancho-maqueta:100vw;--ancho-logo:67vw;--logo-abajo:83px;--logo-baja:68px;--gusto-abajo:22px;--pista-centro:32vh;--sale:cubic-bezier(.55, 0, .75, .2);--vuelve:cubic-bezier(.22, 1.25, .36, 1)}html,body{overscroll-behavior:none;background:var(--naranja);height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#celular{background:var(--naranja);position:fixed;inset:0;overflow:hidden}#escena{touch-action:none;opacity:0;width:100%;height:100%;transition:opacity .2s;display:block;position:absolute;inset:0}#escena.listo{opacity:1}#titulo{width:var(--ancho-maqueta);pointer-events:none;-webkit-user-drag:none;z-index:1;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}body:not(.escena-lista) #titulo,body:not(.escena-lista) #logo,body:not(.escena-lista) #gusto{opacity:0}body.escena-lista #titulo{animation:.6s cubic-bezier(.2,.8,.2,1) .55s backwards baja}body.escena-lista #logo{animation:.6s cubic-bezier(.2,.8,.2,1) .65s backwards sube}body.escena-lista #gusto{animation:.6s cubic-bezier(.2,.8,.2,1) .75s backwards sube}@keyframes baja{0%{opacity:0;transform:translate(-50%,-36px)}to{opacity:1;transform:translate(-50%)}}@keyframes sube{0%{opacity:0;transform:translate(-50%,44px)}to{opacity:1;transform:translate(-50%)}}#pista,#seguinos{left:50%;top:var(--pista-centro);background:var(--verde);color:var(--crema);white-space:nowrap;pointer-events:none;z-index:2;opacity:0;transform:translate(-50%, calc(-50% + var(--flotar,0px) + 6px));border-radius:999px;margin:0;padding:8px 18px;font:600 14px/14px -apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;transition:opacity .45s;position:absolute}#pista{transition:opacity .45s,width .45s;display:grid;overflow:hidden}#pista .texto{opacity:0;grid-area:1/1;justify-self:center;width:max-content;transition:opacity .4s}#pista .texto.activo{opacity:1}#pista.visible,#seguinos.visible{opacity:1;transform:translate(-50%, calc(-50% + var(--flotar,0px)))}#seguinos{top:var(--alfajor-centro);z-index:3;-webkit-tap-highlight-color:transparent;align-items:center;gap:7px;padding-left:13px;text-decoration:none;display:flex;box-shadow:0 6px 18px #28140059}#seguinos svg{flex:none;width:16px;height:16px}#seguinos.visible{pointer-events:auto;cursor:pointer}#seguinos:active{filter:brightness(1.15)}#dedo{left:50%;top:var(--alfajor-centro);z-index:2;pointer-events:none;opacity:0;width:0;height:0;transform:translateY(var(--flotar,0px));transition:opacity .45s;position:absolute}#dedo.visible{opacity:1}#dedo .mano{opacity:0;position:absolute}#dedo .yema,#dedo .onda{border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px}#dedo .yema{background:radial-gradient(circle,#ffffffd9 0%,#ffffff73 55%,#fff0 72%);box-shadow:0 0 18px #ffe6be99}#dedo .onda{opacity:0;border:2px solid #fffc}#dedo.visible .mano{animation:3.2s ease-in-out infinite dedo}#dedo.visible .yema{animation:3.2s ease-in-out infinite yema}#dedo.visible .onda{animation:3.2s ease-out infinite onda-toque}@keyframes dedo{0%{opacity:0;transform:translate(10px,18px)}12%{opacity:1;transform:translate(0)}40%{opacity:1;transform:translate(0)}48%{opacity:1;transform:translate(-40px)}72%{opacity:1;transform:translate(50px)}86%,to{opacity:0;transform:translate(60px)}}@keyframes yema{0%,18%{transform:scale(1)}24%{transform:scale(.78)}32%,to{transform:scale(1)}}@keyframes onda-toque{0%,22%{opacity:0;transform:scale(.6)}24%{opacity:.9;transform:scale(.8)}40%,to{opacity:0;transform:scale(2.2)}}#cajon{height:var(--cajon-alto,480px);z-index:4;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:16px 16px 0 0;transition:transform .5s cubic-bezier(.32,.72,0,1);position:absolute;top:0;left:0;right:0;transform:translateY(110vh);box-shadow:0 -8px 30px #28140047}#cajon.arrastrando{transition:none}#cajon .agarre{cursor:grab;height:36px;position:relative}#cajon .barrita{background:#c7c7cc;border-radius:3px;width:36px;height:5px;position:absolute;top:8px;left:50%;transform:translate(-50%)}#cajon .perfil{height:calc(411px * var(--cajon-escala,1));position:relative;overflow:hidden}#cajon iframe{width:400px;height:411px;transform:scale(var(--cajon-escala,1));transform-origin:0 0;pointer-events:none;border:0;display:block}#cajon .enlace{-webkit-tap-highlight-color:transparent;position:absolute;inset:0}#logo{left:50%;bottom:var(--logo-abajo);width:var(--ancho-logo);pointer-events:none;-webkit-user-drag:none;z-index:1;height:auto;transition:transform .65s var(--vuelve);position:absolute;transform:translate(-50%)}#gusto{left:50%;bottom:var(--gusto-abajo);box-sizing:border-box;background:var(--naranja-oscuro);z-index:2;width:88px;height:48px;transition:transform .6s var(--vuelve) .14s, opacity .35s ease .14s;border-radius:999px;align-items:center;padding:0 4px;display:flex;position:absolute;transform:translate(-50%)}.gusto{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:0 0 40px;height:48px;padding:0;position:relative}.gusto:before{content:"";background:var(--tapa) center / 104%;border-radius:50%;width:32px;height:32px;margin:-16px 0 0 -16px;transition:transform .28s cubic-bezier(.3,1.6,.5,1),box-shadow .2s;position:absolute;top:50%;left:50%;transform:scale(.72);box-shadow:0 0 0 1.5px #fffffff2,inset 0 -2px 4px #0000004d}.gusto.activo:before{transform:scale(1);box-shadow:0 3px 5px #46190080,inset 0 -3px 5px #00000059,inset 0 2px 3px #fff3}.gusto:active:before{transform:scale(.85)}.gusto:focus-visible{outline-offset:-2px;border-radius:50%;outline:2px solid #fff}body.jugando #gusto{transform:translate(-50%, calc(var(--gusto-abajo) + 60px));opacity:0;pointer-events:none;transition:transform .38s var(--sale), opacity .3s ease 60ms}body.jugando #logo{transform:translate(-50%, var(--logo-baja));transition:transform .52s cubic-bezier(.45,0,.2,1) 90ms}@keyframes aparece{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){#logo,#gusto,body.escena-lista #titulo,body.escena-lista #logo,body.escena-lista #gusto{transition-duration:1ms;animation:none}}@media (width>=600px) and (height>=600px){body{background:radial-gradient(at 50% 45%,#fff9ee 0%,#fbe7c9 70%,#f4d8b0 100%)}#celular{--alto-celular:min(956px, calc(100vh - 72px));width:calc(var(--alto-celular) * 440 / 956);height:var(--alto-celular);border-radius:calc(var(--alto-celular) * .058);box-shadow:0 0 0 calc(var(--alto-celular) * .012) #161618, 0 0 0 calc(var(--alto-celular) * .012 + 1.5px) #4a4a4e, 0 40px 90px #6e32004d, 0 12px 30px #6e32002e;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}#girar{display:none}@media (orientation:landscape) and (height<=599px){#celular{visibility:hidden}#girar{color:var(--crema);background:var(--naranja);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;font:600 17px/1.2 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0}#girar p{margin:0}#girar svg{width:44px;height:44px;margin-top:6px;animation:2.4s ease-in-out infinite girar}#girar img{width:auto;height:42vh}}@keyframes girar{0%,20%{transform:rotate(90deg)}50%,to{transform:rotate(0)}}#juego{--u:calc(var(--ancho-maqueta) / 440)}#juego>*{z-index:3;opacity:0;pointer-events:none;color:var(--crema);white-space:nowrap;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;transition:opacity .35s;position:absolute;left:50%;transform:translate(-50%,-50%)}body.juego-previa #escena,body.juego-previa #gusto,body.juego-portada #escena,body.juego-cuenta #escena{pointer-events:none}body.juego-portada #gusto{transform:translate(-50%, calc(var(--gusto-abajo) + 60px));pointer-events:none;transition:transform .38s var(--sale)}body.juego-cuenta #gusto,body.juego-jugando #gusto,body.juego-final #gusto{visibility:hidden;pointer-events:none}#juego .portada-pastilla{top:var(--juego-pastilla);padding:calc(6 * var(--u)) calc(18 * var(--u));background:var(--naranja-oscuro);font-size:calc(25 * var(--u));border-radius:999px;font-weight:600;line-height:1}#juego .empezar{top:var(--juego-empezar);width:calc(218 * var(--u));height:calc(71 * var(--u));border-radius:calc(12 * var(--u));background:var(--verde);font-size:calc(32 * var(--u));letter-spacing:.02em;cursor:pointer;border:0;padding:0;font-weight:600;box-shadow:0 8px 24px #3c19004d}#juego .empezar:active{transform:translate(-50%,-50%)scale(.96)}body.juego-portada #juego .portada-pastilla,body.juego-portada #juego .empezar{opacity:1}body.juego-portada #juego .empezar{pointer-events:auto}body.juego-portada #juego .portada-pastilla{animation:.5s .15s backwards entra-portada}body.juego-portada #juego .empezar{animation:.5s cubic-bezier(.2,1.3,.4,1) .28s backwards entra-portada}@keyframes entra-portada{0%{opacity:0;transform:translate(-50%,calc(14px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}#juego .cuenta{top:calc(var(--alfajor-centro) + var(--logo-baja) / 2);font-size:calc(96 * var(--u));color:#fff;-webkit-text-stroke:calc(2 * var(--u)) var(--verde);paint-order:stroke fill;text-shadow:0 calc(4 * var(--u)) 0 var(--verde), 0 calc(10 * var(--u)) calc(28 * var(--u)) #280f008c;font-weight:700;line-height:1}body.juego-cuenta #juego .cuenta{opacity:1}#juego .cuenta.salta{animation:.8s cubic-bezier(.2,1.4,.4,1) both cuenta}@keyframes cuenta{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}45%{transform:translate(-50%,-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}#juego .barra{top:var(--juego-barra);width:calc(313 * var(--u));height:calc(30 * var(--u));background:var(--naranja-oscuro);border-radius:999px}#juego .barra .relleno{width:max(calc(30 * var(--u)), calc(var(--progreso,0) * 100%));background:var(--verde);border-radius:999px;transition:width .5s cubic-bezier(.3,1.3,.5,1);position:absolute;top:0;bottom:0;left:0}#juego .barra.brilla .relleno{animation:.9s ease-out halo}@keyframes halo{0%{box-shadow:0 0 #1b665273,0 0 #1b665238}35%{box-shadow:0 0 0 calc(9 * var(--u)) #1b665266, 0 0 0 calc(19 * var(--u)) #1b665233}to{box-shadow:0 0 0 calc(9 * var(--u)) #1b665200, 0 0 0 calc(19 * var(--u)) #1b665200}}#juego .barra .texto{font-size:calc(14 * var(--u));place-items:center;font-weight:600;display:grid;position:absolute;inset:0}#juego .barra .texto.entra{animation:.4s both entra-texto}@keyframes entra-texto{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}#juego .reloj{top:var(--juego-reloj);font-size:calc(24 * var(--u));font-variant-numeric:tabular-nums;font-weight:600;line-height:1}#juego .reloj.late{animation:.5s ease-out late}@keyframes late{0%{transform:translate(-50%,-50%)scale(1.3)}to{transform:translate(-50%,-50%)scale(1)}}body.juego-jugando #juego .barra,body.juego-jugando #juego .reloj,body.juego-final #juego .barra{opacity:1}#juego .final-info{top:calc(var(--juego-reloj) - 10 * var(--u));width:max-content;max-width:calc(var(--ancho-maqueta) * .88);align-items:center;gap:calc(2 * var(--u));white-space:normal;text-align:center;flex-direction:column;display:flex;transform:translate(-50%)}#juego .faltan{font-size:calc(15 * var(--u));margin:0;font-weight:500;line-height:1.3}body.juego-final #juego .final-info{opacity:1;pointer-events:auto}#juego .puntos{top:var(--juego-puntos);width:calc(56 * var(--u));height:calc(56 * var(--u));background:var(--verde);box-shadow:0 0 0 calc(12 * var(--u)) #1b665266, 0 0 0 calc(24 * var(--u)) #1b665233;font-size:calc(22 * var(--u));border-radius:50%;place-items:center;font-weight:600;display:grid}#juego .puntos.ver{animation:1.3s cubic-bezier(.2,1.3,.4,1) both salta-puntos}@keyframes salta-puntos{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}30%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%, calc(-50% - 10 * var(--u))) scale(1)}to{opacity:0;transform:translate(-50%, calc(-50% - 22 * var(--u))) scale(.95)}}#juego .ayuda{top:var(--juego-ayuda);font-size:calc(25 * var(--u));text-shadow:0 2px 10px #5a1e0033;font-weight:600;line-height:1}#juego .ayuda.ver{animation:.45s both entra-ayuda}@keyframes entra-ayuda{0%{opacity:0;transform:translate(-50%,calc(6px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}body.juego-jugando #juego .ayuda.ver{opacity:1}#seguinos.codigo{width:max-content;max-width:calc(var(--ancho-maqueta) * .88);box-sizing:border-box;white-space:normal;text-align:left;font-size:calc(var(--ancho-maqueta) * 16 / 440);border-radius:28px;gap:10px;padding:10px 20px 10px 16px;line-height:1.2}#seguinos.codigo svg{width:22px;height:22px}@media (prefers-reduced-motion:reduce){#juego .cuenta.salta,#juego .puntos.ver,#juego .reloj.late{animation-duration:1ms}}