/* ============================================================
   ESTILO DAS PAGINAS DE DESTINO E DA PRIVACIDADE.
   Extraido do index.html, que continua com o CSS proprio.
   Somente as paginas internas usam este arquivo.
   ============================================================ */
/* ============================================================
   TOKENS. Cores medidas por amostragem das fotos reais do
   escritorio e do arquivo oficial da marca.
   ============================================================ */
:root{
  --navy-deep:#001435;
  --navy:#0B2149;
  --indigo:#333468;
  --canvas:#F4EFE6;
  --canvas-deep:#E8DFD1;
  --panel:#FBF8F2;
  --stone:#C6BAB2;
  --stone-line:#D8CDBE;
  --ink:#0D1A33;
  --ink-soft:#4A5468;
  --gold:#C9A24B;
  --gold-light:#E8C87E;
  --gold-deep:#8B6220;
  --wood:#BB8251;
  --leather:#D9C3A8;

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-soft:cubic-bezier(.4,0,.2,1);
  --tshadow:0 1px 2px rgba(0,10,25,.95),0 3px 12px rgba(0,10,25,.78),0 10px 44px rgba(0,10,25,.8);

  --shell:min(1220px,92vw);
}

*{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth}
body{
  overflow-x:hidden;overflow-x:clip;
  margin:0;background:var(--canvas);color:var(--ink);
  font-family:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
/* A barra fixa nao pode cobrir o inicio da secao quando um link leva ate ela. */
section[id],.grupo[id]{scroll-margin-top:96px}
details[id]{scroll-margin-top:96px}

h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.08;letter-spacing:-.005em}
.kicker{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:0}
.lede{font-size:1.12rem;color:var(--ink-soft);max-width:62ch}

.skip{position:absolute;left:-9999px;top:0;background:var(--navy-deep);color:#fff;padding:12px 18px;z-index:200}
.skip:focus{left:12px;top:12px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
main :focus-visible{outline-color:var(--gold-deep)}

/* ============================================================
   CAMADA DE AMBIENTE
   ============================================================ */
.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 50% at 18% 12%,rgba(201,162,75,.10),transparent 70%),
    radial-gradient(55% 45% at 86% 78%,rgba(51,52,104,.09),transparent 72%);
  animation:drift 74s ease-in-out -12s infinite alternate}
.ambient::after{content:"";position:absolute;inset:-20%;opacity:.32;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
@keyframes drift{from{transform:translate3d(-1.4%,-1%,0) scale(1.03)}to{transform:translate3d(1.6%,1.4%,0) scale(1.06)}}

/* ============================================================
   NAVEGACAO
   ============================================================ */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;
  display:flex;align-items:center;gap:18px;padding:12px max(20px,3vw);
  transition:background .5s var(--ease),backdrop-filter .5s var(--ease),padding .5s var(--ease),box-shadow .5s var(--ease)}
.nav.solid{background:rgba(244,239,230,.92);backdrop-filter:blur(14px);padding:9px max(20px,3vw);box-shadow:0 1px 0 rgba(13,26,51,.08)}
.nav__brand{display:flex;align-items:center;flex:0 0 auto}
.nav__brand img{height:32px;width:auto}
.nav.solid .on-dark{display:none}
.on-light{display:none}
.nav.solid .on-light{display:block}

/* Telefone e cidade, entre o logotipo e os links */
.nav__meta{display:flex;align-items:center;gap:20px;padding-left:20px;margin-left:2px;
  border-left:1px solid rgba(232,200,126,.32)}
.nav.solid .nav__meta{border-left-color:rgba(139,98,32,.26)}
.nav__meta a,.nav__meta span{display:inline-flex;align-items:center;gap:8px;
  font-size:.88rem;font-weight:500;text-decoration:none;white-space:nowrap;
  color:rgba(255,255,255,.92);text-shadow:0 1px 10px rgba(0,10,25,.6);
  transition:color .3s var(--ease)}
