/* Assets criados em conjunto: logo, recorte, capas e ornamentos. */
.header{background:var(--bg)}.brand{width:230px;height:58px;display:flex;align-items:center;flex-shrink:0}.brand .brand-logo{width:100%;height:100%;display:block;overflow:visible;stroke:none}.brand .brand-logo image{width:2172px;height:724px}.logo-dark{display:none}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}.header-inner{gap:12px}.brand-slogan{line-height:1.65}.reference-hero{background:radial-gradient(ellipse at 85% 43%,#e9ddc34d,transparent 56%);border-bottom:1px solid var(--line)}.reference-hero .hero-media{background:transparent;overflow:visible}.reference-hero .hero-media:after{display:none}.reference-hero .hero-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 13px #79532718);object-position:center bottom}.reference-hero .hero-media{margin-top:10px;height:235px;margin-bottom:4px}.hero-benefits a>span{background:#e0e4d8;box-shadow:inset 0 0 0 1px #14372d05}.hero .pill{background:linear-gradient(110deg,var(--gold-bg),var(--bg));border-color:#c7a56f}.home-wrap .course-card{background:var(--surface);box-shadow:0 4px 9px #30201408}.course-art .module-cover{width:100%;height:100%;display:block;position:absolute;inset:0;stroke:none}.course-art .module-cover image{width:1881px;height:836px}.home-wrap .course-num{background:#fff9edee;color:#1b3427;box-shadow:0 2px 5px #332c2312}.bonus-strip{background:linear-gradient(100deg,var(--surface2),var(--surface));border:1px solid var(--line)}.bonus-title>svg{color:var(--red)}.calculator-banner{background:linear-gradient(100deg,#68816d,#395d47);box-shadow:inset 0 1px 0 #ffffff14}.footer{position:relative;isolation:isolate;overflow:hidden;min-height:165px}.footer:before{content:'';position:absolute;left:-85px;bottom:-75px;width:240px;height:240px;transform:rotate(180deg);background:url('assets/otimizadas/ramo-natalino-v1.webp') center/contain no-repeat;z-index:-1;pointer-events:none}.footer-brand{width:215px;height:53px;display:block;margin:0 auto 12px}.footer-brand svg{width:100%;height:100%;stroke:none}.footer-brand image{width:2172px;height:724px}.hero:before{content:'';position:absolute;right:-73px;top:0;width:145px;height:145px;background:url('assets/otimizadas/ramo-natalino-v1.webp') right top/contain no-repeat;opacity:.8;pointer-events:none;z-index:3}.hero-content{position:relative}.home-wrap .library-section .book img{box-shadow:3px 5px 10px #2b1d1514}.lesson-notes{border-top:3px solid var(--gold)}.calc-summary{border-top:3px solid var(--gold)}.page-intro .eyebrow{color:var(--gold)}
:root[data-theme=dark] .reference-hero{background:radial-gradient(ellipse at 78% 45%,#5263442c,transparent 60%)}:root[data-theme=dark] .reference-hero .hero-media img{filter:drop-shadow(0 18px 18px #0004)}:root[data-theme=dark] .hero-benefits a>span{background:#354f3f}:root[data-theme=dark] .bonus-strip{background:linear-gradient(100deg,#2a3e30,#1c3028)}:root[data-theme=dark] .calculator-banner{background:linear-gradient(100deg,#46634d,#294834)}
@media(max-width:380px){.brand{width:205px;height:53px}.header-inner{padding-inline:17px;gap:5px}.header-actions>a{display:none}.hero:before{right:-80px;width:130px;height:130px}.reference-hero .hero-media{height:210px}.footer:before{width:190px;height:190px;left:-80px;bottom:-70px}}
@media(min-width:700px){.brand{width:245px;height:59px}.reference-hero .hero-media{height:340px;margin-bottom:10px}.hero:before{width:210px;height:210px;right:-75px}.footer:before{width:285px;height:285px;left:-100px;bottom:-80px}}
@media(min-width:1050px){.header-inner{height:76px;gap:20px}.brand{width:252px;height:56px}.brand-slogan{padding-left:20px}.desktop-nav .nav-link{height:76px}.reference-hero .wrap{min-height:475px}.reference-hero .hero-content{width:49%;padding-top:27px;padding-bottom:29px}.reference-hero h1{margin-top:19px}.reference-hero .hero-media{left:43.5%;width:55%;height:100%;margin:0;bottom:0;top:0;padding:10px 40px 0 0;z-index:0}.reference-hero .hero-media img{width:100%;height:100%;object-fit:contain;object-position:left bottom}.hero-handwriting{right:-17px;top:88px;font-size:23px}.hero:before{width:220px;height:220px;right:-89px;top:-12px;opacity:.9}.home-wrap .course-art{aspect-ratio:1.8}.home-wrap .course-info{min-height:94px}.home-wrap .course-meta>span{font-size:10px}.footer:before{width:290px;height:290px;bottom:-110px;left:-65px}.footer-brand{height:50px}.calculator-banner{position:relative;isolation:isolate;overflow:hidden}.calculator-banner:after{content:'';position:absolute;right:-120px;bottom:-155px;width:230px;height:230px;transform:rotate(180deg);background:url('assets/otimizadas/ramo-natalino-v1.webp') center/contain no-repeat;opacity:.15;pointer-events:none;z-index:-1}}
/* Cenário fotográfico em PNG atrás do recorte; os dois compartilham a mesma base. */
.reference-hero .hero-media{position:relative;isolation:isolate;height:255px;margin-inline:-24px;overflow:visible}
.reference-hero .hero-media .hero-environment{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:0;filter:none;pointer-events:none}
.reference-hero .hero-media .hero-food{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 10px #68451c18)}
.hero-content:before{content:'✧';position:absolute;left:-13px;top:72px;color:var(--gold);font-size:23px;opacity:.35;pointer-events:none}
:root[data-theme=dark] .reference-hero .hero-media .hero-food{filter:drop-shadow(0 12px 14px #0004)}
@media(max-width:380px){.reference-hero .hero-media{height:225px}}
@media(min-width:700px){.reference-hero .hero-media{height:360px;margin-inline:-32px}}
@media(min-width:1050px){.reference-hero .hero-media{position:absolute;inset:0 0 0 42%;width:62%;height:100%;padding:0;margin:0;z-index:0}.reference-hero .hero-media .hero-environment{width:100%;height:100%;object-fit:cover;object-position:center bottom;mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 72%,transparent 100%)}.reference-hero .hero-media .hero-food{width:100%;height:100%;padding:0 90px 0 0;object-fit:contain;object-position:center bottom}.hero-handwriting{right:-16px;top:70px}.hero-content:before{left:-42px;top:195px}}