/* ============================================================
   Escalda-Pés Terapêutico — Página de venda da TRANSFORMAÇÃO
   Marly Oliveira · Paleta terrosa · Cormorant Garamond + Montserrat
   Fonte única de verdade: DESIGN-SYSTEM.md
   ============================================================ */
:root{
  --verde-escuro:#3a4a38; --verde:#5d7052; --verde-suave:#8a9a7e;
  --terracota:#b5764f; --terracota-claro:#d9a984; --dourado:#a98c4b;
  --creme:#faf6ef; --creme-escuro:#f1e9dc;
  --texto:#3c3a34; --texto-suave:#6b6759;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --maxw:1120px; --raio:22px;
  --sombra:0 18px 50px rgba(58,74,56,.16);
  --glass-borda:rgba(255,255,255,.6);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--serif);color:var(--texto);background:var(--creme);
  font-size:19px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px;}
.center{text-align:center;}
.sans{font-family:var(--sans);}

/* ---------- TIPOGRAFIA ---------- */
h1,h2,h3{font-family:var(--serif);color:var(--verde-escuro);font-weight:600;line-height:1.14;}
h2.titulo{font-size:clamp(30px,5vw,48px);}
em{font-style:italic;}
.kicker{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--terracota);display:inline-block;}
.lead{font-size:clamp(18px,2.4vw,23px);color:var(--texto-suave);font-style:italic;line-height:1.55;}
.rule{width:54px;height:3px;background:var(--terracota);border-radius:3px;margin:18px auto;}
.rule.left{margin:18px 0;}
mark{background:linear-gradient(180deg,transparent 58%,rgba(217,169,132,.55) 58%);color:inherit;padding:0 .12em;}

/* ---------- BOTÕES ---------- */
.btn{
  font-family:var(--sans);font-weight:700;font-size:16px;letter-spacing:.4px;
  display:inline-flex;align-items:center;gap:10px;justify-content:center;text-align:center;
  background:var(--terracota);color:#fff;padding:18px 34px;border-radius:50px;border:none;cursor:pointer;
  box-shadow:0 12px 30px rgba(181,118,79,.4);transition:transform .25s var(--ease),box-shadow .25s,filter .25s;
}
.btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(181,118,79,.5);filter:brightness(1.04);}
.btn:active{transform:translateY(0);}
.btn.grande{font-size:18px;padding:22px 44px;}
.btn.pulse{animation:pulse 2.6s var(--ease) infinite;}
@keyframes pulse{0%,100%{box-shadow:0 12px 30px rgba(181,118,79,.4);}50%{box-shadow:0 12px 44px rgba(181,118,79,.7);}}
.btn-sub{font-family:var(--sans);font-size:13px;color:var(--texto-suave);margin-top:12px;}

/* ---------- TOPBAR ---------- */
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:100;transform:translateY(-100%);
  transition:transform .4s var(--ease);
  background:rgba(250,246,239,.85);backdrop-filter:blur(16px) saturate(160%);
  border-bottom:1px solid var(--glass-borda);box-shadow:0 4px 20px rgba(58,74,56,.08);
}
.topbar.show{transform:translateY(0);}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;}
.topbar .logo{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--verde-escuro);display:flex;align-items:center;gap:8px;}
.topbar .logo span{color:var(--terracota);}
.topbar .btn{padding:11px 22px;font-size:14px;box-shadow:none;}
.topbar .btn:hover{transform:none;}

/* ---------- REVEAL ---------- */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.1s;}.reveal.d2{transition-delay:.2s;}.reveal.d3{transition-delay:.3s;}

section{padding:clamp(60px,9vw,110px) 0;position:relative;}
.sec-head{max-width:720px;margin:0 auto 50px;}

/* ============================================================
   1 · HERO
   ============================================================ */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;color:#fdfaf3;overflow:hidden;padding:100px 0 90px;}
