/* AylluQuest v6 — Wonder & Adventure visual system */
:root{--navy:#183c47;--dark:#183c47;--teal:#20bfa6;--yellow:#f5bc45;--cream:#f8f3e8;--ink:#203842;--muted:#586d73;--coral:#f17a55;--ocean:#183c47;--jungle:#20bfa6;--sunlight:#f5bc45;--sand:#f8f3e8}
body{background:var(--sand);color:var(--ink)}
.site-header,.footer{background:#173943}.site-header{border-bottom:1px solid #ffffff18}.logo>span:not(.logo-symbol){color:#55e2c4}.logo-symbol{color:var(--sunlight)}.logo small{color:#c4ddd6}.navlinks{color:#e2f4ee}.navlinks a:hover{color:#f5bc45}.navlinks .nav-button{background:var(--sunlight);border-color:var(--sunlight);color:#183c47;box-shadow:0 7px 24px #f5bc452b}.navlinks .nav-button:hover{background:#ffcf69;color:#183c47}
.btn,.nav-button,.next-btn,.download-quest{transition:transform .2s,box-shadow .2s,background .2s}.btn-primary{background:var(--sunlight);color:#183c47;box-shadow:0 10px 24px #c47e2030}.btn-primary:hover{background:#ffd071;box-shadow:0 14px 28px #c47e2040}.btn-outline{border:1.5px solid #bce7dc;color:#fff;background:#ffffff0c}.btn-outline:hover{background:#ffffff18}.eyebrow,.kicker,.aq-kicker{color:#168e7e}.aq-pill{color:#f8d987;background:#f5bc4518;border-color:#f5bc4566}
.aq-hero,.hero{background:radial-gradient(ellipse at 78% 38%,#2d847d88 0%,transparent 47%),radial-gradient(ellipse at 25% 110%,#376f6d88 0%,transparent 55%),linear-gradient(130deg,#15333f,#20565b 66%,#183c47)}.aq-hero:before{background-image:radial-gradient(#fff3cc 1px,transparent 1px);opacity:.28}.aq-hero h1 em,.hero h1 em{color:#f5bc45}.aq-hero-text>p,.hero-lead{color:#e0eee9}.aq-hero-trust,.hero-foot{color:#d0e6dc}.aq-scene-label,.floating-chip{background:#f5bc45;color:#183c47}.aq-bottom-ridge,.hero-wave{background:#f8f3e8}.aq-landscape img{filter:drop-shadow(0 32px 42px #092c3080)}
.aq-section h2 em,.aq-hub h2 em,.aq-model h2 em,.section h2 em{color:#129b88}.aq-section-intro>p,.aq-build-grid>div>p,.aq-ayllu-grid p,.aq-hub p,.aq-model p,.section-head p{color:#566c70}.aq-examples,.aq-ayllu,.aq-model,.families-section{background:#f8f3e8}.aq-example,.aq-model-grid article,.feature,.join-card{background:#fffdf7;border:1px solid #e8e3d7;box-shadow:0 12px 35px #274e4512}.aq-jose .aq-example-art{background:radial-gradient(circle at 50% 95%,#b5e4b5,#27826e 78%)}.aq-maria .aq-example-art{background:radial-gradient(circle at 55% 70%,#8d9cd6,#394c88 82%)}.aq-float{background:#fff9e7;color:#28505a}.aq-example-copy>span,.aq-example-copy small{color:#178f7b}.aq-build,.aq-hub,.worlds-section{background:#e5f3ec}.aq-step-list>div{border-color:#bdded1}.aq-step-list b,.aq-preview-body>small,.aq-preview-progress b{color:#119c84}.aq-builder-preview{box-shadow:0 25px 65px #1c6b5a25}.aq-preview-top,.quest-top,.control-title{background:#20535b;color:#fff4ce}.aq-preview-tags span,.quest-tags span{background:#fff2cf;color:#6e5a25}
.aq-worlds,.vision-section{background:radial-gradient(circle at 75% 15%,#2a706d,transparent 55%),#183c47}.aq-world{background:#24535c;border:1px solid #ffffff20}.aq-world small,.aq-worlds .aq-kicker{color:#f5bc45}.aq-world span,.aq-worlds .aq-section-intro p{color:#d7e9e2}.aq-ayllu-mark{background:radial-gradient(circle,#ffefbf,#e9f0d9 65%,transparent 71%)}.aq-ayllu-mark>span{color:#efaa35}.aq-orbit{border-color:#b4cf99}.aq-ayllu-mark>small{color:#267d68}.aq-text-link,.text-link{color:#117d70}.aq-hub-features>div{border-color:#f1a84b}.aq-hub-panel{background:#1b4851;box-shadow:0 24px 55px #164c4327}.aq-hub-panel-head{color:#f5bc45}.aq-hub-task{background:#2a5b60}.aq-hub-task small{color:#e1f0e9}.aq-model-grid article>span{color:#ef8a52}.aq-model-note{background:#fff0c9;color:#405048;border-left:4px solid #f5bc45}.aq-purpose,.quest-section{background:#fffdf8}.aq-purpose-grid>div{background:#fffaf0;border-color:#f0e4ce}.aq-purpose-grid span{color:#f17a55}.aq-last,.aq-hub-hero{background:radial-gradient(circle at 80% 20%,#33796e,transparent 55%),linear-gradient(125deg,#183c47,#1b4e54)}.aq-last-inner>span{color:#f5bc45}.aq-last p,.aq-hub-hero p{color:#e1eee9}
.aq-hub-hero .btn,.join-card .btn{background:#f5bc45;color:#183c47}.aq-vision-add h3{color:#b96a41}.join-section{background:#e5f3ec}.footer-main p,.footer-main nav,.footer-bottom{color:#c4dbd4}.footer-bottom{border-color:#ffffff29}
/* Supporting pages: consistent headings, forms, badges, and panels */
.builder-hero{background:radial-gradient(circle at 75% 15%,#2d8072,transparent 50%),linear-gradient(125deg,#183c47,#235b5d)!important}.builder-hero h1{color:#fff}.builder-hero p{color:#e0eee9}.builder-section{background:#f8f3e8}.builder-main,.builder-aside,.quest-summary{border-color:#e9e1d3}.next-btn,.download-quest{background:#f5bc45!important;color:#183c47!important;border-color:#f5bc45!important}.next-btn:hover,.download-quest:hover{background:#ffd073!important}.step-track .step-active{background:#20bfa6!important;color:#113c3d!important}.lang-switch .selected{background:#f5bc45!important;color:#183c47!important}.builder-note{background:#fff1cc!important;color:#4c5148!important}.builder-aside-art{background:#e0f1e5}
.world-card small,.world-card b{color:#128c79}.world-card:hover{box-shadow:0 20px 35px #25655425}.world-card{border:1px solid #e2e8df}.answers button:hover:not(:disabled){border-color:#20bfa6}.control-line b{color:#1eac93}.vision-values span{border-color:#86ada0}.coming{background:#fff0c9;color:#856322}.reset{color:#138976}
@media(max-width:700px){.navlinks{background:#173943}.aq-hero{background:radial-gradient(circle at 75% 50%,#2e787288,transparent 60%),linear-gradient(140deg,#15333f,#20565b)}.aq-hub-panel{padding:20px}.aq-hero-actions .btn{min-height:48px}}
@media(prefers-reduced-motion:reduce){.btn,.nav-button,.next-btn,.download-quest{transition:none}}

/* v7: Sticky navigation across every PHP page */
.site-header{position:sticky;top:0;z-index:1000;width:100%;box-shadow:0 5px 22px rgba(10,36,40,.13)}
html{scroll-padding-top:110px}
@media(max-width:700px){html{scroll-padding-top:90px}.site-header .navlinks{top:100%;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}}

/* V7.1 — PWA games and family participation */
.aq-pwa{background:#fff9e9}.aq-pwa-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(25px,5vw,72px);align-items:center}.aq-pwa h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin:14px 0 20px}.aq-pwa h2 em{color:#119b85}.aq-pwa p{line-height:1.7;color:#45616a}.aq-pwa .aq-pwa-note{font-size:.86rem;color:#5d6f70}.aq-pwa-visual{background:linear-gradient(145deg,#1b525a,#183c47);border-radius:26px;padding:28px 24px;color:#fff;box-shadow:0 22px 48px #183c4730}.aq-pwa-badge{display:inline-block;font-size:.72rem;letter-spacing:.12em;font-weight:800;color:#f5bc45}.aq-pwa-devices{display:flex;align-items:end;justify-content:center;gap:12px;margin:24px 0 12px}.aq-device{background:#102d37;border:5px solid #aac9c2;border-radius:13px;padding:7px;box-shadow:0 12px 30px #092a2d99}.aq-device-desktop{width:72%}.aq-device-phone{width:25%;border-radius:20px;border-width:4px}.aq-device-screen{position:relative;overflow:hidden;background:#285d60;border-radius:6px;aspect-ratio:1.5}.aq-device-phone .aq-device-screen{aspect-ratio:.56}.aq-device-screen img{width:100%;height:100%;object-fit:cover;display:block}.aq-device-screen span{position:absolute;top:8px;left:8px;z-index:1;background:#173943e8;border-radius:10px;padding:5px 8px;color:#ffdd82;font-weight:800;font-size:.7rem}.aq-device small{display:block;text-align:center;font-size:.57rem;color:#cde8de;margin-top:7px;letter-spacing:.08em}.aq-pwa-caption{text-align:center;color:#d9ebe3;font-size:.9rem}.aq-pwa-info{background:#fff9e9}.aq-pwa-info p{font-size:1.08rem;line-height:1.75}
@media(max-width:780px){.aq-pwa-grid{grid-template-columns:1fr}.aq-pwa-visual{max-width:540px;width:100%;margin:auto}.aq-pwa{padding-top:60px;padding-bottom:60px}}

/* v7.2: fixed navigation, independent of scroll containers and sticky limitations */
:root{--aq-header-height:82px}
body{padding-top:var(--aq-header-height)}
.site-header{position:fixed!important;top:0!important;left:0;right:0;width:100%;z-index:99999!important;transform:none!important}
html{scroll-padding-top:calc(var(--aq-header-height) + 12px)}
@media(max-width:700px){:root{--aq-header-height:76px}.site-header .navlinks{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--aq-header-height));overflow-y:auto}}