/* ============================================================
   REFORMA SEM QUEBRA-QUEBRA — styles-a.css
   Direcao A: "Leve e arejada"
   Tipografia: Sora (titulos) + Poppins (corpo) — 100% local
   Paleta: laranja #FF9500 + familia pessego/creme, apoio azul-marinho
   Mobile-first | breakpoints 768px e 1100px | zero requisicao externa
   ============================================================ */

/* ---------- Fontes locais ---------- */
@font-face{
  font-family:'Sora';
  src:url('assets/fonts/sora-variavel.woff2') format('woff2');
  font-weight:400 800;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Poppins';
  src:url('assets/fonts/poppins-400.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Poppins';
  src:url('assets/fonts/poppins-500.woff2') format('woff2');
  font-weight:500;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Poppins';
  src:url('assets/fonts/poppins-600.woff2') format('woff2');
  font-weight:600;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Poppins';
  src:url('assets/fonts/poppins-700.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Poppins';
  src:url('assets/fonts/poppins-400-italic.woff2') format('woff2');
  font-weight:400;font-style:italic;font-display:swap;
}
@font-face{
  font-family:'Poppins';
  src:url('assets/fonts/poppins-700-italic.woff2') format('woff2');
  font-weight:700;font-style:italic;font-display:swap;
}

/* ---------- Tokens ---------- */
:root{
  /* marca */
  --laranja:#FF9500;            /* grafismos, bordas, faixas */
  --laranja-texto:#B45309;      /* laranja queimado p/ texto sobre claro (AA 5:1) */
  --laranja-quente:#FB8500;
  --amarelo:#FCC162;
  --pessego:#FFD09A;
  --pessego-claro:#FFE9C7;
  --pessego-suave:#FFF4E2;
  --creme:#FFF7EC;
  --creme-fundo:#FFFDF8;
  --borda-card:#F3E2C6;
  --divisor:#F6EBD6;
  /* apoio escuro (parcimonia) */
  --marinho:#1B2A44;
  --marinho-texto-claro:#E8EDF6;
  --dourado-no-escuro:#FFC46A;
  /* neutros */
  --tinta:#241C12;              /* quase-preto quente */
  --tinta-suave:#3D362C;
  /* conversao */
  --verde:#16A34A;
  --verde-claro:#1FB254;
  --verde-escuro:#0F8038;
  --vermelho:#C22B2B;
  --risco:#D53131;
  /* ritmo */
  --esp-1:8px; --esp-2:16px; --esp-3:24px; --esp-4:40px; --esp-5:64px;
  --raio-p:12px; --raio-m:18px; --raio-g:24px; --raio-pilula:999px;
  --sombra-suave:0 4px 18px rgba(122,82,20,.07);
  --sombra-card:0 10px 30px rgba(122,82,20,.10);
  --sombra-foto:0 14px 34px rgba(60,40,10,.14);
  --largura-conteudo:1140px;
}

/* ---------- Reset / base ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.65;
  color:var(--tinta);
  background:var(--creme-fundo);
}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{font-family:'Sora','Poppins',sans-serif;font-weight:600;line-height:1.25;overflow-wrap:break-word}
p{overflow-wrap:break-word}
b,strong{font-weight:700}
a{color:inherit}
u{text-decoration-color:var(--laranja);text-decoration-thickness:2.5px;text-underline-offset:4px}
::selection{background:var(--pessego);color:var(--tinta)}
:focus-visible{outline:3px solid var(--laranja-texto);outline-offset:3px;border-radius:6px}

/* ---------- Estrutura de secao ---------- */
.sec{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--esp-3);
  padding:56px 20px;
  scroll-margin-top:24px;
}
@media(min-width:768px){.sec{padding:72px 32px}}
@media(min-width:1100px){.sec{padding:96px 40px}}

/* ============================================================
   S1 — faixa decorativa + logo
   ============================================================ */
.faixa-topo{
  height:10px;
  background:linear-gradient(90deg,var(--laranja) 0%,var(--amarelo) 35%,var(--pessego) 55%,var(--laranja) 100%);
}
.topo-logo{
  display:flex;
  justify-content:center;
  padding:28px 20px 4px;
  background:var(--pessego-suave);
}
.topo-logo img{width:min(320px,74%)}
@media(min-width:1100px){.topo-logo img{width:380px}}

/* ============================================================
   S2 — hero
   ============================================================ */
.hero{
  background:linear-gradient(180deg,var(--pessego-suave) 0%,var(--creme-fundo) 100%);
  padding-top:36px;
  gap:var(--esp-3);
}
.hero-headline{
  max-width:900px;
  font-size:clamp(28px,7vw,46px);
  font-weight:700;
  line-height:1.22;
  letter-spacing:-0.5px;
  text-align:center;
}
/* sobrepoe o estilo inline #ff9500 do HTML: laranja queimado legivel (AA) */
.hero-headline b{color:var(--laranja-texto)!important;font-weight:800}

.hero-pills{
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
  max-width:560px;
}
.pill{
  display:flex;
  align-items:center;
  gap:12px;
  background:#FFF;
  border:1px solid var(--borda-card);
  border-radius:var(--raio-pilula);
  padding:12px 22px;
  box-shadow:var(--sombra-suave);
}
.pill-emoji{font-size:26px;line-height:1;flex:0 0 auto}
.pill-texto{
  font-family:'Poppins',sans-serif;
  font-size:17px;
  font-weight:500;
  line-height:1.45;
}
.pill-texto b{color:var(--laranja-texto);font-weight:700}

.hero-img{width:100%;max-width:640px}
.hero-img img{width:100%;border-radius:var(--raio-g);box-shadow:var(--sombra-foto)}

@media(min-width:768px){
  .hero-pills{flex-direction:row;justify-content:center;max-width:820px}
  .pill{flex:1 1 0}
}
@media(min-width:1100px){
  .hero{
    display:grid;
    grid-template-areas:"headline img" "pills img";
    grid-template-columns:minmax(0,600px) minmax(0,500px);
    justify-content:center;
    align-content:center;
    column-gap:64px;
    row-gap:var(--esp-3);
    padding-top:72px;
  }
  .hero-headline{grid-area:headline;text-align:left;align-self:end;max-width:none}
  .hero-pills{grid-area:pills;align-self:start;justify-content:flex-start;max-width:none}
  .hero-img{grid-area:img;align-self:center;max-width:none}
}

/* ============================================================
   S3 — voce vai conseguir (4 cards)
   ============================================================ */
.vai-conseguir{background:#FFF}
.titulo-intro{
  max-width:840px;
  font-size:clamp(24px,5.5vw,36px);
  font-weight:600;
  text-align:center;
  letter-spacing:-0.4px;
}
.titulo-intro b{color:var(--laranja-texto);font-weight:800}
.titulo-intro.e-mais{font-size:clamp(22px,5vw,28px)}
.titulo-intro.e-mais b{color:var(--laranja-texto)}

.cards-solucao{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  width:100%;
  max-width:520px;
}
@media(min-width:768px){.cards-solucao{grid-template-columns:repeat(2,1fr);max-width:820px;gap:24px}}
@media(min-width:1100px){.cards-solucao{grid-template-columns:repeat(4,1fr);max-width:var(--largura-conteudo)}}

/* cartao base (usado no S3 e na grade do S6) */
.card-solucao{
  display:flex;
  flex-direction:column;
  background:#FFF;
  border:1px solid var(--borda-card);
  border-radius:var(--raio-m);
  overflow:hidden;
  box-shadow:var(--sombra-suave);
}
.card-titulo{
  font-size:19px;
  font-weight:700;
  text-align:center;
  padding:18px 16px 6px;
  color:var(--tinta);
}
.card-sub{
  font-family:'Poppins',sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.5;
  text-align:center;
  color:var(--tinta-suave);
  padding:4px 16px 8px;
}
.card-sub b{color:var(--laranja-texto)}
.card-solucao img{width:100%;margin-top:auto;padding-top:12px}

/* ---------- setas decorativas ---------- */
.seta-sec{display:flex;justify-content:center;padding:8px 20px 32px;background:#FFF}
.seta-box{width:52px}
.seta-box img,.seta-preta img,.box-virada .seta{animation:flutuar 2.4s ease-in-out infinite}
.seta-preta{display:flex;justify-content:center;width:100%}
.seta-preta img{width:48px}
@keyframes flutuar{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(7px)}
}

/* ============================================================
   S4 — antes e depois
   ============================================================ */
.sec:has(.antes-depois-fotos){background:var(--pessego-suave)}
.antes-depois-titulo{
  max-width:860px;
  font-size:clamp(24px,5.5vw,36px);
  font-weight:600;
  text-align:center;
  letter-spacing:-0.4px;
}
.antes-depois-titulo b{color:var(--laranja-texto);font-weight:800}
.antes-depois-fotos{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  width:100%;
  max-width:480px;
}
.foto img{width:100%;border-radius:var(--raio-m);box-shadow:var(--sombra-foto)}
@media(min-width:768px){
  .antes-depois-fotos{grid-template-columns:repeat(2,1fr);max-width:820px;gap:24px}
  .foto:nth-child(5){grid-column:1 / -1}
}
@media(min-width:1100px){
  .antes-depois-fotos{grid-template-columns:repeat(6,1fr);max-width:var(--largura-conteudo)}
  .foto{grid-column:span 2}
  .foto:nth-child(4){grid-column:2 / span 2}
  .foto:nth-child(5){grid-column:4 / span 2}
}

/* ============================================================
   S5 — dor + virada
   ============================================================ */
.dor{background:#FFF}
.dor-titulo{
  max-width:820px;
  font-size:clamp(24px,5.5vw,34px);
  font-weight:600;
  text-align:center;
}
.dor-titulo b{color:var(--laranja-texto);font-weight:800}
.ruminacoes{width:100%;max-width:560px}

/* unica secao escura da pagina: agitacao da dor */
.horrivel{background:var(--marinho)}
.coluna{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--esp-3);
  width:100%;
  max-width:760px;
}
.horrivel-titulo{
  font-size:clamp(26px,6.5vw,40px);
  font-weight:700;
  text-align:center;
  color:#FFF;
  letter-spacing:-0.4px;
}
.horrivel-titulo b{color:var(--dourado-no-escuro)}
.horrivel-sub{
  font-family:'Poppins',sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:1.65;
  text-align:center;
  color:var(--marinho-texto-claro);
  max-width:600px;
}
.horrivel-sub b{color:#FFF}
.horrivel-certeza{
  font-family:'Poppins',sans-serif;
  font-size:19px;
  font-weight:600;
  line-height:1.6;
  text-align:center;
  color:#FFF;
  max-width:620px;
}
.horrivel-certeza b{color:var(--dourado-no-escuro)}
.aviso{width:100%;max-width:440px;border-radius:var(--raio-m)}

.box-virada{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--esp-2);
  background:linear-gradient(180deg,var(--creme) 0%,var(--pessego-claro) 100%);
  border-radius:var(--raio-g);
  padding:36px 24px;
  width:100%;
  box-shadow:0 16px 40px rgba(0,0,0,.28);
}
@media(min-width:768px){.box-virada{padding:48px 56px}}
.virada-titulo{
  font-size:clamp(23px,5.5vw,30px);
  font-weight:700;
  text-align:center;
  color:var(--tinta);
}
.virada-titulo b{color:var(--laranja-texto)}
.box-virada .seta{width:44px}
.virada-final{
  font-family:'Poppins',sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:1.65;
  text-align:center;
  color:var(--tinta-suave);
}
.virada-final b{color:var(--tinta);font-family:'Sora',sans-serif;font-size:1.15em}
.virada-final u{color:var(--tinta);font-weight:700}

/* ============================================================
   S6 — produto + grade de 10 solucoes
   ============================================================ */
.produto{background:linear-gradient(180deg,var(--pessego-claro) 0%,var(--creme) 30%,var(--creme-fundo) 100%)}
.produto-cabeca{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--esp-2);
  max-width:860px;
}
.logo-preta{width:min(280px,78%)}
.produto-titulo{
  font-size:clamp(25px,6vw,40px);
  font-weight:800;
  text-align:center;
  line-height:1.3;
  letter-spacing:-0.4px;
}
.fundo-branco{
  background:#FFF;
  color:var(--laranja-texto);
  padding:2px 12px;
  border-radius:10px;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  box-shadow:var(--sombra-suave);
}
.produto-sub{
  font-family:'Poppins',sans-serif;
  font-size:18px;
  font-weight:500;
  line-height:1.6;
  text-align:center;
  color:var(--tinta-suave);
}
.produto-sub b{color:var(--laranja-texto)}

.grade{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
  width:100%;
  max-width:520px;
}
@media(min-width:768px){.grade{grid-template-columns:repeat(2,1fr);max-width:820px;gap:24px}}
@media(min-width:1100px){
  .grade{grid-template-columns:repeat(6,1fr);max-width:var(--largura-conteudo)}
  .grade .card-solucao{grid-column:span 2}
  .grade .card-solucao:last-child{grid-column:3 / span 2}
}

/* ============================================================
   S7 — entregaveis
   ============================================================ */
.faixa-petroleo{background:var(--marinho);padding:44px 20px}
.faixa-titulo{
  max-width:900px;
  font-size:clamp(24px,5.5vw,34px);
  font-weight:700;
  text-align:center;
  color:#FFF;
  letter-spacing:-0.3px;
}
.faixa-petroleo .faixa-titulo b{color:var(--dourado-no-escuro)}

.linha-entrega{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--esp-3);
  padding:44px 20px;
  background:#FFF;
}
.linha-entrega + .linha-entrega{border-top:1px solid var(--divisor)}
.linha-entrega .txt{
  display:flex;
  flex-direction:column;
  gap:12px;
  text-align:center;
  max-width:560px;
}
.linha-entrega .fig{width:100%;max-width:480px}
.linha-entrega .fig img{width:100%;border-radius:var(--raio-g);box-shadow:var(--sombra-card)}
.entrega-titulo,.entrega-titulo-700{
  font-size:clamp(22px,5vw,30px);
  line-height:1.3;
  letter-spacing:-0.3px;
}
.entrega-titulo{font-weight:600}
.entrega-titulo-700{font-weight:700}
.entrega-titulo b,.entrega-titulo-700 b{color:var(--laranja-texto);font-weight:800}
.fundo-preto{
  background:var(--marinho);
  color:var(--dourado-no-escuro);
  padding:2px 12px;
  border-radius:10px;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.entrega-texto{
  font-size:17px;
  line-height:1.7;
  color:var(--tinta-suave);
}
@media(min-width:768px){
  .linha-entrega{flex-direction:row;justify-content:center;gap:56px;padding:56px 32px}
  .linha-entrega.invertida{flex-direction:row-reverse}
  .linha-entrega .txt{flex:0 1 520px;text-align:left}
  .linha-entrega .fig{flex:0 1 460px}
}

/* ============================================================
   S8 — bonus
   ============================================================ */
.faixa-laranja{
  background:linear-gradient(120deg,var(--laranja) 0%,var(--laranja-quente) 55%,var(--amarelo) 130%);
  padding:44px 20px;
}
.faixa-laranja .faixa-titulo{color:var(--marinho)}
.faixa-laranja .faixa-titulo b{font-weight:800}

.linha-bonus{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--esp-3);
  padding:44px 20px;
  background:var(--pessego-suave);
}
.linha-bonus + .linha-bonus{border-top:1px solid #F2DFC0}
.linha-bonus .txt{
  display:flex;
  flex-direction:column;
  gap:12px;
  text-align:center;
  max-width:560px;
}
.linha-bonus .fig{width:100%;max-width:480px}
.linha-bonus .fig img{width:100%;border-radius:var(--raio-g);box-shadow:var(--sombra-card)}
.bonus-titulo{
  font-size:clamp(22px,5vw,30px);
  font-weight:700;
  line-height:1.3;
  letter-spacing:-0.3px;
}
.bonus-texto{
  font-size:17px;
  line-height:1.7;
  color:var(--tinta-suave);
}
.bonus-texto.inicio{
  text-align:left;
  background:#FFF;
  border:1px solid var(--borda-card);
  border-radius:var(--raio-p);
  padding:12px 16px;
  box-shadow:var(--sombra-suave);
}
@media(min-width:768px){
  .linha-bonus{flex-direction:row;justify-content:center;gap:56px;padding:56px 32px}
  .linha-bonus.invertida{flex-direction:row-reverse}
  .linha-bonus .txt{flex:0 1 520px;text-align:left}
  .linha-bonus .fig{flex:0 1 460px}
}

/* ============================================================
   S9 — e para voce que
   ============================================================ */
.pra-voce{background:#FFF}
.pra-voce-titulo{
  max-width:820px;
  font-size:clamp(24px,5.5vw,36px);
  font-weight:600;
  text-align:center;
  letter-spacing:-0.4px;
}
.pra-voce-titulo b{color:var(--laranja-texto);font-weight:800}

.card-check{
  display:flex;
  flex-direction:column;
  gap:var(--esp-3);
  background:#FFF;
  border:1px solid var(--borda-card);
  border-radius:var(--raio-g);
  box-shadow:var(--sombra-card);
  padding:28px 22px;
  width:100%;
  max-width:1040px;
}
.card-check .lista{display:flex;flex-direction:column}
.check-item{
  font-family:'Poppins',sans-serif;
  font-size:17px;
  font-weight:500;
  line-height:1.6;
  text-align:left;
  padding:12px 0;
  border-bottom:1px dashed var(--borda-card);
}
.check-item:last-child{border-bottom:none}
.card-check .fig{width:100%;max-width:480px;align-self:center}
.card-check .fig img{width:100%;border-radius:var(--raio-m)}
@media(min-width:768px){
  .card-check{flex-direction:row;align-items:center;gap:40px;padding:40px 36px}
  .card-check .lista{flex:1 1 55%}
  .card-check .fig{flex:1 1 45%;max-width:440px}
}

.card-identifica{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--esp-2);
  background:var(--pessego-suave);
  border:1px solid var(--borda-card);
  border-radius:var(--raio-g);
  padding:26px 22px;
  width:100%;
  max-width:820px;
}
.card-identifica .fig{width:min(220px,60%)}
.identifica-texto{
  font-size:clamp(19px,4.5vw,23px);
  font-weight:600;
  line-height:1.45;
  text-align:center;
}
.identifica-texto b{color:var(--laranja-texto);font-weight:800}
@media(min-width:768px){
  .card-identifica{flex-direction:row;gap:32px;padding:32px 40px}
  .card-identifica .fig{flex:0 0 170px}
  .identifica-texto{text-align:left}
}

/* ============================================================
   S10 — recaptulando (stack de valor)
   ============================================================ */
.recaptulando{background:var(--pessego-suave)}
.recap-titulo{
  max-width:860px;
  font-size:clamp(24px,5.5vw,34px);
  font-weight:600;
  text-align:center;
  letter-spacing:-0.3px;
}
.recap-titulo b{color:var(--laranja-texto);font-weight:800}

.card-stack{
  display:flex;
  flex-direction:column;
  gap:14px;
  background:#FFF;
  border:1px solid var(--borda-card);
  border-radius:var(--raio-g);
  box-shadow:var(--sombra-card);
  padding:26px 20px;
  width:100%;
  max-width:760px;
}
@media(min-width:768px){.card-stack{padding:40px 44px;gap:18px}}
.linha-preco{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  border-bottom:1px dashed #E7D5B4;
  padding-bottom:14px;
}
.item-check{
  font-family:'Poppins',sans-serif;
  font-size:17px;
  font-weight:500;
  line-height:1.5;
  flex:1 1 auto;
}
.item-check .check{margin-right:6px}
.risco-preco{
  font-family:'Sora',sans-serif;
  font-size:17px;
  font-weight:700;
  color:var(--tinta-suave);
  white-space:nowrap;
  flex:0 0 auto;
}
@media(min-width:768px){.risco-preco{font-size:20px}.item-check{font-size:18px}}

/* preco riscado animado (svg desenhando o traco) */
.risco-wrap{position:relative;display:inline-block}
.risco-wrap svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}
.risco-wrap path{
  fill:none;
  stroke:var(--risco);
  stroke-width:9;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:494;
  stroke-dashoffset:494;
  animation:risco 8s linear infinite;
}
@keyframes risco{
  0%{stroke-dashoffset:494}
  15%{stroke-dashoffset:0}
  100%{stroke-dashoffset:0}
}
.risco-wrap .risco-texto{position:relative;z-index:1}

