/* ================================================================
   Nex One Bandeira Paulista — Mauro Abreu
   v2 — Editorial. Papel creme, serifa display, navy como acento.
   Mobile first.
   ================================================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  /* tinta */
  --ink:#14171C;          /* preto tipográfico, não puro */
  --ink-2:#3D434D;        /* texto corrido */
  --ink-3:#6B7280;        /* legendas */
  --rule:#DDD8CE;         /* filetes */

  /* papel */
  --paper:#F4F1EA;        /* fundo dominante */
  --paper-2:#EBE6DB;      /* faixa alternada */
  --white:#FFFFFF;

  /* acentos */
  --navy:#12233B;         /* usado em blocos, não no corpo todo */
  --navy-2:#1B324F;
  --gold:#9A7B3F;         /* dourado fosco, impresso — não metálico */
  --gold-lt:#C9A961;

  --wa:#25D366; --wa-dk:#128C7E;

  /* alias mantido para o chat.css, que já estava validado e não foi tocado */
  --navy-900:#12233B;

  --maxw:1240px;
  --gut:22px;
  --ease:cubic-bezier(.22,1,.36,1);

  --serif:'Fraunces','Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Barlow Condensed',sans-serif;
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);
  background:var(--paper);color:var(--ink);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  font-size:17px;line-height:1.6;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
::selection{background:var(--gold);color:#fff}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
@media(min-width:820px){:root{--gut:40px}}

/* ================================================================
   TIPOGRAFIA EDITORIAL
   ================================================================ */
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.04}

h1{font-size:clamp(2.9rem,11vw,6.6rem);line-height:.96;letter-spacing:-.035em}
h2{font-size:clamp(2.1rem,6.4vw,4rem);line-height:1.02;letter-spacing:-.028em}
h3{font-family:var(--sans);font-size:clamp(1.05rem,2.4vw,1.24rem);
   font-weight:600;letter-spacing:-.01em;line-height:1.28}

/* itálico da serifa é o principal recurso de ênfase */
.it{font-style:italic}
.gold{color:var(--gold)}

/* olho / kicker — filete + versalete, linguagem de revista */
.kicker{
  display:block;
  font-family:var(--mono);font-weight:600;
  font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);
  padding-bottom:12px;margin-bottom:22px;
  border-bottom:1px solid var(--rule);
}
.kicker--c{text-align:center}

/* linha de apoio */
.lead{
  font-size:clamp(1.06rem,2.5vw,1.32rem);
  line-height:1.62;color:var(--ink-2);font-weight:300;
  max-width:60ch;
}
.lead b{font-weight:600;color:var(--ink)}

/* número tabular para dados */
.num{font-variant-numeric:tabular-nums;letter-spacing:-.03em}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ================================================================ HEADER */
.hdr{
  position:fixed;top:0;left:0;right:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;padding:16px var(--gut);
  transition:background .4s var(--ease),padding .4s var(--ease),
             border-color .4s var(--ease),box-shadow .4s var(--ease);
  border-bottom:1px solid transparent;
}
/* sobre o hero claro o header já nasce legível */
.hdr.stuck{
  background:rgba(244,241,234,.94);backdrop-filter:blur(16px);
  border-bottom-color:var(--rule);padding:11px var(--gut);
}
.hdr__brand{display:flex;align-items:center;gap:12px;min-width:0}
.hdr__brand img{
  width:38px;height:38px;border-radius:50%;object-fit:cover;
  flex-shrink:0;filter:grayscale(1);
}
.hdr__nm{
  font-family:var(--serif);font-size:1.06rem;font-weight:500;
  line-height:1.1;white-space:nowrap;letter-spacing:-.01em;
}
.hdr__cr{
  font-family:var(--mono);font-size:.7rem;
  letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase;
}
/* CTA do header: contorno, não bloco verde — não compete com o conteúdo */
.hdr__cta{
  display:inline-flex;align-items:center;gap:9px;flex-shrink:0;
  background:transparent;color:var(--ink);
  font-weight:600;font-size:.85rem;
  padding:10px 18px;border:1px solid var(--ink);border-radius:0;
  transition:background .3s var(--ease),color .3s var(--ease);
}
.hdr__cta:hover{background:var(--ink);color:var(--paper)}
.hdr__cta svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}
.hdr__cta span{display:none}
@media(min-width:560px){.hdr__cta span{display:inline}}