.nav.solid .nav__meta a,.nav.solid .nav__meta span{color:var(--ink);text-shadow:none}
.nav__meta a:hover{color:var(--gold)}
.nav__meta svg{width:15px;height:15px;flex:0 0 auto;color:var(--gold-light)}
.nav.solid .nav__meta svg{color:var(--gold-deep)}

.nav__links{display:flex;gap:24px;margin-left:auto;align-items:center}
.nav__links a{font-size:.92rem;text-decoration:none;color:rgba(255,255,255,.9);position:relative;padding:4px 0;
  text-shadow:0 1px 10px rgba(0,10,25,.6);transition:color .3s var(--ease)}
.nav.solid .nav__links a{color:var(--ink-soft);text-shadow:none}
.nav__links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold);transition:right .45s var(--ease)}
.nav__links a:hover::after{right:0}
.nav__links a:hover{color:var(--gold)}
.navlink-wa,.navlink-meta{display:none}
.nav__cta{display:flex;align-items:center;gap:11px;margin-left:22px}
.ig{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(232,200,126,.6);color:var(--gold-light);
  transition:background .35s var(--ease),transform .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease)}
.nav.solid .ig{border-color:rgba(139,98,32,.45);color:var(--gold-deep)}
.ig:hover{background:rgba(201,162,75,.16);transform:translateY(-2px)}
.ig svg{width:18px;height:18px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:Figtree,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;
  padding:13px 24px;border-radius:2px;border:1px solid transparent;cursor:pointer;text-shadow:none;
  transition:background .35s var(--ease),color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.btn--gold{background:var(--gold);color:#0F1C33;box-shadow:0 6px 22px rgba(201,162,75,.28)}
.btn--gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 10px 30px rgba(201,162,75,.36)}
.btn--ghost{border-color:rgba(232,200,126,.62);color:#F6F1E7}
.btn--ghost:hover{background:rgba(232,200,126,.14);border-color:var(--gold-light);transform:translateY(-2px)}
.btn--ink{border:1px solid rgba(13,26,51,.24);color:var(--ink);background:none}
.btn--ink:hover{background:rgba(13,26,51,.05);transform:translateY(-2px)}
.btn svg{width:17px;height:17px;flex:0 0 auto}
.nav__cta .btn{padding:11px 20px;font-size:.92rem}

.navtoggle{display:none;margin-left:auto;background:none;border:1px solid rgba(232,200,126,.6);color:var(--gold-light);
  width:42px;height:42px;border-radius:2px;cursor:pointer;align-items:center;justify-content:center}
.nav.solid .navtoggle{border-color:rgba(139,98,32,.45);color:var(--gold-deep)}
.navtoggle svg{width:20px;height:20px}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;
  background:var(--navy-deep);z-index:1}
.hero__media{position:absolute;inset:-3%;z-index:0;
  transform:translate3d(0,calc(var(--hy,0)*1px),0);will-change:transform}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:60% center;
  animation:heroDrift 62s var(--ease-soft) -14s infinite alternate}
@keyframes heroDrift{from{transform:scale(1.02) translate3d(.6%,0,0)}to{transform:scale(1.09) translate3d(-1.2%,-1%,0)}}

.hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(to top,rgba(0,12,32,.86) 0%,rgba(0,12,32,.5) 30%,rgba(0,12,32,.12) 62%,rgba(0,12,32,.34) 100%),
    radial-gradient(ellipse 94% 90% at 16% 70%,rgba(0,10,26,.86) 0%,rgba(0,10,26,.62) 44%,rgba(0,10,26,0) 80%)}
.hero__dust{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.45;
  background-image:
    radial-gradient(1.6px 1.6px at 12% 22%,rgba(232,200,126,.55),transparent),
    radial-gradient(1.4px 1.4px at 28% 68%,rgba(232,200,126,.4),transparent),
    radial-gradient(1.8px 1.8px at 44% 38%,rgba(255,245,220,.5),transparent),
    radial-gradient(1.2px 1.2px at 63% 74%,rgba(232,200,126,.38),transparent),
    radial-gradient(1.6px 1.6px at 78% 28%,rgba(255,245,220,.42),transparent),
    radial-gradient(1.3px 1.3px at 90% 58%,rgba(232,200,126,.4),transparent);
  animation:motes 52s linear -9s infinite}
