/* =========================================================
   Flashcards da Aprovação — oferta vitalícia
   Display: Bricolage Grotesque · Corpo: Instrument Sans · Dados: JetBrains Mono
   Mesmos tokens e componentes da home, do catálogo e do material; o que é
   próprio desta página começa em "3. hero".
   ========================================================= */

:root{
  /* cor */
  --azul:#4361EE;
  --azul-escuro:#2B45C7;
  --azul-tinta:#1A2454;
  --azul-nevoa:#EEF2FF;
  --azul-nevoa-2:#EFF6FF;
  --rosa:#F72585;
  --rosa-escuro:#D41C72;
  --rosa-nevoa:#FDF2F8;
  --vermelho:#FF0303;
  --papel:#F9FAFB;
  --grafite:#111827;
  --branco:#FFFFFF;
  --tinta:#101828;
  --tinta-2:#3D3D3D;
  --tinta-3:#6B7280;
  --verde:#16A34A;  --verde-escuro:#12833B;  --verde-claro:#DCFCE7;
  --ambar:#B45309;  --ambar-claro:#FFF7ED;   --ambar-linha:#FED7AA;
  --linha:#E3E6F0;
  --sombra:0 1px 2px rgba(16,24,40,.04), 0 12px 28px -18px rgba(26,36,84,.45);
  --sombra-alta:0 2px 4px rgba(16,24,40,.05), 0 24px 48px -24px rgba(26,36,84,.55);

  /* tipo */
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --corpo:"Instrument Sans","Segoe UI",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"Courier New",monospace;

  /* medida */
  --shell:1180px;
  --gutter:clamp(1.15rem,4vw,2.5rem);
  --bloco:clamp(3.75rem,7vw,6.5rem);
  --raio:14px;
  --raio-sm:8px;
  --topo:115px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--topo) + 16px)}
body{
  margin:0;padding-top:var(--topo);
  background:var(--papel);color:var(--tinta-2);
  font:400 1rem/1.65 var(--corpo);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--display);color:var(--tinta);line-height:1.08;letter-spacing:-.02em;font-weight:600}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}
button,input{font:inherit;color:inherit}
figure{margin:0}
:focus-visible{outline:2px solid var(--azul);outline-offset:3px;border-radius:4px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:1rem;top:-4rem;z-index:99;background:var(--tinta);color:#fff;padding:.7rem 1.1rem;border-radius:var(--raio-sm);transition:top .18s}
.skip:focus{top:1rem}

.shell{width:min(100% - var(--gutter)*2,var(--shell));margin-inline:auto}
.num{font-family:var(--mono);font-weight:500;font-feature-settings:"tnum" 1;letter-spacing:-.02em}

/* ---------- eyebrow / cabeçalhos de seção ---------- */
.eyebrow{
  display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem;
  font:500 .7rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--azul);
}
.eyebrow__rule{display:block;width:28px;height:2px;background:var(--azul);flex:none}

.sec-head{margin-bottom:clamp(2rem,4vw,3.25rem)}
.sec-head__title{font-size:clamp(1.85rem,1.2rem + 2.1vw,2.85rem);font-weight:600;text-wrap:balance}
.sec-head__sub{margin-top:.75rem;font-size:1.0625rem;color:var(--tinta-3);max-width:52ch}
.sec-head--centro{display:grid;justify-items:center;text-align:center;max-width:680px;margin-inline:auto}
.sec-head--centro .eyebrow{justify-content:center}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.8rem 1.4rem;border-radius:var(--raio-sm);border:1px solid transparent;
  font:500 .9375rem/1.1 var(--corpo);text-decoration:none;cursor:pointer;
  transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn svg{flex:none;transition:transform .16s ease}