.linha-preco.total{
  border-bottom:none;
  justify-content:center;
  margin-top:6px;
  padding-bottom:0;
}
.risco-total{
  font-family:'Sora',sans-serif;
  font-size:clamp(20px,5vw,26px);
  font-weight:700;
  text-align:center;
  color:var(--tinta);
}
.risco-total .risco-wrap{color:var(--tinta-suave)}
.recap-fecho{
  max-width:860px;
  font-size:clamp(22px,5vw,30px);
  font-weight:600;
  text-align:center;
  letter-spacing:-0.3px;
}
.recap-fecho b{color:var(--laranja-texto);font-weight:800}

/* ============================================================
   Bloco de oferta (3x identico)
   ============================================================ */
.oferta{background:linear-gradient(180deg,var(--pessego-suave) 0%,var(--pessego-claro) 100%)}
.oferta-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--esp-3);
  background:#FFF;
  border:1px solid #FFDFAE;
  border-radius:28px;
  box-shadow:0 20px 50px rgba(122,82,20,.14);
  padding:30px 22px;
  width:100%;
  max-width:520px;
}
.oferta-mockup{width:100%}
.oferta-mockup img{width:100%}
.oferta-info{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  width:100%;
  text-align:center;
}
.logo-oferta{width:min(270px,80%)}
.oferta-chamada{
  font-family:'Poppins',sans-serif;
  font-size:18px;
  font-weight:500;
  color:var(--tinta-suave);
}
.preco-grande{
  font-family:'Sora',sans-serif;
  font-size:clamp(64px,19vw,96px);
  font-weight:800;
  line-height:1;
  letter-spacing:-3px;
  color:var(--verde-escuro);
}
.preco-grande .texto{font-size:.38em;font-weight:700;letter-spacing:-1px}

