/* ==========================================================================
   Método Vaso — guia prático de desfralde
   Paleta tirada da logo do cliente: laranja #E57200 + petróleo #3E6B6C
   sobre base neutra (areia / creme), como o quiz pediu.
   ========================================================================== */

@font-face{
  font-family:'Fraunces';
  src:url('../fonts/fraunces.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'NunitoSans';
  src:url('../fonts/nunitosans.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
}

:root{
  --laranja:#E57200;
  --laranja-esc:#C05F00;
  --laranja-claro:#FBE9D6;
  --petroleo:#3E6B6C;
  --petroleo-esc:#2C5051;

  --areia:#FBF8F3;
  --creme:#F3EBE0;
  --creme-2:#EFE4D6;
  --linha:#E4D8C8;
  --tinta:#2F2B26;
  --tinta-2:#6E655C;
  --branco:#FFFFFF;

  --raio:16px;
  --raio-g:26px;
  --sombra:0 2px 4px rgba(47,43,38,.04), 0 12px 28px rgba(47,43,38,.07);
  --sombra-g:0 8px 18px rgba(47,43,38,.06), 0 28px 60px rgba(47,43,38,.10);
  --max:1120px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--areia);
  color:var(--tinta);
  font-family:'NunitoSans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:17px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; }
h1,h2,h3,h4{
  font-family:'Fraunces',Georgia,'Times New Roman',serif;
  font-optical-sizing:auto;
  margin:0 0 .5em; line-height:1.15; letter-spacing:-.01em;
  font-weight:600; color:var(--tinta);
}
h1{ font-size:clamp(31px,6.4vw,56px); letter-spacing:-.02em; }
h2{ font-size:clamp(26px,4.6vw,40px); }
h3{ font-size:clamp(19px,2.4vw,23px); }
p{ margin:0 0 1em; }
p:last-child{ margin-bottom:0; }
strong{ font-weight:700; }

.wrap{ width:100%; max-width:var(--max); margin:0 auto; padding:0 20px; }
.sec{ padding:64px 0; }
@media(min-width:820px){ .sec{ padding:96px 0; } }
.sec--creme{ background:var(--creme); }
.sec--petroleo{ background:var(--petroleo); color:#F2EFE9; }
.sec--petroleo h2,.sec--petroleo h3{ color:#fff; }

.centro{ text-align:center; }
.medida{ max-width:680px; margin-left:auto; margin-right:auto; }

/* Etiqueta de seção */
.eyebrow{
  display:inline-block; font-size:12px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--laranja-esc); margin:0 0 14px;
}
.sec--petroleo .eyebrow{ color:#EBB07A; }
.lead{ font-size:clamp(17px,2.2vw,19.5px); color:var(--tinta-2); }
.sec--petroleo .lead{ color:#D6DEDD; }

/* ---------- Botões ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:'NunitoSans',sans-serif; font-weight:800; font-size:17px;
  text-decoration:none; cursor:pointer; border:0;
  padding:17px 30px; border-radius:999px; line-height:1.2;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
  text-align:center;
}
.btn--p{
  background:var(--laranja); color:#fff;
  box-shadow:0 4px 0 var(--laranja-esc), 0 12px 26px rgba(229,114,0,.28);
}
.btn--p:hover{ transform:translateY(-2px); box-shadow:0 6px 0 var(--laranja-esc), 0 16px 32px rgba(229,114,0,.34); }
.btn--p:active{ transform:translateY(2px); box-shadow:0 2px 0 var(--laranja-esc); }
.btn--fantasma{
  background:transparent; color:var(--petroleo);
  border:1.5px solid var(--linha); box-shadow:none;
}
.btn--fantasma:hover{ background:var(--branco); border-color:var(--petroleo); }
.btn--g{ font-size:18.5px; padding:20px 38px; }
.btn--bloco{ width:100%; }
.btn-nota{ display:block; font-size:14px; color:var(--tinta-2); margin-top:12px; }
.sec--petroleo .btn-nota{ color:#C3CFCE; }

/* ---------- Topo ---------- */
.topo{
  position:sticky; top:0; z-index:50;
  background:rgba(251,248,243,.92);
  backdrop-filter:saturate(1.6) blur(10px);
  border-bottom:1px solid transparent;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.topo.is-fixo{ border-bottom-color:var(--linha); box-shadow:0 6px 20px rgba(47,43,38,.05); }
.topo__in{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 20px; }
.topo__logo img{ width:132px; }
@media(min-width:600px){ .topo__logo img{ width:152px; } }
.topo .btn{ padding:12px 22px; font-size:15px; }
.topo__cta{ display:none; }
@media(min-width:560px){ .topo__cta{ display:inline-flex; } }

/* ---------- Hero ---------- */
.hero{ position:relative; overflow:hidden; background:var(--areia); }
.hero::before{
  content:''; position:absolute; inset:auto -10% -30% -10%; height:70%;
  background:radial-gradient(60% 100% at 50% 100%, rgba(229,114,0,.10), transparent 70%);
  pointer-events:none;
}
.hero__in{ position:relative; padding:38px 0 54px; }
@media(min-width:900px){
  .hero__in{ display:grid; grid-template-columns:1.04fr .96fr; gap:54px; align-items:center; padding:70px 0 88px; }
}
.hero h1{ margin-bottom:18px; }
.hero h1 em{ font-style:normal; color:var(--laranja); }
.hero__sub{ font-size:clamp(16.5px,2.2vw,19px); color:var(--tinta-2); max-width:32em; margin-bottom:26px; }
.hero__acoes{ display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
@media(min-width:480px){ .hero__acoes{ flex-direction:row; align-items:center; flex-wrap:wrap; } }
.hero__acoes .btn{ width:100%; }
@media(min-width:480px){ .hero__acoes .btn{ width:auto; } }

.selo-topo{
  display:inline-flex; align-items:center; gap:9px;
  background:var(--laranja-claro); color:var(--laranja-esc);
  border-radius:999px; padding:7px 16px 7px 12px;
  font-size:13.5px; font-weight:700; margin-bottom:20px;
}
.selo-topo span.pt{ width:7px; height:7px; border-radius:50%; background:var(--laranja); flex:none; }

.hero__prova{
  display:flex; align-items:center; gap:14px; margin-top:22px;
  padding-top:22px; border-top:1px solid var(--linha);
  max-width:420px;
}
.hero__prova img{ width:52px; height:52px; border-radius:50%; object-fit:cover; object-position:50% 18%; flex:none; }
.hero__prova p{ font-size:14px; line-height:1.45; color:var(--tinta-2); margin:0; }
.hero__prova b{ color:var(--tinta); }

.hero__fig{ position:relative; margin:34px 0 0; }
@media(min-width:900px){ .hero__fig{ margin:0; } }
.hero__fig img{ width:100%; border-radius:var(--raio-g); box-shadow:var(--sombra-g); }
.hero__tag{
  position:absolute; left:10px; bottom:-14px;
  background:var(--branco); border-radius:var(--raio);
  padding:12px 16px; box-shadow:var(--sombra);
  display:flex; align-items:center; gap:11px; max-width:78%;
}
@media(min-width:900px){ .hero__tag{ left:-26px; bottom:26px; } }
.hero__tag b{ display:block; font-size:14.5px; line-height:1.25; }
.hero__tag small{ display:block; font-size:12.5px; color:var(--tinta-2); }
.hero__tag .ic{ width:38px; height:38px; border-radius:11px; background:var(--laranja-claro); display:grid; place-items:center; flex:none; }
.hero__tag .ic svg{ width:20px; height:20px; stroke:var(--laranja-esc); }

/* ---------- Faixa de selos ---------- */
.faixa{ background:var(--petroleo); color:#EAF0EF; }
.faixa__in{ display:grid; gap:2px; grid-template-columns:1fr; }
@media(min-width:700px){ .faixa__in{ grid-template-columns:repeat(3,1fr); } }
.faixa__it{ display:flex; gap:13px; align-items:flex-start; padding:22px 20px; }
@media(min-width:700px){ .faixa__it + .faixa__it{ box-shadow:inset 1px 0 0 rgba(255,255,255,.14); } }
.faixa__it svg{ width:23px; height:23px; stroke:#F0A35A; flex:none; margin-top:2px; }
.faixa__it b{ display:block; font-size:16px; color:#fff; }
.faixa__it span{ font-size:14px; color:#C3D2D1; line-height:1.45; }

/* ---------- Lista de dores ---------- */
.dor{ display:grid; gap:14px; margin:34px 0 0; }
@media(min-width:760px){ .dor{ grid-template-columns:1fr 1fr; gap:16px; } }
.dor li{
  list-style:none; background:var(--branco); border:1px solid var(--linha);
  border-radius:var(--raio); padding:20px 22px 20px 54px; position:relative;
  font-size:16.5px; line-height:1.55; box-shadow:0 1px 2px rgba(47,43,38,.03);
}
.dor li::before{
  content:''; position:absolute; left:20px; top:23px;
  width:19px; height:19px; border-radius:50%;
  background:#F6DDD6;
  box-shadow:inset 0 0 0 1.5px #D98F7D;
}
.dor li::after{
  content:''; position:absolute; left:26px; top:29px; width:7px; height:7px;
  border-left:2px solid #B65B44; border-bottom:2px solid #B65B44;
  transform:rotate(-45deg) scale(1.05);
  border-radius:1px;
}
.dor ul{ padding:0; margin:0; }

.veredito{
  margin-top:30px; background:var(--laranja-claro);
  border-left:4px solid var(--laranja); border-radius:0 var(--raio) var(--raio) 0;
  padding:22px 24px; font-size:17.5px;
}
.veredito b{ color:var(--laranja-esc); }

/* ---------- Cartões genéricos ---------- */
.grade{ display:grid; gap:16px; margin-top:36px; }
@media(min-width:640px){ .grade--2{ grid-template-columns:1fr 1fr; } }
@media(min-width:860px){ .grade--3{ grid-template-columns:repeat(3,1fr); } }
@media(min-width:760px){ .grade--4{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1000px){ .grade--4{ grid-template-columns:repeat(4,1fr); } }

.card{
  background:var(--branco); border:1px solid var(--linha);
  border-radius:var(--raio-g); padding:26px 24px;
  box-shadow:0 1px 2px rgba(47,43,38,.03);
}
.card__ic{
  width:46px; height:46px; border-radius:14px; background:var(--laranja-claro);
  display:grid; place-items:center; margin-bottom:16px;
}
.card__ic svg{ width:23px; height:23px; stroke:var(--laranja-esc); }
.card h3{ margin-bottom:8px; }
.card p{ font-size:15.5px; color:var(--tinta-2); line-height:1.6; }
.card__n{
  font-family:'Fraunces',serif; font-size:15px; font-weight:700;
  color:var(--laranja); display:block; margin-bottom:6px;
}

/* Pilares (sobre fundo petróleo) */
.pilar{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); }
.pilar h3{ color:#fff; }
.pilar p{ color:#CBD8D7; }
.pilar .card__ic{ background:rgba(240,163,90,.16); }
.pilar .card__ic svg{ stroke:#F0A35A; }

/* ---------- Dentro do guia (checklist) ---------- */
.dentro{ display:grid; gap:34px; align-items:center; }
@media(min-width:900px){ .dentro{ grid-template-columns:.92fr 1.08fr; gap:56px; } }
.dentro__fig img{ border-radius:var(--raio-g); box-shadow:var(--sombra-g); }
.check{ padding:0; margin:0; list-style:none; display:grid; gap:14px; }
.check li{ position:relative; padding-left:38px; font-size:16.5px; line-height:1.55; }
.check li::before{
  content:''; position:absolute; left:0; top:2px; width:24px; height:24px;
  border-radius:8px; background:var(--laranja); 
}
.check li::after{
  content:''; position:absolute; left:8px; top:9px; width:9px; height:5px;
  border-left:2.4px solid #fff; border-bottom:2.4px solid #fff;
  transform:rotate(-45deg);
}
.check b{ display:block; }
.check span{ color:var(--tinta-2); font-size:15.5px; }

/* ---------- Para quem ---------- */
.paraquem{ display:grid; gap:16px; }
@media(min-width:820px){ .paraquem{ grid-template-columns:1fr 1fr; gap:20px; } }
.pq{ border-radius:var(--raio-g); padding:28px 26px; border:1px solid var(--linha); background:var(--branco); }
.pq--nao{ background:var(--creme-2); }
.pq h3{ display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.pq h3 .b{ width:30px; height:30px; border-radius:50%; display:grid; place-items:center; flex:none; }
.pq--sim .b{ background:#DCEBDF; }
.pq--nao .b{ background:#F0DDD7; }
.pq h3 svg{ width:17px; height:17px; }
.pq--sim svg{ stroke:#3F7A4E; }
.pq--nao svg{ stroke:#B0563C; }
.pq ul{ margin:0; padding:0; list-style:none; display:grid; gap:11px; }
.pq li{ font-size:16px; line-height:1.5; padding-left:20px; position:relative; color:var(--tinta-2); }
.pq li::before{ content:''; position:absolute; left:0; top:10px; width:7px; height:7px; border-radius:50%; background:var(--linha); }
.pq--sim li::before{ background:#7FA98A; }
.pq--nao li::before{ background:#C99383; }

/* ---------- Autor ---------- */
.autor{ display:grid; gap:32px; align-items:center; }
@media(min-width:880px){ .autor{ grid-template-columns:.8fr 1.2fr; gap:56px; } }
.autor__fig{ position:relative; }
.autor__fig img{ border-radius:var(--raio-g); box-shadow:var(--sombra-g); width:100%; }
.autor__fig::after{
  content:''; position:absolute; inset:14px -14px -14px 14px; z-index:-1;
  border-radius:var(--raio-g); background:var(--laranja-claro);
}
.autor__num{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:26px; max-width:460px; }
.autor__num div{
  background:var(--branco); border:1px solid var(--linha); border-radius:14px;
  padding:12px 14px;
}
.autor__num b{ display:block; font-family:'Fraunces',serif; font-size:24px; color:var(--laranja); line-height:1.1; }
.autor__num span{ font-size:12.5px; color:var(--tinta-2); line-height:1.35; display:block; }
.assinatura{ font-family:'Fraunces',serif; font-size:20px; color:var(--petroleo); margin-top:22px; }

/* ---------- Oferta ---------- */
.oferta{ background:var(--creme); }
.oferta__box{
  background:var(--branco); border:1px solid var(--linha);
  border-radius:28px; box-shadow:var(--sombra-g);
  max-width:600px; margin:36px auto 0; overflow:hidden;
}
.oferta__top{ background:var(--petroleo); color:#fff; padding:18px 26px; text-align:center; }
.oferta__top b{ font-size:16px; letter-spacing:.03em; }
.oferta__corpo{ padding:32px 26px 30px; text-align:center; }
@media(min-width:600px){ .oferta__corpo{ padding:38px 40px 34px; } }
.oferta__itens{ list-style:none; margin:0 0 26px; padding:0; display:grid; gap:12px; text-align:left; }
.oferta__itens li{ position:relative; padding-left:32px; font-size:16px; line-height:1.5; }
.oferta__itens li::before{
  content:''; position:absolute; left:0; top:3px; width:21px; height:21px;
  border-radius:50%; background:var(--laranja-claro);
}
.oferta__itens li::after{
  content:''; position:absolute; left:6.5px; top:9px; width:8px; height:4.5px;
  border-left:2.2px solid var(--laranja-esc); border-bottom:2.2px solid var(--laranja-esc);
  transform:rotate(-45deg);
}
.preco{ margin:0 0 22px; }
.preco__de{ font-size:15px; color:var(--tinta-2); text-decoration:line-through; }
.preco__por{ font-family:'Fraunces',serif; font-size:clamp(38px,7vw,50px); font-weight:700; color:var(--tinta); line-height:1; display:block; }
.preco__nota{ font-size:14.5px; color:var(--tinta-2); margin-top:8px; }
.oferta__seg{
  margin-top:18px; font-size:13.5px; color:var(--tinta-2);
  display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap;
}
.oferta__seg svg{ width:15px; height:15px; stroke:var(--tinta-2); }

/* ---------- FAQ ---------- */
.faq{ max-width:760px; margin:36px auto 0; }
.faq details{
  background:var(--branco); border:1px solid var(--linha);
  border-radius:var(--raio); margin-bottom:12px; overflow:hidden;
}
.faq details[open]{ border-color:#D9C7B0; box-shadow:0 6px 20px rgba(47,43,38,.06); }
.faq summary{
  cursor:pointer; list-style:none; padding:19px 52px 19px 22px;
  font-weight:700; font-size:16.5px; position:relative; line-height:1.4;
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{
  content:''; position:absolute; right:22px; top:50%; width:10px; height:10px;
  border-right:2.2px solid var(--laranja); border-bottom:2.2px solid var(--laranja);
  transform:translateY(-70%) rotate(45deg); transition:transform .2s ease;
}
.faq details[open] summary::after{ transform:translateY(-20%) rotate(-135deg); }
.faq .faq__c{ padding:0 22px 20px; color:var(--tinta-2); font-size:16px; }

/* ---------- Rodapé ---------- */
.rodape{ background:#2A2723; color:#B8B0A6; padding:48px 0 34px; font-size:14.5px; }
.rodape a{ color:#E7DFD4; text-decoration:none; }
.rodape a:hover{ color:var(--laranja); }
.rodape__top{ display:grid; gap:26px; padding-bottom:28px; border-bottom:1px solid #3D3933; }
@media(min-width:760px){ .rodape__top{ grid-template-columns:1.3fr 1fr; align-items:start; gap:48px; } }
.rodape__logo{ width:158px; margin-bottom:14px; filter:brightness(1.06); }
.rodape h4{ color:#F0EAE1; font-size:15px; margin:0 0 12px; font-family:'NunitoSans',sans-serif; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.rodape ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.rodape__fim{ padding-top:22px; font-size:13px; color:#8C857C; display:grid; gap:12px; }
.rodape__aviso{ font-size:12.5px; line-height:1.6; color:#9C948A; }

.ig{ display:inline-flex; align-items:center; gap:9px; }
.ig svg{ width:19px; height:19px; stroke:currentColor; flex:none; }

/* ---------- Barra fixa mobile ---------- */
.barra{
  position:fixed; left:0; right:0; bottom:0; z-index:60;
  background:rgba(251,248,243,.97); backdrop-filter:blur(8px);
  border-top:1px solid var(--linha); padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  transform:translateY(110%); transition:transform .3s ease;
  box-shadow:0 -6px 22px rgba(47,43,38,.08);
}
.barra.is-on{ transform:translateY(0); }
@media(min-width:900px){ .barra{ display:none; } }
.barra .btn{ width:100%; padding:15px 20px; }

/* ---------- Animação de entrada ---------- */
.js-anim .rise{ opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease; }
.rise.is-in{ opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){
  .rise{ opacity:1 !important; transform:none !important; transition:none; }
  html{ scroll-behavior:auto; }
}

/* ---------- Os 3 passos ---------- */
.passo{ position:relative; padding-top:30px; }
.passo__n{
  position:absolute; top:-16px; left:24px;
  font-family:'Fraunces',serif; font-weight:700; font-size:34px;
  color:var(--laranja); background:var(--branco);
  padding:0 10px; line-height:1;
}
.passo h3{ margin-bottom:10px; }
.passo p{ font-size:15.5px; color:var(--tinta-2); line-height:1.6; }

/* ---------- Carta em 1ª pessoa ---------- */
.carta{ background:var(--areia); }
.carta__box{
  max-width:760px; margin:0 auto;
  background:var(--branco); border:1px solid var(--linha);
  border-radius:var(--raio-g); padding:34px 26px 32px;
  box-shadow:var(--sombra);
  position:relative;
}
@media(min-width:700px){ .carta__box{ padding:52px 56px 46px; } }
.carta__box::before{
  content:''; position:absolute; left:0; top:0; right:0; height:5px;
  background:linear-gradient(90deg,var(--laranja),#F0A35A);
  border-radius:var(--raio-g) var(--raio-g) 0 0;
}
.carta__box h2{ margin-bottom:22px; }
.carta__box p{ font-size:17px; line-height:1.7; color:var(--tinta-2); }
.carta__box p strong{ color:var(--tinta); }
.carta__box .assinatura{ margin-top:26px; }

/* ---------- Resumindo ---------- */
.resumo{ max-width:720px; margin:0 auto; text-align:center; }

/* ---------- Preço no hero ---------- */
.hero__preco{ margin:14px 0 0; font-size:15px; color:var(--tinta-2); }
.hero__preco b{
  font-family:'Fraunces',serif; font-size:22px; font-weight:700;
  color:var(--tinta); margin-right:6px;
}

/* ---------- Selo de garantia na oferta ---------- */
.garantia{
  display:flex; gap:12px; align-items:flex-start; text-align:left;
  margin-top:22px; padding:16px 18px;
  background:var(--creme); border-radius:var(--raio);
}
.garantia svg{ width:26px; height:26px; stroke:var(--laranja-esc); flex:none; margin-top:1px; }
.garantia p{ font-size:14.5px; line-height:1.5; color:var(--tinta-2); margin:0; }
.garantia b{ color:var(--tinta); }

/* O bloco de carta agora vive solto dentro de uma .sec clara */
.sec > .wrap > .carta__box{ margin-top:0; }
.btn span[data-preco-por]{ white-space:nowrap; }

/* ---------- Preço no bloco final (fundo petróleo) ---------- */
.preco--claro{ margin:0 0 22px; }
.preco--claro .preco__por{ color:#fff; display:block; }
.preco--claro .preco__nota{ color:#C3CFCE; display:block; margin-top:6px; font-size:14.5px; }

/* ---------- Bloco 5: "Com o Método Vaso você vai" ---------- */
.vai{ list-style:none; margin:34px auto 0; padding:0; max-width:760px; display:grid; gap:12px; }
.vai li{
  position:relative; background:var(--branco); border:1px solid var(--linha);
  border-radius:var(--raio); padding:18px 22px 18px 56px;
  font-size:16.5px; line-height:1.55;
  box-shadow:0 1px 2px rgba(47,43,38,.03);
}
.vai li::before{
  content:''; position:absolute; left:20px; top:20px;
  width:22px; height:22px; border-radius:50%; background:var(--laranja);
}
.vai li::after{
  content:''; position:absolute; left:27px; top:27px; width:9px; height:5px;
  border-left:2.4px solid #fff; border-bottom:2.4px solid #fff; transform:rotate(-45deg);
}

/* ---------- Bloco 8: ancoragem com preço ---------- */
.anc{ max-width:620px; margin:34px auto 0; }
.anc__lista{ list-style:none; margin:0; padding:0; }
.anc__lista li{
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  padding:14px 0; border-bottom:1px dashed var(--linha);
  font-size:16px; line-height:1.45;
}
.anc__lista li span{ flex:1; }
.anc__lista li b{
  font-family:'Fraunces',serif; font-size:17px; color:var(--tinta-2);
  white-space:nowrap; text-decoration:line-through; text-decoration-color:#C9B79E;
}
.anc__soma{
  margin:20px 0 0; text-align:right; font-size:16.5px; color:var(--tinta-2);
}
.anc__soma b{ font-family:'Fraunces',serif; font-size:20px; color:var(--tinta); }
.anc__fecha{
  margin-top:26px; background:var(--branco); border:1px solid var(--linha);
  border-radius:var(--raio-g); padding:26px 24px; text-align:center;
  box-shadow:var(--sombra);
}
.anc__hoje{ margin:0 0 14px; font-size:16px; color:var(--tinta-2); }
.anc__de{
  margin:0 0 6px; font-size:15px; color:var(--tinta-2);
}
.anc__de::after{ content:''; }
.anc__por{ margin:0; }
.anc__por b{
  display:block; font-family:'Fraunces',serif; font-weight:700;
  font-size:clamp(30px,6vw,40px); color:var(--laranja-esc); line-height:1.1;
}
.anc__por span{ display:block; margin-top:8px; font-size:16px; color:var(--tinta-2); }

/* ---------- Bloco 10: as duas opções ---------- */
.opcoes{ display:grid; gap:16px; max-width:900px; margin:34px auto 0; }
@media(min-width:800px){ .opcoes{ grid-template-columns:1fr 1fr; gap:20px; } }
.op{ border-radius:var(--raio-g); padding:26px 24px; border:1px solid var(--linha); }
.op__n{
  display:inline-block; font-size:12px; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase; margin-bottom:12px; padding:5px 12px; border-radius:999px;
}
.op p{ font-size:16px; line-height:1.6; margin:0; }
.op--1{ background:var(--creme-2); }
.op--1 .op__n{ background:#E6D3CB; color:#8A4B34; }
.op--1 p{ color:var(--tinta-2); }
.op--2{ background:var(--branco); border-color:#D9C7B0; box-shadow:var(--sombra); }
.op--2 .op__n{ background:var(--laranja-claro); color:var(--laranja-esc); }
.op--2 p{ color:var(--tinta); }