@keyframes motes{from{transform:translate3d(0,0,0)}to{transform:translate3d(-3%,-8%,0)}}

.hero__inner{position:relative;z-index:3;width:var(--shell);margin:0 auto;
  padding:0 0 clamp(84px,15vh,150px);color:#F6F1E7;text-shadow:var(--tshadow);
  opacity:var(--ho,1);transform:translate3d(0,calc(var(--ht,0)*1px),0)}
.hero__kicker{display:flex;align-items:center;gap:14px;margin:0 0 24px;
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.74rem;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light)}
.hero__rule{width:52px;height:1px;background:var(--gold);flex:0 0 auto}
.hero h1{font-size:clamp(2.4rem,5.6vw,4.3rem);margin:0 0 20px;max-width:18ch;text-wrap:balance}
.hero__sub{font-size:clamp(1.02rem,1.5vw,1.18rem);color:rgba(246,241,231,.94);margin:0 0 32px;max-width:52ch}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap}


.soleira{position:relative;height:8px;margin:0 0 clamp(52px,8vh,92px);display:flex;align-items:center}
.soleira span{flex:1;height:1px;background:var(--stone-line)}
.soleira i{width:0;height:8px;position:relative;transition:width 1.1s var(--ease),margin 1.1s var(--ease)}
.soleira i::before{content:"";position:absolute;inset:0;border-left:1px solid var(--gold);border-right:1px solid var(--gold);
  opacity:0;transition:opacity .9s var(--ease) .25s}
.soleira.in i{width:64px;margin:0 18px}
.soleira.in i::before{opacity:.9}
.soleira--dark span{background:rgba(232,200,126,.26)}

/* ============================================================
   ESTRUTURA DE SECOES
   ============================================================ */