/* botao de compra */
.botao-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:480px;
  min-height:60px;
  margin-top:8px;
  padding:16px 28px;
  background:linear-gradient(180deg,var(--verde-claro) 0%,var(--verde-escuro) 100%);
  color:#FFF;
  font-family:'Poppins',sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
  border-radius:var(--raio-pilula);
  box-shadow:0 12px 28px rgba(15,128,56,.32);
  animation:pulso-cta 2.6s ease-in-out infinite;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.botao-cta:hover{
  animation-play-state:paused;
  transform:translateY(-2px) scale(1.02);
  filter:brightness(1.06);
  box-shadow:0 16px 34px rgba(15,128,56,.42);
}
.botao-cta:active{transform:translateY(0) scale(.99)}
.botao-cta:focus-visible{outline:3px solid var(--marinho);outline-offset:4px}
@keyframes pulso-cta{
  0%,100%{transform:scale(1);box-shadow:0 12px 28px rgba(15,128,56,.32)}
  50%{transform:scale(1.025);box-shadow:0 16px 34px rgba(15,128,56,.44)}
}
.meios{max-width:340px;width:100%;margin-top:4px;opacity:.92}

@media(min-width:768px){
  .oferta-card{
    flex-direction:row;
    gap:44px;
    max-width:980px;
    padding:48px 44px;
  }
  .oferta-mockup{flex:1 1 48%}
  .oferta-info{flex:1 1 52%}
}
@media(min-width:1100px){.oferta-card{max-width:1000px;gap:56px}}

