/* ¡Hola! Kids 2.0 — responsive adventure UI */
main{padding-bottom:115px}
body{background:radial-gradient(at 10% 10%,#dcfff3,transparent 55%),radial-gradient(at 85% 40%,#f6dfff,transparent 50%),linear-gradient(140deg,#e2f2ff,#fff4e4)}
.hero{background:linear-gradient(130deg,#5567db,#9257e9,#ef78b9);padding:32px}.hero .mascot{font-size:79px}
.v2-nav{position:fixed;z-index:80;bottom:calc(env(safe-area-inset-bottom) + 7px);left:50%;transform:translateX(-50%);width:min(95vw,650px);background:#fffffff0;backdrop-filter:blur(16px);border:2px solid #eee5fa;border-radius:27px;box-shadow:0 14px 34px #39255c45;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px}
.v2-nav button{font-size:24px;min-height:49px;background:#f4eefe;padding:6px}
.v2-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.v2-quick button{background:white;border:2px solid #fff;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:5px;min-height:98px;padding:10px 3px}
.v2-quick span{font-size:33px}.v2-quick b{font-size:12px;overflow-wrap:anywhere}.v2-quick small{background:#fff1c6;border-radius:14px;padding:2px 8px}
.map-wrap{height:clamp(625px,120vw,770px);position:relative;border-radius:32px;background:linear-gradient(155deg,#c1f8fd,#dfedff 30%,#f1dfff 60%,#ffeacb 95%);box-shadow:var(--shadow);overflow:hidden;isolation:isolate}
.map-wrap:before{content:"🌞";position:absolute;right:4%;top:1%;font-size:80px;opacity:.7;z-index:-1}
.map-wrap:after{content:"🌺 🌻 🌳 🦋 🌼 🌴 🌷";position:absolute;bottom:9px;left:0;width:100%;text-align:center;font-size:30px;opacity:.8}
.map-route{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.map-stars{position:absolute;top:12%;left:17%;color:white;font-size:45px;letter-spacing:25px}
.map-node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:clamp(123px,33%,185px);height:clamp(114px,22%,145px);padding:8px;border:3px solid white;border-radius:25px;background:#fffdf3ee;box-shadow:0 8px 22px #5263a43a;transform:rotate(var(--rot,0deg))}
.map-node strong{font-size:clamp(14px,2.8vw,18px);line-height:1.1}.map-node small{font-size:12px;margin-top:3px}
.map-art{font-size:clamp(31px,7vw,51px);white-space:nowrap}
.map-meter{width:75%;height:7px;background:#e0d7f1;border-radius:9px;margin-top:8px;overflow:hidden}.map-meter span{display:block;height:100%;background:#48c49c}
.node-0{top:5%;left:8%;--rot:-4deg}.node-1{top:19%;right:5%;--rot:4deg}.node-2{top:34%;left:8%;--rot:-3deg}.node-3{top:48%;right:5%;--rot:3deg}.node-4{top:64%;left:8%;--rot:-2deg}.node-5{bottom:3%;right:5%;--rot:3deg}
.map-hero{position:absolute;bottom:8%;left:38%;font-size:clamp(58px,10vw,86px);z-index:3;filter:drop-shadow(0 12px 9px #584f7650);pointer-events:none}
.v2-page{background:#ffffffea;border-radius:30px;padding:clamp(18px,4vw,35px);box-shadow:var(--shadow);margin:14px 0}
.v2-large{text-align:center;font-size:75px;line-height:1.5}
.v2-hero-grid,.v2-kpis,.v2-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0}
.v2-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:150px;background:#f3edff;border:3px solid #e9dcff}
.v2-hero span{font-size:58px}.v2-hero small{text-align:center;font-size:12px}.v2-hero.active{background:#dbfff0;border-color:#53c999}
.v2-stickers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.v2-sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:25px;border:3px solid #ffe0a1;background:#fff3c5;font-size:clamp(37px,8vw,69px)}
.v2-sticker small{font-size:13px}.v2-sticker.unknown{background:#e9e5f1;filter:grayscale(.6);border-color:#e6e0f1}
.v2-story,.v2-scene{position:relative;overflow:hidden;border-radius:32px;box-shadow:var(--shadow);background:linear-gradient(155deg,var(--sky),#e8dfff)}
.v2-story{height:clamp(320px,65vw,425px)}
.v2-story:after,.v2-scene:after{content:"";position:absolute;bottom:0;left:-5%;width:110%;height:33%;background:var(--ground);border-radius:50% 50% 0 0}
.v2-story-sky{position:absolute;top:20px;width:100%;text-align:center;font-size:36px;letter-spacing:22px}
.v2-story-land{position:absolute;bottom:23px;right:3%;font-size:clamp(53px,11vw,85px);z-index:2}
.v2-story-hero{position:absolute;bottom:25px;left:10%;z-index:3;font-size:clamp(109px,26vw,184px)}
.v2-spanish{font-size:clamp(16px,3.6vw,21px);background:#f0eafa;border-radius:20px;padding:18px;margin:10px 0;line-height:1.7;border-left:5px solid #9576e8}
.v2-scene{height:clamp(340px,75vw,500px);padding:15px}
.v2-decor{position:absolute;top:18px;left:0;width:100%;font-size:29px;letter-spacing:10px;text-align:center;opacity:.7}
.v2-find-grid{position:absolute;z-index:3;inset:60px 12px 20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);align-items:center;gap:10px}
.v2-find-object{font-size:clamp(43px,10vw,75px);aspect-ratio:1;background:#ffffffab;border:3px solid #fff9;padding:4px;box-shadow:0 8px 17px #616d8936}.v2-find-object.found{background:#d1ffec;border-color:#37bf86}
.v2-choices button,.v2-drop{background:white;min-height:69px;border:3px solid #e6d8fb;font-weight:900}
.v2-drag{display:block;margin:15px auto;font-size:95px;border:3px dashed #d2bfff;background:#f6efff}
.v2-dialog{display:flex;gap:14px;align-items:center;margin:19px 0}.v2-chat-character{font-size:clamp(61px,16vw,106px)}.v2-bubble{flex:1;background:#fff;border-radius:24px;padding:21px;box-shadow:var(--shadow)}
.v2-sort-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.v2-sort-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:85px;background:#f1ecff;border:2px solid #e4d6fd;font-size:35px}.v2-sort-grid small{font-size:12px}
.v2-sort-grid .ordered{background:#d8ffe8;border-color:#61cc9b}
.v2-kpis>div{background:#f8f3ff;border:2px solid #eee0ff;border-radius:17px;padding:15px;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center}
.v2-kpis b{font-size:clamp(25px,5.5vw,33px);color:#7350d9}.v2-kpis small{color:#66567c;font-size:13px}
.v2-weak{display:grid;gap:7px}.v2-weak button{display:flex;gap:8px;align-items:center;justify-content:space-between;border:2px solid #eadffa}.v2-weak span{flex:1;text-align:left}
@media(min-width:650px){.v2-hero-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:430px){.v2-quick{gap:6px}.v2-quick b{font-size:10px}.v2-quick span{font-size:28px}.map-wrap{height:650px}.map-node{width:41%;height:123px}.map-art{font-size:35px}.node-0,.node-2,.node-4{left:4%}.node-1,.node-3,.node-5{right:4%}.v2-find-object{font-size:45px}.hero{padding:23px}}