.hero-bg{position:absolute;inset:0;z-index:-3;background:url('../img/hero.png') center/cover no-repeat;transform:scale(1.05);}
.hero-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.05);pointer-events:none;}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(ellipse at center,rgba(40,52,40,.5) 0%,rgba(40,52,40,.66) 100%),linear-gradient(180deg,rgba(40,52,40,.35),rgba(46,59,45,.55));}
.hero .wrap{max-width:760px;text-align:center;}
/* assinatura de marca (eyebrow premium) */
.hero-brand{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:5px;text-transform:uppercase;
  color:var(--terracota-claro);display:inline-block;margin-bottom:28px;opacity:.95;}
.hero h1{color:#fdfaf3;font-size:clamp(34px,6vw,62px);margin:0 auto;letter-spacing:-.4px;line-height:1.1;max-width:16ch;}
.hero h1 em{color:var(--terracota-claro);font-style:italic;}
.hero .sub{font-size:clamp(18px,2.4vw,23px);font-style:italic;opacity:.94;max-width:560px;margin:28px auto 42px;line-height:1.45;}
.hero-pills{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 30px;}
.hero-pills li{font-family:var(--sans);font-size:14px;font-weight:600;color:#fdfaf3;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  padding:9px 16px;border-radius:30px;backdrop-filter:blur(4px);display:flex;gap:7px;align-items:center;}
.hero-cta-sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--sans);font-size:13px;color:#ece6d8;margin-top:16px;}
.hero-cta-sub .dot{opacity:.5;}
.hero-author{font-family:var(--sans);font-size:13px;color:#cfc7b4;margin-top:14px;}
.hero-author b{color:var(--terracota-claro);}
.scroll-ind{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:26px;color:var(--terracota-claro);animation:bounce 2s infinite;}
@keyframes bounce{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,10px);}}

/* Transições graduais e elegantes para o topo (wellness feel) */
#topo .reveal {
  transition: opacity 1.8s cubic-bezier(.22,.61,.36,1), transform 1.8s cubic-bezier(.22,.61,.36,1);
}
/* ordem de entrada após o vídeo: 1·marca · 2·botão · 3·subtítulo · 4·título */
#topo .reveal.d1 { transition-delay: 0.2s; }
#topo .reveal.d2 { transition-delay: 1.0s; }
#topo .reveal.d3 { transition-delay: 1.8s; }
#topo .reveal.d4 { transition-delay: 2.6s; }
/* título (h1): surge grande e encolhe até o tamanho normal */
#topo .reveal.zoom {
  transform: scale(1.7);
  transition: opacity 2.4s cubic-bezier(.22,.61,.36,1), transform 2.4s cubic-bezier(.22,.61,.36,1);
}
#topo .reveal.zoom.in { transform: none; }