/* ============================================================
   S11 — urgencia / duas opcoes
   ============================================================ */
.urgencia{background:#FFF}
.miolo-estreito{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--esp-3);
  width:100%;
  max-width:720px;
}
.urgencia-alerta{
  font-size:clamp(26px,6.5vw,38px);
  font-weight:800;
  text-align:center;
  color:var(--vermelho);
  letter-spacing:-0.5px;
}
.urgencia-p{
  font-family:'Poppins',sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:1.7;
  text-align:center;
}
.urgencia-p b{color:var(--tinta)}
.urgencia-p u{color:var(--laranja-texto)}
.avisoo{width:100%;max-width:440px}

.caixa-urgencia{
  display:flex;
  flex-direction:column;
  gap:var(--esp-2);
  background:var(--creme);
  border:1px solid var(--borda-card);
  border-left:6px solid var(--laranja);
  border-radius:var(--raio-m);
  box-shadow:var(--sombra-suave);
  padding:28px 22px;
  width:100%;
  max-width:760px;
}
@media(min-width:768px){.caixa-urgencia{padding:36px 40px}}
.caixa-urgencia .urgencia-p{text-align:left}
.urgencia-p.vermelho{color:var(--vermelho)}
.urgencia-p.vermelho b{color:var(--vermelho)}

