@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka:wght@400;500;600;700&display=swap');
:root{--deep:#123d42;--deep2:#0d3036;--ink:#193c3e;--paper:#fffdf8;--cream:#f6f2e8;--line:#d9e1d8;--aqua:#b7e8e7;--gold:#efb457;--red:#b9563c;--green:#47735c;--shadow:0 12px 34px #163c3d16;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #d67829;outline-offset:3px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ambient{position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 90% 15%,#e3edd644,transparent 37%),radial-gradient(circle at 0 75%,#a5e7e333,transparent 37%)}.topbar{height:92px;background:var(--deep);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px max(4.5vw,20px);position:relative;z-index:3}.homebrand{display:flex;align-items:center;gap:12px;border:0;background:none;color:#fff;text-align:left;padding:0}.homebrand b{font-size:1rem;line-height:1.05;letter-spacing:.045em;font-weight:800}.homebrand small{display:block;color:#add9d4;font-size:.72rem;margin-top:5px}.brandmark{color:var(--gold);font-size:3.6rem;font-weight:700;line-height:1;animation:float 7s ease-in-out infinite}.brandlogos{display:flex;align-items:center;gap:12px}.school-logo{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 2px 2px #0005)}.author-logo{width:124px;height:64px;object-fit:contain;border-radius:7px}main{max-width:1400px;margin:auto}.intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:clamp(24px,4vw,65px);align-items:center;padding:54px max(4.5vw,20px) 30px;min-height:385px}.eyebrow{font-size:.78rem;letter-spacing:.18em;font-weight:800;color:var(--red);margin:0 0 12px}.intro h1{font:700 clamp(2.6rem,5.5vw,5.65rem)/1.01 'Fraunces',Georgia,serif;letter-spacing:-.045em;margin:0;max-width:900px}.intro h1 em{font-style:normal;color:var(--green)}.introcopy{font-size:1.12rem;line-height:1.55;max-width:590px;margin:24px 0 0}.hero-art{height:285px;position:relative;border-radius:150px 150px 28px 28px;background:var(--aqua);overflow:hidden;border:9px solid #e2f3ef;box-shadow:var(--shadow);transform:rotate(2deg)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 29%;mix-blend-mode:multiply}.hero-art span{position:absolute;bottom:12px;right:12px;background:#fffdf9e8;font-size:.75rem;padding:7px 10px;border-radius:50px}.controls{margin:4px max(4.5vw,20px) 56px;padding:19px 23px;border-radius:22px;background:#fff;display:flex;align-items:end;justify-content:space-between;gap:18px;box-shadow:var(--shadow);border:1px solid var(--line)}.controls-label{display:block;font-size:.72rem;letter-spacing:.15em;font-weight:800;margin-bottom:12px;color:#50716c}.stage-tabs{display:flex;gap:9px;flex-wrap:wrap}.stage-tabs button{background:#eff5f1;border:1px solid transparent;color:var(--deep);border-radius:50px;padding:13px 19px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.stage-tabs button.active{background:var(--deep);color:#fff;box-shadow:0 5px 0 #b2d8d1}.stage-tabs button:hover{transform:translateY(-3px)}.progress-pill{text-align:right;min-width:154px}.progress-pill span{display:block;font-weight:800;font-size:1.2rem}.progress-pill small{color:#627d74}.progress-track{width:150px;height:8px;background:#e4eee8;border-radius:10px;margin:8px 0 0 auto;overflow:hidden}.progress-track i{display:block;width:0%;height:100%;background:var(--red);transition:width .5s}.filterbar{margin:0 max(4.5vw,20px) 20px;display:flex;align-items:end;justify-content:space-between;gap:15px}.filterbar h2{font:700 clamp(1.7rem,3vw,2.5rem)/1.2 'Fraunces',Georgia,serif;margin:0}.filter{position:relative}.filter select{appearance:none;padding:11px 40px 11px 16px;border:1px solid #bbccc1;background:white;border-radius:12px;min-width:190px;color:var(--deep);font-weight:700}.filter>span:not(.sr-only){position:absolute;right:15px;top:9px;pointer-events:none}.cards{padding:0 max(4.5vw,20px) 50px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#fff;min-width:0;border:1px solid #e3e8dc;border-radius:20px;padding:0;text-align:left;overflow:hidden;box-shadow:0 4px 0 #dce7de;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:0 15px 30px #234f4c20}.card:active{transform:translateY(-1px) scale(.985)}.card-media{height:180px;background:#d9e9e1;position:relative;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.card:hover .card-media img{transform:scale(1.08)}.card-media .badge{position:absolute;top:12px;left:12px;background:#fffdf8f0;padding:7px 10px;border-radius:20px;font-weight:800;font-size:.72rem;box-shadow:0 2px 8px #1236}.card-body{padding:17px 18px 18px;display:flex;flex-direction:column;flex:1}.card-title{font:700 1.32rem/1.13 'Fraunces',Georgia,serif;min-height:3em}.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#61766a;margin-top:13px;font-size:.78rem;font-weight:700}.card-bottom strong{display:inline-grid;place-items:center;border-radius:50%;width:35px;height:35px;background:#d6f0eb;color:var(--deep);font-size:1.3rem;transition:background .2s,transform .2s}.card:hover .card-bottom strong{background:var(--gold);transform:rotate(-35deg)}.card.done{border-color:#a8c8b3}.source-note{margin:15px max(4.5vw,20px) 66px;background:#e7f2ed;padding:27px 30px;display:flex;gap:19px;border-radius:20px;border:1px solid #cbdfd1;line-height:1.55}.source-note h3{margin:0 0 6px;font:700 1.35rem 'Fraunces',Georgia,serif}.source-note p{margin:0 0 8px;max-width:900px}.source-icon{font-size:2.5rem;color:var(--green)}.care{font-size:.92rem;color:#565c54}.story-view{padding:25px max(4.5vw,20px) 80px}.back{background:none;border:0;color:var(--deep);font-weight:800;padding:12px 0;margin-bottom:18px}.back:hover{text-decoration:underline}.story-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:26px;background:var(--deep);color:#fff;border-radius:28px;overflow:hidden;min-height:340px}.story-head{padding:clamp(25px,5vw,55px);display:flex;flex-direction:column;align-items:start}.story-head .eyebrow{color:var(--gold)}.story-head h1{font:700 clamp(2.4rem,5vw,4.8rem)/1.07 'Fraunces',Georgia,serif;letter-spacing:-.03em;margin:8px 0 16px}.story-head p{font-size:1.1rem;line-height:1.6;max-width:620px;margin:0}.story-hero-image{position:relative;background:#e5efe8}.story-hero-image img{width:100%;height:100%;min-height:340px;max-height:530px;object-fit:cover}.story-hero-image small{position:absolute;bottom:12px;right:12px;background:#fff;color:var(--ink);padding:7px 11px;border-radius:20px}.story-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:28px}.story-actions button,.primary-btn,.secondary-btn{border:0;border-radius:13px;padding:12px 17px;font-weight:800;transition:transform .18s,filter .18s}.story-actions button:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px);filter:brightness(1.05)}.primary-btn{background:var(--gold);color:var(--deep2)}.secondary-btn{background:#e1efec;color:var(--deep)}.learning{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:20px;margin-top:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,32px);box-shadow:0 6px 19px #1c4b3910}.panel h2{font:700 1.65rem 'Fraunces',Georgia,serif;margin:4px 0 13px}.panel p{line-height:1.55}.quiz-question{font-weight:800;font-size:1.14rem}.options{display:grid;gap:10px;margin-top:18px}.option{border:2px solid #dce9df;background:#f8faf7;border-radius:14px;display:flex;gap:11px;align-items:center;text-align:left;padding:13px;font-weight:700;color:var(--ink);transition:transform .15s,border .15s}.option:hover{transform:translateX(4px);border-color:#80aaa1}.option:disabled{cursor:default}.option.correct{border-color:#368a64;background:#e6f5e8}.option.wrong{border-color:#be6a51;background:#fff0e9}.option .letter{background:#dcece7;color:var(--deep);height:30px;width:30px;display:grid;place-items:center;border-radius:50%;flex:none}.feedback{min-height:26px;font-weight:700;margin:13px 0;color:#37684f}.feedback.error{color:#aa4737}.creative{background:#f9f4e9}.creative-prompt{font-weight:700}.note{margin-top:16px;padding:14px 17px;background:#fff7e5;border-left:4px solid var(--gold);border-radius:7px;line-height:1.5}.note strong{display:block;margin-bottom:3px}.drawbox{background:#fff;border:2px dashed #afc9bc;border-radius:14px;overflow:hidden;touch-action:none;width:100%;height:240px;display:block;cursor:crosshair}.creative textarea{width:100%;border:2px solid #b6cfc1;background:#fff;border-radius:13px;padding:14px;min-height:180px;resize:vertical;font-size:1rem;color:var(--ink)}.creative-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px}.creative-tools small{color:#718076}.creative-tools button{border:1px solid #bdd2c5;border-radius:10px;background:#fff;padding:9px 13px;color:var(--deep);font-weight:700}.pager{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.pager button{border:1px solid #abcac0;border-radius:12px;background:#fff;padding:11px 16px;color:var(--deep);font-weight:800}.pager button:disabled{opacity:.45;cursor:default}dialog{border:0;border-radius:20px;padding:18px;max-width:min(96vw,900px);max-height:94vh;box-shadow:0 20px 70px #001c22a0;background:var(--paper)}dialog::backdrop{background:#0b2c31cf;backdrop-filter:blur(5px)}.dialogtop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.dialogtop button{border:0;border-radius:50%;background:#e8eee8;width:40px;height:40px}dialog img{display:block;max-width:100%;max-height:72vh;margin:auto;object-fit:contain}dialog p{font-size:.85rem;margin:12px 0 0}footer{background:var(--deep2);color:#e3f4ed;padding:26px max(4.5vw,20px);display:flex;justify-content:space-between;gap:14px;font-size:.86rem}footer b{color:var(--gold);padding:0 6px}@keyframes float{50%{transform:translateY(-5px) rotate(8deg)}}@media(max-width:1060px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.topbar{height:76px}.school-logo{width:48px;height:48px}.author-logo{width:76px;height:48px}.homebrand b{font-size:.76rem}.homebrand small{font-size:.64rem}.brandmark{font-size:2.5rem}.intro{grid-template-columns:1fr;padding-top:35px;gap:18px}.intro h1{font-size:clamp(2.5rem,9vw,4rem)}.hero-art{height:165px;border-radius:90px 90px 20px 20px;max-width:430px;width:100%;transform:rotate(0)}.controls{margin-bottom:36px;align-items:start}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.story-hero{grid-template-columns:1fr}.story-hero-image{order:-1;max-height:270px}.story-hero-image img{min-height:230px;height:270px}.learning{grid-template-columns:1fr}footer{flex-direction:column}}@media(max-width:520px){.introcopy{font-size:1rem}.controls{flex-direction:column;padding:16px}.progress-pill{text-align:left;width:100%}.progress-track{margin:8px auto 0 0;width:100%}.stage-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.stage-tabs button{padding:12px 9px;font-size:.88rem}.filterbar{align-items:start;flex-direction:column}.filter{width:100%}.filter select{width:100%}.cards{gap:10px}.card-media{height:124px}.card-body{padding:12px}.card-title{font-size:1.03rem;min-height:3.4em}.card-bottom{font-size:.68rem}.card-bottom strong{width:30px;height:30px}.story-head{padding:25px}.source-note{padding:18px;gap:10px}.source-icon{font-size:1.8rem}.brandlogos{gap:3px}.author-logo{width:58px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Livro ilustrado: cores vivas e superfícies de papel para as duas etapas. */
:root{--deep:#19483e;--deep2:#11392f;--ink:#21433b;--paper:#fffdf5;--cream:#fff9e8;--line:#e6d9b4;--aqua:#8dd9da;--gold:#f5ca4d;--red:#d45e42;--green:#458a68;--shadow:0 9px 0 #d3bd81,0 17px 30px #4a35221a;font-family:'Nunito',system-ui,sans-serif;background:var(--cream)}
body{background:radial-gradient(#edddb650 1.2px,transparent 1.2px) 0 0/19px 19px,var(--cream)}
.ambient{background:radial-gradient(circle at 5% 8%,#ffe38b70,transparent 23%),radial-gradient(circle at 90% 37%,#9de9e34d,transparent 28%)}
.topbar{background:#173e37;min-height:88px;height:auto;border-bottom:7px solid var(--gold);padding-block:9px}.homebrand b{font-family:'Fredoka',sans-serif;letter-spacing:.02em;font-size:1.09rem;line-height:1.05}.homebrand small{font-weight:700;color:#f7e9ba}.brandmark{background:#f5ca4d;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;color:#19483e;font-size:3rem;box-shadow:inset 0 0 0 3px #fff6d3,0 3px 0 #a56e35}.brandlogos{background:#fffbeb;border-radius:17px;padding:3px 11px;box-shadow:0 4px 0 #d9b95a;gap:11px}.school-logo{width:56px;height:56px}.author-logo{width:112px;height:56px;object-fit:contain}
main{max-width:1480px}.intro{margin:24px max(3.5vw,16px) 24px;padding:clamp(24px,4vw,52px);min-height:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(15px,3vw,45px);background:#fff6d7;border:3px solid #f0d58b;border-radius:36px 36px 58px 36px;box-shadow:0 10px 0 #e8bd62,0 20px 35px #604e1f16;position:relative;overflow:hidden}
.intro:before{content:'✳';position:absolute;left:-22px;bottom:-38px;color:#f7dd92;font-size:11rem;line-height:1;transform:rotate(-20deg);pointer-events:none}.intro-text{position:relative;z-index:1}.intro .eyebrow{display:inline-block;background:#ffffffd9;border-radius:30px;padding:9px 13px;margin-bottom:15px;color:#a8472c;letter-spacing:.08em}.intro h1{font:600 clamp(2.65rem,5.4vw,5.5rem)/.98 'Fredoka',system-ui,sans-serif;letter-spacing:-.025em;max-width:none}.intro h1 em{display:block;color:#bd5038;font-style:normal}.introcopy{font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.43;max-width:500px;margin:19px 0}.explore-link{display:inline-flex;align-items:center;gap:20px;text-decoration:none;background:#225b46;color:#fff;padding:13px 17px 13px 23px;border-radius:17px;box-shadow:0 5px 0 #123b2f;font-weight:900;transition:transform .2s,box-shadow .2s}.explore-link span{display:grid;place-items:center;background:var(--gold);color:var(--ink);width:31px;height:31px;border-radius:50%;font-size:1.35rem}.explore-link:hover{transform:translateY(-3px);box-shadow:0 8px 0 #123b2f}.explore-link:active{transform:translateY(3px);box-shadow:0 2px 0 #123b2f}
.hero-art{height:clamp(245px,28vw,390px);width:100%;border:8px solid white;border-radius:28px 90px 28px 72px;background:#6ac8c6;box-shadow:0 8px 0 #bed6ae,0 14px 25px #123b2f30;transform:rotate(1.5deg)}.hero-art img{object-fit:cover;object-position:center;mix-blend-mode:normal}.hero-art span{bottom:8px;right:9px;font-size:.67rem;background:#fffdf5f0;color:#355147}
.controls{background:#fff;border:3px solid #eac76d;border-radius:26px;box-shadow:0 7px 0 #d8ae5c;margin:0 max(5vw,22px) 46px;padding:16px 24px}.controls-label{font-family:'Fredoka';color:#704c2b;font-size:.83rem;letter-spacing:.06em}.stage-tabs button{border:2px solid #d2e4d1;background:#edf6e7;color:#1d4d3f;border-radius:16px;box-shadow:0 4px 0 #c9d9c0;font-family:'Fredoka';font-size:1.06rem;font-weight:600}.stage-tabs button.active{background:#f5ca4d;color:#21433b;border-color:#e4ad36;box-shadow:0 4px 0 #b98427}.stage-tabs button:active{transform:translateY(3px);box-shadow:0 1px 0 #b98427}.progress-pill span{font-family:'Fredoka';font-size:1.3rem}.progress-track{height:11px;background:#e7efdd}.progress-track i{background:#e67a52}
.filterbar{margin:0 max(5vw,22px) 20px;align-items:center;scroll-margin-top:22px}.section-title{display:flex;align-items:center;gap:12px}.bird-sticker{flex:none;width:95px;height:95px;border-radius:50%;background:#e5f3d3;border:3px solid white;box-shadow:0 5px 0 #b9d3a7;display:grid;place-items:center;transform:rotate(-7deg);animation:bird-bob 6s ease-in-out infinite}.bird-sticker img{width:88%;height:88%;object-fit:contain}.section-title .eyebrow{margin:0 0 4px;color:#bd5038}.filterbar h2{font:600 clamp(1.7rem,3vw,2.5rem)/1.1 'Fredoka',sans-serif}.section-hint{margin:4px 0 0;color:#667568;font-weight:700}.filter select{border:2px solid #d3dcb7;border-radius:15px;box-shadow:0 4px 0 #d3dcb7;font-weight:800;background:#fffdf5}
.cards{padding:0 max(5vw,22px) 56px;gap:23px}.card{border:3px solid #f1dca2;border-radius:23px;background:#fffefa;box-shadow:0 7px 0 #d6bd80,0 12px 20px #4f3e1c12;overflow:visible;position:relative;isolation:isolate}.card:nth-child(4n+2){border-color:#abd6c0;box-shadow:0 7px 0 #83ad96,0 12px 20px #4f3e1c12}.card:nth-child(4n+3){border-color:#f1b9a2;box-shadow:0 7px 0 #d8977b,0 12px 20px #4f3e1c12}.card:nth-child(4n+4){border-color:#accfd9;box-shadow:0 7px 0 #88acb6,0 12px 20px #4f3e1c12}.card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 13px 0 #c2ac76,0 19px 24px #4f3e1c22}.card:active{transform:translateY(3px) scale(.99)}.card-media{height:188px;border-radius:19px 19px 5px 5px;background:#f9e8b2;overflow:hidden}.card:nth-child(4n+2) .card-media{background:#dcefdc}.card:nth-child(4n+3) .card-media{background:#ffe5d7}.card:nth-child(4n+4) .card-media{background:#dceff1}.card-media img{object-fit:contain;padding:12px;filter:drop-shadow(0 4px 3px #432b1c1b)}.card-media .badge{top:12px;left:12px;border:1px solid #ead8ab;background:#fffdf6;max-width:calc(100% - 73px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-number{position:absolute;right:12px;top:12px;background:#255f4b;color:white;min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:'Fredoka';font-weight:600;box-shadow:0 3px 0 #194337}.card-body{padding:16px 17px 15px}.card-title{font:600 1.35rem/1.14 'Fredoka',sans-serif;min-height:2.35em;color:#21433b}.card-bottom{font-size:.78rem;color:#645f4c}.card-bottom strong{background:#f5ca4d;box-shadow:0 3px 0 #d4a635}.card.done:after{content:'✓';position:absolute;right:-10px;bottom:-10px;background:#3c9a6e;border:3px solid white;color:white;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:900}
.source-note{background:#ecf5db;border:2px solid #c4dbb9;border-radius:27px;box-shadow:0 5px 0 #c2d7b4}.source-note h3,.panel h2,.story-head h1{font-family:'Fredoka',sans-serif}.source-icon{color:#ce763d}
.story-view{padding-top:22px}.back{background:#ffecad;border:2px solid #e6be5a;border-radius:14px;padding:11px 18px;box-shadow:0 4px 0 #d5a843;margin-bottom:22px}.story-hero{background:#ffebbb;color:#21433b;border:4px solid #f0ce7c;border-radius:33px;box-shadow:0 8px 0 #dab160;overflow:hidden}.story-head{padding:clamp(25px,4vw,48px)}.story-head .eyebrow{color:#a74731}.story-head h1{font-weight:600;letter-spacing:-.02em}.story-head p{font-size:1.13rem;font-weight:700;line-height:1.52}.story-hero-image{background:#e2f1e0;border-left:4px dashed #c8d4af}.story-hero-image img{object-fit:contain;padding:15px}.story-hero-image small{box-shadow:0 3px 0 #c5d9c1;font-weight:800}.story-actions button{border-radius:14px;box-shadow:0 4px 0 #b68737}.story-actions button:active{transform:translateY(3px);box-shadow:0 1px 0 #b68737}.primary-btn{background:#f5ca4d}.secondary-btn{background:#fffdf3}.learning{gap:23px;margin-top:29px}.panel{border:3px solid #b1d2bb;border-radius:28px;background:#e7f6e6;box-shadow:0 7px 0 #96bb9d;padding:clamp(20px,3vw,32px)}.panel.creative{background:#dff2f6;border-color:#a6d7df;box-shadow:0 7px 0 #92bec9}.panel .eyebrow{font-size:.75rem;color:#aa4a35}.panel h2{font-weight:600;font-size:1.85rem}.quiz-question{font-size:1.18rem}.option{border:2px solid #bdd8bb;background:#fffdf4;box-shadow:0 3px 0 #a6c7a2;border-radius:15px}.option:hover{transform:translateX(5px)}.option:active{transform:translateY(2px);box-shadow:0 1px 0 #a6c7a2}.option .letter{background:#f5ca4d;font-family:'Fredoka';font-weight:600}.creative textarea,.drawbox{border:3px dashed #8bbdbe;border-radius:17px;background:#fffefa}.creative-tools button,.pager button{border:2px solid #add2c5;border-radius:13px;background:#fffef8;box-shadow:0 3px 0 #a5c2b1;font-weight:900}.creative-tools button:hover,.pager button:not(:disabled):hover{transform:translateY(-2px)}.note{background:#fff3d5;border:2px solid #ecc580;border-left-width:7px;border-radius:14px}.pager{margin-top:32px}.pager button{padding:13px 18px}footer{border-top:7px solid #f5ca4d}dialog{border:4px solid #f0d28f;background:#fffdf5}
@keyframes bird-bob{50%{transform:translateY(-6px) rotate(0deg)}}
@media(max-width:1060px){.intro{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.topbar{min-height:76px}.intro{grid-template-columns:1fr;gap:22px;margin:15px 15px 20px;padding:25px;border-radius:28px}.intro h1{font-size:clamp(2.75rem,9vw,4rem)}.hero-art{height:245px;max-width:none;border-radius:20px 55px 20px 55px;transform:rotate(0)}.controls{margin:0 20px 35px;align-items:center}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.story-hero-image{order:0;border-left:0;border-top:4px dashed #c8d4af;max-height:300px}.story-hero-image img{height:300px;min-height:0}.learning{grid-template-columns:1fr}}
@media(max-width:520px){.topbar{padding:8px 12px}.brandmark{width:31px;height:31px;font-size:2.2rem}.homebrand{gap:6px}.homebrand b{font-size:.72rem}.homebrand small{font-size:.58rem}.brandlogos{gap:2px;padding:2px 4px;border-radius:10px}.school-logo{width:42px;height:42px}.author-logo{width:55px;height:42px}.intro{padding:22px 18px 19px}.intro .eyebrow{font-size:.66rem;padding:7px 9px}.intro h1{font-size:clamp(2.65rem,12vw,3.6rem)}.introcopy{font-size:1rem;margin:13px 0 16px}.explore-link{padding:9px 11px 9px 16px}.hero-art{height:170px;border-width:5px}.hero-art span{font-size:.58rem}.controls{margin:0 17px 30px;padding:13px;flex-direction:column;align-items:stretch}.stage-group,.progress-pill{width:100%}.stage-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stage-tabs button{font-size:.89rem;padding:10px 6px}.filterbar{margin:0 18px 16px;gap:14px;align-items:stretch}.section-title{gap:7px}.bird-sticker{width:68px;height:68px}.section-title .eyebrow{font-size:.65rem}.filterbar h2{font-size:1.7rem}.section-hint{font-size:.77rem}.cards{padding:0 18px 42px;gap:13px}.card-media{height:127px}.card-media img{padding:7px}.card-media .badge{font-size:.59rem;top:8px;left:7px;padding:5px 7px;max-width:calc(100% - 43px)}.card-number{right:6px;top:7px;min-width:27px;height:27px;font-size:.76rem}.card-body{padding:11px}.card-title{font-size:1.04rem;min-height:3.2em}.card-bottom{font-size:.65rem}.card-bottom strong{width:27px;height:27px}.story-view{padding-inline:16px}.story-head{padding:22px}.story-head h1{font-size:2.5rem}.story-actions button{width:100%;text-align:center}.story-hero-image img{height:220px}.source-note{margin-inline:18px}.pager button{font-size:.81rem;padding:10px}footer{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Identificação explícita das duas marcas. */
.brandlogos{gap:12px;padding:5px 12px}.logo-unit{display:flex;align-items:center;gap:8px;color:#25493b;font-size:.67rem;line-height:1.15;font-weight:700;white-space:nowrap}.logo-unit strong{font-size:.76rem;font-weight:900}.author-unit{border-left:1px solid #ddceaa;padding-left:12px}.author-logo{width:83px;height:50px}.school-logo{width:50px;height:50px}
.title-scene{display:flex;align-items:center;position:relative;gap:4px}.title-scene h1{position:relative;z-index:1;flex:1;min-width:0}.title-illustration{width:clamp(116px,14vw,205px);height:clamp(130px,16vw,220px);object-fit:contain;filter:drop-shadow(0 7px 5px #4d654027);animation:title-grow 6s ease-in-out infinite;flex:none;margin-left:-16px}.intro-text .introcopy{margin-top:7px}
@keyframes title-grow{50%{transform:translateY(-7px) rotate(1.5deg)}}
/* Traços editoriais inspirados em folhas e água; não são grafismos corporais tradicionais. */
.intro{background-image:repeating-radial-gradient(circle at 6% 98%,transparent 0 15px,#ebce8055 16px 18px,transparent 19px 30px)}
.controls:before,.motif-guide:before{content:'';display:block;position:absolute;top:0;left:0;right:0;height:7px;background:repeating-linear-gradient(115deg,#c8573f 0 16px,#f5ca4d 16px 32px,#318c87 32px 48px,#fff9e8 48px 64px);border-radius:20px 20px 0 0}.controls{position:relative;overflow:hidden}.card-media:after{content:'';position:absolute;bottom:0;left:0;right:0;height:9px;background:repeating-radial-gradient(ellipse 22px 12px at 22px -1px,transparent 0 12px,#ffffffab 13px 15px,transparent 16px 24px);pointer-events:none}
.motif-guide{position:relative;margin:0 max(5vw,22px) 25px;background:#f8efe0;border:2px solid #e6c996;border-radius:24px;padding:30px;box-shadow:0 6px 0 #d7bb8b;overflow:hidden}.motif-heading{display:flex;align-items:center;gap:12px}.motif-line{width:42px;height:42px;border:3px solid #ce7d48;border-radius:50%;background:repeating-conic-gradient(from 8deg,#b8523b 0 9deg,transparent 9deg 28deg);flex:none}.motif-heading .eyebrow{margin:0;font-size:.71rem}.motif-heading h2{font:600 clamp(1.6rem,2.5vw,2.2rem)/1.1 'Fredoka';margin:2px 0 0}.motif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.motif-grid article{background:#fffdf6;border:2px solid #e7d7ad;border-radius:18px;padding:15px;box-shadow:0 4px 0 #dac9a4}.motif-grid h3{font:600 1.2rem 'Fredoka';margin:7px 0 4px}.motif-grid p{font-size:.91rem;line-height:1.42;margin:0}.motif-picture{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#d9eccb;color:#245847;font-size:2rem;font-family:'Fredoka'}.fish-picture{font-size:1.05rem;background:#d6f2ef;color:#287c85;font-weight:700}.stone-picture{background:#f1dec4;color:#8d6043;font-size:2.8rem}.motif-disclaimer,.motif-sources{font-size:.81rem;line-height:1.48;margin:10px 0 0}.motif-disclaimer{font-weight:800;color:#4b5b4a}.motif-sources a{color:#225b46;text-decoration:underline;text-underline-offset:3px}
.choice-row{display:flex;gap:8px;align-items:stretch}.choice-row .option{flex:1;min-width:0}.say-option,.read-question{border:2px solid #96c5aa;background:#fdfbef;color:#244c3b;border-radius:13px;font-weight:900;box-shadow:0 3px 0 #a2c3a6;transition:transform .18s}.say-option{width:52px;flex:none;font-size:1.15rem}.read-question{padding:9px 14px;margin:2px 0 10px}.say-option:hover,.read-question:hover{transform:translateY(-2px)}.options{gap:12px}
.colors{display:flex;gap:10px;margin:12px 0 15px;flex-wrap:wrap}.color{border:3px solid #fff;width:39px;height:39px;flex:none;border-radius:50%;background:var(--swatch);box-shadow:0 2px 0 #789aa1,0 0 0 1px #a9c3c5;transition:transform .18s}.color.active{outline:3px solid #273e40;outline-offset:2px;transform:scale(1.12)}
.word-game{margin-top:22px;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:24px;background:#fff1cf;border-color:#e9ca7c;box-shadow:0 7px 0 #d4b567}.word-game p{margin:0;line-height:1.45}.word-game .eyebrow{margin-bottom:4px}.word-answer,.word-bank{min-height:61px;border-radius:15px;display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:9px}.word-answer{border:2px dashed #d7b96e;background:#fffefa}.word-answer span{color:#6d715e;font-size:.87rem}.word-bank{margin-top:10px;background:#e5f1df}.word-answer button,.word-bank button{border:2px solid #a6cbb1;background:white;border-radius:11px;padding:8px 10px;font-weight:900;color:#244839;box-shadow:0 3px 0 #9bb7a5;transition:transform .18s}.word-answer button:hover,.word-bank button:not(:disabled):hover{transform:translateY(-2px)}.word-bank button:disabled{opacity:.33;cursor:default;box-shadow:none}.word-feedback{font-weight:900;color:#255f45;min-height:22px;margin:8px 0!important}.reset-words{background:#254f42;color:white;border:0;border-radius:11px;padding:9px 14px;font-weight:900;box-shadow:0 3px 0 #173c32}
@media(max-width:1060px){.logo-unit span{display:none}.author-unit{padding-left:7px}.brandlogos{gap:6px}.title-illustration{width:130px;height:160px}}
@media(max-width:760px){.logo-unit span{display:none}.author-logo{width:72px}.school-logo{width:44px}.title-illustration{width:clamp(100px,23vw,170px);height:clamp(130px,27vw,200px)}.motif-grid{grid-template-columns:1fr 1fr}.word-game{grid-template-columns:1fr}}
@media(max-width:520px){.topbar{align-items:center}.brandlogos{padding:3px}.logo-unit{gap:2px}.author-unit{border-left:1px solid #ddceaa;padding-left:4px}.school-logo{width:36px;height:36px}.author-logo{width:50px;height:36px}.intro h1{font-size:clamp(2.2rem,10vw,3.3rem)}.title-illustration{width:105px;height:135px;margin-left:-29px;margin-right:-14px}.motif-guide{margin:0 18px 24px;padding:19px}.motif-grid{grid-template-columns:1fr}.word-game{gap:12px}.choice-row .option{font-size:.93rem}.say-option{width:45px}}
@media(prefers-reduced-motion:reduce){.title-illustration{animation:none}}
@media(max-width:1060px){.logo-unit span{display:block;font-size:.58rem}.logo-unit strong{font-size:.64rem}.brandlogos{gap:5px;padding:3px 7px}.school-logo{width:40px;height:40px}.author-logo{width:65px;height:42px}}
@media(max-width:760px){.topbar{flex-wrap:wrap;gap:6px;padding:8px 15px}.homebrand{flex:1 1 100%}.brandlogos{width:100%;justify-content:space-between}.logo-unit span{display:block}.author-unit{margin-left:auto}.school-logo{width:36px;height:36px}.author-logo{width:56px;height:38px}}
@media(max-width:520px){.topbar{padding:7px 12px}.brandlogos{padding:3px 6px}.logo-unit span{font-size:.55rem}.logo-unit strong{font-size:.6rem}.school-logo{width:30px;height:30px}.author-logo{width:42px;height:34px}}
@media(max-width:760px){.topbar{height:auto;min-height:0}}
/* Ilustrações autorais nos lugares antes ocupados por sinais provisórios. */
.brandmark{background:#fff8e8;width:54px;height:54px;padding:3px;overflow:hidden;animation:none;box-shadow:0 3px 0 #a56e35;border:2px solid #f5ca4d}.brandmark img{width:100%;height:100%;object-fit:contain;display:block}.homebrand:hover .brandmark{transform:rotate(-5deg) scale(1.06);transition:transform .2s}.motif-grid article{display:flex;flex-direction:column}.motif-picture{width:116px;height:116px;background-image:url('assets/trio-paisagem.webp');background-repeat:no-repeat;background-size:300% 100%;background-color:transparent;border-radius:0;margin:-9px 0 2px;flex:none}.palm-picture{background-position:left center}.fish-picture{background-position:center center}.stone-picture{background-position:right center}.source-note{align-items:center}.source-image{width:clamp(130px,17vw,210px);height:160px;flex:none;object-fit:contain;filter:drop-shadow(0 6px 6px #39654a20)}
.intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.music-trigger{border:2px solid #bf7951;border-radius:16px;background:#fffdf5;color:#6f3c28;font-weight:900;padding:14px 17px;box-shadow:0 5px 0 #ce9b69;transition:transform .18s,box-shadow .18s}.music-trigger:hover{transform:translateY(-3px);box-shadow:0 8px 0 #ce9b69}.music-trigger:active{transform:translateY(3px);box-shadow:0 2px 0 #ce9b69}.music-credit{display:block;color:#705f4a;font-size:.73rem;font-weight:800;margin-top:12px}.teacher-cue{background:#fffbdc;border-left:4px solid #d4a73c;border-radius:7px;padding:10px 12px;font-size:.9rem;font-weight:800}.music-dialog{width:min(92vw,730px)}.music-dialog p{line-height:1.5;margin:0 0 14px}.music-frame{position:relative;width:100%;aspect-ratio:16/9;background:#183d35;border-radius:12px;overflow:hidden;margin-bottom:12px}.music-frame iframe{width:100%;height:100%;border:0;display:block}.music-dialog a{color:#1f5944;font-weight:800}.music-dialog .dialogtop button{cursor:pointer}
@media(max-width:760px){.source-note{align-items:flex-start}.source-image{width:125px;height:120px}.brandmark{width:42px;height:42px}}
@media(max-width:520px){.brandmark{width:39px;height:39px;flex:none}.source-note{flex-direction:column}.source-image{width:145px;height:115px;align-self:center}.motif-picture{width:105px;height:105px}.music-trigger{padding:10px 13px}.music-credit{margin-top:8px}}
/* Grafismos enviados: imagens inteiras, sem redimensionamento desproporcional. */
.grafismo-top{height:33px;background:#fff9e8 url('assets/grafismo-faixa-enviado.png') repeat-x center;background-size:auto 33px;border-bottom:2px solid #eacb8c}.motif-guide:before{height:21px;background:#fff9e8 url('assets/grafismo-faixa-enviado.png') repeat-x center;background-size:auto 21px}.motif-guide{padding-top:41px}.motif-heading-art{width:94px;height:58px;object-fit:contain;flex:none}.motif-picture{background-size:330% 110%;background-position-y:center}.palm-picture{background-position-x:left}.fish-picture{background-position-x:center}.stone-picture{background-position-x:right}.story-grafismo{display:flex;justify-content:center;margin:19px auto 2px;max-width:100%}.story-grafismo img{display:block;width:min(420px,70vw);height:auto;object-fit:contain}.grafismo-gallery{margin:26px max(5vw,22px) 44px;padding:25px 28px 30px;background:#fffdf6;border:2px solid #dabd9a;border-radius:26px;box-shadow:0 6px 0 #d2baa0}.gallery-heading .eyebrow{margin:0 0 5px}.gallery-heading h2{font:600 clamp(1.65rem,2.7vw,2.3rem)/1.1 'Fredoka';margin:0}.gallery-heading p:last-child{max-width:760px;line-height:1.5;margin:9px 0 18px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.gallery-grid figure{margin:0;min-width:0;background:#fff;border:2px solid #eadcc6;border-radius:17px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 0 #e4d6bf}.gallery-grid img{display:block;max-width:100%;width:auto;height:auto;max-height:180px;object-fit:contain}.gallery-grid figure:last-child img{max-height:195px}.gallery-grid figcaption{align-self:stretch;color:#385447;font-weight:900;font-size:.9rem;margin-top:11px;text-align:center}.grafismo-gallery + .source-note{margin-top:0}footer{border-top:28px solid transparent;border-image-source:url('assets/grafismo-faixa-enviado.png');border-image-slice:20 0 0 0;border-image-repeat:round}
@media(max-width:760px){.grafismo-top{height:25px;background-size:auto 25px}.motif-heading-art{width:74px;height:50px}.gallery-grid{grid-template-columns:1fr}.grafismo-gallery{margin-inline:20px}}
@media(max-width:520px){.grafismo-top{height:20px;background-size:auto 20px}.grafismo-gallery{margin-inline:18px;padding:18px}.gallery-grid{gap:12px}.gallery-grid figure{padding:12px}.gallery-grid img{max-height:170px}.motif-heading-art{width:66px;height:45px}}
footer{position:relative;border-top:0;padding-top:48px}footer:before{content:'';position:absolute;left:0;right:0;top:0;height:28px;background:#fff9e8 url('assets/grafismo-faixa-enviado.png') repeat-x center;background-size:auto 28px}