/* ═══════════════════════════════════════════════════════════════════════════
   GOVINDA · SISTEMA DE LANDING PAGE
   Serve a qualquer destino. O que muda por campanha vive em css/destino.css.
   Herda a identidade do index-layouts.html: mesmos tokens, mesmas curvas.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── fontes da casa ─────────────────────────────────────────────────────── */
@font-face{font-family:'SangBleu Republic';src:url('../fonts/SangBleuRepublic-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'SangBleu Republic';src:url('../fonts/SangBleuRepublic-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'SangBleu Republic';src:url('../fonts/SangBleuRepublic-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'SangBleu Republic';src:url('../fonts/SangBleuRepublic-BoldItalic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Shapiro';src:url('../fonts/Shapiro-Feather.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Shapiro';src:url('../fonts/Shapiro-LightHeavy.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

/* ── tokens ─────────────────────────────────────────────────────────────── */
:root{
  --serif:'SangBleu Republic','Times New Roman',serif;
  --sans:'Shapiro','Helvetica Neue',sans-serif;

  --fundo:#f0e8d8;
  --fundo-alto:#f7f1e4;
  --fundo-baixo:#e6dbc4;
  --superficie:#faf7ef;
  --superficie-2:#f4ecdd;
  --tinta:#33261a;
  --tinta-media:#5d4a37;
  --tinta-suave:#7a6650;
  --acento:#b4741f;
  --acento-forte:#8f4a1f;
  --navy:#12293f;
  --navy-alto:#16314f;
  --ouro:#d9b26a;
  --linha:rgba(51,38,26,.14);
  --linha-forte:rgba(180,116,31,.42);
  --vidro:rgba(250,247,239,.72);
  --sombra-1:0 2px 10px -4px rgba(51,38,26,.18);
  --sombra-2:0 18px 44px -22px rgba(51,38,26,.42);
  --sombra-3:0 42px 90px -34px rgba(51,38,26,.52);
  --grao:.032;

  --mola:cubic-bezier(.16,1,.3,1);
  --suave:cubic-bezier(.4,0,.2,1);
  --t-rapida:.28s;
  --t-media:.55s;
  --t-lenta:.9s;

  --raio:2px;
  --max:1240px;
  --gutter:clamp(1.15rem,5vw,3.2rem);
}

/* blocos escuros reaproveitam os tokens invertidos do tema índigo do estúdio */
.secao--navy{
  --fundo:#0c2340; --superficie:#102a49; --superficie-2:#0d2039;
  --tinta:#f2ecdd; --tinta-media:#d6cfbe; --tinta-suave:#a8a08f;
  --acento:#d9b26a; --acento-forte:#b98a3d;
  --linha:rgba(242,236,221,.13); --linha-forte:rgba(217,178,106,.4);
  --sombra-2:0 18px 44px -22px rgba(0,0,0,.75);
  --sombra-3:0 42px 90px -30px rgba(0,0,0,.85);
  background:var(--fundo); color:var(--tinta);
}

/* ── base ───────────────────────────────────────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{
  font-family:var(--serif);color:var(--tinta);background:var(--fundo);
  min-height:100vh;overflow-x:hidden;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
/* grão de papel, igual ao estúdio */
body::after{
  content:'';position:fixed;inset:0;z-index:1;pointer-events:none;opacity:var(--grao);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23r)'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}
main,header,footer{position:relative;z-index:2}
img{max-width:100%;display:block}
::selection{background:var(--acento);color:var(--superficie)}
:focus-visible{outline:2px solid var(--acento);outline-offset:3px;border-radius:var(--raio)}

::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--linha-forte);border-radius:99px;border:3px solid var(--fundo)}
::-webkit-scrollbar-thumb:hover{background:var(--acento)}

/* ── tipografia ─────────────────────────────────────────────────────────── */
.olho{
  font-family:var(--sans);font-weight:300;font-size:.6rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--acento);
}
/* balance deixa as linhas do título parelhas em vez de sobrar uma palavra
   sozinha. Onde há <br> intencional, cada trecho é balanceado à parte, então
   a quebra desenhada continua valendo. */
