/* ¡Hola! Kids 3.1: accessible perspective worlds, responsive touch interaction. */
.v31-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 11px;font-weight:900}
.v31-progress small{font-size:13px;color:var(--muted)}
.v31-scene{position:relative;overflow:hidden;isolation:isolate;height:clamp(300px,67vw,440px);border-radius:34px;margin-top:17px;border:4px solid #ffffffed;background:linear-gradient(170deg,var(--q-sky),#ecdefe 70%);box-shadow:0 18px 38px #61518e35;perspective:650px}
.v31-scene-depth{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(5deg);filter:drop-shadow(0 14px 10px #4e4f6b25)}
.v31-sky{position:absolute;top:3%;left:0;width:100%;font-size:clamp(28px,5vw,45px);letter-spacing:12vw;opacity:.65;text-align:center;transform:translateZ(-90px) scale(1.15)}
.v31-clouds{position:absolute;top:19%;left:0;width:100%;text-align:center;font-size:clamp(36px,10vw,68px);letter-spacing:8vw;opacity:.7;transform:translateZ(-60px)}
.v31-far{position:absolute;bottom:19%;left:-15%;width:130%;height:48%;border-radius:65% 45% 4% 4%;background:color-mix(in srgb,var(--q-ground) 35%,#fff 65%);transform:translateZ(-70px)}
.v31-mid{position:absolute;bottom:4%;left:-12%;height:48%;width:125%;border-radius:55% 70% 2% 2%;background:color-mix(in srgb,var(--q-ground) 70%,#fff 30%);transform:translateZ(-30px)}
.v31-ground{position:absolute;bottom:-35%;left:-35%;width:170%;height:77%;border-radius:50%;background:linear-gradient(165deg,var(--q-ground),color-mix(in srgb,var(--q-ground) 60%,#34836f 40%));transform:rotateX(26deg) translateZ(8px)}
.v31-trees{position:absolute;left:16%;bottom:15%;width:100%;font-size:clamp(50px,9vw,78px);letter-spacing:14vw;white-space:nowrap;transform:translateZ(25px);filter:drop-shadow(0 9px 5px #483f6b25)}
.v31-path{position:absolute;z-index:2;bottom:-42%;left:35%;height:72%;width:34%;transform:rotateX(45deg) translateZ(22px);background:linear-gradient(180deg,#ffecc1,#cba976);clip-path:polygon(42% 0,57% 0,100% 100%,0 100%);border-radius:10px}
.v31-fox{position:absolute;z-index:3;bottom:4%;left:41%;font-size:clamp(92px,22vw,140px);transform:translateZ(65px);filter:drop-shadow(0 12px 12px #352c5940)}
.v31-scene-caption{position:absolute;z-index:5;left:12px;top:12px;background:#fffcf5e8;border:2px solid #fffb;border-radius:19px;box-shadow:0 8px 20px #4c4b5b24;padding:10px 13px;max-width:68%;backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:4px}
.v31-scene-caption span{font-size:12px;font-weight:900;color:#6c4ba8}.v31-scene-caption strong{font-size:clamp(13px,3vw,18px);line-height:1.2}
.v31-quest{margin:14px 0 12px;padding:22px}
.v31-quest h2{font-size:clamp(23px,5vw,30px);margin:10px 0;overflow-wrap:anywhere}
.v31-quest h2 span{font-weight:1000;color:#6545c0}
.v31-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v31-choice{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:3px solid #ece3ff;background:#fffbff;border-radius:25px;box-shadow:0 10px 22px #55529113}
.v31-choice span{font-size:clamp(42px,8vw,70px);line-height:1.17}.v31-choice strong{font-size:clamp(13px,3vw,16px);line-height:1.25}
.v31-choice.good{background:#d4ffec;border-color:#31bd8b;box-shadow:0 5px 24px #44bf873c}
.v31-choice.bad{background:#ffeaed;border-color:#e9899e}
.v31-recognition{background:linear-gradient(145deg,#f4f8ff,#eceaff);padding:18px;border:2px solid #d6d9ff;border-radius:24px;margin-top:20px;text-align:left}
.v31-recognition h3{font-size:20px;margin:0 0 9px}.v31-recognition .sub{line-height:1.5}
.v31-agree{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.48;padding:14px 0;font-weight:650}
.v31-agree input{width:24px;height:24px;flex-shrink:0;accent-color:#7251d7;margin:0}
.v31-journey-button{display:block;margin:13px 0 18px;min-height:65px;font-size:19px}
@media(max-width:460px){.v31-scene{height:320px}.v31-sky{letter-spacing:5vw}.v31-clouds{letter-spacing:5vw}.v31-trees{left:8%;letter-spacing:6vw}.v31-fox{font-size:110px;left:38%}.v31-choices{gap:9px}.v31-choice{min-height:100px}.v31-choice span{font-size:47px}}
@media(prefers-reduced-motion:reduce){.v31-fox{animation:none!important}.v31-scene-depth{transform:none}.v31-scene *{transition:none!important}}

.v31-weekly{margin:18px 0;padding:18px;border:2px solid #e3dcfa;border-radius:22px;background:#f8f5ff}
.v31-weekly h2{font-size:20px;margin:2px 0 16px}
.v31-week-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;height:170px;align-items:end}
.v31-week-day{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px}
.v31-week-day strong{font-size:12px}.v31-week-day small{font-size:11px;font-weight:900;color:#6e4eb0}
.v31-week-column{width:100%;height:125px;background:#e9e3f8;border-radius:12px;display:flex;align-items:flex-end;overflow:hidden}
.v31-week-fill{width:100%;background:linear-gradient(#48d5b2,#9072eb);border-radius:12px 12px 0 0;min-height:3px}
@media(max-width:430px){.v31-week-bars{gap:5px}.v31-week-day strong{font-size:10px}}