/* Identidade aprovada. A geometria dos blocos permanece na base da referência. */
:root {
 --cream:#FFF7EB;--cream-2:#EAF0CE;--cream-3:#F4B544;
 --paper:#FFFFFF;--paper-soft:#FFF7EB;
 --navy:#082212;--navy-deep:#082212;--ink:#082212;--muted:#405343;
 --teal:#14532D;--teal-deep:#14532D;--coral:#14532D;--coral-deep:#082212;
 --gold:#F4B544;--gold-deep:#805600;--green:#14532D;--green-deep:#082212;
 --green-glow:rgba(20,83,45,.25);--red:#14532D;--red-deep:#082212;
 --font-display:'Nunito Sans',sans-serif;--font-body:'Inter',sans-serif;
}
body {font-size:18px;}
h1,h2,h3,.price-now,.upgrade-modal__price .now {font-weight:800!important;}
.btn {background:var(--gold);color:var(--navy);font-family:var(--font-body);font-weight:700;box-shadow:0 10px 24px -12px #80560066;}
.btn:hover,.btn--ghost,.btn--ghost:hover,.urgency .btn,.urgency .btn:hover {background:var(--gold);color:var(--navy);border-color:var(--gold);}
.btn[aria-disabled=true] {cursor:default;animation:none;}
.urgency {background:var(--teal);}
.urgency::after {display:none;}
.offerbar {background:var(--navy);color:white;}
.check {color:#fff;flex-shrink:0;}
.hero-art img {animation:none;border-radius:0;}
.hero-art,.receive-card .art,.plan .art {mix-blend-mode:normal;}
.hero-art img,.receive-card .art img,.plan .art img {filter:none;}
.gal-card .ph {aspect-ratio:2/3;}
.gal-card .ph img {object-fit:contain;}
.bonus-grid {grid-template-columns:repeat(2,1fr);max-width:900px;margin:auto;}
.plan--feature {background:linear-gradient(180deg,#fff,#EAF0CE);}
.plan--feature::before {content:'⚡️ MAIS VENDIDO';}
.urg-badge {animation:none;}
.stars {color:var(--teal);font-size:12px;letter-spacing:.1em;font-weight:600;}
.faq-q {font-family:var(--font-body);font-weight:600;}
.hero .lead,.whom-card p,.feat-card p,.bonus-card .desc,.step-card p,.faq-a p {font-size:18px;}
:focus-visible {outline:3px solid #805600;outline-offset:4px;}
@media(max-width:980px){.bonus-grid{grid-template-columns:1fr;max-width:460px;}}
@media(max-width:620px){body,.hero .lead{font-size:18px;}.upgrade-modal__accept{white-space:normal;line-height:1.35;}.badge-pill{font-size:14px;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important;}.marquee{overflow-x:auto;}}

/* Headline aprovada: dois destaques distintos e restante preto. */
.hero h1 {color:#000000;}
.hero h1 .headline-question {color:var(--teal);}
.hero h1 .headline-product {
 color:#000000;
 background:var(--gold);
 padding:0 .12em;
 border-radius:.12em;
 -webkit-box-decoration-break:clone;
 box-decoration-break:clone;
}

/* Três linhas, aproveitando a largura disponível do hero. */
.hero-grid {max-width:1160px;}
.hero h1 {max-width:100%;width:100%;font-size:clamp(31px,4.4vw,52px);line-height:1.22;}
.hero h1 .headline-line {display:block;}
@media(max-width:620px){
 .hero h1 {max-width:100%;font-size:clamp(20px,5.8vw,35px);margin:20px auto 28px;}
}

/* Item não incluído no Plano Básico. */
.plan ul li.plan-excluded {color:#B42318;}
.excluded-icon {flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;color:#B42318;font-weight:700;line-height:1;}
.excluded-text {text-decoration:line-through;text-decoration-thickness:1.5px;}

/* CTA secundário do Básico: mesmo fundo branco do cartão. */
.plano_basico.btn,
.plano_basico.btn:hover {
 background:var(--paper);
 color:var(--teal);
 box-shadow:inset 0 0 0 2px var(--teal);
 border-color:transparent;
}

/* Chamada para o Completo inspirada no exemplo, sem estatística fictícia. */
.plan > .plan-upgrade-hint {flex-direction:column;gap:10px;}
.plan > .plan-upgrade-hint .pill {width:100%;justify-content:flex-start;gap:14px;padding:16px 18px;border-radius:20px;background:var(--navy);}
.plan > .plan-upgrade-hint .pill b {font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--gold);}
.plan > .plan-upgrade-hint .copy {font-family:var(--font-body);font-size:17px;font-weight:600;text-align:left;line-height:1.35;flex:1;}
.plan-upgrade-hint .upgrade-direction {width:30px;height:30px;color:var(--teal);}
@media(max-width:980px){.plan-upgrade-hint .upgrade-direction {rotate:90deg;}}

/* Pulso suave em todos os CTAs amarelos, incluindo o popup. */
@keyframes yellow-cta-pulse {
 0%,100% {transform:scale(1);box-shadow:0 0 0 0 rgba(244,181,68,.35);}
 50% {transform:scale(1.025);box-shadow:0 0 0 9px rgba(244,181,68,0);}
}
@media(prefers-reduced-motion:no-preference){
 .btn:not(.plano_basico) {animation:yellow-cta-pulse 2.6s ease-in-out infinite;}
}

/* Destaque amarelo solicitado para a chamada abaixo do Básico. */
.plan > .plan-upgrade-hint .pill {background:var(--gold);color:var(--navy);}
.plan > .plan-upgrade-hint .pill b {color:var(--navy);}

/* Seta centralizada; deslocamento horizontal independente da orientação. */
.plan > .plan-upgrade-hint {width:100%;align-items:center;}
.plan-upgrade-hint .upgrade-direction {display:block;align-self:center;margin:4px auto 0;flex-shrink:0;}
@keyframes upgrade-arrow-sway {
 0%,100% {translate:-7px 0;}
 50% {translate:7px 0;}
}
@media(prefers-reduced-motion:no-preference){
 .plan-upgrade-hint .upgrade-direction {animation:upgrade-arrow-sway 1.6s ease-in-out infinite;}
}

/* Destino dos CTAs de navegação. */
#plano-basico {scroll-margin-top:24px;}
@media(prefers-reduced-motion:no-preference){html {scroll-behavior:smooth;}}

/* Básico compacto no mobile para apresentar também o início do Completo. */
@media(max-width:620px){
 #plano-basico {padding:16px 18px 12px;scroll-margin-top:12px;border-radius:24px;}
 #plano-basico h3 {font-size:21px;line-height:1.2;}
 #plano-basico .art {margin:6px 0;}
 #plano-basico .art img {height:76px;width:auto;max-height:76px;}
 #plano-basico .plan-sub {font-size:12px;line-height:1.3;margin:2px 0 8px;}
 #plano-basico ul {gap:6px;margin-bottom:10px;}
 #plano-basico ul li {font-size:15.5px;line-height:1.3;gap:8px;}
 #plano-basico .price-old {font-size:13px;line-height:1.3;}
 #plano-basico .price-now {font-size:38px;margin:2px 0;}
 #plano-basico .save-chip {font-size:12px;line-height:1.3;padding:4px 10px;margin-bottom:10px;}
 #plano-basico .plano_basico {font-size:15px;line-height:1.3;padding:12px 8px;min-height:44px;}
 #plano-basico .plan-upgrade-hint {margin-top:10px;gap:4px;}
 #plano-basico .plan-upgrade-hint .pill {padding:10px 12px;gap:10px;border-radius:14px;}
 #plano-basico .plan-upgrade-hint .copy {font-size:16px;line-height:1.25;}
 #plano-basico .plan-upgrade-hint .pill b {font-size:22px;}
 #plano-basico .upgrade-direction {width:24px;height:24px;margin-top:0;}
}
@media(max-width:620px){
 #plano-basico {display:flex;flex-direction:column;}
 #plano-basico > * {min-width:0;}
 #plano-basico > h3 {text-align:center;}
 #plano-basico > .art {margin:5px auto;}
 #plano-basico .art img {height:150px;max-height:150px;}
 #plano-basico .plan-sub {text-align:center;}
 #plano-basico ul {width:100%;}
}

@media(max-width:620px){#plano-basico .price-now {margin-bottom:8px;}}
@media(max-width:620px) and (max-height:700px){
 #plano-basico {padding-top:12px;padding-bottom:10px;}
 #plano-basico .art img {height:132px;max-height:132px;}
 #plano-basico ul {gap:4px;margin-bottom:8px;}
 #plano-basico .plan-upgrade-hint {margin-top:6px;}
 .plans-grid {row-gap:24px;}
}
/* Respiro adicional entre os blocos do Básico no mobile. */
@media(max-width:620px){
 #plano-basico > .art {margin:10px auto;}
 #plano-basico .plan-sub {margin:4px 0 10px;}
 #plano-basico ul {gap:8px;margin-bottom:14px;}
 #plano-basico .price-now {margin-top:5px;margin-bottom:12px;}
 #plano-basico .plan-upgrade-hint {margin-top:14px;gap:8px;}
}

/* Pulso na chamada amarela abaixo do Plano Básico. */
@media(prefers-reduced-motion:no-preference){
 .plan > .plan-upgrade-hint .pill {animation:yellow-cta-pulse 2.6s ease-in-out infinite;}
}

/* Faixa de pagamento reduzida em 30%, preservando proporção. */
.plan--feature .pay-seals img {width:min(70%,336px);height:auto;margin-inline:auto;}

#plano-basico .price-old s {color:#B42318;}

/* Preço anterior do Básico: fonte 15% maior. */
#plano-basico .price-old {font-size:17.25px;}
@media(max-width:620px){#plano-basico .price-old {font-size:14.95px;}}

/* Preço anterior do Completo: vermelho, tachado e fonte 15% maior. */
.plan--feature .price-old {font-size:17.25px;}
.plan--feature .price-old s {color:#B42318;}

/* Primeira dobra: separação suave entre mockup e fundo creme. */
.hero .hero-art {isolation:isolate;}
.hero .hero-art::before {
 content:"";
 position:absolute;
 inset:-7% -9% -4%;
 z-index:-1;
 pointer-events:none;
 background:radial-gradient(ellipse at 50% 52%,rgba(20,83,45,.22) 0%,rgba(20,83,45,.13) 35%,rgba(20,83,45,.045) 58%,transparent 74%);
 filter:blur(16px);
}
.hero .hero-art img {
 filter:drop-shadow(0 12px 16px rgba(8,34,18,.19)) drop-shadow(0 3px 5px rgba(8,34,18,.10));
}
.hero .hero-art::before {z-index:0;}
.hero .hero-art img {position:relative;z-index:1;}

/* Bônus finais: capas e prévias reais, compostas sem fundo adicional. */
.bonus-card .top {padding-bottom:16px;background:var(--cream);}
.bonus-card::after {border-color:#14532d55;}
.bonus-card .bonus-num {box-shadow:0 8px 18px -12px #14532d88;}
.bonus-mockup {width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;}
.bonus-card .top .bonus-mockup img {display:block;width:100%;height:100%;max-height:none;object-fit:contain;margin:0;filter:none;}
.bonus-card .body {padding:22px 28px 28px;}
.bonus-card h3 {font-size:25px;line-height:1.2;}
.bonus-formats {font-size:13px;font-weight:700;line-height:1.5;color:var(--teal);margin:0 0 14px;}
.bonus-card .desc {line-height:1.6;}
.bonus-card ul li {line-height:1.5;font-size:16px;}
.bonus-card .value-tag {flex-direction:column;gap:4px;}
.bonus-card .value-tag .strike {font-size:18px;color:#68776D;}
.bonus-card .value-tag .free {font-size:23px;font-weight:800;color:var(--teal);text-align:center;}
@media(max-width:380px){.bonus-card .body{padding:20px 24px 25px;}.bonus-card h3{font-size:23px;}}

/* Títulos dos bônus em duas linhas, proporcionais à largura útil do cartão. */
.bonus-card .body {container-type:inline-size;}
.bonus-card h3 {font-size:clamp(16px,6.5cqw,24px);line-height:1.25;}
.bonus-card h3 span {display:block;white-space:nowrap;}