main{position:relative;z-index:2;background:var(--canvas)}
.sec{position:relative;padding:clamp(64px,9vh,110px) 0}
.shell{width:var(--shell);margin:0 auto}
.sec--dark{background:var(--navy-deep);color:#EFE9DF}
.sec--dark .kicker{color:var(--gold)}
.sec--dark .lede{color:rgba(239,233,223,.78)}
.sec--stone{background:var(--canvas-deep)}

.head{max-width:64ch;margin-bottom:clamp(34px,5vh,58px)}
.head h2{font-size:clamp(2.1rem,4.6vw,3.5rem);margin:14px 0 16px}
.head .lede{margin:0}

.rise{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rise.in{opacity:1;transform:none}
.stag>*{opacity:0;transform:translateY(24px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.stag.in>*{opacity:1;transform:none}
.stag.in>*:nth-child(1){transition-delay:0ms}
.stag.in>*:nth-child(2){transition-delay:90ms}
.stag.in>*:nth-child(3){transition-delay:180ms}
.stag.in>*:nth-child(4){transition-delay:270ms}
.stag.in>*:nth-child(5){transition-delay:360ms}
.stag.in>*:nth-child(6){transition-delay:450ms}
/* Listas longas, como as duvidas, nao podem ter os itens de baixo sem atraso */
.stag.in>*:nth-child(n+7){transition-delay:520ms}
.stag.in>*:nth-child(n+11){transition-delay:600ms}
.stag.in>*:nth-child(n+15){transition-delay:680ms}
.stag.settled>*:nth-child(1),.stag.settled>*:nth-child(2),.stag.settled>*:nth-child(3),
.stag.settled>*:nth-child(4),.stag.settled>*:nth-child(5),.stag.settled>*:nth-child(6),
.stag.settled>*:nth-child(n+7){transition-delay:0s}

/* ============================================================
   SITUACOES, em dois grupos rotulados
   ============================================================ */
.grupo+.grupo{margin-top:clamp(46px,7vh,84px)}
.grupo__t{display:flex;align-items:center;gap:18px;margin:0 0 26px;
  font-family:"JetBrains Mono",monospace;font-size:.74rem;font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-deep)}
.grupo__t::after{content:"";flex:1;height:1px;background:var(--stone-line)}

.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.pillar{background:var(--panel);border:1px solid var(--stone-line);padding:clamp(26px,3vw,38px);
  display:flex;flex-direction:column;gap:16px;position:relative;
  transition:border-color .5s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease)}
.pillar:hover{border-color:rgba(201,162,75,.65);transform:translateY(-4px);box-shadow:0 22px 50px rgba(13,26,51,.09)}
.pillar__top{display:flex;align-items:center;gap:16px}
.pillar__glyph{flex:0 0 auto;width:44px;height:44px;color:var(--gold-deep)}
.pillar h3{font-size:clamp(1.28rem,1.9vw,1.6rem);margin:0}
.pillar__note{font-size:.97rem;color:var(--ink-soft);margin:0}
.says{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.says li{position:relative;padding-left:22px;color:var(--ink);
  font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:1.22rem;line-height:1.36}
.says li::before{content:"";position:absolute;left:0;top:.58em;width:9px;height:9px;
  border-left:1px solid var(--gold);border-top:1px solid var(--gold)}

/* ============================================================
   COMO FUNCIONA
   ============================================================ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.step{display:flex;flex-direction:column;gap:16px}
.step__img{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--navy)}
.step__img img{width:100%;height:100%;object-fit:cover;
  transform:scale(1.02);transition:transform 1.2s var(--ease)}
.step:hover .step__img img{transform:scale(1.07)}
.steps .step:nth-child(1) .step__img img{object-position:center 24%}
.steps .step:nth-child(2) .step__img img{object-position:center 26%}
.steps .step:nth-child(3) .step__img img{object-position:center 68%}
.steps .step:nth-child(4) .step__img img{object-position:center 52%}
.step h3{font-size:1.24rem;margin:0}
.step h3 b{font-family:"JetBrains Mono",monospace;font-size:.78rem;font-weight:500;letter-spacing:.14em;
  color:var(--gold);margin-right:10px;vertical-align:2px}
.step p{margin:0;font-size:.99rem;color:rgba(239,233,223,.78)}

/* ============================================================
   A ADVOGADA
   ============================================================ */
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,68px);align-items:center}
.about__img{position:relative;z-index:1}
.about__img img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 18%}
.about__img::after{content:"";position:absolute;left:-20px;bottom:-20px;width:72%;height:58%;
  border:1px solid var(--gold);z-index:-1}
.about h2{font-size:clamp(2.2rem,4.4vw,3.3rem);margin:14px 0 20px}
.about p{color:var(--ink-soft);max-width:58ch}
.about .btn{margin-top:26px}
.quote{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(1.4rem,2.3vw,1.85rem);
  color:var(--ink);line-height:1.32;margin:26px 0 0;padding-left:22px;border-left:1px solid var(--gold);max-width:32ch}
.quote cite{display:block;margin-top:10px;font-family:"JetBrains Mono",monospace;font-style:normal;
  font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}
.facts{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.facts li{border-top:1px solid var(--stone-line);padding-top:12px;font-size:.95rem;color:var(--ink-soft)}
.facts b{display:block;font-family:"JetBrains Mono",monospace;font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-deep);font-weight:500;margin-bottom:5px}

/* ============================================================
   DUVIDAS
   ============================================================ */
.faq{max-width:82ch}
.qa{border-bottom:1px solid var(--stone-line)}
/* Rotulos de grupo dentro das duvidas, para achar a sua em segundos */
.faq__g{margin:40px 0 0;padding-bottom:2px}
.faq__g:first-child{margin-top:0}
.qa summary{list-style:none;cursor:pointer;padding:22px 48px 22px 0;position:relative;
  font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.22rem,2vw,1.55rem);font-weight:600;
  transition:color .35s var(--ease)}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--gold-deep)}