.btn:hover svg{transform:translateX(3px)}
.btn--primary{background:var(--azul);color:#fff;box-shadow:0 10px 20px -14px rgba(67,97,238,.9)}
.btn--primary:hover{background:var(--azul-escuro)}
.btn--branco{background:#fff;color:var(--azul);box-shadow:0 14px 28px -16px rgba(10,16,48,.7)}
.btn--branco:hover{background:var(--azul-nevoa)}
.btn--branco:focus-visible{outline-color:#fff}
.btn--block{width:100%}
.btn--grande{padding:1rem 1.6rem;font-size:1rem;min-height:52px}

/* ---------- barra de leitura ---------- */
.leitura{position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none}
.leitura i{display:block;height:100%;width:0;background:var(--rosa)}

/* ---------- 1. barra de aviso + 2. cabeçalho ---------- */
.fixed-top{position:fixed;inset:0 0 auto;z-index:50}
.aviso-topo{
  display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;
  padding:.55rem var(--gutter);background:var(--grafite);color:#fff;text-align:center;
  font:500 .8125rem/1.35 var(--corpo);
}
.aviso-topo svg{color:var(--rosa);flex:none}
.aviso-topo b{color:var(--rosa)}

.head{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.head__in{
  width:min(100% - var(--gutter)*2,var(--shell));margin-inline:auto;
  display:flex;align-items:center;gap:1.25rem;min-height:78px;
}
.logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;flex:none}
.logo__bolt{color:var(--rosa);display:grid;place-items:center}
.logo__word{font-family:var(--display);font-weight:600;font-size:1.0625rem;color:var(--tinta);letter-spacing:-.02em}
.logo__word b{color:var(--azul);font-weight:600}
.logo--dark .logo__word{color:#fff}
.logo--dark .logo__word b{color:#7EA2FF}

.nav{margin-left:auto}
.nav__list{display:flex;align-items:center;gap:clamp(.85rem,1.6vw,1.5rem)}
.nav__list a:not(.btn){
  position:relative;text-decoration:none;color:#374151;
  font-size:.9375rem;font-weight:500;padding:.35rem 0;
}
.nav__list a:not(.btn)::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--azul);
  transition:right .22s ease;
}
.nav__list a:not(.btn):hover::after{right:0}
.nav__cta{margin-left:.5rem}

.burger{display:none;flex:none;background:none;border:1px solid var(--linha);border-radius:var(--raio-sm);padding:.55rem;cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:var(--tinta);border-radius:2px;transition:transform .2s,opacity .2s}
.burger span+span{margin-top:4px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ---------- faixas ---------- */
.section{padding-block:var(--bloco)}
.section--paper{background:var(--papel)}
.section--blue{background:linear-gradient(142deg,var(--azul-nevoa) 0%,var(--azul-nevoa-2) 70%)}
.section--curta{padding-block:clamp(2.25rem,4vw,3.25rem)}
.section--tinta{background:var(--azul-tinta);color:#C9D2F2}
.section--tinta .eyebrow{color:#8AA3FF}
.section--tinta .eyebrow__rule{background:#8AA3FF}
.section--tinta .sec-head__title{color:#fff}

/* =========================================================
   3. hero
   ========================================================= */
.hero{
  padding-block:clamp(2.75rem,5.5vw,4.75rem) var(--bloco);
  background:linear-gradient(168deg,var(--azul-nevoa) 0%,var(--azul-nevoa-2) 58%,var(--papel) 100%);
  border-bottom:1px solid var(--linha);
}
.hero__in{display:grid;justify-items:center;text-align:center}
.urgencia{
  display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.35rem;
  padding:.45rem .9rem;border-radius:99px;
  background:var(--ambar-claro);border:1px solid var(--ambar-linha);
  font:500 .8125rem/1.2 var(--corpo);color:var(--ambar);
}
.urgencia svg{flex:none}
.hero__title{
  max-width:19ch;
  font-size:clamp(2.25rem,1.5rem + 2.9vw,3.4rem);font-weight:600;letter-spacing:-.032em;
  text-wrap:balance;
}
.hero__title em{
  font-style:normal;color:var(--azul);
  background:linear-gradient(rgba(247,37,133,.3),rgba(247,37,133,.3)) no-repeat left bottom .1em/100% .16em;
}
.hero__lead{margin-top:1.1rem;font-size:1.1rem;color:var(--tinta-2);max-width:46ch}

/* contador: o mesmo bloco no hero e na oferta */
.relogio{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1.75rem}
.relogio__caixa{
  display:grid;justify-items:center;gap:.3rem;min-width:78px;
  padding:.8rem .5rem .7rem;border-radius:var(--raio);
  background:var(--azul-tinta);box-shadow:0 12px 24px -14px rgba(26,36,84,.8);
}
.relogio__num{font-size:2rem;font-weight:700;line-height:1;color:#fff}
.relogio__rot{font:500 .62rem/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#9FB0E8}
.relogio__sep{font:700 1.75rem/1 var(--mono);color:var(--azul);padding-bottom:1rem}
.relogio__nota{margin-top:.75rem;font-size:.875rem;color:var(--tinta-3);text-align:center}

.hero .btn--grande{margin-top:1.6rem}

.confianca{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.5rem;margin-top:1.5rem}
.confianca li{display:flex;align-items:center;gap:.45rem;font-size:.875rem;font-weight:600;color:var(--tinta)}
.confianca svg{flex:none;color:var(--azul)}

/* =========================================================
   4. como funcionam os flashcards
   ========================================================= */
.card3d{perspective:1400px;width:min(100%,460px);margin-inline:auto}
.card3d__inner{
  position:relative;display:block;width:100%;min-height:240px;
  background:none;border:0;padding:0;cursor:pointer;text-align:left;border-radius:calc(var(--raio) + 6px);
  transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,.75,.3,1);
}
.card3d.is-flipped .card3d__inner{transform:rotateY(180deg)}
.face{
  position:absolute;inset:0;display:flex;flex-direction:column;gap:.85rem;
  padding:clamp(1.25rem,3vw,1.75rem);border-radius:calc(var(--raio) + 6px);border:1px solid var(--linha);
  box-shadow:var(--sombra-alta);
  backface-visibility:hidden;-webkit-backface-visibility:hidden;
}
.face--front{background:linear-gradient(160deg,#FBFCFF,#F1F4FF)}
.face--back{background:linear-gradient(160deg,var(--azul-tinta),#101A44);border-color:transparent;transform:rotateY(180deg)}
.face__label{font:500 .66rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--azul)}
.face--back .face__label{color:#8AA3FF}
.face__text{
  flex:1 1 auto;display:flex;align-items:center;
  font-family:var(--display);font-weight:500;font-size:clamp(1.15rem,1rem + .6vw,1.35rem);
  line-height:1.3;color:var(--tinta);letter-spacing:-.015em;
}
.face--back .face__text{display:block;align-self:stretch;padding-top:1rem;color:#EDF1FF;font-weight:400;font-size:clamp(1rem,.92rem + .35vw,1.1rem);line-height:1.5}
.face--back .face__text b{color:#fff;font-weight:600;background:linear-gradient(rgba(247,37,133,.45),rgba(247,37,133,.45)) no-repeat left bottom .08em/100% .22em}
.card3d__inner:hover .face--front{border-color:rgba(67,97,238,.45)}

.card3d__dica{
  display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.85rem;
  font-size:.8125rem;font-weight:500;color:var(--tinta-3);
}
.card3d__dica svg{flex:none;color:var(--azul)}

.passos{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.25rem);
  max-width:940px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;text-align:center;
}
.passo{display:grid;justify-items:center;gap:.55rem;align-content:start}
.passo__num{
  display:grid;place-items:center;width:44px;height:44px;border-radius:99px;margin-bottom:.35rem;
  background:var(--azul);color:#fff;font-size:1.05rem;font-weight:700;
  box-shadow:0 10px 20px -12px rgba(67,97,238,.9);
}
.passo__titulo{font-size:1.125rem;font-weight:600}
.passo p{font-size:.9375rem;color:var(--tinta-2);max-width:34ch}

.como__nota{
  max-width:62ch;margin:clamp(2rem,4vw,2.75rem) auto 0;padding-top:1.5rem;border-top:1px solid var(--linha);
  text-align:center;font-size:.9375rem;color:var(--tinta-3);
}
.como__nota b{color:var(--tinta);font-weight:600}

/* =========================================================
   5. o que entra
   ========================================================= */
.incluso{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;
  max-width:860px;margin-inline:auto;
}
.incluso li{
  display:flex;gap:.8rem;align-items:flex-start;
  background:#fff;border:1px solid var(--linha);border-radius:var(--raio);
  padding:1rem 1.15rem;
}
.incluso__nome{font-size:1.0625rem;font-weight:600;line-height:1.25}
.incluso p{margin-top:.2rem;font-size:.875rem;color:var(--tinta-3)}
.incluso .num{color:var(--azul);font-weight:700}

.tick{
  flex:none;position:relative;width:22px;height:22px;border-radius:99px;
  background:var(--verde-claro);margin-top:.05rem;
}
.tick::after{
  content:"";position:absolute;left:6px;top:6.5px;width:9px;height:5px;
  border-left:2px solid var(--verde-escuro);border-bottom:2px solid var(--verde-escuro);
  transform:rotate(-45deg);border-radius:1px;
}

/* =========================================================
   6. bônus
   ========================================================= */
.bonus{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);
  max-width:1040px;margin-inline:auto;
}
.bonus__item{
  display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;
  background:#fff;border:1px solid var(--linha);border-radius:var(--raio);
  padding:clamp(1.15rem,2.2vw,1.5rem);box-shadow:var(--sombra);
}
.bonus__titulo{font-size:1.125rem;font-weight:600;text-wrap:balance}
.bonus__texto{font-size:.9375rem;color:var(--tinta-2)}
.selo-bonus{
  display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;
  padding:.3rem .6rem;border-radius:99px;background:var(--rosa-nevoa);color:var(--rosa-escuro);
  font:500 .64rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;
}
.selo-bonus svg{flex:none}

/* miniaturas: um esboço do que cada bônus é, desenhado em CSS */
.mini{
  position:relative;width:100%;height:124px;overflow:hidden;
  border:1px solid var(--linha);border-radius:10px;background:var(--azul-nevoa-2);
  padding:.9rem 1rem;
}
.mini--agenda{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.45rem .7rem}
.mini--agenda span{font:500 .64rem/1 var(--mono);color:var(--tinta-3)}
.mini--agenda i,.mini--texto i,.mini--sumula i{display:block;width:var(--w);height:9px;border-radius:99px}
.mini--agenda i{background:linear-gradient(90deg,#7EA2FF,var(--azul))}
.mini--texto{display:grid;align-content:center;gap:.6rem}
.mini--texto i,.mini--sumula i{height:8px;background:#D7DCEA}
.mini--texto i.is-marca{background:var(--rosa);opacity:.75}
.mini--questao{display:grid;gap:.3rem;align-content:center}
.mini--questao b{font:600 .72rem/1.2 var(--display);color:var(--tinta)}
.mini--questao span{
  font-size:.66rem;line-height:1.2;padding:.28rem .5rem;border-radius:6px;
  background:#fff;border:1px solid var(--linha);color:var(--tinta-2);
}
.mini--questao .is-certa{background:var(--verde-claro);border-color:var(--verde);color:var(--verde-escuro);font-weight:600}
.mini--sumula{display:grid;align-content:center;gap:.55rem}
.mini--sumula b{
  justify-self:start;padding:.25rem .55rem;border-radius:99px;background:var(--azul-nevoa);color:var(--azul);
  font:500 .6rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;
}
.mini--chat{display:flex;flex-direction:column;justify-content:center;gap:.35rem}
.mini--chat span{
  max-width:78%;align-self:flex-start;padding:.3rem .6rem;border-radius:10px 10px 10px 3px;
  background:#fff;border:1px solid var(--linha);font-size:.66rem;line-height:1.25;color:var(--tinta-2);
}
.mini--chat .is-nosso{align-self:flex-end;border-radius:10px 10px 3px 10px;background:var(--azul);border-color:var(--azul);color:#fff}

/* mapa mental: a imagem real, mostrada do topo */
.mini--mapa{padding:0;background:#F3ECE2}
.mini--mapa img{width:100%;height:100%;object-fit:cover;object-position:top}

/* =========================================================
   7. vitalício
   ========================================================= */
.pilares{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);
  max-width:860px;margin-inline:auto;
}
.pilar{
  display:grid;gap:.75rem;align-content:start;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:calc(var(--raio) + 6px);
  padding:clamp(1.5rem,3vw,2.25rem);
}
.pilar__ico{
  display:grid;place-items:center;width:54px;height:54px;border-radius:14px;margin-bottom:.35rem;
  background:var(--azul);color:#fff;box-shadow:0 12px 24px -14px rgba(67,97,238,1);
}
.pilar__titulo{font-size:1.35rem;font-weight:600;color:#fff}
.pilar p{font-size:.975rem;color:#C9D2F2;max-width:44ch}

/* =========================================================
   8. autor
   ========================================================= */
.autor{
  display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);
  gap:clamp(2rem,5vw,3.5rem);align-items:center;max-width:940px;margin-inline:auto;
}
.autor__foto{position:relative;padding-bottom:1rem}
.autor__foto img{width:100%;aspect-ratio:30/38;object-fit:cover;border-radius:calc(var(--raio) + 6px);box-shadow:var(--sombra-alta)}
.autor__selo{
  position:absolute;left:-.85rem;bottom:0;display:grid;gap:.15rem;
  padding:.7rem 1rem;border-radius:var(--raio);background:var(--rosa);color:#fff;
  box-shadow:0 14px 28px -14px rgba(247,37,133,.9);
}
.autor__selo b{font:600 1.05rem/1.15 var(--display);letter-spacing:-.01em}
.autor__selo span{font-size:.75rem;opacity:.92}
.autor__texto>p{font-size:1.0625rem;color:var(--tinta-2);max-width:58ch}
.fatos{display:grid;gap:.7rem;margin-top:1.35rem;padding-top:1.35rem;border-top:1px solid var(--linha)}
.fatos li{display:flex;gap:.7rem;align-items:flex-start;font-size:.975rem;color:var(--tinta-2)}

/* =========================================================
   9. garantia
   ========================================================= */
.garantia{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,3.5vw,2.5rem);align-items:center;
  max-width:900px;margin-inline:auto;
  background:#fff;border:1px solid var(--linha);border-radius:calc(var(--raio) + 6px);
  box-shadow:var(--sombra-alta);padding:clamp(1.5rem,3.5vw,2.5rem);
}
.garantia__selo{
  position:relative;display:grid;justify-items:center;align-content:center;
  width:120px;height:136px;color:var(--verde);
}
.garantia__selo svg{position:absolute;inset:0;filter:drop-shadow(0 10px 18px rgba(22,163,74,.3))}
.garantia__dias{position:relative;font-size:2.4rem;font-weight:700;line-height:1;color:#fff;margin-top:-.4rem}
.garantia__rot{
  position:relative;margin-top:.3rem;text-align:center;
  font:500 .58rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;
}
.garantia__titulo{font-size:clamp(1.45rem,1.2rem + .9vw,1.85rem);font-weight:600;text-wrap:balance}
.garantia__texto{margin-top:.6rem;font-size:1.0125rem;color:var(--tinta-2);max-width:56ch}

.selos{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.75rem}
.selos li{
  display:flex;align-items:center;gap:.5rem;
  padding:.6rem 1rem;border-radius:99px;background:#fff;border:1px solid var(--linha);
  font-size:.8125rem;font-weight:600;color:var(--tinta-2);
}
.selos svg{flex:none;color:var(--azul)}

/* =========================================================
   10. oferta
   ========================================================= */
#oferta .sec-head{margin-bottom:0}
#oferta .relogio{margin-top:clamp(1.5rem,3vw,2rem)}

.plano{
  width:min(100%,560px);margin:clamp(2rem,4vw,3rem) auto 0;overflow:hidden;
  background:#fff;border:2px solid var(--azul);border-radius:calc(var(--raio) + 6px);
  box-shadow:0 2px 4px rgba(16,24,40,.05), 0 40px 80px -36px rgba(26,36,84,.6);
}
.plano__topo{
  display:grid;gap:.45rem;justify-items:center;text-align:center;
  padding:1.5rem 1.25rem;background:linear-gradient(135deg,var(--azul),var(--azul-escuro));
}
.plano__rot{font:500 .7rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.plano__titulo{font-size:clamp(1.45rem,1.2rem + 1vw,1.85rem);font-weight:600;color:#fff;text-wrap:balance}

.plano__corpo{display:grid;gap:1.25rem;padding:clamp(1.35rem,3vw,2rem)}
.plano__lista{display:grid;gap:.7rem}
.plano__lista li{display:flex;gap:.7rem;align-items:flex-start;font-size:.9375rem;color:var(--tinta-2)}
.plano__lista b{color:var(--tinta);font-weight:600}

.plano__preco{
  display:grid;justify-items:center;gap:.25rem;text-align:center;
  padding:1.25rem;border-radius:var(--raio);background:var(--azul-nevoa-2);
}
.plano__preco .num{word-spacing:-.22em}
.plano__de{font-size:.9375rem;color:var(--tinta-3)}
.plano__por{font-size:clamp(2.4rem,1.8rem + 2vw,3rem);font-weight:700;color:var(--azul);line-height:1.05}
.plano__parcela{font-size:.875rem;color:var(--tinta-3)}

.plano__seguro{
  display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:-.5rem;
  font-size:.8125rem;color:var(--tinta-3);
}
.plano__seguro svg{flex:none;color:var(--verde)}
.plano__pe{text-align:center;font-size:.8125rem;color:var(--tinta-3);margin-top:-.75rem}
.plano__pe b{color:var(--tinta-2);font-weight:600}

/* =========================================================
   11. CTA final
   ========================================================= */
.final{
  display:grid;justify-items:center;text-align:center;gap:1rem;
  padding:clamp(2.5rem,6vw,4rem) clamp(1.35rem,4vw,2.5rem);border-radius:calc(var(--raio) + 10px);
  background:
    radial-gradient(60% 80% at 100% 0%,rgba(247,37,133,.22),transparent 70%),
    linear-gradient(135deg,var(--azul) 0%,var(--azul-escuro) 55%,var(--azul-tinta) 100%);
  box-shadow:var(--sombra-alta);
}
.final__titulo{max-width:20ch;font-size:clamp(1.85rem,1.2rem + 2.1vw,2.85rem);font-weight:600;color:#fff;text-wrap:balance}
.final__texto{max-width:46ch;font-size:1.0625rem;color:#DCE3FF}
.final .btn{margin-top:.75rem}

/* =========================================================
   12. rodapé
   ========================================================= */
.foot{background:var(--grafite);color:#9CA3AF;padding-block:3.25rem 2.25rem}
.foot__grade{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:2rem}
.foot__desc{margin-top:.9rem;max-width:34ch;font-size:.9375rem}
.foot__titulo{font:600 .9375rem/1.2 var(--display);color:#fff;letter-spacing:-.01em;margin-bottom:.6rem}
.foot__col a{display:inline-block;padding:.3rem 0;font-size:.9375rem;text-decoration:none;transition:color .16s}
.foot__col a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.foot__rule{border:0;border-top:1px solid rgba(156,163,175,.28);margin:2.25rem 0 1.25rem}
.foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;font-size:.8125rem;color:#7B828F}
.foot__base .num{white-space:nowrap}
.foot__base a{color:inherit;text-decoration:underline;text-underline-offset:3px;transition:color .16s}
.foot__base a:hover{color:#fff}

/* ---------- revelação em scroll ---------- */
.reveal{opacity:0;transform:translateY(18px)}
.reveal.is-in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.22,.75,.3,1)}

/* =========================================================
   Responsivo
   ========================================================= */
@media (max-width:980px){
  .bonus{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot__grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot__marca{grid-column:1/-1}
}

@media (max-width:920px){
  /* o cabeçalho aberto ocuparia meia tela: passa a rolar com a página */
  .fixed-top{position:static}
  body{padding-top:0}
  html{scroll-padding-top:1rem}
  .head__in{gap:.75rem;flex-wrap:wrap;padding-block:.7rem}
  .burger{display:block;margin-left:auto}
  .nav{order:5;flex:1 1 100%;margin-left:0;display:none}
  .nav.is-open{display:block}
  .nav__list{flex-direction:column;align-items:stretch;gap:0;padding-top:.5rem}
  .nav__list li+li{border-top:1px solid var(--linha)}
  .nav__list a:not(.btn){display:block;padding:.85rem .1rem}
  .nav__list a:not(.btn)::after{display:none}
  .nav__cta{margin-left:0;padding:.85rem 0 .35rem}
  .nav__cta .btn{width:100%}

  .passos{grid-template-columns:1fr;max-width:420px}
  .pilares{grid-template-columns:1fr;max-width:560px}
}

@media (max-width:760px){
  .incluso{grid-template-columns:1fr}
  .autor{grid-template-columns:1fr;justify-items:center;text-align:center}
  .autor__foto{width:min(100%,300px)}
  .autor__selo{left:50%;translate:-50% 0;white-space:nowrap;text-align:center}
  .autor__texto>p{margin-inline:auto}
  .fatos{text-align:left}
}

@media (max-width:640px){
  .bonus{grid-template-columns:1fr}
  .garantia{grid-template-columns:1fr;justify-items:center;text-align:center}
  .garantia__texto{margin-inline:auto}
  .confianca{flex-direction:column;align-items:center;gap:.5rem}
  .relogio{gap:.4rem}
  .relogio__caixa{min-width:72px}
  .relogio__num{font-size:1.75rem}
  .hero .btn--grande,.final .btn{width:100%}
  .foot__grade{grid-template-columns:1fr 1fr;gap:1.5rem}
  .foot__base{flex-direction:column}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .reveal{opacity:1;transform:none}
  .btn:hover,.btn:hover svg{transform:none}
}