/* =========================================================
   Educativamente — Funil Plantas

   A identidade NAO foi inventada: foi extraida das paginas
   reais da apostila (render da pagina 04 do PDF).
     fundo do miolo ......... #FCF8EF
     verde dos titulos ...... #31583B
     terracota dos vasos .... #C16941
     caixa de dica .......... #E2E4CF
     caixa de atencao ....... #FBECCD
   Os componentes tambem: pilula colorida, circulo numerado,
   caixa de dica, caixa de atencao, moldura fina. Sao os
   mesmos elementos que a pessoa encontra dentro do PDF.
   ========================================================= */

:root{
  --papel:#FCF8EF;
  --papel-2:#F6F1E3;
  --branco:#FFFFFF;

  --verde:#264A31;
  --verde-med:#31583B;
  --verde-claro:#4C7B57;
  --sage:#E2E4CF;
  --sage-forte:#CBD3B8;

  --terra:#C16941;
  --terra-texto:#9E4E28;   /* terracota escurecida para TEXTO: #C16941 da 3.7:1 */
  --terra-escuro:#A2542F;
  --terra-suave:#F5E2D6;

  --ambar:#FBECCD;
  --ambar-forte:#E8B04B;
  --ambar-tinta:#74540A;

  --tinta:#2B3A2F;
  --tinta-suave:#55645A;
  --tinta-fraca:#6B7A70;
  --borda:#E4DCC9;
  --borda-forte:#CFC5AC;

  --col:720px;
  --raio:10px;
  --sombra:0 1px 2px rgba(38,74,49,.05), 0 8px 22px -14px rgba(38,74,49,.3);
  --sombra-btn:0 3px 0 rgba(122,60,28,.35);
}