.qa summary::after,.qa summary::before{content:"";position:absolute;right:8px;top:50%;background:var(--gold-deep);
  transition:transform .45s var(--ease),opacity .45s var(--ease)}
.qa summary::after{width:15px;height:1px}
.qa summary::before{width:1px;height:15px;right:15px;margin-top:-7px}
.qa[open] summary::before{transform:rotate(90deg);opacity:0}
.qa__a{padding:0 6ch 26px 0;color:var(--ink-soft);animation:qafade .55s var(--ease)}
.qa__a p{margin:0}
@keyframes qafade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ============================================================
   CONTATO
   ============================================================ */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.contact h2{font-size:clamp(2.2rem,4.6vw,3.4rem);margin:14px 0 16px}
.card{background:rgba(255,255,255,.05);border:1px solid rgba(232,200,126,.24);padding:clamp(26px,3.4vw,40px)}
.field{margin-bottom:18px}
.field label{display:block;font-family:"JetBrains Mono",monospace;font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.field label .opt{color:rgba(239,233,223,.48);letter-spacing:.04em;text-transform:none}
.field input,.field select,.field textarea{width:100%;background:rgba(0,20,53,.45);
  border:1px solid rgba(232,200,126,.34);color:#EFE9DF;font-family:Figtree,sans-serif;font-size:1rem;
  padding:13px 14px;border-radius:2px;transition:border-color .35s var(--ease),background .35s var(--ease)}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);background:rgba(0,20,53,.68);outline:none}
.field select option{background:#0B2149;color:#EFE9DF}
.formnote{font-size:.86rem;color:rgba(239,233,223,.66);margin:14px 0 0}
.sent{display:none;padding:20px;border:1px solid rgba(201,162,75,.55);background:rgba(201,162,75,.1);
  color:#EFE9DF;font-size:.98rem}
.sent.on{display:block;animation:qafade .5s var(--ease)}
.where{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-direction:column;gap:20px}
.where li{display:flex;gap:15px;align-items:flex-start}
.where svg{width:19px;height:19px;flex:0 0 auto;color:var(--gold);margin-top:3px}
.where a{color:#EFE9DF;text-decoration:none;border-bottom:1px solid rgba(232,200,126,.45);
  transition:border-color .35s var(--ease)}
.where a:hover{border-color:var(--gold)}
.where b{display:block;font-family:"JetBrains Mono",monospace;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:4px}
.where span{color:rgba(239,233,223,.84)}

/* ============================================================
   RODAPE
   ============================================================ */
footer{background:var(--navy-deep);color:rgba(239,233,223,.74);padding:clamp(50px,7vh,80px) 0 34px;
  border-top:1px solid rgba(232,200,126,.18);position:relative;z-index:2}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:38px;align-items:start}
.foot img{width:230px;height:auto;margin-bottom:18px}
.foot h4{font-family:"JetBrains Mono",monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);font-weight:500;margin:0 0 14px}
.foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;font-size:.94rem}
.foot a{text-decoration:none;transition:color .35s var(--ease)}
.foot a:hover{color:var(--gold)}
.legal{margin-top:44px;padding-top:24px;border-top:1px solid rgba(232,200,126,.18);
  font-size:.82rem;color:rgba(239,233,223,.6);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:1300px){
  .nav__meta{gap:14px;padding-left:14px}
  .nav__meta a,.nav__meta span{font-size:.83rem}
  .nav__links{gap:18px}
}
@media (max-width:1160px){
  .nav__meta{display:none}
}
@media (max-width:1080px){
  .paths,.pillars,.ideia,.about,.contact{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .foot{grid-template-columns:1fr 1fr}
  .about__img img{aspect-ratio:4/3;object-position:center 16%}
}
@media (max-width:760px){
  body{font-size:16px}
  .nav__links{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(0,20,53,.97);
    backdrop-filter:blur(14px);flex-direction:column;gap:0;padding:8px 0;margin:0;
    max-height:calc(100svh - 70px);overflow-y:auto}
  .nav__links.open{display:flex}
  .nav__links a,.nav.solid .nav__links a{padding:14px max(20px,6vw);width:100%;color:rgba(255,255,255,.92);text-shadow:none}
  .navlink-wa{display:block;color:var(--gold-light)!important;font-weight:600}
  .navlink-meta{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.72)!important;
    font-size:.9rem;border-top:1px solid rgba(232,200,126,.18)}
  .navlink-meta svg{width:15px;height:15px;color:var(--gold-light)}
  .navtoggle{display:inline-flex}
  .nav__cta{margin-left:12px;gap:9px}
  .nav__cta .btn{padding:0;width:44px;height:44px;min-height:44px;border-radius:50%}
  .nav__cta .btn svg{width:20px;height:20px}
  .btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hero__kicker{font-size:.62rem;letter-spacing:.12em}
  .hero__rule{width:34px}
  .hero__media img{object-position:center center}
  .steps{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr}
  .foot{grid-template-columns:1fr}
  .qa__a{padding-right:0}
  .hold__seal{width:62px;height:62px;right:0}
  .grupo__t{font-size:.68rem}
}
@media (pointer:coarse){
  .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .hold__btn{min-height:48px}
  .navtoggle{width:44px;height:44px}
  .ig{width:44px;height:44px}
}
@media (max-height:560px){.cue{display:none}}

