/* ============================================================
   Dra. Aluete Baldon — Método CHRONUS
   Cores e tipografia medidas do site aprovado, não escolhidas:
   hero #31212A, seções claras #FDFCFA, bloco CHRONUS #271C26,
   rodapé #1E1821. Playfair Display nos títulos, Manrope no corpo.
   ============================================================ */

:root{
  /* escuros, na ordem em que aparecem descendo a página */
  --escuro-hero:#31212A;
  --escuro-chronus:#271C26;
  --escuro-chronus-2:#322428;
  --escuro-cta:#3F373F;
  --escuro-rodape:#1E1821;

  /* claros */
  --claro:#FDFCFA;
  --claro-quente:#FBF5F1;
  --branco:#FFFFFF;

  /* texto */
  --texto:#221A23;
  --texto-suave:#4B4149;
  --texto-claro:#F7F1F0;
  --texto-claro-suave:rgba(247,241,240,.72);

  /* dourado da marca */
  --ouro:#C9A227;
  --ouro-claro:#E0BF52;
  --ouro-suave:rgba(201,162,39,.24);

  --serif:'Playfair Display',Georgia,serif;
  --sans:'Manrope',-apple-system,'Segoe UI',sans-serif;

  --wrap:1192px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--claro);color:var(--texto);
  font-family:var(--sans);font-size:17px;line-height:1.65;
  overflow-x:hidden;-webkit-font-smoothing:antialiased
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}

.wrap{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}

/* ---------- tipografia ---------- */
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;margin:0;line-height:1.18}
h1{font-size:clamp(2.1rem,4.2vw,3.25rem)}
h2{font-size:clamp(1.62rem,2.7vw,2.26rem)}
h3{font-size:1.44rem}
h4{font-size:1.05rem}
p{margin:0}
.olho{
  font-family:var(--sans);font-size:.72rem;font-weight:600;
  letter-spacing:2.6px;text-transform:uppercase;color:var(--ouro);margin:0 0 .9em
}
.ouro{color:var(--ouro)}

/* ---------- botão ---------- */
.btn{
  display:inline-flex;align-items:center;gap:11px;
  padding:15px 30px;border-radius:4px;cursor:pointer;border:0;
  background:linear-gradient(180deg,var(--ouro-claro),var(--ouro));
  color:#2A1F13;font-family:var(--sans);font-size:.72rem;font-weight:700;
  letter-spacing:1.7px;text-transform:uppercase;
  transition:transform .2s,box-shadow .25s,filter .2s
}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(201,162,39,.3);filter:brightness(1.06)}
.btn .ico{width:14px;height:14px}
.btn--vazado{
  background:transparent;border:1px solid var(--ouro-suave);color:var(--ouro-claro)
}
.btn--vazado:hover{background:rgba(201,162,39,.1);box-shadow:none}

.ico{width:1em;height:1em;fill:currentColor;flex:none}

/* ============================================================
   CABEÇALHO
   ============================================================ */
.topo{
  position:sticky;top:0;z-index:60;background:var(--escuro-rodape);
  border-bottom:1px solid rgba(201,162,39,.14)
}
.topo__interno{
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  height:64px
}
.marca{display:flex;align-items:center;gap:11px}
.marca img{width:30px;height:30px}
.marca__nome{
  font-family:var(--serif);font-size:1.02rem;letter-spacing:4px;
  color:var(--texto-claro);line-height:1
}
.marca__sub{
  display:block;font-family:var(--sans);font-size:.53rem;letter-spacing:1.1px;
  text-transform:uppercase;color:rgba(247,241,240,.5);margin-top:3px
}
.menu{display:flex;align-items:center;gap:30px}
.menu a{
  font-size:.84rem;color:rgba(247,241,240,.86);position:relative;padding:4px 0
}
.menu a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:1px;
  background:var(--ouro);transition:width .25s
}
.menu a:hover{color:var(--texto-claro)}
.menu a:hover::after{width:100%}
.topo .btn{padding:11px 20px;font-size:.64rem}

