/* Reference composition, with the existing typography, copy and palette. */
#conteudo :is(#inicio,#alimentacao,#composicao,#continuidade,#resultados) .portrait{border:0;background:transparent;box-shadow:none;overflow:visible;mask-image:none}
#conteudo .section:not(.hero) .portrait::before{content:'';position:absolute;z-index:-1;inset:26px -28px -24px 34px;border-radius:34px;background:linear-gradient(135deg,#d64d00 0%,#ff8a2c 45%,#efe2d1 100%);opacity:.18;transform:rotate(-4deg)}
#conteudo .section:not(.hero) .portrait::after{content:'';position:absolute;z-index:-1;left:-18px;bottom:28px;width:88px;height:88px;border:1px solid #d64d0070;border-radius:999px}
#conteudo .portrait img{display:block;width:100%;height:auto;border-radius:inherit;transform:none;mask-image:none;box-shadow:0 22px 45px #5b32151f}
@media(max-width:700px){#conteudo .section:not(.hero) .portrait::before,#conteudo .section:not(.hero) .portrait::after{display:none}}
body{width:100%;max-width:none;margin:0;box-shadow:none}
html{background:var(--paper);scroll-padding-top:24px}
.wrap{width:min(1200px,calc(100% - 112px))}
.header{position:relative;height:auto;min-height:94px;padding:24px max(56px,calc((100% - 1200px)/2));width:100%;gap:20px;backdrop-filter:none}
.header.wrap{width:100%}
.brand-name{font-size:14px}.brand-name small{font-size:12px}.monogram{font-size:46px}
.header nav{gap:18px;font-size:13px}.nav-cta{border-radius:40px;padding:10px 17px}
.section{border:0;overflow:visible}
.section-content{padding:80px 0}
.hero{background:var(--bg)}
.hero .section-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px 48px;padding:44px 0 48px;align-items:start}
.hero-copy{width:100%;max-width:none;padding:0}
.hero .eyebrow.intro{font-size:15px;margin-bottom:24px}
.hero h1{font-size:53px;font-weight:600;line-height:1.05;max-width:none}
.hero h1 br{display:none}.hero h1 em{display:inline}
.hero-copy>p:not(.eyebrow){font-size:16px}
.hero .portrait{position:relative;inset:auto;width:100%;margin:0;align-self:center;grid-column:2;grid-row:1;border-radius:44px 12px 44px 12px;box-shadow:none;border:0}
.hero .portrait img{width:100%;height:auto}
.cta,.hero .cta{font-size:15px;min-height:52px;padding:16px 22px;border-radius:40px;box-shadow:none;gap:18px}
.hero-benefits{grid-column:1/-1;border-bottom:0;margin:12px 0 0;gap:16px}
.hero-benefits>div,.hero-benefits>div:first-child{padding:20px 0}
.hero-benefits>div+div{border-left:0}.hero-benefits p{font-size:15px}
.hero .program{grid-column:1/-1;margin:0;padding:0}
.section:not(.hero):not(.accompaniment):not(#como-funciona){display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:56px;row-gap:36px;padding:80px max(56px,calc((100% - 1200px)/2));align-items:center}
.section:not(.hero):not(.accompaniment):not(#como-funciona)>.section-content{display:contents}
.section:not(.hero):not(.accompaniment):not(#como-funciona) .portrait{position:relative;inset:auto;width:100%;margin:0;height:auto;grid-column:1;grid-row:1;align-self:center;box-shadow:none;border:0;border-radius:40px 12px 40px 12px}
.section:not(.hero):not(.accompaniment):not(#como-funciona) .copy{width:100%;max-width:none;margin:0;min-height:0;grid-column:2;grid-row:1}
.section h2,#alimentacao h2,#continuidade h2,#resultados h2,.closing h2{font-size:43px;line-height:1.09;max-width:none}
.section h2 br{display:none}
.eyebrow{font-size:14px;letter-spacing:.8px;margin-bottom:22px}
.copy>p{font-size:17px;line-height:1.6}
.section-content>.benefits,.section-content>.cta,.section-content>.program,.section-content>.whatsapp-caption,.section-content>.contact-status{grid-column:1/-1}
.benefits{width:100%;max-width:none;margin:0;gap:20px}
.benefits>div,.benefits>div:first-child{border:0;border-radius:0;background:none;padding:18px 0;justify-content:flex-start;gap:14px}
.benefits p{font-size:16px}.benefits svg{width:33px;height:33px}
.section-content>.cta{margin:0 auto}
.callout{padding:22px 0;gap:16px;border-radius:0;background:none!important;border:0;border-top:1px solid #d6baa3;margin-top:26px}
.callout p{font-size:20px}.callout svg{width:36px;height:36px}
#alimentacao{border-radius:44px 44px 0 0}
#alimentacao .copy{display:contents}
#alimentacao .eyebrow{grid-column:1/-1;grid-row:1;justify-content:center;max-width:none;margin:0;text-align:center}
#alimentacao h2{grid-column:1/-1;grid-row:2;max-width:760px;margin:0 auto 16px;text-align:center}
#alimentacao.section:not(.hero):not(.accompaniment):not(#como-funciona) .portrait{grid-row:3/span 4;max-width:310px;justify-self:center}
#alimentacao .copy>p:not(.eyebrow),#alimentacao .callout{grid-column:2;margin:0}
#composicao{margin:0;grid-template-columns:minmax(0,.58fr) minmax(0,1.42fr);column-gap:32px}
#composicao .portrait{transform:none}
#continuidade{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
#continuidade.section:not(.hero):not(.accompaniment):not(#como-funciona) .portrait{grid-column:2;grid-row:1;border-radius:12px 44px 12px 44px}
#continuidade.section:not(.hero):not(.accompaniment):not(#como-funciona) .copy{grid-column:1;grid-row:1}
#continuidade h3{font-size:29px}
.stats{max-width:none;gap:16px}.stats>div{padding:18px;display:block}.stats b{font-size:62px}.stats p{font-size:15px;margin-top:8px}
.accompaniment .section-content{padding:80px 0;gap:24px}
.accompaniment h2{max-width:850px;justify-self:center;font-size:46px;margin:0 0 12px}
.accompaniment .schedule{gap:16px;margin:12px 0 24px}
.accompaniment .schedule>span{font-size:27px;min-height:90px;border-radius:12px}
.accompaniment .copy>p:not(.eyebrow){max-width:780px;background:none;border:0;border-bottom:1px solid #d6baa3;border-radius:0;padding:18px 24px 28px}
.accompaniment .followup-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:28px 46px;width:min(100%,1040px);justify-self:center;margin:28px auto 0;padding:46px 54px 48px;border-radius:28px;background:radial-gradient(circle at 86% 18%,#ff65003b 0 18%,transparent 38%),linear-gradient(135deg,#2a1d13,#17100c 72%);box-shadow:0 28px 70px #3b210f26;color:var(--white);overflow:hidden;text-align:left}
.accompaniment .followup{display:contents}
.accompaniment .followup h3{font-size:37px}
.accompaniment .followup>h3{grid-column:1;grid-row:1;align-self:start;margin:0}
.accompaniment .followup>div:last-child{grid-column:2;grid-row:1 / span 2;align-self:start;text-align:left}
.accompaniment .followup-panel>.benefits{grid-column:1;grid-row:2;align-self:start;display:grid;grid-template-columns:1fr;gap:12px;margin:0}
.accompaniment .followup>div:last-child>.cta{margin:24px 0 0}
.accompaniment .followup-panel .followup p{color:#efe3d6}
.accompaniment .followup-panel .followup b{color:#fff}
.accompaniment .followup-panel .followup strong{color:#ff853a}
.accompaniment .followup-panel .benefits{margin:0;gap:12px}
.accompaniment .followup-panel .benefits>div{border:1px solid #ffffff1a;background:#fff7f00f;border-radius:16px;padding:18px 16px;backdrop-filter:blur(6px)}
.accompaniment .followup-panel .benefits b{color:#fff}
.accompaniment .followup-panel .benefits p{color:#efe3d6}
.accompaniment .followup-panel .followup p:last-of-type{margin-bottom:0}
#como-funciona .section-content{padding:80px 0}
#como-funciona h2{font-size:46px;margin-bottom:40px}
.steps{gap:16px}.steps li{padding:30px 22px;border:0;border-radius:0}
.steps li>svg{margin-bottom:24px;width:36px;height:36px}
.steps h3{font-size:28px}.steps p{font-size:16px}
.statement{font-size:24px;margin-top:40px}
#como-funciona .benefits{margin:40px 0}.section.closing{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.section.closing:not(.hero):not(.accompaniment):not(#como-funciona) .copy{grid-column:1;grid-row:1}.section.closing:not(.hero):not(.accompaniment):not(#como-funciona) .portrait{grid-column:2;grid-row:1}
.closing .program{margin:8px 0 0;padding-top:30px}.closing .five{margin:0;gap:0}
.five>div,.five>div:first-child{justify-content:center;border:0;padding:15px 8px}
.closing .final-cta{min-width:0;margin:0 auto}.whatsapp-caption{margin:0;font-size:15px}
footer.wrap{padding:36px 0}
@media(max-width:900px) and (min-width:701px){
 .wrap{width:calc(100% - 72px)}.header{padding:24px 36px}.header nav>a:not(.nav-cta){display:none}
 .hero .section-content{column-gap:32px}.hero h1{font-size:45px}
 .section:not(.hero):not(.accompaniment):not(#como-funciona){padding:64px 36px;column-gap:32px}
 .section h2,#alimentacao h2,#continuidade h2,#resultados h2,.closing h2{font-size:36px}
 .steps li{padding:24px 18px}
}
/* Review refinements: compact hero, continuous strip and scroll timeline. */
.hero .eyebrow.intro{max-width:none;line-height:1.45;letter-spacing:0}
.hero-copy .hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;margin:20px 0 0;padding:0}
.hero-copy .hero-benefits>div{padding:0;gap:8px;align-items:center;border:0;background:none}
.hero-copy .hero-benefits svg{width:23px;height:23px}
.hero-copy .hero-benefits p{font-size:12px;line-height:1.35}
.hero .program-marquee{display:flex;align-items:center;gap:16px;min-width:0;width:100%;padding:22px 0;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}
.marquee-window{overflow:hidden;flex:1;min-width:0}
.marquee-track{display:flex;width:max-content;animation:program-scroll 32s linear infinite;animation-play-state:paused}
.marquee-group{display:flex;align-items:center;gap:42px;flex-shrink:0;padding-right:42px;white-space:nowrap}
.marquee-group>span{font:600 19px/1.3 var(--display);letter-spacing:1.3px;text-transform:uppercase;color:var(--orange)}
.hero .marquee-group>small{font:400 12px/1.3 var(--body);letter-spacing:1.4px;margin:0}
.marquee-group i{padding:0 14px}
.is-running .marquee-track{animation-play-state:running}
.program-marquee:hover .marquee-track,.program-marquee:focus-within .marquee-track{animation-play-state:paused}
.marquee-toggle{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:7px;color:var(--orange);background:transparent;border:1px solid #ff650066;border-radius:50%;cursor:pointer}
.marquee-toggle svg{width:20px;height:20px}.marquee-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@keyframes program-scroll{to{transform:translateX(-50%)}}
#alimentacao .nutrition-body{grid-column:2;grid-row:3;align-self:center;max-width:680px}
#alimentacao .nutrition-body>p{margin:0 0 18px}
#alimentacao .nutrition-body .callout{margin:22px 0 0}
#alimentacao.section:not(.hero):not(.accompaniment):not(#como-funciona) .portrait{grid-row:3}
.accompaniment .schedule{width:min(100%,840px);justify-self:center;gap:14px;margin-bottom:18px}
.accompaniment .schedule>span{min-height:66px;font-size:23px;padding:16px 18px;gap:12px}
.accompaniment .schedule>span svg{display:block;width:27px;height:27px;color:var(--orange)}
.accompaniment .copy>p:not(.eyebrow){transform:translateX(var(--step-shift,0));transition:background-color .3s ease}
.accompaniment .copy>p:not(.eyebrow)::before{background:#d6baa3;transition:background-color .25s ease,scale .3s ease}
.accompaniment .copy>p.is-active::before{background:#d64d00;scale:1.15}
.accompaniment .copy>p:not(.eyebrow)::after{background:linear-gradient(to bottom,#d64d00 var(--step-progress,0%),#d6baa3 var(--step-progress,0%));width:2px}
.accompaniment .copy>p:last-of-type{border-bottom:0}
:is(#acompanhamento,#continuidade,#resultados,#como-funciona) .benefits>div{justify-content:center;text-align:center}
#continuidade.section:not(.hero):not(.accompaniment):not(#como-funciona) .portrait{max-width:340px;justify-self:center}
#contato.section.closing:not(#como-funciona){display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}
#contato.section.closing:not(#como-funciona) .copy{max-width:860px;margin:0 auto;min-height:0}
#contato .eyebrow{justify-content:center;max-width:none}
#contato .copy>p{margin-left:auto;margin-right:auto}
#contato .program,#contato .five{width:100%;max-width:1000px}
#contato .whatsapp-caption{justify-content:center;text-align:center}
@media(max-width:700px){
 .hero .eyebrow.intro{font-size:clamp(11px,3.4vw,14px);padding-left:10px}
 .hero-copy .hero-benefits{gap:8px;margin-top:18px}
 .hero-copy .hero-benefits>div{flex-direction:column;gap:7px;padding:0}
 .hero-copy .hero-benefits p{font-size:11px}
 .marquee-group{gap:28px;padding-right:28px}.marquee-group>span{font-size:17px}
 .hero .program-marquee{gap:10px;padding:18px 0}
 #alimentacao .nutrition-body{max-width:none}
 .accompaniment .schedule{max-width:400px;gap:10px}
 .accompaniment .schedule>span{min-height:58px;padding:14px 16px;font-size:22px}
 #continuidade.section:not(.hero):not(.accompaniment):not(#como-funciona) .portrait{max-width:290px}
 #contato.section.closing{gap:24px}
}
@media(prefers-reduced-motion:reduce){
 .marquee-track{animation:none;width:100%}.marquee-group{flex-wrap:wrap;white-space:normal;padding:0;gap:12px;justify-content:center;width:100%}
 .marquee-group[aria-hidden],.marquee-toggle{display:none}
 .hero .marquee-group>small{line-height:1.7}
 .accompaniment .copy>p:not(.eyebrow){transform:none;transition:none}
 .accompaniment .copy>p:not(.eyebrow)::before{transition:none;scale:1}
}
@media(max-width:700px){
 body{max-width:none;box-shadow:none}.wrap{width:calc(100% - 40px)}
 .header{padding:20px;min-height:78px;gap:10px}.monogram{font-size:36px}.brand-name{font-size:11px}.brand-name small{font-size:10px}.header nav{display:flex}.header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:9px 12px}
 .hero .section-content{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 0 40px}
 .hero h1{font-size:43px}.hero .portrait{grid-column:1;grid-row:2;width:min(100%,380px);justify-self:center;position:relative;inset:auto;border-radius:32px 12px 32px 12px}
 .hero-benefits{grid-column:1;margin:0;gap:12px}.hero-benefits>div{align-items:center;text-align:center}.hero-benefits p{font-size:12px}.hero .program{grid-column:1}
 .section:not(.hero):not(.accompaniment):not(#como-funciona){display:flex;flex-direction:column;gap:28px;padding:48px 20px;align-items:stretch;margin:0}
 .section:not(.hero):not(.accompaniment):not(#como-funciona) .portrait{display:block;width:min(100%,360px);margin:0 auto;transform:none;order:1;border-radius:32px 12px 32px 12px}
 .section:not(.hero):not(.accompaniment):not(#como-funciona) .section-content{display:contents}
 .section:not(.hero):not(.accompaniment):not(#como-funciona) .copy{order:0}
 .section-content>.benefits,.section-content>.program,.section-content>.cta,.section-content>.whatsapp-caption{order:2}
 .section h2,#alimentacao h2,#continuidade h2,#resultados h2,.closing h2{font-size:36px;line-height:1.1}
 #alimentacao{border-radius:28px 28px 0 0}.copy>p{font-size:16px}
 #alimentacao .copy{display:block}#alimentacao .eyebrow{margin-bottom:22px}#alimentacao h2{margin-bottom:24px}#alimentacao .copy>p:not(.eyebrow){margin-bottom:18px}
 .benefits{gap:12px}.benefits>div,.benefits>div:first-child{padding:12px 0;align-items:center}.benefits p{font-size:13px}
 .cta,.hero .cta{width:100%;font-size:14px;min-height:54px;padding:16px 20px}
 .accompaniment .section-content{padding:48px 0;gap:18px}.accompaniment h2{font-size:37px}
 .accompaniment .schedule{grid-template-columns:1fr;gap:12px;margin:6px 0 18px}.accompaniment .schedule>span{min-height:74px;font-size:26px}
 .accompaniment .copy>p:not(.eyebrow){padding:16px 8px 24px}.accompaniment .followup-panel{display:block;padding:30px 20px 32px;border-radius:22px}.accompaniment .followup{display:block}.accompaniment .followup h3{font-size:32px}.accompaniment .followup-panel>.benefits{margin:18px 0 24px}.accompaniment .followup-panel>.cta{margin:0}
 .accompaniment .followup-panel .followup{border:0;margin:0;padding:0}
 .accompaniment .followup>h3{margin:0 0 32px}
 .accompaniment .followup>div:last-child{text-align:center}
 .accompaniment .followup>div:last-child>.cta{text-align:center;justify-content:center}
 .accompaniment .copy>p.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;line-height:1.3}
 #como-funciona .section-content{padding:48px 0}#como-funciona h2{font-size:37px}.steps{grid-template-columns:1fr;gap:14px}.steps li{padding:24px 20px}.steps li>svg{margin:0}
 #como-funciona .benefits{margin:28px 0}.statement{font-size:23px}
 .closing .program{margin:0;padding-top:24px}.five p{font-size:10px}.whatsapp-caption{font-size:14px}
}