h1,h2,h3,h4{font-weight:400;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
h2{font-size:clamp(2rem,5.2vw,3.5rem)}
h3{font-size:clamp(1.3rem,2.6vw,1.85rem);line-height:1.2}
em{font-style:italic;color:var(--acento)}
.chamada{
  font-size:clamp(1.05rem,1.9vw,1.32rem);line-height:1.72;color:var(--tinta-media);
  max-width:40ch;
}
.chamada b{font-weight:400;color:var(--tinta);font-style:italic}

/* ── layout ─────────────────────────────────────────────────────────────── */
.secao{padding:clamp(4.5rem,10vw,8.5rem) var(--gutter);position:relative}
.dentro{max-width:var(--max);margin-inline:auto}
.cabeca-secao{max-width:62ch;margin-bottom:clamp(2.4rem,5vw,4rem)}
.cabeca-secao .olho{display:block;margin-bottom:1.1rem}
.cabeca-secao h2{margin-bottom:1.3rem}
.cabeca-secao--centro{margin-inline:auto;text-align:center}
/* alterna o ritmo entre seções sem trocar o tema inteiro */
.secao--clara{background:var(--superficie-2)}
/* respiro do bloco de conversão e do texto de apoio ao lado do botão */
.cta-bloco{margin-top:clamp(2rem,4vw,2.8rem)}
.bt-apoio--inline{margin-top:0}

/* ── barra superior ─────────────────────────────────────────────────────── */
.topo{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding:1rem var(--gutter);border-bottom:1px solid transparent;
  transition:padding var(--t-media) var(--mola),background-color var(--t-media) var(--suave),
             border-color var(--t-media) var(--suave),box-shadow var(--t-media) var(--suave);
}
.topo.fixa{
  padding-block:.62rem;background:var(--vidro);
  border-bottom-color:var(--linha);box-shadow:var(--sombra-1);
}
@supports (backdrop-filter:blur(1px)){
  .topo.fixa{backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}
}
.topo .marca img{height:46px;width:auto;transition:transform var(--t-media) var(--mola),
                 filter var(--t-media) var(--suave),opacity var(--t-media) var(--suave)}
.topo .marca:hover img{transform:rotate(-6deg) scale(1.06)}
.topo .selo-topo{
  font-family:var(--sans);font-weight:300;font-size:.55rem;letter-spacing:.34em;
  text-transform:uppercase;color:var(--tinta-suave);
  transition:color var(--t-media) var(--suave);
}
/* Antes de virar vidro, a barra flutua sobre o hero escuro: marca e texto em
   tinta sumiriam ali. Ao ganhar .fixa o fundo claro entra e tudo volta ao
   normal — por isso as três regras vivem só no estado :not(.fixa). */
.topo:not(.fixa) .marca img{filter:brightness(0) invert(1);opacity:.95}
.topo:not(.fixa) .selo-topo{color:rgba(250,247,239,.75)}
.topo:not(.fixa) .bt--contorno{--bt-cor:#faf7ef;border-color:rgba(250,247,239,.5)}

/* ── botões ─────────────────────────────────────────────────────────────── */
.bt{
  --bt-fundo:var(--navy);--bt-cor:#faf7ef;
  display:inline-flex;align-items:center;gap:.75em;
  font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.22em;
  text-transform:uppercase;text-decoration:none;
  background:var(--bt-fundo);color:var(--bt-cor);
  padding:1.15em 2.1em;border:none;border-radius:99px;cursor:pointer;
  position:relative;overflow:hidden;isolation:isolate;
  box-shadow:var(--sombra-2);
  transition:transform var(--t-rapida) var(--mola),box-shadow var(--t-rapida) var(--suave);
}
.bt::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,var(--acento),var(--acento-forte));
  opacity:0;transition:opacity var(--t-media) var(--suave);
}
.bt:hover,.bt:focus-visible{transform:translateY(-2px) scale(1.015);box-shadow:var(--sombra-3)}
.bt:hover::before,.bt:focus-visible::before{opacity:1}
.bt:active{transform:translateY(0) scale(.99)}
.bt svg{width:1.15em;height:1.15em;flex-shrink:0;fill:currentColor}
.bt--claro{--bt-fundo:var(--superficie);--bt-cor:var(--navy)}
.bt--ouro{--bt-fundo:var(--acento);--bt-cor:#faf7ef}
.bt--contorno{
  --bt-fundo:transparent;--bt-cor:var(--tinta);
  border:1px solid var(--linha-forte);box-shadow:none;
}
.bt--grande{font-size:.8rem;padding:1.3em 2.6em}
.bt-apoio{
  display:block;font-family:var(--sans);font-weight:300;font-size:.78rem;
  color:var(--tinta-suave);margin-top:1rem;letter-spacing:.02em;
}
.linha-cta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}