/* ============================================================
   MOVIMENTO REDUZIDO
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;transition-delay:0s!important}
  .rise,.stag>*{opacity:1!important;transform:none!important}
  .soleira i{width:64px;margin:0 18px}
  .soleira i::before{opacity:.9}
  .reveal li{opacity:1;transform:none}
  .thread__fill{transform:scaleY(1)}
  .hero__inner{opacity:1;transform:none}
  .hero__media{transform:none}
  .hero__media img{transform:none}
  .hero__inner .w,.hero__kicker,.hero__sub,.hero__cta{opacity:1;transform:none}
  .limiar img{transform:scale(1.08)}
  .cue{opacity:1;transform:translateX(-50%)}
}
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}

/* ============================================================
   AJUSTES DAS PAGINAS INTERNAS
   ============================================================ */
/* O hero destas paginas nao tem a coreografia guiada por scroll. Entra pronto. */
.hero{min-height:min(88svh,760px)}
.hero__inner{--k:1;--ho:1;--ht:0;padding-top:140px}
.hero__inner .w{opacity:1;transform:none}
.hero__kicker,.hero__sub,.hero__cta{opacity:1;transform:none}
.hero h1{max-width:16ch}
.hero__sub{max-width:56ch}
.hero__enter{animation:heroEnter 1.1s var(--ease) both}
.hero__enter:nth-child(2){animation-delay:.12s}
.hero__enter:nth-child(3){animation-delay:.28s}
.hero__enter:nth-child(4){animation-delay:.42s}
@keyframes heroEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero__tel{display:inline-flex;align-items:center;gap:9px}

/* Trilha de navegacao, para quem chega pelo anuncio saber onde esta */
.trilha{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 26px;
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-soft)}
.trilha a{text-decoration:none;color:var(--gold-deep)}
.trilha a:hover{text-decoration:underline}
.trilha span{opacity:.5}

/* Passos em texto, sem as fotos, para a pagina ficar leve */
.steps--text .step{border-top:1px solid rgba(232,200,126,.28);padding-top:18px}

/* Sobre, versao compacta */
.about--compact .about__img img{aspect-ratio:4/5}

/* Barra de contato final, mesma cor do contato da home */
.cta-final{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

/* Pagina de privacidade */
.prosa{max-width:74ch}
.prosa h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:44px 0 12px}
.prosa h2:first-of-type{margin-top:0}
.prosa p,.prosa li{color:var(--ink-soft)}
.prosa ul{padding-left:22px}
.prosa li{margin-bottom:8px}
.prosa a{color:var(--gold-deep)}
.pagina-simples{padding-top:clamp(120px,18vh,170px)}

@media (max-width:760px){
  .hero__inner{padding-top:110px}
  .hero{min-height:auto}
}