.opcoes-titulo{
  max-width:760px;
  font-size:clamp(22px,5.5vw,30px);
  font-weight:600;
  text-align:center;
}
.opcoes-titulo b{color:var(--tinta);font-weight:800}
.escolha{
  display:inline-block;
  background:var(--pessego-claro);
  color:var(--laranja-texto);
  font-weight:800;
  padding:2px 14px;
  border-radius:10px;
}
.opcoes-imgs{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  width:100%;
  max-width:480px;
}
.opcao img{width:100%;border-radius:var(--raio-g);box-shadow:var(--sombra-foto)}
@media(min-width:768px){.opcoes-imgs{grid-template-columns:repeat(2,1fr);max-width:900px;gap:28px}}

/* ============================================================
   S13 — Vanessa
   ============================================================ */
.sec-vanessa{background:var(--pessego-claro)}
.vanessa-row{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--esp-3);
  width:100%;
  max-width:1040px;
}
.vanessa-foto{width:100%;max-width:420px}
.vanessa-foto img{width:100%;border-radius:var(--raio-g);box-shadow:var(--sombra-foto)}
.vanessa-card{
  display:flex;
  flex-direction:column;
  gap:var(--esp-2);
  background:#FFF;
  border:1px solid var(--borda-card);
  border-radius:var(--raio-g);
  box-shadow:var(--sombra-card);
  padding:28px 24px;
  width:100%;
}
.vanessa-titulo{
  font-size:clamp(22px,5vw,28px);
  font-weight:600;
  line-height:1.35;
}
.vanessa-titulo b{font-weight:800}
.vanessa{color:var(--laranja-texto)}
.vanessa-texto{
  font-size:17px;
  line-height:1.75;
  color:var(--tinta-suave);
}
.vanessa-texto strong{color:var(--tinta)}
@media(min-width:768px){
  .vanessa-row{flex-direction:row;align-items:center;gap:48px}
  .vanessa-foto{flex:0 1 380px}
  .vanessa-card{flex:1 1 0;padding:40px 44px}
}