/* ── HERO ───────────────────────────────────────────────────────────────── */
.hero{
  position:relative;min-height:100svh;display:flex;align-items:flex-end;
  padding:9rem var(--gutter) clamp(3rem,7vw,5.5rem);
  overflow:hidden;color:#faf7ef;background:var(--navy);
}
.hero__foto{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:sepia(.12) saturate(.94) brightness(.92);
  transform:scale(1.06);will-change:transform;
}
.hero__veu{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(8,18,32,.62) 0%,rgba(8,18,32,.14) 34%,rgba(8,18,32,.72) 78%,rgba(8,18,32,.93) 100%),
    radial-gradient(80% 60% at 20% 100%,rgba(8,18,32,.6),transparent 70%);
}
.hero__conteudo{position:relative;z-index:2;max-width:60ch}
.hero .olho{color:var(--ouro);display:block;margin-bottom:1.4rem}
.hero h1{
  font-size:clamp(2.6rem,7.4vw,5.4rem);line-height:1.02;
  text-shadow:0 2px 30px rgba(8,18,32,.5);
}
.hero h1 em{color:var(--ouro);font-style:italic}
.hero__linha{
  font-size:clamp(1.35rem,2vw,1.4rem);line-height:1.65;margin-top:1.6rem;
  color:rgba(250,247,239,.9);max-width:44ch;text-shadow:0 1px 16px rgba(8,18,32,.6);
}
.hero__meta{
  display:flex;flex-wrap:wrap;gap:.7rem 1.6rem;margin-top:2rem;
  font-family:var(--sans);font-weight:300;font-size:.96rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ouro);
}
.hero__meta span{display:inline-flex;align-items:center;gap:.6em}
.hero__meta span::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8}
.hero .linha-cta{margin-top:2.6rem}
/* O texto de apoio nasce escuro, porque vive sobre papel no resto da página.
   No hero ele fica sobre fotografia, e uma foto clara — a cúpula branca de uma
   estupa, neve, céu de altitude — o apagava. Aqui ele segue a mesma convenção
   do resto do hero: claro, com sombra. */
.hero .bt-apoio{color:rgba(250,247,239,.82);text-shadow:0 1px 14px rgba(8,18,32,.6)}
.hero__rolar{
  position:absolute;left:50%;bottom:1.4rem;translate:-50% 0;z-index:2;
  font-family:var(--sans);font-weight:300;font-size:.52rem;letter-spacing:.34em;
  text-transform:uppercase;color:rgba(250,247,239,.55);
  display:flex;flex-direction:column;align-items:center;gap:.55rem;
}
.hero__rolar::after{
  content:'';width:1px;height:34px;background:linear-gradient(180deg,var(--ouro),transparent);
  animation:rolar 2.4s var(--suave) infinite;
}
@keyframes rolar{0%{transform:scaleY(0);transform-origin:top}
                 50%{transform:scaleY(1);transform-origin:top}
                 51%{transform:scaleY(1);transform-origin:bottom}
                 100%{transform:scaleY(0);transform-origin:bottom}}

/* ── faixa de credibilidade ─────────────────────────────────────────────── */
.provas{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:1px;background:var(--linha);border-block:1px solid var(--linha);
}
.provas div{background:var(--fundo);padding:2rem 1.4rem;text-align:center}
.provas b{
  display:block;font-family:var(--serif);font-size:clamp(1.9rem,3.4vw,2.6rem);
  color:var(--acento);font-weight:400;line-height:1;
}
.provas span{
  display:block;margin-top:.7rem;font-family:var(--sans);font-weight:300;
  font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--tinta-suave);
}

