:root{--blue:#0098d9;--blue-dark:#006b99;--pink:#ea589c;--yellow:#f9d42e;--navy:#16344a;--ink:#173042;--ivory:#fff9ec;--paper:#fffdf7;--line:#16344a21;--shadow:0 24px 70px #4330192e;--nube:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 142 62'%3E%3Cg fill='white'%3E%3Ccircle cx='42' cy='34' r='22'/%3E%3Ccircle cx='72' cy='26' r='26'/%3E%3Ccircle cx='102' cy='36' r='20'/%3E%3Crect x='20' y='36' width='102' height='20' rx='10'/%3E%3C/g%3E%3C/svg%3E");font-family:var(--font-poppins), "Poppins", system-ui, sans-serif;color:var(--ink);background:#f4ecdc}*{box-sizing:border-box}html{background:#f4ecdc;min-height:100%}body{background:radial-gradient(circle at 14% 10%,#f9d42e6b,#0000 28rem),radial-gradient(circle at 90% 82%,#ea589c33,#0000 30rem),radial-gradient(circle at 4% 80%,#0098d92e,#0000 26rem),radial-gradient(circle at 82% 6%,#7ec8a038,#0000 24rem),#f7efdf;min-height:100vh;margin:0}body:before,body:after{content:"";z-index:0;pointer-events:none;position:fixed;inset:0}body:before{background-image:var(--nube), var(--nube), var(--nube), var(--nube);opacity:.78;background-position:2% 9%,93% 17%,7% 72%,93% 82%;background-repeat:no-repeat;background-size:8.5rem,6rem,0 0,0 0}@media (min-width:1280px){body:before{background-position:4% 11%,90% 15%,7% 72%,93% 82%;background-size:9rem,6.5rem,5.5rem,11rem}}body:after{opacity:.09;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:4px solid #0098d954}.app-shell{z-index:1;width:min(100%,1120px);padding:max(1rem, env(safe-area-inset-top)) 1rem max(2.5rem, env(safe-area-inset-bottom));margin:0 auto;position:relative}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 0 1rem;display:flex}.brand-logo{-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:clamp(10rem,38vw,14rem);height:4.4rem;display:block}.sound-button{border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--navy);cursor:pointer;background:#ffffffb3;border-radius:50%;place-items:center;display:grid}.sound-button[aria-pressed=true]{color:#fff;background:var(--blue)}.experience{gap:1rem;display:grid}.experience-copy{padding:0 .35rem}.eyebrow,.dialog-kicker{color:var(--blue-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-quicksand), "Quicksand", var(--font-poppins), "Poppins", sans-serif;font-weight:700}h1{font-family:var(--font-poppins), "Poppins", system-ui, sans-serif;color:var(--blue);letter-spacing:-.04em;margin-bottom:.75rem;font-size:clamp(2.75rem,9vw,4.75rem);font-weight:800;line-height:.92}.lead{max-width:34rem;margin-bottom:1.1rem;font-size:1.15rem;line-height:1.5}.campaign-tag{color:var(--navy);background:#ffffffc7;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.4rem .9rem .4rem .6rem;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #43301914}.campaign-tag:before{content:"";background:var(--pink);border-radius:50%;width:.6rem;height:.6rem}.progress-wrap{max-width:34rem}.progress-copy{justify-content:space-between;align-items:center;min-height:1.7rem;margin-bottom:.4rem;font-size:.92rem;font-weight:700;display:flex}.progress-track{background:#ffffffbf;border-radius:999px;height:.55rem;overflow:hidden;box-shadow:inset 0 1px 2px #16344a1a}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--yellow), var(--pink));transform-origin:0;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:block;transform:scaleX(0)}.text-button{color:var(--blue-dark);cursor:pointer;background:0 0;border:0;font-size:.76rem;font-weight:700;text-decoration:underline}.journey-wrap{position:relative}.game-card{width:min(100%,31rem);box-shadow:var(--shadow);isolation:isolate;background:#ead9bd;border:8px solid #fffdf7e6;border-radius:2rem;margin:0 auto;position:relative;overflow:hidden}.scene-image{aspect-ratio:9/16;-o-object-fit:cover;object-fit:cover;width:100%;transition:opacity .18s,transform .35s;display:block}.game-card.is-changing .scene-image{opacity:.25;transform:scale(1.025)}.scene-video{aspect-ratio:9/16;-o-object-fit:cover;object-fit:cover;background:#ead9bd;width:100%;display:block}.video-play{z-index:4;color:#fff;background:var(--blue);width:4.75rem;height:4.75rem;box-shadow:0 4px 0 var(--blue-dark), 0 10px 28px #16344a59;cursor:pointer;border:3px solid #fff;border-radius:50%;place-items:center;font-size:1.5rem;display:grid;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.video-play:hover{background:var(--blue-dark)}.intro-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.image-scrim{z-index:1;pointer-events:none;background:linear-gradient(#16344a14,#0000 24% 70%,#16344a14);position:absolute;inset:0}.scene-meta{z-index:3;color:#fff;text-shadow:0 2px 10px #16344aa6;justify-content:space-between;align-items:center;gap:.65rem;font-size:.68rem;font-weight:800;display:flex;position:absolute;top:.85rem;left:.85rem;right:.85rem}.scene-meta span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16344a8c;border:1px solid #ffffff8c;border-radius:999px;padding:.4rem .65rem}.intro-panel{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf7f0;border:1px solid #ffffffbf;border-radius:1.5rem;padding:1.2rem;transition:opacity .3s,transform .3s;position:absolute;inset:auto 1rem 1rem;box-shadow:0 12px 40px #16344a33}.intro-panel.is-hidden{opacity:0;pointer-events:none;transform:translateY(1rem)}.intro-badge{min-height:1.8rem;color:var(--navy);background:var(--yellow);text-transform:uppercase;border-radius:999px;align-items:center;margin-bottom:.75rem;padding:.25rem .7rem;font-size:.72rem;font-weight:800;display:inline-flex}.intro-panel h2{margin-bottom:.45rem;font-size:1.45rem;line-height:1.1}.intro-panel p{margin-bottom:1rem;font-size:.9rem;line-height:1.5}.primary-button,.secondary-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.72rem 1.1rem;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:var(--blue);border:0;box-shadow:0 8px 20px #0098d93d}.primary-button:hover{background:var(--blue-dark)}.secondary-button{color:var(--blue-dark);background:#fff;border:2px solid #0098d947}.hotspot{z-index:3;width:3rem;height:3rem;color:var(--navy);background:var(--yellow);cursor:pointer;border:3px solid #fff;border-radius:50%;place-items:center;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px #d3a900,0 8px 22px #16344a4d}.game-card.is-started .hotspot{animation:2.1s ease-in-out infinite pulse;display:grid}.hotspot span{place-items:center;width:100%;height:100%;font-weight:800;display:grid}.hotspot.is-found{color:#fff;background:var(--blue);box-shadow:0 4px 0 var(--blue-dark), 0 8px 22px #16344a3b;animation:none!important}.hotspot.is-found span{font-size:0}.hotspot.is-found span:after{content:"✓";font-size:1.2rem}.scene-caption{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#16344ac2;border:1px solid #ffffffb8;border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .7rem .65rem .9rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;bottom:.8rem;left:.8rem;right:.8rem}.scene-caption[hidden]{display:none}.next-button{min-height:2.45rem;color:var(--navy);background:var(--yellow);cursor:pointer;border:0;border-radius:999px;padding:.45rem .85rem;font-size:.7rem;font-weight:800}.route{justify-content:center;align-items:center;gap:.55rem;width:min(100%,26rem);margin:1rem auto 0;display:flex}.route-stop{color:#6b7780;cursor:pointer;background:#ffffffb3;border:2px solid #0098d93d;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;font-size:.72rem;font-weight:800;display:grid}.route-stop:disabled{cursor:not-allowed;opacity:.5}.route-stop.is-found{color:#fff;border-color:var(--blue);background:var(--blue)}.route-stop.is-current{outline-offset:2px;outline:4px solid #f9d42ea6}@keyframes pulse{0%,to{scale:1}50%{scale:1.1}}.medical-note{border:1px solid var(--line);background:#fffdf7d9;border-radius:1.15rem;gap:.8rem;max-width:34rem;margin:.25rem auto 0;padding:1rem 1.1rem;display:flex}.medical-note p{margin:0;font-size:.88rem;line-height:1.55}.info-icon{width:1.5rem;height:1.5rem;color:var(--blue);flex:0 0 1.5rem;margin-top:.1rem}.sources{text-align:center;max-width:45rem;margin:2rem auto 0;padding:1rem}.sources h2{color:var(--blue-dark);margin-bottom:.5rem;font-size:1.05rem}.sources p{color:#4d616d;max-width:42rem;margin:0 auto;font-size:.84rem;line-height:1.65}.sources a{color:var(--blue-dark);font-weight:700;text-decoration:underline}dialog{width:min(100% - 1.5rem,34rem);max-height:calc(100dvh - 1.5rem);box-shadow:var(--shadow);background:0 0;border:0;border-radius:1.75rem;padding:0;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f2331ad}.dialog-card,.tutorial-card{background:var(--paper);padding:1.5rem;position:relative}.close-button{z-index:2;border:1px solid var(--line);width:2.6rem;height:2.6rem;color:var(--navy);cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:.8rem;right:.8rem}.clue-object,.completion-icon{background:#e9f7fd;border-radius:1.4rem;place-items:center;width:4.5rem;height:4.5rem;margin-bottom:1rem;font-size:2.2rem;display:grid;transform:rotate(-3deg)}.dialog-card h2,.tutorial-card h2{margin:0 2rem .75rem 0;font-size:1.7rem;line-height:1.08}.clue-story{margin-bottom:1rem;font-size:1rem;line-height:1.6}.clue-learning{border-left:5px solid var(--yellow);background:#fff8d8;border-radius:.25rem 1rem 1rem .25rem;margin-bottom:1rem;padding:1rem}.clue-learning strong{margin-bottom:.3rem;font-size:.82rem;display:block}.clue-learning p,.clue-action{margin-bottom:0;font-size:.9rem;line-height:1.55}.clue-action{color:#526672;margin-bottom:1.2rem}.dialog-card>.primary-button{width:100%}.completion-card{text-align:center;padding-top:2rem}.completion-icon{color:#fff;background:var(--pink);margin:0 auto 1rem;font-size:2.8rem}.completion-card h2{max-width:25rem;margin:0 auto .75rem}.completion-card>p:not(.dialog-kicker){max-width:27rem;margin:0 auto 1.25rem;line-height:1.6}.completion-actions,.tutorial-actions{gap:.65rem;display:grid}.quiz-card{padding-top:1.4rem}.quiz-progress{color:#526672;justify-content:space-between;align-items:center;gap:1rem;margin:0 3rem .45rem 0;font-size:.72rem;display:flex}.quiz-progress strong{color:var(--blue-dark)}.quiz-track{background:#e6edf0;border-radius:999px;height:.42rem;margin-bottom:1.2rem;overflow:hidden}.quiz-track span{border-radius:inherit;background:linear-gradient(90deg, var(--yellow), var(--pink));transform-origin:0;width:100%;height:100%;transition:transform .3s;display:block;transform:scaleX(0)}.quiz-options{gap:.65rem;margin:1.2rem 0 .8rem;display:grid}.quiz-option{border:2px solid var(--line);min-height:3.7rem;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:1rem;grid-template-columns:2rem 1fr;align-items:center;gap:.75rem;padding:.65rem .8rem;display:grid}.quiz-option span{width:2rem;height:2rem;color:var(--navy);background:#eaf8fd;border-radius:50%;place-items:center;font-weight:800;display:grid}.quiz-option.is-correct{background:#ecfaf3;border-color:#2a9d69}.quiz-option.is-wrong{border-color:var(--pink);background:#fff1f7}.quiz-feedback{color:#526672;min-height:3.4rem;margin-bottom:.85rem;font-size:.84rem;line-height:1.5}.quiz-card>.primary-button{width:100%}.treasure-icon{background:var(--yellow);color:var(--navy)}.tutorial-card{padding:1.25rem}.tutorial-heading{background:#eaf8fd;grid-template-columns:7rem 1fr;align-items:center;gap:1rem;margin:-1.25rem -1.25rem 1.25rem;padding:1.25rem;display:grid}.tutorial-heading img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 34%;object-position:center 34%;border:4px solid #fff;border-radius:1.2rem;width:7rem;height:9rem;box-shadow:0 10px 30px #16344a26}.tutorial-heading h2{margin-right:1.7rem;font-size:1.5rem}.tutorial-heading p:last-child{margin:0;font-size:.82rem;line-height:1.5}.tutorial-steps{gap:.65rem;margin:0 0 1.1rem;padding:0;list-style:none;display:grid}.tutorial-steps li{border:1px solid var(--line);background:#fff;border-radius:1rem;grid-template-columns:2.2rem 1fr;gap:.75rem;padding:.8rem;display:grid}.tutorial-steps li>span{width:2.2rem;height:2.2rem;color:var(--navy);background:var(--yellow);border-radius:50%;place-items:center;font-weight:800;display:grid}.tutorial-steps strong{margin-bottom:.15rem;font-size:.88rem;display:block}.tutorial-steps p{color:#526672;margin:0;font-size:.78rem;line-height:1.5}.tutorial-materiales{border-left:5px solid var(--blue);background:#eaf8fd;border-radius:.25rem 1rem 1rem .25rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.55}.tutorial-nota{color:#526672;text-align:center;margin:.75rem 0 0;font-size:.76rem}.tutorial-actions .primary-button,.tutorial-actions .secondary-button{width:100%;text-decoration:none}.lead-form{gap:.85rem;display:grid}.lead-form h2{margin:0 2rem 0 0}.lead-intro{margin:0;font-size:.9rem;line-height:1.55}.lead-field{gap:.3rem;display:grid}.lead-field>span{font-size:.78rem;font-weight:700}.lead-input{border:2px solid var(--line);width:100%;min-height:3rem;color:var(--ink);font:inherit;background:#fff;border-radius:1rem;padding:.7rem .9rem;font-size:.95rem}.lead-input::placeholder{color:#97a5ad}.lead-input:focus-visible{border-color:var(--blue);outline-offset:1px;outline:4px solid #0098d954}.lead-input[aria-invalid=true]{border-color:var(--pink);background:#fff1f7}.lead-consent{color:#526672;cursor:pointer;grid-template-columns:1.25rem 1fr;align-items:start;gap:.6rem;font-size:.76rem;line-height:1.5;display:grid}.lead-consent input{width:1.25rem;height:1.25rem;accent-color:var(--blue);margin:.1rem 0 0}.lead-consent a{color:var(--blue-dark);font-weight:700;text-decoration:underline}.lead-error{color:#c0316d;font-size:.76rem;font-style:normal;font-weight:700}.lead-aviso{color:#8c1f4c;background:#fff1f7;border-radius:.9rem;margin:0;padding:.7rem .9rem;font-size:.8rem}.lead-form .primary-button{width:100%}.lead-form .primary-button:disabled{cursor:progress;opacity:.7}.share-challenge{color:#fff;background:var(--navy);text-align:center;border-radius:1.2rem;margin-bottom:1rem;padding:1.1rem}.share-challenge .eyebrow{color:var(--yellow)}.share-challenge h3{margin-bottom:.4rem;font-size:1.25rem}.share-challenge p{margin-bottom:.65rem;font-size:.8rem;line-height:1.5}.share-challenge strong,.share-challenge span{overflow-wrap:anywhere;display:block}.share-challenge strong{color:var(--yellow);font-size:1rem}.share-challenge span{margin-top:.2rem;font-size:.75rem}.toast{right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));z-index:20;color:#fff;background:var(--navy);max-width:26rem;box-shadow:var(--shadow);text-align:center;opacity:0;pointer-events:none;border-radius:1rem;margin:auto;padding:.9rem 1rem;font-size:.82rem;transition:opacity .18s,transform .18s;position:fixed;left:1rem;transform:translateY(1rem)}.toast.is-visible{opacity:1;transform:translateY(0)}@media (min-width:850px){.app-shell{padding-top:1.5rem}.experience{-moz-column-gap:4rem;grid-template-rows:auto auto;grid-template-columns:minmax(18rem,1fr) minmax(22rem,31rem);align-items:center;column-gap:4rem}.experience-copy{grid-area:1/1;align-self:end}.journey-wrap{grid-area:1/2/span 2}.medical-note{grid-area:2/1;align-self:start;margin:1.5rem 0 0}.game-card{width:min(100%,31rem,56.25dvh - 6.46875rem)}h1{max-width:30rem}.lead{font-size:1.28rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{background:#fff}body>.app-shell,dialog:not(#tutorialDialog){display:none!important}#tutorialDialog{width:100%;max-height:none;box-shadow:none;position:static;overflow:visible;display:block!important}#tutorialDialog .close-button,.tutorial-actions{display:none}.tutorial-card{padding:0}.tutorial-steps{grid-template-columns:1fr 1fr}}