@import url("https://fonts.googleapis.com/css2?family=Acme&display=swap");@import url("https://fonts.googleapis.com/css2?family=Tajawal&display=swap");html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{box-sizing:border-box;font-size:62.5%}*,:after,:before{box-sizing:inherit}body{font-size:1.6rem;line-height:1.8}p{font-size:2rem}.contenedor{margin:0 auto;max-width:120rem;width:90%}a{text-decoration:none}h1{font-size:3.8rem}h2{font-size:3.4rem}h3{font-size:3rem}h4{font-size:2.6rem}body{background-attachment:fixed;background-color:#17dfd5;background-image:url(../../src/assets/9.png);background-position:50%;background-repeat:no-repeat;background-size:cover}body,html{display:flex;flex-direction:column;height:100%;width:100%}main{flex:1}.site-footer{background-color:#3d2073;padding:10px 0;text-align:center}#footerText{color:#fff;font-family:Acme,sans-serif;font-size:13px;line-height:1.2}.overlay{height:70%;left:50%;top:53%;transform:translate(-50%,-50%);width:70%;z-index:0}#hud-overlay,.overlay{pointer-events:none;position:absolute}#hud-overlay{inset:0;z-index:999}#hud-overlay .hud-btn{cursor:pointer;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25));height:auto;pointer-events:auto;position:absolute;transition:transform .18s ease,filter .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:clamp(56px,5.2vw,84px)}#hud-overlay .hud-btn:hover{filter:drop-shadow(0 10px 16px rgba(0,0,0,.32));transform:scale(1.06)}#hud-overlay .hud-sound{height:10%;right:13%;top:15.5%}#hud-overlay .hud-gallery{bottom:5%;height:12%;right:12.5%;width:6%}.modal-window{background:rgba(0,0,0,.55);display:none;display:flex;inset:0;justify-content:center;padding:10%;place-items:center!important;position:fixed;z-index:9999}#modalWindowGameFinish{display:none}.click-instruction,.instructions-open #click-to-continue,.instructions-open #speech-bubble{display:none!important}.inst-card{background:#fff;border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,.25);padding:2px 20px 20px;position:relative;width:min(72vw,600px)}.inst-close{background:transparent;border:0;color:#5b5b5b;cursor:pointer;font-size:250%;line-height:1;position:absolute;right:2%;top:1%;transition:transform .15s ease,opacity .15s ease}.inst-close:hover{color:#e90707;transform:scale(1.08)}.inst-title{color:#000;font-family:Fredoka One,sans-serif!important;font-size:20px;font-weight:800;margin:4px 0 16px;text-align:center}.inst-media{aspect-ratio:16/9;background:#e9e1f6;border:2px solid rgba(0,0,0,.06);border-radius:14px;margin:0 auto 18px;overflow:hidden;width:100%}.inst-media iframe,.inst-media img,.inst-media video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.inst-badge{margin-left:25%;overflow:hidden;width:auto}.inst-badge iframe,.inst-badge img,.inst-badge video{display:block;height:70%;-o-object-fit:cover;object-fit:cover;width:70%}.inst-text{color:#000;font-family:Geist Variable,sans-serif;font-size:16px;line-height:1.6;margin:4px 8px 18px;text-align:center}.inst-actions{align-items:center;display:flex;justify-content:center}.inst-cta{background:#8300da;border:none;border-radius:12px;box-shadow:0 10px 18px rgba(108,43,217,.28);color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 28px}#buttonStart,.inst-cta{animation:ctaPulse 1.6s ease-in-out infinite;box-shadow:0 10px 24px rgba(0,0,0,.22);position:relative;transform-origin:center;will-change:transform,box-shadow}#buttonStart:focus-visible,#buttonStart:hover,.inst-cta:focus-visible,.inst-cta:hover{box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 18px rgba(123,31,255,.55),0 0 36px rgba(123,31,255,.35);transition:box-shadow .18s ease}.inst-actions--double{display:flex;gap:30px;justify-content:center}.inst-cta.inst-cta--secondary{background:#fff;border:2px solid #8300da;box-shadow:0 10px 18px rgba(0,0,0,.12);color:#8300da}@keyframes ctaPulse{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}.gallery-backdrop{align-items:center;background:rgba(0,0,0,.55);display:flex;inset:0;justify-content:center;opacity:0;padding:24px;pointer-events:none;position:fixed;transition:opacity .18s ease;z-index:10000}.gallery-backdrop.visible{opacity:1;pointer-events:auto}.gallery-dialog{background:#fff;border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.28);padding:22px 22px 26px;position:relative;transform:translateY(6px);transition:transform .18s ease;width:min(92vw,700px)}.gallery-backdrop.visible .gallery-dialog{transform:translateY(0)}.gallery-close{background:transparent;border:0;color:#5b5b5b;cursor:pointer;font-size:250%;line-height:1;position:absolute;right:2%;top:1%;transition:transform .15s ease,opacity .15s ease}.gallery-close:hover{color:#e30707;transform:scale(1.08)}.gallery-media{background:#eee;border:2px solid rgba(0,0,0,.06);border-radius:12px;margin:0 auto 16px;overflow:hidden;width:100%}.gallery-image{display:block;height:auto;width:100%}.character{max-height:100%;z-index:2}.character,.item{bottom:0;position:absolute}.item{max-height:10%}.item img{display:block;height:100%}#item-flashlight{bottom:41%;height:6.5%;right:17%;transform:rotate(20deg);transform-origin:center;transition:all 1s ease-in-out;width:auto;z-index:3}#item-stethoscope{bottom:29%;height:25%;right:33%;transform:rotate(-90deg);transform-origin:center center;z-index:1}#item-stethoscope,#item-tongue_depressor{position:absolute;transition:all .8s ease-in-out;width:auto}#item-tongue_depressor{bottom:49%;height:10%;right:35%;z-index:3}#item-tongue_depressor.highlight{animation:glowScale 1s infinite;cursor:pointer}#item-flashlight.move-to-eye{bottom:40%;right:28%;transform:rotate(230deg) scale(1.2)}#item-flashlight.move-to-eye:after{animation:flashlight-glow 2.6s forwards;background:radial-gradient(circle,rgba(237,237,52,.6) 0,transparent 70%);border-radius:50%;content:"";height:80px;pointer-events:none;position:absolute;right:10%;top:70%;transform:translate(-50%) scale(0);width:80px;z-index:-1}@keyframes flashlight-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}@keyframes glowScale{0%,to{filter:drop-shadow(0 0 5px yellow);transform:scale(1)}50%{filter:drop-shadow(0 0 15px yellow);transform:scale(1.1)}}.item.highlight{animation:glowScale 1s infinite;cursor:pointer}@keyframes stethoGlow{0%,to{filter:drop-shadow(0 0 5px yellow);transform:rotate(-90deg) scale(1)}50%{filter:drop-shadow(0 0 15px yellow);transform:rotate(-90deg) scale(1.1)}}#item-stethoscope.highlight{animation:stethoGlow 1s infinite;cursor:pointer}#item-stethoscope.move-to-itzel{bottom:22%;right:23%;transform:rotate(12deg) scale(1.08);z-index:4}#character-tito{bottom:3%;height:40%;right:18%;transition:left .8s ease-in-out,bottom .8s ease-in-out;width:12%}.tito-move{bottom:12%!important;right:35%!important}.character.has-advance-indicator{animation:characterPulse 1.35s ease-in-out infinite;cursor:pointer;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35))}@keyframes characterPulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.advance-exclaim-icon{aspect-ratio:1/1;display:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.3));pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:clamp(24px,3.5vw,46px);z-index:40}#character-itzel{backface-visibility:hidden;bottom:2%;height:40%;right:6%;transform-style:preserve-3d;transition:left .8s ease-in-out,right .8s ease-in-out,bottom .8s ease-in-out,transform .35s ease,width .35s ease;width:8%}#character-itzel.is-beside-doctor{left:22%;right:auto;top:47%}#character-itzel.is-hands-check{left:39%;right:auto;top:46%}#character-itzel.pose-hands{transform:rotateY(3deg) rotate(2deg) rotateX(-10deg) scaleX(1.3);z-index:2}.itzel-move{bottom:10%!important;right:22%!important}#character-doctora{bottom:5%;height:50%;left:1%;position:absolute;transition:left .8s ease-in-out,bottom .8s ease-in-out;width:15%}.doctora-move-center{left:25%!important;top:38%}@keyframes walk-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.walk{animation:walk-bounce .35s ease-in-out infinite}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.shake{animation:shake .4s ease-in-out infinite}:root{--Speech-Bubble-Border:#222;--Speech-Bubble-Background:#000;--Speech-Bubble-Text:#fcfcfc}.speech{--bubble-h:clamp(80px,20vh,140px);--avatar-w:clamp(68px,8.5vmin,112px);--avatar-img:clamp(40px,5.8vmin,60px);--gap:6%;background:linear-gradient(90deg,rgba(34,34,34,.92),rgba(34,34,34,.92) 72%,rgba(34,34,34,.65));border-radius:22px;box-shadow:0 14px 40px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.06);color:#fff;display:block;height:var(--bubble-h);left:37%;max-width:26vw;min-width:14vw;overflow:visible;padding-bottom:10px;padding-right:8px;padding-top:10px;position:absolute;top:22%;width:-moz-max-content;width:max-content;z-index:6}.speech.hidden{display:none}.speech__close{background:transparent url(../../src/assets/x_3d.png) 50%/contain no-repeat;border:0;cursor:pointer;display:none;height:36px;padding:0;pointer-events:auto;position:absolute;right:-10px;top:-10px;width:36px;z-index:50}.speech__close.is-on{display:block}.speech__close:hover{transform:scale(1.06)}.speech__close:active{transform:scale(.96)}.speech-restore{cursor:pointer;display:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.25));height:9%;left:13%;position:absolute;top:16%;transition:transform .15s ease;width:5%;z-index:7}.speech-restore.is-on{display:block}.speech-restore:hover{filter:drop-shadow(0 10px 16px rgba(0,0,0,.32));transform:scale(1.06)}.speech__avatar-card{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:hsla(0,0%,100%,.12);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.35);display:flex;flex-direction:column;height:auto;justify-content:center;left:2%;padding:10px 8px 8px;position:absolute;top:50%;transform:translateY(-50%);width:var(--avatar-w)}.speech__name{color:#fff;font-family:Fredoka One,sans-serif;font-size:14px;font-weight:800;line-height:1;margin-bottom:8px;text-shadow:0 1px 0 rgba(0,0,0,.35)}.speech__avatar{-webkit-user-drag:none;border-radius:12px;height:var(--avatar-img);-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--avatar-img)}.speech__body{align-items:center;display:flex;height:100%;padding-left:calc(var(--avatar-w) + var(--gap));padding-right:4%;width:100%}.speech__text{font-family:Grandstander,sans-serif!important;font-size:clamp(10px,.8vw,20px)!important;line-height:1.45;margin:0;overflow-wrap:anywhere;text-align:left;word-break:normal}#quiz-slots{display:none;inset:0;pointer-events:none;position:absolute;z-index:5}#quiz-slots.visible{display:block}.quiz-slot{background:rgba(108,43,217,.9);border-radius:14px;box-shadow:0 10px 22px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.16);height:clamp(90px,7.5vw,140px);pointer-events:none;position:absolute;width:clamp(90px,7.5vw,140px)}.quiz-slot.pos-tl{left:27%;top:25%}.quiz-slot.pos-tr{left:50%;top:25%}.quiz-slot.pos-bc{left:73%;top:25%}#quiz-slots{z-index:7}.quiz-slot img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%}.quiz-slot.filled{animation:slot-pop .32s cubic-bezier(.2,.9,.3,1);box-shadow:0 12px 26px rgba(0,0,0,.28),inset 0 1px 0 hsla(0,0%,100%,.18)}@keyframes slot-pop{0%{transform:scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}.click-instruction{align-items:center;animation:pulse 1.4s infinite;bottom:10%;color:#000;display:ce;font-family:Acme,sans-serif;font-size:1.5rem;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.click-instruction img{height:auto;width:45px}@keyframes pulse{0%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.1)}to{transform:translateX(-50%) scale(1)}}.hidden{display:none}#click-dialogue{font-family:silkscreen,monospace;font-size:10px;letter-spacing:1px;line-height:1.5;text-align:center}@font-face{font-family:silkscreen;src:url(https://dl.dropbox.com/s/l0frac4d7bz3zx6/silkscreen.ttf)}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.pulse-click{animation:pulseScale .9s ease-in-out infinite;transform-origin:center center}.pulse-click,.pulse-click *{cursor:pointer!important}.speech__cta{animation:ctaPulse 1.6s ease-in-out infinite;background:#8300da;border:0;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 0 0 1px hsla(0,0%,100%,.08);color:#fff;cursor:pointer;display:none;font-size:clamp(12px,.95vw,18px);font-weight:800;padding:20px 32px;position:absolute;right:3.8%;top:18%;z-index:55}.speech__cta.is-on{display:inline-flex}.speech__cta:hover{box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 18px rgba(123,31,255,.55),0 0 36px rgba(123,31,255,.35)}@media screen and (max-width:768px){body{minheight:100%}.inst-card{padding:18px 16px 22px}.inst-title{font-size:24px}.inst-text{font-size:15px}}@media screen and (max-width:1400px) and (min-width:768px){.inst-card{padding:18px 16px 22px}.inst-title{font-size:24px}.inst-text{font-size:15px}}body,html{font-family:Arial,sans-serif;margin:0;padding:0;position:relative}.wrapper{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background-color:#552f7e;color:#fff;display:flex;grid-template-columns:auto 1fr auto}.arrow{left:500px;top:25px}.symbol{justify-content:right}.home{right:500px;top:25px}.grid-item{align-items:center;display:flex;justify-content:center}.arrow-container{justify-content:start}.home-container{justify-content:end}.cloud-container{align-items:center;display:flex;height:90%;justify-content:center;position:relative;width:90%}.cloud-image{display:block;height:100%;width:auto;z-index:1}.title{color:#d14081;font-family:Lazy dog,sans-serif;font-size:2em;left:50%;line-height:1.1;margin:0;text-align:center;top:55%;transform:translate(-50%,-50%);z-index:2}.logo,.title{position:absolute}.logo{bottom:80px;left:10px;max-width:100px;opacity:.85}.game-content{flex-grow:1;padding:1em}.footer{background-color:#552f7e;color:#fff;font-size:smaller;text-align:center}@keyframes hoverEffect{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.img-button:hover{animation:hoverEffect 1s ease-in-out infinite}@media (max-width:768px){.header{flex-direction:column;padding:5px}.arrow-container,.cloud-container,.home-container{justify-content:center;width:100%}.arrow,.home{margin:5px auto;width:30px}.cloud-container{margin:10px auto;position:relative}.cloud-image{height:auto;position:relative;width:80%}.title{font-size:1em;left:50%;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.symbol{display:none}.logo{bottom:10px;left:calc(50% - 25px);width:50px}.footer{font-size:.9em;padding:5px}}
/*# sourceMappingURL=app.css.map */