/* ── grade de dois blocos (problema → resposta) ─────────────────────────── */
.duas{display:grid;gap:clamp(1.4rem,3vw,2.6rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.cartao{
  background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);
  padding:clamp(1.8rem,3vw,2.6rem);position:relative;overflow:hidden;
  transition:transform var(--t-media) var(--mola),box-shadow var(--t-media) var(--suave),
             border-color var(--t-media) var(--suave);
}
.cartao:hover{transform:translateY(-4px);box-shadow:var(--sombra-2);border-color:var(--linha-forte)}
.cartao h3{margin-bottom:.9rem}
.cartao p{color:var(--tinta-media);line-height:1.72}
.cartao--sombrio{background:var(--superficie-2)}
.cartao__num{
  font-family:var(--sans);font-weight:300;font-size:.62rem;letter-spacing:.3em;
  color:var(--acento);display:block;margin-bottom:1rem;
}

/* ── lista de diferenciais ──────────────────────────────────────────────── */
.inclui{list-style:none;display:grid;gap:0;margin-top:1rem}
.inclui li{
  display:inline;grid-template-columns:2.4rem 1fr;gap:1rem;align-items:start; /* display:grid  */
  padding:1.15rem 0;border-bottom:1px solid var(--linha);
}
.inclui li:last-child{border-bottom:none}
.inclui .ico{font-size:1.25rem;line-height:1.3;text-align:center; display: none !important;}
.inclui b{display:block;font-weight:400;font-size:1.06rem;margin-bottom:.28rem}
.inclui span{font-family:var(--sans);font-weight:300;font-size:.92rem;color:var(--tinta-suave);line-height:1.65}

/* ── carrossel de fotos ─────────────────────────────────────────────────── */
.trilho{
  display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:2.2rem;margin-inline:calc(var(--gutter) * -1);
  padding-inline:var(--gutter);scrollbar-width:none;
}
.trilho::-webkit-scrollbar{display:none}
.foto-card{
  flex:0 0 min(78vw,420px);scroll-snap-align:center;position:relative;
  aspect-ratio:4/5;overflow:hidden;border-radius:var(--raio);background:var(--navy);
  box-shadow:var(--sombra-2);
}
.foto-card img{
  width:100%;height:100%;object-fit:cover;
  filter:sepia(.1) saturate(.92);
  transition:transform var(--t-lenta) var(--mola),filter var(--t-media) var(--suave);
}
.foto-card:hover img{transform:scale(1.06);filter:sepia(0) saturate(1)}
/* O rótulo dourado fica no alto da legenda; com o gradiente começando em
   transparente ele desaparecia sobre as fotos claras. Escurece antes. */
.foto-card figcaption{
  position:absolute;inset:auto 0 0 0;padding:4rem 1.5rem 1.4rem;color:#faf7ef;
  background:linear-gradient(180deg,transparent 0%,rgba(8,18,32,.55) 38%,rgba(8,18,32,.92) 100%);
}
.foto-card figcaption b{
  display:block;font-family:var(--sans);font-weight:300;font-size:.58rem;
  letter-spacing:.3em;text-transform:uppercase;color:var(--ouro);margin-bottom:.5rem;
}
.foto-card figcaption span{font-size:1.02rem;line-height:1.45;font-style:italic}
.trilho-nav{display:flex;gap:.6rem;align-items:center;margin-top:.4rem}
.trilho-nav button{
  width:2.7rem;height:2.7rem;border-radius:50%;border:1px solid var(--linha-forte);
  background:transparent;color:var(--tinta);cursor:pointer;display:grid;place-items:center;
  transition:background-color var(--t-rapida) var(--suave),color var(--t-rapida) var(--suave),
             transform var(--t-rapida) var(--mola);
}
.trilho-nav button:hover{background:var(--acento);color:var(--superficie);transform:scale(1.08)}
.trilho-nav button:disabled{opacity:.3;cursor:default;transform:none}
.trilho-nav button svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.6}
.trilho-dica{
  font-family:var(--sans);font-weight:300;font-size:.6rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--tinta-suave);margin-left:.6rem;
}

/* ── condutores ─────────────────────────────────────────────────────────── */
.condutores{display:grid;gap:clamp(1.6rem,3vw,2.4rem);grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.condutor{
  border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(1.8rem,3vw,2.4rem);
  background:var(--superficie);
  transition:transform var(--t-media) var(--mola),box-shadow var(--t-media) var(--suave);
}
.condutor:hover{transform:translateY(-4px);box-shadow:var(--sombra-2)}
.condutor h3{margin-bottom:.2rem}
.condutor .papel{
  font-family:var(--sans);font-weight:300;font-size:.6rem;letter-spacing:.26em;
  text-transform:uppercase;color:var(--acento);margin-bottom:1.1rem;display:block;
}
.condutor p{color:var(--tinta-media);font-size:.98rem;line-height:1.75}
.condutor .creds{
  list-style:none;margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid var(--linha);
  font-family:var(--sans);font-weight:300;font-size:.84rem;color:var(--tinta-suave);
}
.condutor .creds li{padding:.3rem 0 .3rem 1.1rem;position:relative}
.condutor .creds li::before{content:'—';position:absolute;left:0;color:var(--acento)}

/* ── depoimentos ────────────────────────────────────────────────────────── */
.depos{columns:3;column-gap:1.2rem}
.depo{
  break-inside:avoid;margin-bottom:1.2rem;padding:1.7rem 1.6rem;
  background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);
  transition:transform var(--t-media) var(--mola),box-shadow var(--t-media) var(--suave);
}
.depo:hover{transform:translateY(-3px);box-shadow:var(--sombra-2)}
.depo .aspas{font-size:2.4rem;line-height:.6;color:var(--acento);opacity:.5;display:block;margin-bottom:.6rem}
.depo p{font-style:italic;font-size:1rem;line-height:1.66;color:var(--tinta)}
.depo footer{
  margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--linha);
  font-family:var(--sans);font-weight:300;font-size:.72rem;color:var(--tinta-suave);
}
.depo footer b{display:block;font-weight:600;color:var(--tinta);letter-spacing:.02em;margin-bottom:.16rem}