.abrir-menu{
  display:none;width:40px;height:40px;border:0;background:none;cursor:pointer;
  color:var(--texto-claro);align-items:center;justify-content:center
}
.abrir-menu .ico{width:20px;height:20px}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;background:var(--escuro-hero);min-height:732px;
  display:flex;align-items:center;overflow:hidden
}
.hero__fundo{position:absolute;inset:0;z-index:0}
.hero__fundo img{width:100%;height:100%;object-fit:cover;object-position:72% 28%}
.hero__fundo::after{
  /* o degradê deixa o texto legível sem escurecer o rosto da foto */
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,
    var(--escuro-hero) 0%,
    rgba(49,33,42,.97) 34%,
    rgba(49,33,42,.72) 52%,
    rgba(49,33,42,.28) 74%,
    rgba(49,33,42,.06) 100%)
}
.hero__conteudo{position:relative;z-index:2;max-width:540px;padding:76px 0}
.hero h1{color:var(--texto-claro);margin-bottom:.62em}
.hero h1 .risco{
  display:block;width:56px;height:2px;background:var(--ouro);
  margin:.44em 0 0
}
.hero__lead{
  color:var(--texto-claro-suave);font-size:1.02rem;line-height:1.72;
  max-width:400px;margin-bottom:2.1em
}

/* ============================================================
   SELOS
   ============================================================ */
.selos{background:var(--claro);padding:34px 0}
@media(max-width:820px){.selos{padding:26px 0}}
/* minmax(0,1fr) em toda coluna de grade: sem isso o conteúdo mais largo
   empurra a coluna e estoura a largura da tela */
.selos__grade{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0
}
.selo{min-width:0}
.selo{
  text-align:center;padding:6px 22px;position:relative
}
.selo + .selo::before{
  content:"";position:absolute;left:0;top:12%;height:76%;width:1px;
  background:rgba(34,26,35,.1)
}
.selo .ico{width:23px;height:23px;color:var(--ouro);margin-bottom:11px}
.selo strong{
  display:block;font-family:var(--sans);font-size:.86rem;font-weight:700;
  color:var(--texto);margin-bottom:3px
}
.selo span{display:block;font-size:.76rem;color:var(--texto-suave)}

/* ============================================================
   SEÇÃO GENÉRICA
   ============================================================ */
.secao{padding:88px 0}
.secao--clara{background:var(--claro)}
.secao--quente{background:var(--claro-quente)}
.secao__cabeca{text-align:center;max-width:820px;margin:0 auto 44px}
.secao__cabeca h2{margin-bottom:.3em}