/* ================================================================
   HERO — capa de revista.
   Tipografia primeiro, foto como prancha abaixo. O oposto do criativo,
   que empilha tudo sobre a imagem.
   ================================================================ */
.hero{padding:132px 0 0;position:relative;overflow:hidden}

.hero__top{
  display:grid;gap:8px;
  grid-template-columns:1fr;
  align-items:end;
  padding-bottom:34px;
}
@media(min-width:940px){
  .hero__top{grid-template-columns:1fr auto;gap:56px;padding-bottom:44px}
}

.hero h1{margin:0 0 26px;text-wrap:balance}
.hero h1 .l2{display:block;padding-left:.09em}
.hero__sub{max-width:44ch}

/* meta do lançamento: linguagem de expediente de revista */
.hero__meta{
  display:flex;flex-direction:column;gap:14px;
  padding-top:6px;
}
@media(min-width:940px){
  .hero__meta{border-left:1px solid var(--rule);padding-left:34px;min-width:230px}
}
.meta__r{display:flex;flex-direction:column;gap:3px}
.meta__k{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ink-3);
}
.meta__v{font-family:var(--serif);font-size:1.24rem;line-height:1.2}
.meta__v small{font-family:var(--sans);font-size:.62em;color:var(--ink-3);font-weight:400}

/* prancha fotográfica em sangria */
.hero__plate{
  position:relative;
  width:100vw;margin-left:calc(50% - 50vw);
  aspect-ratio:16/11;max-height:76vh;overflow:hidden;background:var(--navy);
}
@media(min-width:940px){.hero__plate{aspect-ratio:21/9}}
.hero__plate img{
  width:100%;height:100%;object-fit:cover;object-position:center 54%;
  transform:scale(1.02);
}
/* legenda de foto, como em livro de arquitetura */
.plate__cap{
  position:absolute;left:var(--gut);bottom:16px;z-index:2;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(255,255,255,.86);
  text-shadow:0 1px 12px rgba(0,0,0,.6);
}
.plate__tag{
  position:absolute;right:var(--gut);top:16px;z-index:2;
  font-family:var(--mono);font-size:.7rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--ink);
  background:var(--gold-lt);padding:7px 14px;
}

/* faixa de preço — régua horizontal, não caixa com moldura dourada */
.rail{
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  background:var(--paper);
}
.rail__in{
  display:grid;grid-template-columns:1fr;gap:0;
  max-width:var(--maxw);margin:0 auto;
}
@media(min-width:760px){.rail__in{grid-template-columns:auto 1fr auto;align-items:center}}
.rail__price{
  padding:26px var(--gut);
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
}
.rail__lbl{
  font-family:var(--mono);font-size:.74rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ink-3);
}
.rail__v{
  font-family:var(--serif);font-weight:500;
  font-size:clamp(2.3rem,7vw,3.4rem);
  line-height:1;letter-spacing:-.035em;
}
.rail__v sup{font-size:.3em;vertical-align:super;color:var(--gold);margin-left:2px}
.rail__cur{font-size:.42em;color:var(--ink-3);margin-right:4px}
.rail__note{
  padding:0 var(--gut) 24px;font-size:.9rem;color:var(--ink-3);line-height:1.5;
}
@media(min-width:760px){
  .rail__note{padding:20px 0;border-left:1px solid var(--rule);padding-left:30px;max-width:34ch}
  .rail__price{border-right:0}
}
.rail__act{padding:0 var(--gut) 26px}
@media(min-width:760px){.rail__act{padding:0 var(--gut) 0 30px}}