/* ── objeções (acordeão) ────────────────────────────────────────────────── */
.duvidas{max-width:80ch;margin-inline:auto}
.duvida{border-bottom:1px solid var(--linha)}
.duvida summary{
  list-style:none;cursor:pointer;padding:1.4rem 3rem 1.4rem 0;position:relative;
  font-size:clamp(1.02rem,1.8vw,1.2rem);line-height:1.4;
  transition:color var(--t-rapida) var(--suave);
}
.duvida summary::-webkit-details-marker{display:none}
.duvida summary:hover{color:var(--acento)}
.duvida summary::after{
  content:'';position:absolute;right:.4rem;top:50%;width:11px;height:11px;
  border-right:1.5px solid var(--acento);border-bottom:1.5px solid var(--acento);
  translate:0 -60%;rotate:45deg;
  transition:rotate var(--t-media) var(--mola),translate var(--t-media) var(--mola);
}
.duvida[open] summary::after{rotate:225deg;translate:0 -20%}
.duvida__corpo{padding:0 3rem 1.7rem 0;color:var(--tinta-media);line-height:1.78}
.duvida[open] .duvida__corpo{animation:abrir var(--t-media) var(--mola) both}
@keyframes abrir{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ── fechamento ─────────────────────────────────────────────────────────── */
.fecho{text-align:center;position:relative;overflow:hidden}
.fecho .dentro{position:relative;z-index:2;max-width:70ch}
.fecho h2{margin-bottom:1.4rem}
.fecho .chamada{margin-inline:auto;max-width:52ch}
.fecho .linha-cta{justify-content:center;margin-top:2.6rem}
.fecho__pena{
  position:absolute;right:-6%;bottom:-22%;height:150%;width:auto;opacity:.07;
  pointer-events:none;filter:brightness(0) invert(1);
}

/* ── rodapé ─────────────────────────────────────────────────────────────── */
.rodape{
  padding:3rem var(--gutter);border-top:1px solid var(--linha);
  display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;justify-content:space-between;
  font-family:var(--sans);font-weight:300;font-size:.68rem;color:var(--tinta-suave);
}
.rodape img{height:44px;width:auto}
.rodape a{color:var(--acento);text-decoration:none}
.rodape a:hover{text-decoration:underline}

/* ── barra fixa de conversão (mobile) ───────────────────────────────────── */
.barra-mobile{
  position:fixed;left:0;right:0;bottom:0;z-index:110;display:none;
  padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));
  background:var(--vidro);border-top:1px solid var(--linha);
  transform:translateY(110%);transition:transform var(--t-media) var(--mola);
}
@supports (backdrop-filter:blur(1px)){
  .barra-mobile{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
}
.barra-mobile.visivel{transform:none}
.barra-mobile .bt{width:100%;justify-content:center}

/* ── revelação ao rolar ─────────────────────────────────────────────────── */
/* Estado pré-revelação aplicado só pelo JS: sem JS o conteúdo nasce visível. */
.pre-revela{opacity:0;transform:translateY(30px)}
.revelado{opacity:1;transform:none;transition:opacity var(--t-lenta) var(--suave),transform var(--t-lenta) var(--mola)}

/* ── responsivo ─────────────────────────────────────────────────────────── */
@media (max-width:1000px){ .depos{columns:2} }
@media (max-width:860px){
  .topo .selo-topo{display:none}
  .topo .bt{font-size:.62rem;padding:.9em 1.4em}
}
@media (max-width:680px){
  .depos{columns:1}
  .hero{min-height:92svh;padding-top:7.5rem}
  .hero .linha-cta .bt{width:100%;justify-content:center}
  .barra-mobile{display:block}
  body{padding-bottom:4.6rem}
  .hero__rolar{display:none}
  .inclui li{grid-template-columns:2rem 1fr;gap:.8rem}
  .duvida summary{padding-right:2.4rem}
  .duvida__corpo{padding-right:0}
}
@media (max-width:420px){
  .foto-card{flex-basis:86vw}
}

/* ── impressão e movimento reduzido ─────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;
                       transition-duration:.01ms !important;scroll-behavior:auto !important}
  .pre-revela{opacity:1 !important;transform:none !important}
}