/* ============================================================
   S15 — FAQ
   ============================================================ */
.sec-faq{background:#FFF}
.faq-titulo{
  font-size:clamp(26px,6vw,34px);
  font-weight:700;
  text-align:center;
  letter-spacing:-0.4px;
}
.faq{
  display:flex;
  flex-direction:column;
  gap:14px;
  width:100%;
  max-width:760px;
}
.faq details{
  background:#FFF;
  border:1px solid var(--borda-card);
  border-radius:var(--raio-m);
  box-shadow:var(--sombra-suave);
  overflow:hidden;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.faq details[open]{
  border-color:var(--amarelo);
  box-shadow:var(--sombra-card);
}
.faq summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  cursor:pointer;
  list-style:none;
  scroll-margin-top:24px;
  transition:background-color .2s ease;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::marker{content:''}
.faq summary:hover{background:var(--creme)}
.faq summary:focus-visible{outline:3px solid var(--laranja-texto);outline-offset:-3px;border-radius:var(--raio-m)}
.faq-pergunta{
  font-family:'Sora',sans-serif;
  font-size:17px;
  font-weight:600;
  line-height:1.4;
}
@media(min-width:768px){.faq-pergunta{font-size:19px}}
.faq-ico{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 36px;
  width:36px;
  height:36px;
  background:var(--pessego-suave);
  border-radius:50%;
}
.faq-ico svg{width:16px;height:16px;fill:var(--laranja-texto)}
.ico-menos{display:none}
.faq details[open] .ico-mais{display:none}
.faq details[open] .ico-menos{display:block}
.faq details[open] .faq-ico{background:var(--pessego-claro)}
.faq-resposta{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:2px 20px 20px;
  font-size:17px;
  line-height:1.7;
  color:var(--tinta-suave);
}
.faq details[open] .faq-resposta{animation:resposta-surge .35s ease both}
@keyframes resposta-surge{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}
}

/* animacao de entrada da secao do FAQ (o JS adiciona .visivel) */
.anim-fadeinup{opacity:0}
.anim-fadeinup.visivel{animation:fadeInUp .9s ease both}
@keyframes fadeInUp{
  from{opacity:0;transform:translate3d(0,60px,0)}
  to{opacity:1;transform:none}
}

/* ============================================================
   S15b — ainda tem duvidas (WhatsApp)
   ============================================================ */
.sec-duvidas{background:#FFF;padding-top:0}
.duvidas-link{
  display:flex;
  justify-content:center;
  width:100%;
  max-width:440px;
  border-radius:var(--raio-m);
  transition:transform .2s ease;
}
.duvidas-link:hover{transform:translateY(-3px)}
.duvidas-link:focus-visible{outline:3px solid var(--verde);outline-offset:4px}
.duvidas-link img{width:100%}

/* ============================================================
   Rodape + faixa CNPJ
   ============================================================ */
.rodape{background:var(--pessego-suave);gap:var(--esp-2)}
.logo-rodape{width:min(220px,60%)}
.rodape-copy{
  font-size:17px;
  font-weight:600;
  text-align:center;
}
.rodape-disclaimer{
  max-width:820px;
  font-size:17px;
  line-height:1.7;
  text-align:center;
  color:var(--tinta-suave);
}
.rodape-disclaimer a{
  color:var(--laranja-texto);
  font-weight:600;
  text-decoration-color:var(--laranja);
  transition:color .2s ease;
}
.rodape-disclaimer a:hover{color:var(--laranja-quente)}

.faixa-cnpj{background:var(--marinho);padding:20px}
.cnpj-texto{
  font-family:'Poppins',sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.6;
  text-align:center;
  color:var(--marinho-texto-claro);
}

/* ============================================================
   Ajustes de leitura no desktop
   ============================================================ */
@media(min-width:1100px){
  .entrega-texto,.bonus-texto,.vanessa-texto,.faq-resposta,
  .urgencia-p,.rodape-disclaimer,.card-sub{font-size:18px}
  .pill-texto,.check-item{font-size:18px}
}

/* ============================================================
   Movimento reduzido
   ============================================================ */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .botao-cta{animation:none}
  .seta-box img,.seta-preta img,.box-virada .seta{animation:none}
  .anim-fadeinup{opacity:1}
  .anim-fadeinup.visivel{animation:none}
  .risco-wrap path{animation:none;stroke-dashoffset:0}
  .faq details[open] .faq-resposta{animation:none}
  .botao-cta:hover,.duvidas-link:hover{transform:none}
}


/* ============================================================
   AJUSTES rodada 1 de feedback do Matheus (27/07) + extras da D
   ============================================================ */

/* logo menor no celular; primeira tela mostra headline+pills+foto e sugere mais conteudo */
.topo-logo{padding:10px 20px}
.topo-logo img{width:min(160px,40%)}
@media(min-width:1100px){.topo-logo img{width:300px}}
.hero{padding-top:14px;gap:var(--esp-2)}

/* menos vao entre "e muito mais", a seta e o antes/depois */
.vai-conseguir{padding-bottom:20px}
.seta-sec{padding:0 20px 6px}
.sec:has(.antes-depois-titulo){padding-top:28px}

/* fundo quente atras das ruminacoes (os pontilhados da arte sao claros e somem no branco) */
.dor{background:radial-gradient(circle at 50% 18%, #FFC97E 0%, #F49A2D 78%)}
.dor .ruminacoes{max-width:560px}

/* icones de apoio em tamanho de apoio, nao de heroi */
.horrivel .aviso{width:130px}
.urgencia .avisoo,.avisoo{width:150px;max-width:150px}
.card-identifica .fig{width:min(110px,30%)}
@media(min-width:768px){.card-identifica .fig{flex:0 0 110px}}

/* chip "MAIS BARATOS": contraste de verdade */
.fundo-preto{background:var(--laranja-texto);color:#FFF}

/* ---- extras trazidos da variante D: selos, como funciona, opcoes em cards ---- */
.selos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:12px}
.selo{display:inline-flex;align-items:center;gap:6px;font-family:'Poppins',sans-serif;font-weight:500;font-size:14px;color:var(--tinta-suave)}
.selo svg{width:19px;height:19px;fill:currentColor;flex:0 0 auto}

.como-funciona{background:#FFF}
.como-titulo{max-width:680px;text-align:center;font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(24px,5.5vw,34px);line-height:1.2;color:var(--tinta)}
.como-titulo b,.como-titulo{letter-spacing:-.3px}
.passos{display:flex;flex-direction:column;gap:var(--esp-2);width:100%;max-width:1040px}
@media(min-width:768px){.passos{flex-direction:row;align-items:stretch}}
.passo-card{flex:1;background:#FFF;border:1px solid var(--borda-card);border-radius:var(--raio-m);box-shadow:var(--sombra-suave);padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.passo-ico{width:60px;height:60px;border-radius:50%;background:var(--pessego-claro);display:inline-flex;align-items:center;justify-content:center}
.passo-ico svg{width:28px;height:28px;fill:var(--laranja-texto)}
.passo-nome{font-family:'Sora',sans-serif;font-weight:700;font-size:19px;color:var(--tinta)}
.passo-texto{font-family:'Poppins',sans-serif;font-weight:400;font-size:17px;line-height:1.5;color:var(--tinta-suave)}

.opcoes-cards{display:flex;flex-direction:column;gap:26px;width:100%;max-width:1000px;margin-top:10px}
@media(min-width:768px){.opcoes-cards{flex-direction:row;align-items:stretch}}
.opcao-card{position:relative;flex:1;border-radius:var(--raio-g);padding:40px 22px 26px;box-shadow:var(--sombra-suave)}
.opcao-card.ruim{background:#FDEDED;border:1px solid #F2C6C6}
.opcao-card.boa{background:#EDF9F0;border:1px solid #BFE4CB}
.opcao-pill{position:absolute;top:-16px;left:50%;transform:translateX(-50%);padding:7px 24px;border-radius:var(--raio-pilula);color:#FFF;font-family:'Sora',sans-serif;font-weight:700;font-size:16px;white-space:nowrap;box-shadow:var(--sombra-suave)}
.opcao-card.ruim .opcao-pill{background:#E23A3A}
.opcao-card.boa .opcao-pill{background:#22A94C}
.opcao-nome{text-align:center;font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(22px,5vw,26px);color:var(--tinta);margin-bottom:14px}
.opcao-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.opcao-lista li{display:flex;align-items:flex-start;gap:8px;font-family:'Poppins',sans-serif;font-weight:500;font-size:17px;line-height:1.45;color:var(--tinta)}
.opcao-ico{flex:0 0 auto;font-size:18px;line-height:1.45}


/* ============================================================
   AJUSTES rodada 2 de feedback do Matheus (27/07 noite)
   ============================================================ */

/* titulo das ruminacoes: negrito em BRANCO sobre o laranja (era laranja sobre laranja) */
.dor .dor-titulo{color:var(--tinta)}
.dor .dor-titulo b{color:#FFFFFF}

/* ruminacoes reconstruidas em HTML: chips reais + foto da mulher aterrada na secao */
.dor{padding-bottom:0;gap:var(--esp-2)}
.ruminacoes-bloco{display:flex;flex-direction:column;align-items:center;width:100%;max-width:640px}
.chips-ruminacao{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;position:relative;z-index:2}
.chip-ruminacao{background:#FFF;border:1.5px solid #E58900;border-radius:14px;padding:12px 14px;font-family:'Poppins',sans-serif;font-size:16px;line-height:1.4;font-weight:500;color:var(--tinta);box-shadow:var(--sombra-suave);text-align:left}
.chip-emoji{font-size:20px;line-height:1;margin-right:2px}
.mulher-ruminacoes{width:min(320px,74%);height:auto;margin-top:-10px;filter:drop-shadow(0 26px 22px rgba(70,35,0,.38))}
@media(min-width:768px){
  .chips-ruminacao{grid-template-columns:1fr 1fr;gap:14px;max-width:640px}
  .chip-ruminacao{font-size:17px}
  .mulher-ruminacoes{width:340px;margin-top:-16px}
}

/* triangulos de aviso: SVG proprio, sem fundo branco */
.aviso-svg{width:96px;height:96px}
.card-identifica .aviso-svg{width:72px;height:72px}
.card-identifica .fig{width:auto;flex:0 0 auto}

/* chip MAIS BARATOS: texto branco garantido (regra generica pintava de laranja) */
.fundo-preto{background:var(--laranja-texto);color:#FFF!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;white-space:nowrap}
.entrega-titulo .fundo-preto,.entrega-titulo b.fundo-preto{color:#FFF!important}

/* (cards de urgencia REVERTIDOS a pedido do Matheus 27/07: caixa original da variante volta a valer) */
.urgencia .avisoo{width:130px;max-width:130px}

/* ============================================================
   AJUSTE rodada 3 (27/07): arte original das ruminacoes DE VOLTA
   (sem edicao na moca); "voando" resolvido so na apresentacao:
   ancorada na base da secao + sombra de chao
   ============================================================ */
.dor .ruminacoes{width:min(560px,94%);max-width:560px;margin-bottom:0;filter:drop-shadow(0 22px 20px rgba(70,35,0,.35))}
.chips-ruminacao,.chip-ruminacao,.mulher-ruminacoes{display:none}


/* ============================================================
   AJUSTE rodada 4 (27/07): ruminacoes de ponta a ponta no
   celular + triangulos arredondados com sombra suave
   ============================================================ */
.dor .ruminacoes{width:calc(100% + 40px);max-width:none;margin:0 -20px;filter:drop-shadow(0 22px 20px rgba(70,35,0,.35))}
@media(min-width:768px){.dor .ruminacoes{width:100%;max-width:680px;margin:0}}
.aviso-svg{width:104px;height:104px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.16))}
.card-identifica .aviso-svg{width:76px;height:76px}


/* ============================================================
   AJUSTES rodada 5 (27/07): A escolhida como direcao final
   ============================================================ */
/* preco em laranja pra diferenciar do botao verde */
.preco-grande{color:var(--laranja-texto)}


/* rodada 6 (27/07): caixa de urgencia no formato classico das outras variantes
   (creme + borda tracejada laranja + texto centralizado) */
.caixa-urgencia{background:var(--pessego-suave);border:3px dashed var(--laranja);border-radius:28px;padding:28px 20px;box-shadow:none;gap:18px}
.caixa-urgencia .urgencia-p{background:transparent;border:none;box-shadow:none;padding:0;width:100%;text-align:center}