/* ================================================================ SEÇÕES */
section{position:relative}
.sec{padding:88px 0}
@media(min-width:940px){.sec{padding:118px 0}}
.sec--tint{background:var(--paper-2)}
.sec--dark{background:var(--navy);color:#fff}
.sec--dark .lead{color:rgba(255,255,255,.72)}
.sec--dark .lead b{color:#fff}
.sec--dark .kicker{color:var(--gold-lt);border-bottom-color:rgba(255,255,255,.16)}
.sec--dark h2{color:#fff}

/* cabeçalho de seção em duas colunas — assimetria editorial */
.sec__head{margin-bottom:52px}
@media(min-width:940px){
  .sec__head{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:start}
  .sec__head--solo{grid-template-columns:1fr;max-width:26ch}
}
.sec__head h2{text-wrap:balance;margin:0}
.sec__head .lead{margin-top:0}
@media(max-width:939px){.sec__head .lead{margin-top:22px}}

/* ---------------- números em régua ---------------- */
.stats{
  display:grid;grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--rule);border-left:1px solid var(--rule);
}
@media(min-width:820px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{
  padding:30px 22px;
  border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);
}
.sec--dark .stats{border-color:rgba(255,255,255,.14)}
.sec--dark .stat{border-color:rgba(255,255,255,.14)}
.stat__k{
  font-family:var(--serif);font-size:clamp(2.3rem,6vw,3.2rem);
  font-weight:500;               /* a Fraunces em 400 afina demais neste corpo */
  line-height:1;letter-spacing:-.04em;
}
.stat__k small{font-family:var(--sans);font-size:.32em;font-weight:500;color:var(--ink-3);margin-left:3px}
.sec--dark .stat__k small{color:rgba(255,255,255,.55)}
.stat__v{
  margin-top:12px;font-family:var(--mono);font-weight:500;
  font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-3);
}
.sec--dark .stat__v{color:rgba(255,255,255,.55)}

/* ---------------- argumentos: lista numerada de ensaio ---------------- */
.args{display:grid;gap:0;border-top:1px solid var(--rule)}
.sec--dark .args{border-color:rgba(255,255,255,.14)}
.arg{
  display:grid;gap:14px;padding:34px 0;
  border-bottom:1px solid var(--rule);
  align-items:start;
}
.sec--dark .arg{border-color:rgba(255,255,255,.14)}
@media(min-width:820px){
  .arg{grid-template-columns:auto minmax(0,17ch) minmax(0,1fr);gap:44px;padding:40px 0}
}
.arg__n{
  font-family:var(--mono);font-size:.8rem;letter-spacing:.2em;
  color:var(--gold);padding-top:5px;
}
.arg h3{margin:0}
.arg p{color:var(--ink-2);font-weight:300;max-width:56ch;margin:0}
.arg p b{font-weight:600;color:var(--ink)}
.sec--dark .arg p{color:rgba(255,255,255,.74)}
.sec--dark .arg p b{color:#fff}

/* ---------------- comparativo aluguel × compra ---------------- */
.vs{
  display:grid;gap:0;margin-top:8px;
  border:1px solid var(--rule);background:var(--white);
}
@media(min-width:700px){.vs{grid-template-columns:1fr 1fr}}
.vs__c{padding:34px 28px}
.vs__c+.vs__c{border-top:1px solid var(--rule)}
@media(min-width:700px){
  .vs__c+.vs__c{border-top:0;border-left:1px solid var(--rule)}
}
.vs__c--b{background:var(--navy);color:#fff;border-color:var(--navy)}
.vs__lbl{
  font-family:var(--mono);font-weight:600;font-size:.75rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);
}
.vs__c--b .vs__lbl{color:var(--gold-lt)}
.vs__n{
  font-family:var(--serif);font-weight:500;
  font-size:clamp(2.1rem,6.4vw,3rem);
  letter-spacing:-.035em;margin:14px 0 10px;line-height:1;
}
.vs__n small{font-family:var(--sans);font-size:.3em;font-weight:500;color:var(--ink-3)}
.vs__c--b .vs__n small{color:rgba(255,255,255,.6)}
.vs__d{font-size:1rem;line-height:1.5;color:var(--ink-2)}
.vs__c--b .vs__d{color:rgba(255,255,255,.8)}

/* ---------------- galeria: mosaico editorial ---------------- */
.gal{
  display:grid;gap:10px;grid-template-columns:repeat(2,1fr);
  margin-top:8px;
}
@media(min-width:900px){
  .gal{grid-template-columns:repeat(6,1fr);gap:12px}
  /* ritmo irregular: a primeira manda, as outras acompanham */
  .gal__i:nth-child(1){grid-column:span 4;grid-row:span 2}
  .gal__i:nth-child(2){grid-column:span 2}
  .gal__i:nth-child(3){grid-column:span 2}
  .gal__i:nth-child(4){grid-column:span 2}
  .gal__i:nth-child(5){grid-column:span 2}
  .gal__i:nth-child(6){grid-column:span 2}
  .gal__i:nth-child(7){grid-column:span 6}
}
.gal__i{
  position:relative;overflow:hidden;cursor:pointer;
  background:var(--navy-2);aspect-ratio:4/3;
}
@media(min-width:900px){
  .gal__i:nth-child(1){aspect-ratio:auto}
  .gal__i:nth-child(7){aspect-ratio:21/7}
}
.gal__i img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 1s var(--ease),filter .6s var(--ease);
}
.gal__i:hover img{transform:scale(1.05)}
/* legenda entra por baixo no hover, sem véu permanente sobre a foto */
.gal__c{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:34px 16px 14px;
  font-family:var(--mono);font-weight:600;
  font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;
  background:linear-gradient(180deg,transparent,rgba(10,18,30,.82));
}

/* amenidades como índice tipográfico */
.amen{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:0;margin-top:44px;
  border-top:1px solid rgba(255,255,255,.14);
}
.amen span{
  padding:13px 4px;font-size:.9rem;font-weight:300;
  color:rgba(255,255,255,.8);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.amen span::before{content:'— ';color:var(--gold-lt)}

/* ---------------- plantas ---------------- */
.plants{display:grid;gap:1px;margin-top:8px;background:var(--rule);border:1px solid var(--rule)}
@media(min-width:700px){.plants{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.plants{grid-template-columns:repeat(4,1fr)}}
.plant{
  background:var(--white);display:flex;flex-direction:column;
  transition:background .35s var(--ease);
}
.plant:hover{background:#FBFAF7}
.plant img{
  width:100%;aspect-ratio:1;object-fit:contain;
  background:var(--white);padding:18px;cursor:zoom-in;
  mix-blend-mode:multiply;
}
.plant__b{padding:0 22px 24px;display:flex;flex-direction:column;flex:1}
.plant__t{font-family:var(--serif);font-size:1.3rem;line-height:1.15;letter-spacing:-.02em}
.plant__s{
  margin-top:7px;font-family:var(--mono);font-size:.74rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);
  line-height:1.5;
}
.plant__cta{margin-top:auto;padding-top:20px}
.plant__cta button{
  width:100%;padding:12px;font-size:.84rem;font-weight:600;
  background:transparent;color:var(--ink);border:1px solid var(--ink);
  transition:background .3s var(--ease),color .3s var(--ease);
}
.plant__cta button:hover{background:var(--ink);color:var(--paper)}

/* ---------------- ficha técnica: tabela de expediente ---------------- */
.spec{border-top:1px solid var(--rule)}
.spec__r{
  display:grid;gap:8px;padding:26px 0;
  border-bottom:1px solid var(--rule);
}
@media(min-width:820px){
  .spec__r{grid-template-columns:minmax(0,20ch) minmax(0,1fr);gap:52px;align-items:baseline}
}
.spec__k{
  font-family:var(--mono);font-size:.78rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);
}
.spec__v{color:var(--ink-2);font-weight:300;max-width:62ch;margin:0}
.spec__v b{font-weight:600;color:var(--ink)}

/* ---------------- corretor ---------------- */
.broker{display:grid;gap:34px;align-items:start}
@media(min-width:880px){.broker{grid-template-columns:minmax(0,300px) 1fr;gap:70px}}
.broker__ph img{
  width:100%;aspect-ratio:4/5;object-fit:cover;
  /* o retrato já vem em 4/5; o object-position protege a cabeça
     caso a proporção do contêiner mude em algum breakpoint */
  object-position:center top;
  filter:grayscale(1) contrast(1.04);
}
.broker__cap{
  margin-top:12px;font-family:var(--mono);font-size:.72rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);
}
.broker h2{margin:0 0 24px}
.broker .lead+.lead{margin-top:20px}

/* citação — recurso puramente editorial */
.quote{
  font-family:var(--serif);font-style:italic;
  font-size:clamp(1.35rem,3.6vw,1.9rem);line-height:1.34;
  letter-spacing:-.02em;color:var(--ink);
  padding-left:24px;border-left:2px solid var(--gold);
  margin:30px 0;max-width:32ch;
}
.sec--dark .quote{color:#fff}

/* ---------------- CTA final ---------------- */
.final{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.final__bg{position:absolute;inset:0;opacity:.16}
.final__bg img{width:100%;height:100%;object-fit:cover}
.final__in{position:relative;z-index:2;padding:96px 0}
@media(min-width:940px){.final__in{padding:130px 0}}
.final h2{color:#fff;max-width:16ch;text-wrap:balance;margin:0 0 24px}
.final .lead{color:rgba(255,255,255,.74);max-width:48ch}
.final .kicker{color:var(--gold-lt);border-bottom-color:rgba(255,255,255,.2);max-width:24ch}

/* ================================================================
   BOTÃO WHATSAPP
   Retangular, peso tipográfico. O verde aparece só onde converte.
   ================================================================ */
.btn-wa{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  background:var(--wa);color:#052B14;font-weight:700;font-size:1rem;
  padding:17px 34px;border-radius:0;margin-top:30px;
  letter-spacing:-.01em;
  transition:background .3s var(--ease),transform .3s var(--ease);
}
.btn-wa:hover{background:#1FBE5B;transform:translateY(-2px)}
.btn-wa svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}
.btn-wa--lg{font-size:1.05rem;padding:19px 40px}
.btn-wa--block{display:flex;width:100%;margin-top:0}
/* variante de contorno para fundo escuro */
.btn-line{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  padding:16px 32px;margin-top:30px;font-weight:600;font-size:.98rem;
  border:1px solid rgba(255,255,255,.4);color:#fff;background:transparent;
  transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);
}
.btn-line:hover{background:#fff;color:var(--navy);border-color:#fff}
.btn-line svg{width:19px;height:19px;fill:currentColor}

/* ================================================================ RODAPÉ */
.ft{
  background:var(--paper-2);color:var(--ink);
  padding:60px 0 108px;border-top:1px solid var(--rule);font-size:.9rem;
}
@media(min-width:900px){.ft{padding-bottom:56px}}
.ft__g{
  display:grid;gap:30px;
  padding-bottom:34px;border-bottom:1px solid var(--rule);
}
@media(min-width:760px){.ft__g{grid-template-columns:1fr 1fr;gap:60px}}
.ft__b{display:flex;align-items:center;gap:14px}
.ft__b img{width:50px;height:50px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.ft__nm{font-family:var(--serif);font-size:1.18rem;line-height:1.2}
.ft p{color:var(--ink-2);line-height:1.7}
.ft__addr b{font-family:var(--serif);font-weight:500;font-size:1.05rem;color:var(--ink)}
.legal{
  margin-top:28px;padding-top:22px;border-top:1px solid var(--rule);
  font-size:.76rem;line-height:1.65;color:var(--ink-3);
}
.ft__links{
  display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;
  margin-top:22px;padding-top:22px;border-top:1px solid var(--rule);
}
.ft__links a,.ft__links button{
  font-size:.85rem;color:var(--ink-2);padding:0;
  transition:color .25s;border-bottom:1px solid transparent;
}
.ft__links a:hover,.ft__links button:hover{color:var(--gold);border-bottom-color:var(--gold)}
.ft__sep{color:var(--rule)}

/* ================================================================ FLUTUANTES */
.dock{
  position:fixed;left:0;right:0;bottom:0;z-index:55;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(244,241,234,.96);backdrop-filter:blur(16px);
  border-top:1px solid var(--rule);
  transform:translateY(105%);transition:transform .45s var(--ease);
}
.dock.show{transform:none}
@media(min-width:900px){.dock{display:none}}

/* lightbox */
.lb{
  position:fixed;inset:0;z-index:120;display:none;
  background:rgba(20,23,28,.96);backdrop-filter:blur(8px);
  align-items:center;justify-content:center;padding:24px;
}
.lb.open{display:flex}
.lb img{max-width:100%;max-height:88vh;object-fit:contain;background:var(--white)}
.lb__x{
  position:absolute;top:18px;right:18px;width:44px;height:44px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.1);color:#fff;font-size:1.6rem;line-height:1;
  transition:background .25s;
}
.lb__x:hover{background:rgba(255,255,255,.2)}

/* ================================================================ COOKIES */
.ck{
  position:fixed;left:0;right:0;bottom:0;z-index:130;
  padding:16px var(--gut) calc(16px + env(safe-area-inset-bottom));
  background:var(--navy);color:#fff;
  transform:translateY(110%);transition:transform .45s var(--ease);
}
.ck.show{transform:none}
.ck__in{
  max-width:var(--maxw);margin:0 auto;
  display:flex;flex-direction:column;gap:14px;
}
@media(min-width:820px){
  .ck__in{flex-direction:row;align-items:center;justify-content:space-between;gap:28px}
}
.ck__t{font-size:.88rem;line-height:1.55;color:rgba(255,255,255,.82);font-weight:300}
.ck__t a{color:var(--gold-lt);text-decoration:underline;text-underline-offset:3px}
.ck__b{display:flex;gap:10px;flex-shrink:0}
.ck__b button{
  padding:12px 24px;font-size:.86rem;font-weight:600;white-space:nowrap;
  transition:background .25s,color .25s,border-color .25s;
}
.ck__yes{background:var(--gold-lt);color:var(--navy)}
.ck__yes:hover{background:#fff}
.ck__no{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.34)}
.ck__no:hover{border-color:#fff}

/* política de privacidade reaproveita o corpo do site */
.doc .btn-wa{margin-top:24px}

/* ================================================================
   PERGUNTAS FREQUENTES
   <details> nativo: abre sem JS e o conteúdo fica no HTML, que é o
   que buscadores e motores de IA leem.
   ================================================================ */
.faq{border-top:1px solid var(--rule)}
.faq__i{border-bottom:1px solid var(--rule)}
.faq__i summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:flex-start;gap:18px;
  padding:26px 0;
  font-family:var(--serif);font-weight:400;
  font-size:clamp(1.15rem,2.8vw,1.42rem);line-height:1.3;
  letter-spacing:-.02em;color:var(--ink);
  transition:color .25s var(--ease);
}
.faq__i summary::-webkit-details-marker{display:none}
.faq__i summary:hover{color:var(--gold)}
/* sinal de + que vira x quando aberto */
.faq__i summary::after{
  content:'';flex-shrink:0;margin-left:auto;
  width:16px;height:16px;margin-top:.32em;
  background:
    linear-gradient(var(--gold),var(--gold)) center/100% 1px no-repeat,
    linear-gradient(var(--gold),var(--gold)) center/1px 100% no-repeat;
  transition:transform .35s var(--ease);
}
.faq__i[open] summary::after{transform:rotate(135deg)}
.faq__a{padding:0 0 28px;max-width:66ch}
.faq__a p{
  font-size:1.02rem;line-height:1.72;color:var(--ink-2);font-weight:300;margin:0;
}
.faq__a p b{font-weight:600;color:var(--ink)}
@media (prefers-reduced-motion:reduce){
  .faq__i summary::after{transition:none}
}

/* variante do índice de itens para fundo claro */
.amen--light{border-top-color:var(--rule)}
.amen--light span{
  color:var(--ink-2);
  border-bottom-color:var(--rule);
}
.amen--light span::before{color:var(--gold)}