*{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

body{
  margin:0;
  background:var(--papel);
  color:var(--tinta);
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size:17px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}

/* ---------- blocos ---------- */
.faixa{padding:62px 0;position:relative}
.faixa.creme{background:var(--papel)}
.faixa.clara{background:var(--branco)}
.faixa.pessego{background:var(--terra-suave)}
.faixa.verde-claro{background:var(--sage)}
.faixa.escura{background:linear-gradient(168deg,#264A31 0%,#1B3724 100%);color:#E2ECE3}
@media (max-width:640px){.faixa{padding:46px 0}}

.col{max-width:var(--col);margin:0 auto;padding:0 20px}
.col-larga{max-width:1060px;margin:0 auto;padding:0 20px}

/* ---------- tipografia ---------- */
h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.018em;font-weight:800;color:var(--verde)}
h1{font-size:clamp(29px,4.5vw,44px);line-height:1.15;text-align:center;text-wrap:balance}
h2{font-size:clamp(24px,3.4vw,35px);text-align:center;text-wrap:balance}
h3{font-size:19px;font-weight:700}
h4{font-size:17px;font-weight:700}
.faixa.escura h1,.faixa.escura h2,.faixa.escura h3,.faixa.escura h4{color:#fff}
p{margin:0 0 15px}

/* olho vira pilula, igual as etiquetas coloridas do miolo */
.olho{
  display:block;width:fit-content;margin:0 auto 14px;
  background:var(--terra-escuro);color:#fff;
  font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  padding:5px 14px;border-radius:100px;
}
.faixa.escura .olho{background:var(--ambar-forte);color:#3A2B08}

.lead{text-align:center;color:var(--tinta-suave);font-size:17px;max-width:600px;margin:14px auto 0}
.faixa.escura .lead{color:#B4C9BA}
.lead b,.lead strong{color:var(--tinta);font-weight:700}
.faixa.escura .lead b{color:#fff}

/* marca-texto: a faixa precisa PARAR antes do fim da caixa da fonte,
   senao sobra amarelo embaixo da linha e parece uma barra solta. */
mark{
  /* bloco cheio, igual ao da v2: cobre as letras inteiras (inclusive o "g" que
     desce) com texto escuro por cima. A faixa pela metade parecia quebrada. */
  background:linear-gradient(
    transparent 11%, var(--ambar-forte) 11%,
    var(--ambar-forte) 94%, transparent 94%);
  color:#2B2005;padding:0 6px;border-radius:2px;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}

/* ---------- topo ---------- */
.marca-topo{text-align:center;padding:24px 20px 0}
.marca-topo .nome{display:inline-block;font-size:23px;font-weight:800;color:var(--verde);letter-spacing:-.02em}
.marca-topo .sub{
  display:block;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--terra-texto);margin-top:1px;
}

/* ---------- botoes ---------- */
.btn{
  display:block;width:100%;max-width:460px;margin:0 auto;
  background:var(--terra-escuro);color:#fff;text-decoration:none;text-align:center;
  font-size:17px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;
  padding:18px 24px;border-radius:var(--raio);border:none;cursor:pointer;
  box-shadow:var(--sombra-btn);
  transition:background .15s ease, transform .1s ease;
  font-family:inherit;line-height:1.3;
}
.btn:hover{background:#8A4523}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(122,60,28,.35)}
.btn.amarelo{background:var(--ambar-forte);color:#3A2B08;box-shadow:0 3px 0 rgba(140,100,20,.4)}
.btn.amarelo:hover{background:#DCA43C}
.btn-nota{text-align:center;font-size:13.5px;font-weight:700;color:var(--terra-texto);margin:11px auto 0;max-width:520px}
.faixa.escura .btn-nota{color:var(--ambar-forte)}
.micro{text-align:center;font-size:13px;color:var(--tinta-fraca);margin:9px 0 0}
.faixa.escura .micro{color:#AFC7B7}

:focus-visible{outline:3px solid var(--terra);outline-offset:3px;border-radius:6px}
.faixa.escura :focus-visible{outline-color:var(--ambar-forte)}

/* ---------- primeira dobra ---------- */
.dobra{padding:22px 0 56px;text-align:center}

/* moldura fina, igual a borda impressa do miolo */
.heroimg{
  max-width:700px;margin:26px auto 28px;
  background:var(--branco);border:1px solid var(--borda-forte);
  border-radius:var(--raio);padding:10px;
  box-shadow:0 10px 30px -18px rgba(38,74,49,.5);
}
.heroimg img{border-radius:5px}

.formatos{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:20px 0 0;font-size:15px}
.formatos span{background:var(--sage);color:var(--verde);border-radius:100px;padding:9px 18px;font-weight:700}

/* ---------- cartoes ---------- */
.cartoes{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.cartao{
  background:var(--branco);border-radius:var(--raio);padding:17px 19px;
  border:1px solid var(--borda);border-left:5px solid var(--verde-claro);
}
.cartao.laranja{border-left-color:var(--terra)}
.cartao.amarelo{border-left-color:var(--ambar-forte);background:var(--ambar)}
.cartao h3{font-size:16.5px;margin-bottom:5px}
.cartao.laranja h3{color:var(--terra-texto)}
.cartao p{margin:0;font-size:15.5px;color:var(--tinta-suave)}
.cartao p b{color:var(--tinta)}
.cartao .ic{margin-right:9px;font-size:26px;line-height:1;vertical-align:-4px}

/* ---------- modulos numerados ---------- */
.modulos{display:flex;flex-direction:column;gap:10px;margin-top:26px}
.modulo{
  background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);
  padding:15px 18px 15px 15px;display:flex;gap:14px;align-items:flex-start;
}
.modulo .n{
  flex:none;width:30px;height:30px;border-radius:50%;background:var(--verde-med);
  color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;margin-top:1px;
}
.modulo.final .n{background:var(--terra)}
.modulo h3{font-size:16.5px;margin-bottom:3px}
.modulo p{margin:0 0 5px;font-size:15px;color:var(--tinta-suave)}
.modulo .pgs{font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--verde-claro)}

/* ---------- caixas de dica e atencao, iguais as do miolo ---------- */
.caixa-dica,.caixa-atencao{
  border-radius:var(--raio);padding:16px 18px;margin-top:22px;
  display:flex;gap:13px;align-items:flex-start;font-size:15.5px;
}
.caixa-dica{background:var(--sage);border:1px solid var(--sage-forte);color:var(--verde)}
.caixa-atencao{background:var(--ambar);border:1px solid #EFD9A6;color:var(--ambar-tinta)}
.caixa-dica .ic,.caixa-atencao .ic{font-size:28px;line-height:1.1;flex:none}
.caixa-dica b,.caixa-atencao b{display:block;margin-bottom:2px}

/* ---------- faixa de numeros ---------- */
.numeros{
  display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;
  background:var(--verde);border-radius:var(--raio);overflow:hidden;
}
.numeros div{padding:18px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.15)}
.numeros div:last-child{border-right:none}
.numeros b{display:block;font-size:27px;font-weight:800;color:#fff;line-height:1.1}
.numeros span{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#B8D2C0}

/* ---------- galeria do miolo ---------- */
.tiras{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
@media (max-width:560px){.tiras{grid-template-columns:repeat(2,1fr)}}
.tira{
  background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);padding:9px;
  cursor:zoom-in;font:inherit;color:inherit;text-align:left;display:flex;flex-direction:column;gap:7px;
  transition:border-color .14s ease, transform .14s ease;
}
.tira:hover{border-color:var(--verde-claro);transform:translateY(-2px)}
.tira img{border-radius:4px;border:1px solid var(--borda)}
.tira b{font-size:13px;line-height:1.3;color:var(--verde);display:block}
.tira span{font-size:11px;color:var(--tinta-fraca);font-weight:600}

dialog.lupa{border:none;padding:0;background:transparent;max-width:min(94vw,880px);max-height:94vh}
dialog.lupa::backdrop{background:rgba(27,55,36,.9)}
.lupa-caixa{background:#fff;border-radius:12px;overflow:hidden}
.lupa-barra{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid var(--borda)}
.lupa-barra b{font-size:14.5px;color:var(--verde);display:block}
.lupa-barra span{font-size:12.5px;color:var(--tinta-fraca)}
.fechar{
  background:var(--papel);border:1px solid var(--borda-forte);border-radius:8px;
  padding:9px 18px;font:inherit;font-size:14px;font-weight:800;color:var(--verde);cursor:pointer;
}

/* ---------- as 4 apostilas em linha ---------- */
.apostilas{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.apostila{
  background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);
  padding:14px;display:flex;gap:15px;align-items:center;
}
.apostila .capa{flex:none;width:86px;border-radius:5px;overflow:hidden;border:1px solid var(--borda)}
.apostila .tag{
  display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  background:var(--sage);color:var(--verde);padding:3px 9px;border-radius:100px;margin-bottom:5px;
}
.apostila .tag.principal{background:var(--terra-escuro);color:#fff}
.apostila h3{font-size:16.5px;margin-bottom:3px}
.apostila p{margin:0;font-size:14.5px;color:var(--tinta-suave)}
.apostila .pg{font-size:12px;color:var(--tinta-fraca);font-weight:700;margin-top:4px;display:block}
@media (max-width:520px){
  .apostila{flex-direction:column;align-items:flex-start}
  .apostila .capa{width:110px}
}

/* ---------- como voce recebe ---------- */
.recebe{display:flex;flex-direction:column;gap:14px;margin-top:26px}
.forma{
  background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);
  padding:18px 20px;border-top:4px solid var(--verde-claro);
}
.forma.fisica{border-top-color:var(--ambar-forte)}
.forma .cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.forma h3{font-size:17px}
.forma .selo{
  font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  background:var(--ambar);color:var(--ambar-tinta);padding:4px 10px;border-radius:100px;
}
.passos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.passos li{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:var(--tinta-suave)}
.passos li b{color:var(--tinta)}
.passos .p{
  flex:none;width:30px;height:30px;border-radius:50%;background:var(--verde-med);color:#fff;
  font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px;
}
.forma.fisica .passos .p{background:var(--ambar-forte);color:#3A2B08}

/* ---------- valor ---------- */
.valor{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);
  border-radius:var(--raio);padding:20px;margin-top:24px;
}
.valor table{width:100%;border-collapse:collapse;font-size:15px}
.valor td{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.14);color:#D6E4DA}
.valor tr:last-child td{border-bottom:none}
.valor td:last-child{text-align:right;font-weight:800;color:#fff;white-space:nowrap}
.valor .ic{margin-right:8px}
.valor .fecho{
  margin-top:14px;background:var(--ambar-forte);border-radius:8px;
  padding:13px;text-align:center;font-weight:800;color:#3A2B08;font-size:16px;
}

/* ---------- ofertas ---------- */
.ofertas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;align-items:stretch}
@media (max-width:900px){.ofertas{grid-template-columns:1fr;max-width:430px;margin-left:auto;margin-right:auto}}

.oferta{
  background:var(--branco);border-radius:12px;border:2px solid var(--borda-forte);
  display:flex;flex-direction:column;overflow:hidden;
}
.oferta.destaque{border-color:var(--terra)}
.oferta.fisica{border-color:var(--ambar-forte)}
.oferta .badge{
  align-self:center;background:var(--borda-forte);color:var(--verde);
  font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 16px;border-radius:0 0 8px 8px;
}
.oferta.destaque .badge{background:var(--terra-escuro);color:#fff}
.oferta.fisica .badge{background:var(--ambar-forte);color:#3A2B08}
.oferta .miolo{padding:16px 18px 20px;display:flex;flex-direction:column;gap:11px;flex:1;text-align:center}
.oferta h3{font-size:18px}
.oferta .linha{font-size:13.5px;color:var(--tinta-suave);font-weight:600}

/* foto do cartao com etiqueta de formato, para nao restar duvida */
.oferta .foto{
  position:relative;border-radius:8px;overflow:hidden;
  border:1px solid var(--borda);background:var(--papel);aspect-ratio:4/3;
}
.oferta .foto img{width:100%;height:100%;object-fit:cover}
.oferta .foto .fmt{
  position:absolute;left:8px;top:8px;
  font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  padding:4px 9px;border-radius:100px;background:rgba(38,74,49,.9);color:#fff;
}
.oferta.fisica .foto .fmt{background:rgba(140,90,20,.94)}

.oferta .preco{font-size:33px;font-weight:800;color:var(--verde);line-height:1;letter-spacing:-.02em}
.oferta .preco small{display:block;font-size:12.5px;font-weight:700;color:var(--tinta-fraca);margin-top:5px;letter-spacing:0}
.oferta ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;text-align:left}
.oferta li{position:relative;padding-left:23px;font-size:14.5px;color:var(--tinta)}
.oferta li::before{content:"✓";position:absolute;left:0;top:-1px;color:var(--verde-claro);font-weight:800}
.oferta li.nao{color:var(--tinta-fraca)}
.oferta li.nao::before{content:"—";color:var(--tinta-fraca)}
.oferta .fim{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:8px}
.oferta .btn{font-size:14.5px;padding:15px 14px;max-width:none}
.oferta .obs{font-size:12px;color:var(--tinta-fraca);margin:0;min-height:32px}

.rascunho{
  display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ambar-tinta);background:var(--ambar);border:1px dashed var(--ambar-forte);
  padding:6px 8px;border-radius:6px;
}

/* ---------- adicionais ---------- */
.adicionais{background:var(--branco);border-radius:12px;padding:22px;margin-top:24px}
.adicionais h3{text-align:center;margin-bottom:6px}
.adicionais .lead{margin-top:0;margin-bottom:16px;font-size:15px}
.adicionais table{width:100%;border-collapse:collapse;font-size:15px}
.adicionais td{padding:11px 0;border-bottom:1px solid var(--borda);color:var(--tinta-suave)}
.adicionais tr:last-child td{border-bottom:none}
.adicionais td:first-child{color:var(--tinta);font-weight:700}
.adicionais td:last-child{text-align:right;font-weight:800;color:var(--verde);white-space:nowrap}

/* ---------- faq ---------- */
.faq{margin-top:26px;display:flex;flex-direction:column;gap:8px}
.faq details{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden}
.faq details[open]{border-color:var(--verde-claro)}
.faq summary{
  cursor:pointer;list-style:none;padding:15px 44px 15px 18px;position:relative;
  font-size:16px;font-weight:700;color:var(--verde);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";position:absolute;right:18px;top:12px;font-size:21px;font-weight:800;color:var(--terra);line-height:1;
}
.faq details[open] summary::after{content:"–"}
.faq .resp{padding:0 18px 17px;font-size:15px;color:var(--tinta-suave)}
.faq .resp p:last-child{margin-bottom:0}
.pendente{
  display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ambar-tinta);background:var(--ambar);padding:3px 9px;border-radius:100px;margin-bottom:7px;
}

/* ---------- garantia ---------- */
.garantia{
  background:var(--branco);border:2px solid var(--ambar-forte);border-radius:12px;
  padding:24px;text-align:center;margin-top:24px;
}
.garantia h3{color:var(--verde);margin-bottom:8px;font-size:21px}
.garantia p{margin:0 auto;max-width:52ch;font-size:15.5px;color:var(--tinta-suave)}

/* ---------- custo da inacao ---------- */
.custo{
  background:var(--branco);border-radius:12px;padding:22px 24px;margin-top:24px;
  border-top:4px solid var(--terra);
}
.custo h3{text-align:center;color:var(--terra-texto);margin-bottom:12px}
.custo ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.custo ul{text-align:left}
.custo li{position:relative;padding-left:30px;font-size:15.5px;color:var(--tinta-suave)}
.custo li::before{content:"✕";position:absolute;left:0;top:0;color:var(--terra-texto);font-weight:800;font-size:17px;line-height:1.35}
.custo li b{color:var(--tinta)}

/* ---------- primeira semana ---------- */
.semana{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
@media (max-width:700px){.semana{grid-template-columns:1fr}}
.dia{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);padding:18px;text-align:center}
.dia .q{
  display:inline-block;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:#fff;background:var(--verde-med);padding:4px 11px;border-radius:100px;margin-bottom:9px;
}
.dia h3{font-size:16.5px;margin-bottom:5px}
.dia p{margin:0;font-size:14.5px;color:var(--tinta-suave)}

/* ---------- frase do material ---------- */
.frase{
  margin:28px auto 0;max-width:600px;text-align:center;
  background:var(--ambar);border:1px solid #EFD9A6;border-radius:var(--raio);padding:20px 24px;
}
.frase p{font-size:20px;font-weight:700;color:var(--verde);margin:0 0 6px;line-height:1.35}
.frase cite{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ambar-tinta)}

/* ---------- fotos de secao ---------- */
.foto-secao{
  margin:26px auto 0;background:var(--branco);border:1px solid var(--borda);
  border-radius:var(--raio);padding:9px;max-width:620px;
}
.foto-secao img{border-radius:5px;max-height:440px;object-fit:cover;width:100%}
.foto-secao .legenda{padding:10px 6px 4px;font-size:13px;color:var(--tinta-fraca);text-align:center;margin:0}
@media (max-width:560px){.foto-secao img{max-height:360px}}

.dupla{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-top:26px}
.dupla .foto-secao{margin:0;max-width:none}
.dupla .foto-secao img{max-height:none;aspect-ratio:4/5;object-fit:cover}
.dupla .txt h3{font-size:21px;margin-bottom:10px}
.dupla .txt p{font-size:15.5px;color:var(--tinta-suave);margin-bottom:12px}
.dupla .txt p:last-child{margin-bottom:0}
.dupla .txt b{color:var(--tinta)}
@media (max-width:760px){
  .dupla{grid-template-columns:1fr;gap:18px}
  .dupla .foto-secao{max-width:420px;margin:0 auto}
}

/* ---------- aviso de previa e timer ---------- */
.previa{background:#7A3418;color:#FBE7D8;font-size:13.5px;padding:9px 0;text-align:center}
.previa .col{max-width:900px}
.previa b{color:#fff}

.timer{
  background:var(--terra-escuro);color:#fff;text-align:center;padding:10px 16px;font-size:14px;font-weight:700;
  display:flex;gap:8px 12px;justify-content:center;align-items:center;flex-wrap:wrap;
}
.timer .rot{letter-spacing:.06em;text-transform:uppercase;font-size:12.5px}
.timer .relogio{
  background:rgba(0,0,0,.25);border-radius:6px;padding:4px 12px;
  font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.06em;font-size:15px;
}
.timer[hidden]{display:none}

/* ---------- rodape ---------- */
footer{background:#1B3724;color:#9FB8A7;font-size:14px;padding:36px 0 30px;text-align:center}
footer .nome{font-size:19px;font-weight:800;color:#fff;margin-bottom:8px}
footer ul{list-style:none;margin:14px 0 0;padding:0;display:flex;gap:8px 22px;justify-content:center;flex-wrap:wrap}
footer .falta{color:var(--ambar-forte);font-weight:700}
footer .fim{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.13);font-size:12.5px;color:#93AE9D}

/* topo estatico: sem barra fixa, sem header grudento */
section[id], div[id]{scroll-margin-top:20px}


/* =========================================================
   Dentro da faixa escura existem CARTOES BRANCOS.
   As regras de texto claro da faixa nao podem valer neles:
   sem isto o titulo do cartao fica branco sobre branco.
   ========================================================= */
.faixa.escura .oferta h3,
.faixa.escura .adicionais h3{color:var(--verde)}
.faixa.escura .oferta .linha,
.faixa.escura .oferta .obs{color:var(--tinta-suave)}
.faixa.escura .oferta li{color:var(--tinta)}
.faixa.escura .oferta li.nao{color:var(--tinta-fraca)}
.faixa.escura .oferta .preco{color:var(--verde)}
.faixa.escura .oferta .preco small{color:var(--tinta-fraca)}
.faixa.escura .adicionais .lead{color:var(--tinta-suave)}
.faixa.escura .adicionais .lead b{color:var(--tinta)}
.faixa.escura .adicionais td{color:var(--tinta-suave)}
.faixa.escura .adicionais td:first-child{color:var(--tinta)}
.faixa.escura .adicionais td:last-child{color:var(--verde)}
.faixa.escura .rascunho{color:var(--ambar-tinta)}

/* ancoragem da colecao: o valor separado fica menor e discreto,
   porque o numero que precisa saltar e o de hoje */
.valor .poupa{
  margin:9px 0 0;text-align:center;font-size:13.5px;color:#B4C9BA;
}
.valor .poupa strong{color:#fff}

/* rodape com links reais e link dentro da garantia (10/09/2026) */
footer ul a{color:#fff;font-weight:700;text-decoration:none}
footer ul a:hover{text-decoration:underline}
.garantia a{color:var(--terra-texto);font-weight:700}