/* ---------- BARRA DE CONFIANÇA ---------- */
.trust{background:var(--verde-escuro);color:#dfe5d6;padding:0;overflow:hidden;}
.trust-marquee{overflow:hidden;width:100%;padding:16px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.trust-track{display:flex;flex-wrap:nowrap;width:max-content;align-items:center;animation:trust-scroll 38s linear infinite;}
.trust-track:hover{animation-play-state:paused;}
.trust .ti{font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.4px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:0 26px;border-right:1px solid rgba(255,255,255,.14);}
.trust .ti b{color:var(--terracota-claro);font-weight:700;}
@keyframes trust-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ============================================================
   2 · QUEBRA DE CRENÇA
   ============================================================ */
.crenca{background:var(--creme);}
.crenca .lead{margin-top:8px;}
.crenca-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:48px;align-items:stretch;}
.crenca-box{border-radius:var(--raio);padding:34px 30px;box-shadow:var(--sombra);}
.crenca-box .ct{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;}
.crenca-box h3{font-size:26px;margin-bottom:12px;}
.crenca-box p{font-family:var(--sans);font-size:15.5px;line-height:1.6;}
.crenca-antes{background:#efe7da;}
.crenca-antes .ct{color:var(--texto-suave);}
.crenca-antes h3{color:var(--texto-suave);}
.crenca-antes p{color:var(--texto-suave);}
.crenca-depois{background:linear-gradient(160deg,#42523f,#2e3b2d);color:#ece6d8;}
.crenca-depois .ct{color:var(--terracota-claro);}
.crenca-depois h3{color:#fdfaf3;}
.crenca-depois p{color:#d8d2c2;}
.crenca-depois .mini{list-style:none;margin-top:16px;}
.crenca-depois .mini li{font-family:var(--sans);font-size:14.5px;color:#e7e0d0;padding:7px 0 7px 26px;position:relative;line-height:1.4;}
.crenca-depois .mini li::before{content:"❧";position:absolute;left:0;color:var(--terracota-claro);}
.crenca-frase{margin-top:50px;text-align:center;font-size:clamp(22px,3vw,31px);font-style:italic;color:var(--verde);max-width:840px;margin-left:auto;margin-right:auto;line-height:1.4;}
.crenca-frase b{color:var(--terracota);font-style:normal;}
@media(max-width:760px){.crenca-cols{grid-template-columns:1fr;gap:20px;}}

/* ============================================================
   3 · BENEFÍCIOS
   ============================================================ */
.beneficios{background:linear-gradient(165deg,#f4ede1,#f1e9dc);}
.bene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:14px;}
.bene{background:#fff;border-radius:var(--raio);padding:30px 26px;box-shadow:0 12px 30px rgba(58,74,56,.08);
  border:1px solid rgba(255,255,255,.7);transition:transform .35s var(--ease),box-shadow .35s;}
.bene:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(58,74,56,.16);}
.bene .ic{font-size:32px;margin-bottom:14px;display:block;}
.bene h3{font-size:23px;margin-bottom:8px;}
.bene p{font-family:var(--sans);font-size:14.5px;color:var(--texto-suave);line-height:1.55;}
.bene-nota{margin-top:34px;text-align:center;font-family:var(--sans);font-size:13px;color:var(--texto-suave);opacity:.85;max-width:680px;margin-left:auto;margin-right:auto;}

/* ============================================================
   3.5 · IDENTIFICAÇÃO EMOCIONAL ("talvez você precise disso")
   ============================================================ */
.precisa{position:relative;overflow:hidden;color:#fdfaf3;text-align:center;}
.precisa-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(160deg,#42523f,#2e3b2d);}
.precisa-bg::after{content:"";position:absolute;inset:0;background:url('../img/ambiente.png') center/cover no-repeat;opacity:.12;mix-blend-mode:luminosity;}
.precisa .wrap{position:relative;z-index:1;max-width:720px;}
.precisa .kicker{color:var(--terracota-claro);}
.precisa h2{color:#fdfaf3;font-size:clamp(28px,4.4vw,42px);margin:12px 0 30px;}
.precisa-list{list-style:none;display:inline-block;text-align:left;margin:0 auto;}
.precisa-list li{font-family:var(--serif);font-size:clamp(19px,2.6vw,24px);color:#f1ece0;
  padding:13px 0 13px 42px;position:relative;line-height:1.35;border-bottom:1px solid rgba(255,255,255,.1);}
.precisa-list li:last-child{border-bottom:none;}
.precisa-list li::before{content:"✓";position:absolute;left:0;top:13px;color:var(--terracota-claro);font-weight:700;font-size:20px;font-family:var(--sans);}
.precisa-list li b{color:#fff;font-weight:600;}
.precisa-fecho{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.8vw,27px);color:var(--terracota-claro);margin-top:34px;line-height:1.4;}

/* ============================================================
   PAUSA EMOCIONAL (faixa de imagem entre seções)
   ============================================================ */
.pausa{position:relative;min-height:42vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fdfaf3;padding:60px 0;}
.pausa::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(40,52,40,.62),rgba(46,59,45,.72));z-index:0;}
.pausa .wrap{position:relative;z-index:1;}
.pausa p{font-family:var(--serif);font-style:italic;font-size:clamp(24px,4vw,38px);line-height:1.35;text-shadow:0 2px 18px rgba(0,0,0,.4);max-width:760px;margin:0 auto;}
.pausa-ambiente{background:url('../img/ambiente.png') center/cover no-repeat;}
@media (max-width:760px){.pausa{min-height:34vh;}}

/* ============================================================
   4 · AUTORA
   ============================================================ */
.autora .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center;}
.autora-card{background:linear-gradient(160deg,#42523f,#2e3b2d);color:#fdfaf3;border-radius:var(--raio);padding:40px 30px;text-align:center;box-shadow:var(--sombra);}
.autora-card img{width:160px;height:160px;border-radius:50%;margin:0 auto 18px;object-fit:cover;border:3px solid var(--terracota-claro);box-shadow:0 12px 30px rgba(0,0,0,.3);}
.autora-card .an{font-family:var(--serif);font-size:29px;font-weight:600;}
.autora-card .ac{font-family:var(--sans);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--terracota-claro);margin-top:6px;}
.autora-card .creds{list-style:none;margin-top:20px;text-align:left;display:inline-block;}
.autora-card .creds li{font-family:var(--sans);font-size:13px;color:#e2dccb;padding:6px 0 6px 24px;position:relative;line-height:1.45;}
.autora-card .creds li::before{content:"❧";position:absolute;left:0;color:var(--terracota-claro);}
.autora h2{margin-bottom:14px;}
.autora p{margin-bottom:14px;color:var(--texto-suave);}
.autora .assina{font-family:var(--serif);font-style:italic;font-size:23px;color:var(--verde);margin-top:6px;}
@media(max-width:760px){.autora .wrap{grid-template-columns:1fr;gap:30px;}}

/* ============================================================
   5 · O QUE VOCÊ RECEBE
   ============================================================ */
.recebe{background:var(--creme-escuro);}
.recebe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px;}
.item{background:#fff;border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s;}
.item:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(58,74,56,.2);}
.item-media{height:210px;overflow:hidden;position:relative;background:#2e3b2d;}
.item-media img,.item-media video{width:100%;height:100%;object-fit:cover;display:block;}
/* vídeo do app é vertical: preenche o card (corta topo/base) como os demais */
.item-media-app video{object-fit:cover;object-position:center;}
.item .tag{position:absolute;top:14px;left:14px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  background:rgba(58,74,56,.88);color:var(--terracota-claro);padding:6px 13px;border-radius:20px;backdrop-filter:blur(4px);z-index:2;}
.item .ib{padding:26px;flex:1;display:flex;flex-direction:column;}
.item h3{font-size:24px;margin-bottom:8px;}
.item p{font-family:var(--sans);font-size:14.5px;color:var(--texto-suave);line-height:1.55;}
.item .uso{font-family:var(--sans);font-size:13px;color:var(--verde);font-weight:600;margin-top:14px;padding-top:14px;border-top:1px solid var(--creme-escuro);}
@media(max-width:860px){.recebe-grid{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto;}}

/* ============================================================
   6 · CONTEÚDO INTERNO (riqueza)
   ============================================================ */
.conteudo{background:linear-gradient(165deg,#3a4a38,#2e3b2d);color:#ece6d8;}
.conteudo h2{color:#fdfaf3;}
.conteudo .lead{color:var(--terracota-claro);}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center;margin:0 auto 50px;max-width:760px;}
.stat .n{font-family:var(--serif);font-size:clamp(40px,6vw,58px);font-weight:700;color:var(--terracota-claro);line-height:1;}
.stat .l{font-family:var(--sans);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#cdc6b6;margin-top:6px;}
@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px 18px;}}
.riqueza{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;}
.riq{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--raio);padding:26px;transition:background .3s,transform .3s var(--ease);}
.riq:hover{background:rgba(255,255,255,.08);transform:translateY(-5px);}
.riq .ri{font-size:28px;margin-bottom:12px;}
.riq h3{color:#fdfaf3;font-size:22px;margin-bottom:6px;}
.riq p{font-family:var(--sans);font-size:14.5px;color:#cdc6b6;line-height:1.55;}
.conteudo-frase{margin-top:50px;text-align:center;font-size:clamp(21px,2.8vw,28px);font-style:italic;color:#fdfaf3;max-width:820px;margin-left:auto;margin-right:auto;line-height:1.4;}
.conteudo-frase b{color:var(--terracota-claro);font-style:normal;}

/* ---------- DEMONSTRAÇÃO EM VÍDEO ---------- */
.demo{background:linear-gradient(165deg,#42523f,#2e3b2d);color:#ece6d8;}
.demo h2{color:#fdfaf3;}.demo .lead{color:var(--terracota-claro);}
.video-frame{max-width:400px;margin:10px auto 0;border-radius:24px;overflow:hidden;position:relative;
  box-shadow:0 40px 90px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12);background:#2e3b2d;}
.video-frame video{width:100%;height:auto;display:block;background:#2e3b2d;}
.video-cap{text-align:center;font-family:var(--sans);font-size:13px;color:#cdc6b6;margin-top:16px;letter-spacing:.3px;}

/* ---------- APP (mockup) ---------- */
.appsec{background:linear-gradient(160deg,#e9eee3,#f1e9dc);overflow:hidden;}
.app-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;}
.app-tag{display:inline-block;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  background:var(--terracota);color:#fff;padding:7px 16px;border-radius:30px;margin-bottom:14px;}
.app-feats{list-style:none;margin-top:24px;}
.app-feats li{font-family:var(--sans);font-size:16px;padding:12px 0 12px 40px;position:relative;border-bottom:1px solid rgba(58,74,56,.1);}
.app-feats li .fic{position:absolute;left:0;top:9px;font-size:22px;}
.app-feats li b{color:var(--verde-escuro);}
/* grade de recursos do app (ecossistema) */
.app-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;}
.app-ec{background:var(--creme);border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(58,74,56,.06);}
.app-ec::after{content:"";position:absolute;right:-25px;bottom:-25px;width:90px;height:90px;border-radius:50%;background:var(--terracota-claro);opacity:0.2;}
.aec-ic{font-size:24px;margin-bottom:10px;}
.aec-t{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--verde-escuro);line-height:1.1;}
.aec-d{font-family:var(--sans);font-size:12px;color:var(--texto-suave);margin-top:4px;position:relative;z-index:1;line-height:1.3;}
@media(max-width:500px){.app-cards-grid{grid-template-columns:1fr;}}
.phone{justify-self:center;width:330px;height:660px;border-radius:46px;background:#2e3b2d;padding:13px;
  box-shadow:0 40px 80px rgba(46,59,45,.4),inset 0 0 0 2px rgba(255,255,255,.1);position:relative;}
.phone::before{content:"";position:absolute;top:24px;left:50%;transform:translateX(-50%);width:120px;height:26px;background:#2e3b2d;border-radius:20px;z-index:3;}
.phone-screen{width:100%;height:100%;border-radius:34px;overflow:hidden;background:linear-gradient(170deg,#faf6ef,#f1e9dc);position:relative;}
.phone-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:34px;background:#faf6ef;pointer-events:none;}
@media(max-width:840px){.app-grid{grid-template-columns:1fr;gap:40px;}.phone{order:-1;}}

/* ============================================================
   7 · PARA QUEM É
   ============================================================ */
.paraquem{background:var(--creme);}
.pq-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px;}
.pq-col{border-radius:var(--raio);padding:34px 30px;box-shadow:var(--sombra);}
.pq-sim{background:#fff;}
.pq-nao{background:#efe7da;}
.pq-col h3{font-size:25px;margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.pq-col ul{list-style:none;font-family:var(--sans);font-size:15.5px;}
.pq-col li{padding:9px 0 9px 30px;position:relative;line-height:1.45;color:var(--texto-suave);}
.pq-sim li::before{content:"✓";position:absolute;left:0;color:var(--verde);font-weight:700;font-size:17px;}
.pq-nao li::before{content:"✕";position:absolute;left:2px;color:var(--terracota);font-weight:700;font-size:14px;}
@media(max-width:760px){.pq-grid{grid-template-columns:1fr;}}

/* ============================================================
   8 · PROVA SOCIAL
   ============================================================ */
.prova{background:linear-gradient(160deg,#f4ede1,#f1e9dc);}
.depo-aviso{font-family:var(--sans);font-size:12px;color:var(--texto-suave);opacity:.7;margin-top:8px;}
.depo-temas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto 42px;}
.tema-chip{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--verde);
  background:#fff;border:1px solid rgba(93,112,82,.25);padding:8px 18px;border-radius:30px;}
.depo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.depo{background:#fff;border-radius:var(--raio);padding:28px;box-shadow:var(--sombra);position:relative;display:flex;flex-direction:column;}
.depo .tema-tag{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--terracota);margin-bottom:8px;}
.depo .aspas{font-family:var(--serif);font-size:54px;color:var(--terracota-claro);line-height:.6;}
.depo .estrelas{color:var(--dourado);font-size:15px;letter-spacing:2px;margin:8px 0 10px;}
.depo p{font-size:18px;font-style:italic;color:var(--texto);margin:6px 0 16px;line-height:1.5;}
.depo .quem{display:flex;align-items:center;gap:12px;margin-top:auto;}
.depo .av{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#8a9a7e,#5d7052);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;font-weight:600;flex:0 0 auto;}
.depo .quem .nm{font-family:var(--sans);font-size:14px;font-weight:700;color:var(--verde-escuro);}
.depo .quem .pf{font-family:var(--sans);font-size:12px;color:var(--texto-suave);}

/* ============================================================
   9 · OFERTA
   ============================================================ */
.oferta{background:linear-gradient(165deg,#3a4a38,#2e3b2d);color:#ece6d8;}
.oferta h2{color:#fdfaf3;}
.oferta-grid{display:grid;grid-template-columns:1fr .9fr;gap:44px;align-items:start;margin-top:40px;}
.stack{list-style:none;}
.stack li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);}
.stack .si{font-size:26px;flex:0 0 auto;}
.stack .st{font-family:var(--serif);font-size:21px;color:#fdfaf3;font-weight:600;}
.stack .sd{font-family:var(--sans);font-size:14px;color:#cdc6b6;line-height:1.5;}
.stack .sv{font-family:var(--sans);font-size:14px;font-weight:700;color:var(--terracota-claro);white-space:nowrap;margin-left:auto;align-self:center;}
.stack .total-linha{border-bottom:none;padding-top:20px;}
.stack .total-linha .st{font-size:18px;color:#cdc6b6;}
.stack .total-linha .sv{font-size:22px;color:#fff;}
.stack .total-linha .sv .risco{text-decoration:line-through;opacity:.7;font-size:18px;}
.preco{background:var(--creme);color:var(--texto);border-radius:26px;padding:38px 32px;box-shadow:0 30px 70px rgba(0,0,0,.35);position:sticky;top:80px;border:1px solid var(--glass-borda);text-align:center;}
.preco .selo{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:#f6e8dd;color:var(--terracota);padding:7px 16px;border-radius:30px;}
.preco .total{font-family:var(--sans);font-size:14px;color:var(--texto-suave);margin-top:20px;}
.preco .de{font-family:var(--sans);font-size:18px;color:var(--texto-suave);text-decoration:line-through;}
.preco .por{font-family:var(--serif);font-weight:700;color:var(--verde-escuro);line-height:1;margin:6px 0;}
.preco .por .cifra{font-size:26px;vertical-align:super;}
.preco .por .val{font-size:74px;}
.preco .parcela{font-family:var(--sans);font-size:15px;color:var(--texto-suave);}
.preco .economia{font-family:var(--sans);font-size:13px;font-weight:700;color:var(--verde);background:#e9eee3;display:inline-block;padding:5px 14px;border-radius:20px;margin-top:12px;}
.contador{display:flex;gap:10px;justify-content:center;margin:18px 0 4px;}
.contador .cx{background:var(--verde-escuro);color:#fdfaf3;border-radius:12px;padding:10px 12px;min-width:58px;text-align:center;}
.contador .cx .cv{font-family:var(--sans);font-size:26px;font-weight:700;line-height:1;}
.contador .cx .cl{font-family:var(--sans);font-size:9px;letter-spacing:1px;text-transform:uppercase;opacity:.7;margin-top:4px;}
.urg{font-family:var(--sans);font-size:13px;color:var(--terracota);text-align:center;font-weight:600;}
.preco .btn{width:100%;margin-top:20px;}
.preco .pg{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-family:var(--sans);font-size:11px;color:var(--texto-suave);letter-spacing:.5px;}
@media(max-width:860px){.oferta-grid{grid-template-columns:1fr;}.preco{position:static;}}

/* ============================================================
   10 · GARANTIA
   ============================================================ */
.garantia .wrap{display:flex;gap:30px;align-items:center;background:var(--creme-escuro);border-radius:var(--raio);padding:36px;box-shadow:var(--sombra);}
.selo-gar{flex:0 0 auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d9a984,#b5764f);
  color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sans);font-weight:700;text-align:center;box-shadow:0 10px 26px rgba(181,118,79,.4);}
.selo-gar .g1{font-size:34px;line-height:1;}
.selo-gar .g2{font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-top:2px;}
.garantia h3{font-size:26px;margin-bottom:6px;}
.garantia p{font-family:var(--sans);font-size:16px;color:var(--texto-suave);line-height:1.6;}
@media(max-width:620px){.garantia .wrap{flex-direction:column;text-align:center;}}

/* ============================================================
   11 · FAQ
   ============================================================ */
.faq{background:var(--creme-escuro);}
.faq-list{max-width:760px;margin:0 auto;}
.faq-item{background:#fff;border-radius:16px;margin-bottom:14px;box-shadow:0 8px 24px rgba(58,74,56,.08);overflow:hidden;}
.faq-q{width:100%;text-align:left;font-family:var(--sans);font-size:17px;font-weight:600;color:var(--verde-escuro);
  padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;background:none;border:none;}
.faq-q .pl{font-size:24px;color:var(--terracota);transition:transform .3s var(--ease);flex:0 0 auto;}
.faq-item.open .faq-q .pl{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease);}
.faq-item.open .faq-a{max-height:400px;}
.faq-a p{padding:0 24px 22px;font-family:var(--sans);font-size:15.5px;color:var(--texto-suave);line-height:1.6;}

/* ============================================================
   12 · FECHAMENTO
   ============================================================ */
.fechamento{background:url('../img/ambiente.png') center/cover fixed;position:relative;color:#fdfaf3;text-align:center;}
.fechamento::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(40,52,40,.92),rgba(46,59,45,.94));z-index:0;}
.fechamento .wrap{position:relative;z-index:1;max-width:760px;}
.fechamento .kicker{color:var(--terracota-claro);}
.fechamento h2{color:#fdfaf3;font-size:clamp(30px,4.6vw,48px);margin:14px 0 22px;line-height:1.25;}
.fechamento .poema{font-size:clamp(22px,3vw,30px);font-style:italic;opacity:.95;line-height:1.55;margin-bottom:34px;}
.fechamento .poema b{color:var(--terracota-claro);font-style:normal;}
.fechamento .btn-sub{color:#ece6d8;}

/* ---------- FOOTER ---------- */
footer{background:#2e3b2d;color:#bcb6a6;padding:50px 0 36px;font-family:var(--sans);font-size:13px;}
footer .wrap{text-align:center;}
footer .flogo{font-family:var(--serif);font-size:24px;color:#fdfaf3;margin-bottom:6px;}
footer .flogo span{color:var(--terracota-claro);}
footer .disc{max-width:680px;margin:18px auto;line-height:1.6;opacity:.8;}
footer .links{display:flex;gap:20px;justify-content:center;margin:16px 0;flex-wrap:wrap;}
footer .links a{color:var(--terracota-claro);}
footer .cr{opacity:.6;margin-top:14px;}

/* ---------- BARRA CTA MOBILE ---------- */
.cta-mobile{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;
  background:rgba(250,246,239,.92);backdrop-filter:blur(14px);border-top:1px solid var(--glass-borda);
  box-shadow:0 -6px 24px rgba(58,74,56,.12);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));align-items:center;gap:12px;}
.cta-mobile .pmini{font-family:var(--sans);font-size:12px;color:var(--texto-suave);line-height:1.2;}
.cta-mobile .pmini b{display:block;font-family:var(--serif);font-size:22px;color:var(--verde-escuro);}
.cta-mobile .btn{flex:1;padding:14px;font-size:15px;box-shadow:none;}
@media(max-width:760px){.cta-mobile{display:flex;}body{padding-bottom:78px;}.preco{position:static;}}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition-duration:.05ms!important;}
  .reveal{opacity:1;transform:none;}
  .fechamento{background-attachment:scroll;}
}