/* ============================================================
   SERVICOS, blocos que abrem e fecham
   ============================================================ */
/* Indice em colunas, numerado como uma lista */
.indice{margin:0 0 clamp(30px,4vh,48px)}
.indice ol{list-style:none;margin:0;padding:0;counter-reset:idx;
  display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}
.indice li{counter-increment:idx;border-bottom:1px solid var(--stone-line)}
.indice a{display:flex;align-items:baseline;gap:14px;padding:12px 4px;min-height:44px;
  font-size:.94rem;font-weight:500;text-decoration:none;color:var(--ink);
  transition:color .35s var(--ease),padding-left .35s var(--ease)}
.indice a::before{content:counter(idx,decimal-leading-zero);flex:0 0 auto;
  font-family:"JetBrains Mono",monospace;font-size:.7rem;font-weight:500;letter-spacing:.12em;color:var(--gold-deep)}
.indice a::after{content:"";flex:0 0 auto;width:9px;height:9px;margin-left:auto;
  border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg);opacity:.55;
  transition:transform .35s var(--ease),opacity .35s var(--ease)}
.indice a:hover{color:var(--gold-deep);padding-left:8px}
.indice a:hover::after{opacity:1;transform:translateY(2px) rotate(45deg)}
.svc__sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.svcs{border-top:1px solid var(--stone-line)}
.svc{border-bottom:1px solid var(--stone-line)}
.svc summary{list-style:none;cursor:pointer;display:flex;gap:18px;align-items:flex-start;
  padding:22px 52px 22px 0;position:relative;transition:color .35s var(--ease)}
.svc summary::-webkit-details-marker{display:none}
.svc summary:hover .svc__nome{color:var(--gold-deep)}
.svc summary::after,.svc summary::before{content:"";position:absolute;right:8px;top:34px;background:var(--gold-deep);
  transition:transform .45s var(--ease),opacity .45s var(--ease)}
.svc summary::after{width:15px;height:1px}
.svc summary::before{width:1px;height:15px;right:15px;margin-top:-7px}
.svc[open] summary::before{transform:rotate(90deg);opacity:0}
.svc__n{flex:0 0 auto;font-family:"JetBrains Mono",monospace;font-size:.74rem;font-weight:500;letter-spacing:.14em;
  color:var(--gold);padding-top:.55em}
.svc__t{display:flex;flex-direction:column;gap:5px}
.svc__nome{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.3rem,2.1vw,1.7rem);font-weight:600;line-height:1.15;
  transition:color .35s var(--ease)}
.svc__resumo{font-size:.97rem;color:var(--ink-soft);max-width:70ch}
.svc__body{padding:4px 0 30px 38px;animation:qafade .55s var(--ease)}
.svc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:24px}
.svc__grid h4{font-family:"JetBrains Mono",monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-deep);font-weight:500;margin:0 0 12px}
.svc__grid ul,.svc__grid ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.svc__grid li{position:relative;padding-left:22px;font-size:.96rem;color:var(--ink-soft);line-height:1.5}
.svc__grid ul li::before{content:"";position:absolute;left:0;top:.68em;width:11px;height:1px;background:var(--gold)}
.svc__grid ol{counter-reset:passo}
.svc__grid ol li::before{counter-increment:passo;content:counter(passo);position:absolute;left:0;top:.1em;
  font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--gold-deep)}
.svc .btn{font-size:.9rem;padding:11px 20px}
.svc.alvo summary{background:linear-gradient(to right,rgba(201,162,75,.10),transparent 60%)}
@media (max-width:1080px){.svc__grid{grid-template-columns:1fr}.indice ol{grid-template-columns:repeat(2,1fr);gap:0 28px}}
@media (max-width:760px){
  .svc summary{gap:12px;padding-right:40px}
  .svc__body{padding-left:0}
  .indice ol{grid-template-columns:1fr}
}

/* ============================================================
   Paginas de assunto unico (distrato e regularizacao), 13/09/2026.
   So acrescenta classes: nada das paginas existentes muda.
   ============================================================ */
