@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@800;900&family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@500;600;700;750;800&display=swap');
:root{--cream:#f7f7f0;--green:#234b39;--ink:#23372c;--muted:#596752;--sage:#e7eddf;--line:#d9dfd0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:1.16;margin:0}h1{font-size:clamp(42px,4.8vw,70px);font-weight:800}h2{font-size:clamp(31px,3.3vw,46px);font-weight:750}h3{font-size:25px;font-weight:700}p{margin:0;color:var(--muted)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.site-header{min-height:112px;display:flex;gap:35px;align-items:center;justify-content:space-between}.brand{font:800 29px/1.2 Manrope,sans-serif;text-decoration:none;letter-spacing:-1.5px;color:var(--green);white-space:nowrap}.site-header nav{display:flex;gap:36px;align-items:center}.site-header nav a,.site-footer nav a{text-decoration:none}.site-header nav a:hover,.site-footer nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 26px;border:1px solid var(--green);border-radius:9px;background:var(--green);color:var(--cream);font-weight:650;text-decoration:none;line-height:1.4;text-align:center;transition:background .15s}.button:hover{background:#173b2b}.button.outline{background:transparent;color:var(--green);min-width:170px}.button.outline:hover{background:var(--sage)}.text-link{font-size:15px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;display:inline-block}.text-link:hover{color:var(--green)}a:focus-visible,summary:focus-visible{outline:3px solid #bd6a37;outline-offset:5px}.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:55px;align-items:center;padding-top:16px;padding-bottom:85px}.hero-copy h1{max-width:490px}.hero-copy p{font-size:19px;line-height:1.65;margin-top:25px;max-width:480px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:34px}.hero-photo{width:100%;height:540px;object-fit:cover;object-position:right center;border-radius:24px}.learning{padding-block:22px 90px}.learning h2{max-width:1000px;margin-bottom:47px}.topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.topics article{padding:0 32px;border-left:1px solid var(--line)}.topics article:first-child{border-left:0;padding-left:0}.topics article:last-child{padding-right:0}.number{display:block;color:#6a8058;font:600 26px Manrope;margin-bottom:17px}.topics h3{margin-bottom:15px}.topics p{font-size:18px;max-width:340px;min-height:90px}.topics .text-link{margin-top:18px}.library{background:var(--sage)}.library-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding-block:55px}.library-inner img{width:100%;height:390px;object-fit:cover;border-radius:16px}.library-inner h2{font-size:clamp(30px,3.1vw,42px);max-width:510px}.library-inner p{font-size:18px;margin-block:23px 28px}.library-faq{display:block;margin-top:20px}.faq{padding-block:95px}.faq h2{margin-bottom:36px}.faq-list{max-width:920px}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font:700 21px/1.45 Manrope;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font:400 28px/1 Manrope;color:var(--green)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:18px;max-width:800px;margin-top:18px}.closing{background:var(--green);color:var(--cream);padding-block:65px}.closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.closing h2{max-width:700px}.button.light{background:var(--cream);color:var(--green);border-color:var(--cream);flex-shrink:0}.button.light:hover{background:#e7eddf}.site-footer{display:flex;gap:30px;align-items:center;padding-block:44px}.site-footer .brand{font-size:25px}.site-footer p{font-size:13px;flex:1}.site-footer nav{display:flex;gap:24px;font-size:13px}.skip{position:absolute;left:20px;top:10px;z-index:10;background:var(--green);color:white;padding:10px 16px}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.site-header{gap:20px}.site-header nav{gap:20px;font-size:14px}.hero{gap:30px}.hero-photo{height:480px}.hero-copy p{font-size:17px}.topics article{padding-inline:22px}.topics h3{font-size:22px}.topics p{font-size:16px}.library-inner{gap:35px}.site-footer{flex-wrap:wrap}.site-footer nav{width:100%}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:0;display:grid;grid-template-columns:1fr auto;padding-block:22px;gap:22px 12px}.brand{font-size:25px}.site-header .button{min-width:0;min-height:44px;padding:10px 13px;font-size:13px}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;font-size:13px}.site-header nav a{min-height:44px;display:flex;align-items:center}.hero{grid-template-columns:1fr;gap:32px;padding-top:24px;padding-bottom:52px}.hero-copy h1{max-width:500px;font-size:45px}.hero-copy p{font-size:17px;max-width:540px}.actions{gap:22px;margin-top:26px}.hero-photo{height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:17px}.learning{padding-block:15px 58px}.learning h2{font-size:32px;margin-bottom:30px}.topics{grid-template-columns:1fr}.topics article{border-left:0;border-top:1px solid var(--line);padding:23px 0!important}.number{font-size:19px;margin-bottom:11px}.topics h3{font-size:23px;margin-bottom:10px}.topics p{font-size:16px;min-height:0;max-width:100%}.topics .text-link{margin-top:15px;min-height:35px}.library-inner{grid-template-columns:1fr;gap:30px;padding-block:30px 40px}.library-inner img{height:auto;aspect-ratio:3/2;border-radius:12px}.library-inner h2{font-size:32px}.library-inner p{font-size:17px;margin-block:20px 24px}.faq{padding-block:58px}.faq h2{font-size:32px;margin-bottom:28px}.faq summary{font-size:18px;gap:15px}.faq details{padding-block:22px}.faq details p{font-size:16px}.closing{padding-block:42px}.closing .wrap{display:block}.closing h2{font-size:32px;margin-bottom:27px}.site-footer{display:block;padding-block:32px}.site-footer p{margin-top:18px}.site-footer nav{gap:25px;flex-wrap:wrap;margin-top:21px}.site-footer nav a{min-height:44px;display:flex;align-items:center}}
@media(max-width:350px){.wrap{width:calc(100% - 32px)}.brand{font-size:23px}.site-header nav{font-size:12px;gap:8px}.hero-copy h1{font-size:39px}.actions{align-items:flex-start;flex-direction:column}.button{padding-inline:21px}.topics h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Paleta editorial das apostilas: verde e creme, laranja apenas em pequenos acentos. */
:root{--green:#07512b;--ink:#213b2b;--cream:#faf7ed;--sage:#e9efdd;--line:#dce2d1;--orange:#c45b14}
.brand{color:var(--green)}
.brand-mark{position:relative;flex-shrink:0;background:var(--green);color:var(--cream)}
.brand-mark:after{content:"";position:absolute;width:9px;height:6px;right:-3px;top:0;background:#e77923;border-radius:100% 0 100% 0;transform:rotate(-18deg)}
.brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:-1.3px}.brand-mark{display:grid;place-items:center;width:32px;height:36px;border-radius:50% 50% 43% 43%}.brand-mark svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.number{color:#98501e}.button:hover{background:#063f23}.button.outline:hover{background:var(--sage)}.button.light:hover{background:var(--sage)}a:focus-visible,summary:focus-visible{outline-color:var(--orange)}
@media(max-width:760px){.site-header .brand{font-size:22px;gap:7px}.site-header .brand-mark{width:27px;height:30px}.site-header .brand-mark svg{width:21px;height:21px}}
@media(max-width:350px){.site-header .brand{font-size:20px;letter-spacing:-1px;gap:6px}.site-header .brand-mark{width:25px;height:28px}}

/* Piloto de identidade com PNGs do motor interno; nome permanece HTML. */
.brand-mark:has(img){background:transparent;width:42px;height:42px;border-radius:0}
.brand-mark:has(img):after{display:none}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.site-header .brand-mark:has(img){width:32px;height:32px}}
@media(max-width:350px){.site-header .brand-mark:has(img){width:28px;height:28px}}

/* R9: mesmo lockup horizontal da apostila em header e footer. */
.brand{display:block;width:220px;max-width:100%;line-height:0;flex-shrink:0}
.brand-lockup{display:block;width:100%;height:auto;max-width:329px;object-fit:contain}
@media(max-width:760px){.site-header .brand{width:160px}}
@media(max-width:350px){.site-header .brand{width:145px}}

/* R9: cores aproximadas da referência; foco escuro preserva contraste. */
:root{--green:#083010;--ink:#17321c;--cream:#fff8f0;--sage:#edf0df;--orange:#c45b14}

/* R10: títulos de capa fortes, leitura limpa e marca SVG fiel. */
.cover-accent{color:#c45208}
.brand-lockup{max-width:329px}
.hero-copy h1{font-family:Nunito,Manrope,sans-serif;font-weight:900;font-size:clamp(44px,5.1vw,74px);line-height:1.04;letter-spacing:-.045em}.learning h2,.library-inner h2,.closing h2{font-family:Nunito,Manrope,sans-serif;font-weight:900;line-height:1.12}.topics article{padding-top:12px}.topics h3{color:var(--green)}
@media(max-width:760px){.hero-copy h1{font-size:47px}}@media(max-width:350px){.hero-copy h1{font-size:41px}}

/* R10: composição editorial, gestos nas bordas e hierarquia de leitura. */
.hero-copy h1{position:relative}.hero-copy h1:after{content:"";position:absolute;right:-35px;top:4px;width:66px;height:38px;background:url('/assets/gesto-capa-r10.svg') center/contain no-repeat;pointer-events:none}
.hero{position:relative}.hero:after{content:"";position:absolute;right:-20px;bottom:45px;width:170px;height:85px;background:url('/assets/ramo-capa-r10.svg') center/contain no-repeat;pointer-events:none}
.library-inner{position:relative}.library-inner:after{content:"";position:absolute;left:-28px;bottom:12px;width:110px;height:55px;background:url('/assets/ramo-capa-r10.svg') center/contain no-repeat;pointer-events:none;transform:rotate(-12deg)}
@media(max-width:760px){.hero-copy h1:after{right:0;top:-20px;width:48px;height:28px}.hero:after{right:0;bottom:30px;width:110px;height:55px}.library-inner:after{left:-8px;bottom:2px;width:80px;height:40px}}