/* ---------- cards de dor ---------- */
.dores{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.dor{
  background:var(--branco);border:1px solid rgba(34,26,35,.07);border-radius:6px;
  padding:38px 20px 34px;text-align:center;
  display:flex;flex-direction:column;
  transition:transform .22s,box-shadow .25s,border-color .22s
}
.dor:hover{
  transform:translateY(-4px);border-color:var(--ouro-suave);
  box-shadow:0 16px 34px rgba(34,26,35,.09)
}
.dor__ico{
  width:52px;height:52px;margin:0 auto 20px;border-radius:50%;
  border:1px solid var(--ouro-suave);
  display:flex;align-items:center;justify-content:center
}
.dor__ico .ico{width:21px;height:21px;color:var(--ouro)}
/* altura reservada: os títulos têm uma ou duas linhas e sem isso o
   texto de cada card começa em altura diferente */
.dor h3{font-size:1.2rem;margin-bottom:.55em;line-height:1.24;min-height:2.5em;
  display:flex;align-items:center;justify-content:center}
.dor p{font-size:.82rem;color:var(--texto-suave);line-height:1.62}

/* ============================================================
   BLOCO CHRONUS — o acrônimo, dobra de marca
   ============================================================ */
.chronus{
  padding-block:88px;background:
    radial-gradient(ellipse 52% 74% at 12% 50%, rgba(201,162,39,.09), transparent 62%),
    linear-gradient(120deg,var(--escuro-chronus) 0%,var(--escuro-chronus-2) 100%);
  color:var(--texto-claro);position:relative;overflow:hidden
}
/* a ampulheta sangra pela borda esquerda, atrás do texto da marca */
.chronus__simbolo{
  position:absolute;left:-118px;top:58%;transform:translateY(-50%);
  width:400px;opacity:.10;pointer-events:none
}
.chronus__interno{
  position:relative;z-index:2;display:grid;
  grid-template-columns:212px 1fr;gap:40px;align-items:center
}
.chronus__marca .olho{color:var(--ouro)}
.chronus__marca h2{
  font-size:1.86rem;letter-spacing:3px;color:var(--texto-claro);margin-bottom:.55em
}
.chronus__marca p{font-size:.82rem;color:var(--texto-claro-suave);line-height:1.68}

/* Cada pilar é uma coluna com a letra grande no topo. display:contents
   desalinhava as colunas no Chrome, então o alinhamento vem de dentro do
   próprio card, com a letra fixando a altura da primeira linha. */
.pilares{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0}
.pilar{
  text-align:center;display:flex;flex-direction:column;align-items:center;
  min-width:0;position:relative;padding:0 12px
}
/* linha fina separando as colunas, como no original */
.pilar + .pilar::before{
  content:"";position:absolute;left:0;top:26%;height:56%;width:1px;
  background:rgba(201,162,39,.16)
}
/* letra grande o bastante para o acrônimo ser lido como palavra
   atravessando a faixa, que é o gesto de marca do bloco */
/* 60px é o tamanho medido no site aprovado: as sete letras somam 947px
   e atravessam a faixa como uma palavra só. É o gesto de marca do bloco. */
.pilar__letra{
  font-family:var(--serif);font-size:clamp(2.4rem,3.6vw,3.75rem);color:var(--ouro);
  line-height:1;display:block;margin-bottom:30px;font-weight:400
}
/* sem círculo em volta: no original o ícone aparece solto, maior */
.pilar__ico{
  width:auto;height:32px;margin:0 auto 14px;border:0;
  display:flex;align-items:center;justify-content:center
}
.pilar__ico .ico{width:26px;height:26px;color:var(--ouro-claro)}
.pilar strong{
  display:block;font-family:var(--sans);font-size:.7rem;font-weight:700;
  letter-spacing:1.3px;text-transform:uppercase;text-align:center;
  color:var(--texto-claro);margin-bottom:9px
}
/* :not(.pilar__letra) porque a letra também é um span e esta regra,
   por vir depois com a mesma especificidade, esmagava a fonte de 60px
   para 10px */
.pilar span:not(.pilar__letra){
  display:block;font-size:.74rem;line-height:1.55;text-align:center;
  color:var(--texto-claro-suave);padding:0 2px
}
.chronus__frase{
  position:relative;z-index:2;text-align:center;margin-top:52px;
  font-family:var(--serif);font-style:italic;font-size:1.06rem;
  color:var(--ouro-claro)
}

/* ============================================================
   ETAPAS — o método na prática
   ============================================================ */
.etapas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.etapa{
  text-align:center;padding:26px 16px;position:relative;
  display:flex;flex-direction:column
}
.etapa + .etapa::before{
  content:"";position:absolute;left:0;top:30%;height:40%;width:1px;
  background:rgba(34,26,35,.09)
}
.etapa__ico{
  width:52px;height:52px;margin:0 auto 16px;border-radius:50%;
  border:1px solid var(--ouro-suave);
  display:flex;align-items:center;justify-content:center
}
.etapa__ico .ico{width:21px;height:21px;color:var(--ouro)}
.etapa__num{
  display:block;font-family:var(--sans);font-size:.68rem;font-weight:700;
  letter-spacing:2px;color:var(--ouro);margin-bottom:8px
}
.etapa strong{
  font-family:var(--serif);font-size:1.04rem;font-weight:500;
  color:var(--texto);margin-bottom:9px;line-height:1.3;min-height:2.6em;
  display:flex;align-items:center;justify-content:center
}
.etapa p{font-size:.78rem;color:var(--texto-suave);line-height:1.55}
/* a última etapa é o resultado: recebe destaque em bloco dourado */
.etapa--fim{
  background:linear-gradient(180deg,var(--ouro-claro),var(--ouro));
  border-radius:6px;color:#2A1F13
}
.etapa--fim::before{display:none}
.etapa--fim .etapa__ico{border-color:rgba(42,31,19,.28)}
.etapa--fim .etapa__ico .ico,.etapa--fim .etapa__num{color:#2A1F13}
.etapa--fim strong{color:#2A1F13}
.etapa--fim p{color:rgba(42,31,19,.78)}

/* ============================================================
   SOBRE A DRA. ALUETE
   ============================================================ */
.sobre{position:relative;background:var(--claro);padding:0 0 88px}
/* a foto sangra para fora da caixa à esquerda, como no original: fica
   maior que o bloco e cria a sobreposição que dá profundidade */
.sobre__caixa{
  background:var(--claro-quente);border-radius:8px;
  display:grid;grid-template-columns:250px 1fr 240px;gap:38px;
  padding:44px 48px 0;align-items:end;position:relative;margin-left:76px
}
/* regra única: a foto sangra 114px para fora da caixa à esquerda. Antes
   havia duas declarações de .sobre__foto e a segunda anulava a primeira. */
.sobre__foto{
  align-self:end;margin-bottom:-1px;
  margin-left:-114px;width:calc(100% + 114px)
}
.sobre__foto img{width:100%;display:block}
.sobre__texto{padding-bottom:52px}
.sobre__texto h2{margin-bottom:.16em}
.sobre__cargo{
  font-size:.8rem;color:var(--texto-suave);margin-bottom:1.5em;
  letter-spacing:.4px
}
.sobre__texto p{font-size:.92rem;color:var(--texto-suave);line-height:1.78;margin-bottom:1em}
.sobre__numeros{display:flex;gap:34px;margin-top:1.7em}
.sobre__numeros div strong{
  display:block;font-family:var(--serif);font-size:1.55rem;color:var(--texto);line-height:1
}
.sobre__numeros div span{font-size:.72rem;color:var(--texto-suave)}
.sobre__citacao{
  padding-bottom:44px;font-family:var(--serif);font-style:italic;
  font-size:.98rem;line-height:1.58;color:var(--texto);
  border-left:2px solid var(--ouro);padding-left:20px
}

/* ============================================================
   PROVA SOCIAL
   ============================================================ */
.prova{display:grid;grid-template-columns:252px 1fr;gap:22px;align-items:stretch}
.prova__nota{
  background:var(--branco);border:1px solid rgba(34,26,35,.07);border-radius:6px;
  padding:28px 24px;display:flex;flex-direction:column;justify-content:center
}
.estrelas{color:var(--ouro);letter-spacing:3px;font-size:1rem;margin-bottom:12px}
.prova__nota h2{font-size:1.72rem;margin-bottom:.4em}
.prova__nota p{font-size:.78rem;color:var(--texto-suave);line-height:1.6}
.depos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.depo{
  background:var(--branco);border:1px solid rgba(34,26,35,.07);border-radius:6px;
  padding:24px 22px;display:flex;flex-direction:column
}
.depo__g{
  display:flex;align-items:center;gap:8px;margin-bottom:12px;
  font-size:.7rem;color:var(--texto-suave)
}
.depo__g .estrelas{font-size:.76rem;margin:0}
.depo p{font-size:.8rem;color:var(--texto-suave);line-height:1.62;margin-bottom:14px}
.depo strong{font-size:.78rem;color:var(--texto);margin-top:auto}

/* ============================================================
   PERGUNTAS FREQUENTES
   ============================================================ */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.faq details{
  background:var(--branco);border:1px solid rgba(34,26,35,.08);border-radius:5px;
  overflow:hidden
}
.faq summary{
  cursor:pointer;list-style:none;padding:17px 20px;
  font-size:.87rem;font-weight:500;color:var(--texto);
  display:flex;align-items:center;justify-content:space-between;gap:14px
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";width:8px;height:8px;flex:none;
  border-right:1.5px solid var(--texto-suave);border-bottom:1.5px solid var(--texto-suave);
  transform:rotate(45deg);transition:transform .22s;margin-top:-4px
}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:2px}
.faq details[open] summary{color:var(--ouro)}
.faq__resposta{
  padding:0 20px 19px;font-size:.85rem;color:var(--texto-suave);line-height:1.72
}
.faq__acao{text-align:center;margin-top:38px}

/* ============================================================
   CHAMADA FINAL
   ============================================================ */
.fechamento{
  position:relative;background:var(--escuro-cta);color:var(--texto-claro);
  padding:52px 0;overflow:hidden
}
@media(max-width:820px){.fechamento{padding:40px 0}}
.fechamento__fundo{position:absolute;inset:0;z-index:0}
.fechamento__fundo img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.fechamento__fundo::after{
  content:"";position:absolute;inset:0;background:rgba(63,55,63,.86)
}
.fechamento__interno{
  position:relative;z-index:2;display:flex;align-items:center;
  justify-content:space-between;gap:38px;flex-wrap:nowrap
}
.fechamento__selo{
  width:52px;height:52px;border-radius:50%;flex:none;
  border:1px solid rgba(201,162,39,.42);
  display:flex;align-items:center;justify-content:center
}
.fechamento__selo .ico{width:22px;height:22px;color:var(--ouro)}
/* min-width fixo estourava a tela de 320px somado ao padding do wrap */
.fechamento__texto{flex:1;min-width:0}
.fechamento__texto .olho{margin-bottom:.6em}
.fechamento h2{color:var(--texto-claro);margin-bottom:.32em;max-width:26ch;font-size:1.66rem;line-height:1.26}
.fechamento p{font-size:.85rem;color:var(--texto-claro-suave);max-width:58ch}

/* ============================================================
   RODAPÉ
   ============================================================ */
.rodape{background:var(--escuro-rodape);color:var(--texto-claro-suave);padding:52px 0 0}
@media(max-width:820px){.rodape{padding-top:38px}.rodape__grade{padding-bottom:26px}}
.rodape__grade{
  display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:44px;padding-bottom:38px
}
.rodape__marca{display:flex;align-items:flex-start;gap:13px}
.rodape__marca img{width:34px;height:34px;flex:none}
.rodape__marca h3{
  font-size:1.16rem;color:var(--texto-claro);margin-bottom:3px;line-height:1.2
}
.rodape__marca span{
  display:block;font-size:.62rem;letter-spacing:.6px;color:rgba(247,241,240,.5)
}
.rodape__marca small{
  display:block;font-size:.56rem;letter-spacing:1.3px;text-transform:uppercase;
  color:rgba(247,241,240,.4);margin-top:9px
}
.rodape h4{
  font-family:var(--sans);font-size:.7rem;font-weight:700;letter-spacing:1.7px;
  text-transform:uppercase;color:var(--texto-claro);margin-bottom:14px
}
.rodape p,.rodape a{font-size:.82rem;line-height:1.75}
.rodape a:hover{color:var(--ouro-claro)}
.redes{display:flex;gap:10px;margin-top:16px}
.redes a{
  width:32px;height:32px;border-radius:50%;flex:none;
  border:1px solid rgba(247,241,240,.16);
  display:flex;align-items:center;justify-content:center;transition:all .2s
}
.redes a:hover{border-color:var(--ouro);color:var(--ouro)}
.redes .ico{width:14px;height:14px}
.rodape__base{
  border-top:1px solid rgba(247,241,240,.09);padding:17px 0;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  font-size:.7rem;color:rgba(247,241,240,.45);flex-wrap:wrap
}
.rodape__base a:hover{color:var(--ouro-claro)}

/* ---------- botão flutuante de WhatsApp ---------- */
.zap-fixo{
  position:fixed;right:20px;bottom:20px;z-index:70;
  width:52px;height:52px;border-radius:50%;
  background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 22px rgba(37,211,102,.36);transition:transform .2s
}
.zap-fixo:hover{transform:scale(1.06)}
.zap-fixo .ico{width:26px;height:26px}

/* ============================================================
   PÁGINA DE LINKS
   Medidas do original: fundo branco, logo de 431px, botões de 560x60
   com raio 64px na cor #B8904A e 20px de espaço entre eles.
   ============================================================ */
.pg-links{background:#fff}
.links-topo{
  max-width:560px;margin:0 auto;padding:88px 20px 96px;text-align:center
}
.links-logo{width:100%;max-width:431px;margin:0 auto 48px}

.links-lista{display:grid;gap:20px}
.links-lista a{
  display:flex;align-items:center;justify-content:center;
  min-height:60px;padding:14px 26px;border-radius:64px;
  background:#B8904A;color:#F5F5F5;
  font-size:14px;font-weight:700;letter-spacing:2.8px;text-transform:uppercase;
  line-height:1.3;transition:transform .2s,box-shadow .25s,background .2s
}
.links-lista a:hover{
  background:#C9A05A;transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(184,144,74,.3)
}

.links-pe{margin-top:44px;font-size:.85rem;color:var(--texto-suave)}
.links-redes{display:flex;justify-content:center;gap:12px;margin-top:18px}
.links-redes a{
  width:38px;height:38px;border-radius:50%;
  background:#B8904A;color:#fff;
  display:flex;align-items:center;justify-content:center;transition:all .2s
}
.links-redes a:hover{background:#C9A05A;transform:translateY(-2px)}
.links-redes .ico{width:15px;height:15px}

@media(max-width:640px){
  .links-topo{padding:56px 20px 64px}
  .links-lista{gap:16px}
  .links-lista a{min-height:54px;font-size:12.5px;letter-spacing:2.2px}
  .links-logo{max-width:300px;margin-bottom:34px}
}

/* ============================================================
   PÁGINA DE TEXTO (política de privacidade)
   ============================================================ */
.texto-legal{max-width:820px;margin:0 auto;padding:64px 0 78px}
.texto-legal h1{margin-bottom:.7em}
.texto-legal h2{font-size:1.32rem;margin:2em 0 .55em}
.texto-legal p,.texto-legal li{
  font-size:.92rem;color:var(--texto-suave);line-height:1.82;
  text-align:justify;hyphens:auto;-webkit-hyphens:auto
}
.texto-legal p{margin-bottom:1em}
.texto-legal ul{padding-left:20px;margin-bottom:1em}
.texto-legal li{margin-bottom:.4em}
.texto-legal strong{color:var(--texto)}
.texto-legal a{color:var(--ouro);text-decoration:underline;text-underline-offset:3px}
.texto-legal hr{border:0;height:1px;background:rgba(34,26,35,.1);margin:2.4em 0}
@media(max-width:820px){
  .texto-legal{padding:52px 0 60px}
  .texto-legal h2{font-size:1.24rem;margin:1.9em 0 .5em}
  /* no celular sai a justificação E a hifenização juntas: coluna
     estreita justificada abre buracos, e hifenizar sem justificar
     corta palavra à toa */
  .texto-legal p,.texto-legal li{font-size:.9rem;line-height:1.8;
    text-align:left;hyphens:none;-webkit-hyphens:none}
  .texto-legal p{margin-bottom:1em}
}

/* ============================================================
   TELAS MENORES
   ============================================================ */
@media(max-width:1080px){
  .chronus__interno{grid-template-columns:1fr;gap:36px}
  .pilares{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  .pilar{display:block}
  .pilar__letra{margin-bottom:10px}
  .sobre__caixa{grid-template-columns:280px 1fr;padding:44px 40px 0}
  .sobre__citacao{grid-column:1/-1;padding:0 0 44px;border-left:0;
                  border-top:2px solid var(--ouro);padding-top:22px}
  .dores{grid-template-columns:repeat(3,minmax(0,1fr))}
  .etapas{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .etapa+.etapa::before{display:none}
  .prova{grid-template-columns:1fr}
}

@media(max-width:820px){
  .chronus{padding-block:56px}
  .chronus__frase{margin-top:34px;font-size:.95rem}
  .menu{
    position:fixed;inset:64px 0 auto;background:var(--escuro-rodape);
    flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 24px;
    border-bottom:1px solid rgba(201,162,39,.14);
    transform:translateY(-12px);opacity:0;pointer-events:none;transition:all .25s
  }
  .menu.aberto{transform:none;opacity:1;pointer-events:auto}
  .menu a{padding:13px 0;border-bottom:1px solid rgba(247,241,240,.07)}
  .abrir-menu{display:flex}
  .topo .btn{display:none}
  /* o original mantém o hero em ~480px no celular, com a foto ocupando o
     fundo inteiro e o texto sobreposto */
  .hero{min-height:480px}
  .hero__fundo img{object-position:74% 20%}
  .hero__fundo::after{
    background:linear-gradient(180deg,rgba(49,33,42,.9) 0%,rgba(49,33,42,.72) 46%,rgba(49,33,42,.94) 100%)
  }
  .hero__conteudo{padding:44px 0;max-width:none}
  .selos__grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}
  .selo:nth-child(3)::before{display:none}
  .secao{padding:46px 0}
  .depos{grid-template-columns:1fr;gap:12px}
  .depo{padding:18px 18px}
  .faq{grid-template-columns:1fr;gap:9px}
  .sobre__caixa{grid-template-columns:1fr;padding:32px 24px 0;gap:20px;margin-left:0}
  .sobre__foto{max-width:210px;margin:0 auto -1px;width:auto}
  .sobre__texto{padding-bottom:0;text-align:center}
  .sobre__numeros{justify-content:center}
  .fechamento__interno{flex-direction:column;text-align:center}
  .fechamento h2{max-width:none}
  .fechamento p{margin-inline:auto}
  .rodape__grade{grid-template-columns:1fr;gap:30px}
  .rodape__base{flex-direction:column;text-align:center;gap:10px}
}

@media(max-width:600px){
  .wrap{width:calc(100% - 32px)}
  .dores{grid-template-columns:1fr;gap:10px}
  .dor{display:grid;grid-template-columns:auto 1fr;gap:3px 16px;
       text-align:left;padding:16px 18px;align-items:center}
  .dor__ico{margin:0;grid-row:span 2;width:46px;height:46px}
  .dor h3{font-size:1.06rem;margin:0}
  .pilares{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .pilar{display:block}
  .pilar__letra{font-size:2rem;margin-bottom:4px}
  .pilar__ico{width:32px;height:32px;margin:6px auto 7px}
  .pilar span:not(.pilar__letra){font-size:.62rem;line-height:1.42}
  .etapas{grid-template-columns:1fr;gap:8px}
  .etapa{display:grid;grid-template-columns:auto 1fr;gap:2px 16px;
         text-align:left;padding:15px 18px;align-items:center}
  .etapa__ico{margin:0;grid-row:span 3}
  .chronus__simbolo{display:none}
  .chronus{padding-block:52px}
  .chronus__frase{margin-top:32px;font-size:.94rem}
  .selos__grade{gap:22px 0}
}

/* ---------- revelação ao rolar ----------
   O estado inicial só vale quando o JS confirmou que roda (js-revela),
   senão uma falha de script esconderia a página inteira. */
.revela{transition:opacity .6s ease,transform .6s ease}
.js-revela .revela{opacity:0;transform:translateY(16px)}
.js-revela .revela.visivel{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .js-revela .revela{opacity:1;transform:none}
}