/* A lista da dor: mesma marca de canto das listas .says, em duas colunas, sobre fundo escuro */
.dor{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 44px;max-width:1040px}
.sec--dark .says li{color:#EFE9DF}
.sec--dark .says li::before{border-color:var(--gold-light)}
/* A citacao da lei dentro do texto corrido */
.prosa .quote{margin:30px 0 8px}
/* Cartoes de "seu caso" e "o que o escritorio faz" com a nota de documentos no pe */
.pillar__docs{font-size:.92rem;color:var(--ink-soft);margin:6px 0 0;padding-top:14px;border-top:1px solid var(--stone-line)}
.pillar__docs b{font-family:"JetBrains Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-deep);font-weight:500;display:block;margin-bottom:4px}
/* Campo do assunto travado nas paginas de um assunto so */
.field input[readonly]{opacity:.82;cursor:default}
/* Hero com titulo de tres linhas: o kicker sobe para a parte clara da foto,
   entao o escurecimento local e mais alto e mais fundo. So nestas paginas. */
.hero--assunto .hero__scrim{
  background:
    linear-gradient(to top,rgba(0,12,32,.88) 0%,rgba(0,12,32,.62) 34%,rgba(0,12,32,.28) 64%,rgba(0,12,32,.36) 100%),
    radial-gradient(ellipse 96% 100% at 18% 62%,rgba(0,10,26,.9) 0%,rgba(0,10,26,.7) 48%,rgba(0,10,26,0) 82%)}
/* O kicker e texto pequeno e pode cair sobre a parte mais clara da foto:
   ganha uma pilula escura propria, que garante a leitura em qualquer imagem. */
.hero--assunto .hero__kicker{width:fit-content;padding:8px 16px 8px 12px;border-radius:999px;
  background:rgba(0,12,32,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(232,200,126,.22)}
@media (max-width:760px){.dor{grid-template-columns:1fr}}
/* Foto aerea de loteamento (pagina do distrato): batida de sol, ruas e telhados claros.
   No computador o escurecimento do hero--assunto basta. No celular o texto ocupa quase
   a foto inteira, entao o veu sobe mais, e a faixa do ceu no alto continua visivel. */
@media (max-width:760px){
  .hero--loteamento .hero__scrim{
    background:
      linear-gradient(to top,rgba(0,12,32,.94) 0%,rgba(0,12,32,.86) 30%,rgba(0,12,32,.74) 62%,rgba(0,12,32,.5) 100%),
      radial-gradient(ellipse 130% 72% at 30% 58%,rgba(0,10,26,.85) 0%,rgba(0,10,26,.5) 52%,rgba(0,10,26,0) 86%)}
}
/* Pagina do distrato: tres tipos de caso lado a lado e, embaixo, o painel largo
   do que o escritorio faz. So esta pagina usa estas classes. */
.pillars--3{grid-template-columns:repeat(3,1fr)}
.pillars--3 .pillar--wide{grid-column:1/-1}
.pillar__duas{display:grid;grid-template-columns:1.25fr 1fr;gap:18px 44px;align-items:start}
.pillar__duas .pillar__docs{margin:0;padding:0 0 0 28px;border-top:0;border-left:1px solid var(--stone-line)}
.says--casos li{font-size:1.1rem}
.says--casos b{display:block;font-family:Figtree,system-ui,sans-serif;font-style:normal;font-weight:600;
  font-size:.86rem;letter-spacing:.01em;color:var(--navy);margin-bottom:3px}
.pillar__alerta{margin:4px 0 0;padding:14px 16px;font-size:.95rem;line-height:1.52;color:var(--ink);
  background:rgba(11,33,73,.06);border-left:2px solid var(--gold)}
.pillar__alerta b{color:var(--navy)}
@media (max-width:1080px){
  .pillars--3{grid-template-columns:1fr}
}
@media (max-width:760px){
  .pillar__duas{grid-template-columns:1fr}
  .pillar__duas .pillar__docs{padding:14px 0 0;border-left:0;border-top:1px solid var(--stone-line)}
}