/* ============================================================
   NETO RORIZ ADVOCACIA — sistema visual
   verde lacado + dourado + marfim · Cormorant / EB Garamond / Jost
   ============================================================ */
:root{
  /* --- verdes --- */
  --v900:#06110C;
  --v850:#08170F;
  --v800:#0C2118;
  --v700:#12352A;
  --v600:#173D31;   /* primária da marca */
  --v500:#1E4B3C;
  --v400:#2C6350;
  /* --- dourados --- */
  --ouro:#B08D57;
  --ouro-cl:#C9A96A;
  --ouro-br:#E3C88C;
  --ouro-esc:#7E6237;
  /* --- bordô (5ª cor da Paleta K — o "selo" da marca) --- */
  --bordo:#6E2F3A;
  --bordo-cl:#8E3F4C;
  --bordo-esc:#4A1F27;
  /* --- claros --- */
  --champagne:#D8C3A5;
  --marfim:#E9E0CD;
  --papel:#F4F1E9;
  --papel2:#EAE4D6;
  --grafite:#202522;

  --serif-d:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --serif-b:"EB Garamond",Georgia,serif;
  --sans:"Jost","Century Gothic",system-ui,sans-serif;

  --gut:clamp(1.35rem,5.2vw,7rem);
  --maxw:1280px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--serif-b);
  background:var(--v900);
  color:var(--marfim);
  font-size:clamp(1rem,.94rem + .26vw,1.14rem);
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body.lock{overflow:hidden}
::selection{background:var(--ouro);color:var(--v900)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--serif-d);font-weight:400;line-height:1.02;letter-spacing:-.012em}
section{position:relative}

/* ---------- textura de grão (global) ---------- */
/* inset:0 de propósito — overlay fixo superdimensionado infla o documento
   (sobra preta à direita/abaixo em captura de página inteira). Anima-se o
   background-position, não o transform. */
.grain{
  position:fixed;inset:0;z-index:900;pointer-events:none;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grainshift 8s steps(6) infinite;
  mix-blend-mode:overlay;
}
@keyframes grainshift{
  0%{background-position:0 0}20%{background-position:-40px 24px}40%{background-position:26px -38px}
  60%{background-position:-24px -26px}80%{background-position:38px 34px}100%{background-position:0 0}
}

/* ---------- utilitários ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);position:relative;z-index:2}
.eyebrow{
  font-family:var(--sans);font-weight:300;font-size:.7rem;letter-spacing:.36em;
  text-transform:uppercase;color:var(--ouro);display:inline-flex;align-items:center;gap:.9rem;
}
.eyebrow::before{content:"";width:30px;height:1px;background:currentColor;opacity:.75}
.on-light .eyebrow{color:var(--ouro-esc)}
/* marca oficial (torre alada dourada com os detalhes em bordô) */
.torre{display:block;width:100%;height:auto}
.ghost{position:absolute;pointer-events:none;user-select:none}

/* cantos art déco — a moldura do brandbook */
.deco{position:absolute;width:46px;height:46px;pointer-events:none;z-index:4}
.deco::before,.deco::after{content:"";position:absolute;background:var(--ouro);opacity:.85}
.deco::before{width:100%;height:1px}
.deco::after{width:1px;height:100%}
.deco.tl{top:0;left:0}.deco.tl::before{top:0;left:0}.deco.tl::after{top:0;left:0}
.deco.br{bottom:0;right:0}.deco.br::before{bottom:0;right:0}.deco.br::after{bottom:0;right:0}
.deco i{position:absolute;width:5px;height:5px;background:var(--bordo-cl);transform:rotate(45deg)}
.deco.tl i{top:7px;left:7px}.deco.br i{bottom:7px;right:7px}

/* ============================================================
   PRELOADER
   ============================================================ */
#pre{
  position:fixed;inset:0;z-index:1000;background:var(--v900);
  display:grid;place-items:center;transition:opacity .6s ease .35s,visibility .6s ease .35s;
}
#pre .mark{opacity:0;transform:translateY(14px) scale(.96);
  animation:preIn 1.05s var(--ease-out) .12s forwards}
#pre .shine{
  position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%);
  -webkit-mask:url("logo-lockup.png") center/contain no-repeat;mask:url("logo-lockup.png") center/contain no-repeat;
  transform:translateX(-120%);animation:shine 1.5s var(--ease) .6s forwards}
#pre .bar{position:absolute;bottom:0;left:0;height:2px;width:0;
  background:linear-gradient(90deg,var(--bordo),var(--ouro) 60%,var(--ouro-br));animation:barGo 1.5s var(--ease) forwards}
@keyframes preIn{to{opacity:1;transform:none}}
@keyframes shine{to{transform:translateX(120%)}}
@keyframes barGo{to{width:100%}}
body.ready #pre{opacity:0;visibility:hidden}
#pre::after{content:"";position:absolute;inset:0;background:var(--v900);transform-origin:top;
  transition:transform .9s var(--ease-out) .2s;z-index:-1}
body.ready #pre::after{transform:scaleY(0)}

/* ============================================================
   CURSOR
   ============================================================ */
#cur,#curDot{position:fixed;top:0;left:0;z-index:950;pointer-events:none;border-radius:50%;
  transform:translate(-50%,-50%);mix-blend-mode:difference}
#cur{width:34px;height:34px;border:1px solid rgba(201,169,106,.9);transition:width .28s var(--ease),height .28s var(--ease),opacity .3s}
#curDot{width:4px;height:4px;background:var(--ouro-cl)}
body.cur-on #cur{width:64px;height:64px;background:rgba(201,169,106,.1)}
@media (hover:none),(max-width:900px){#cur,#curDot{display:none}}

/* barra de progresso */
#prog{position:fixed;top:0;left:0;height:2px;width:0;z-index:80;
  background:linear-gradient(90deg,var(--bordo),var(--ouro) 55%,var(--ouro-br));box-shadow:0 0 12px rgba(176,141,87,.5)}

/* ============================================================
   HEADER
   ============================================================ */
header{
  position:fixed;top:0;left:0;right:0;z-index:70;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.35rem var(--gut);
  transition:background .45s var(--ease),padding .45s var(--ease),border-color .45s,backdrop-filter .45s;
  border-bottom:1px solid transparent;
}
header.scrolled{
  background:rgba(6,17,12,.82);backdrop-filter:blur(14px) saturate(140%);
  padding:.75rem var(--gut);border-bottom-color:rgba(176,141,87,.2);
}
.brand{display:flex;align-items:center;gap:.9rem}
.brand .torre{width:40px;flex:0 0 40px;height:auto;transition:transform .5s var(--ease)}
.brand:hover .torre{transform:translateY(-2px) rotate(-2deg)}
.brand .wm{font-family:var(--serif-d);font-size:1.18rem;letter-spacing:.09em;line-height:1;color:var(--marfim);text-transform:uppercase}
.brand .wm b{font-weight:500}
.brand .sb{display:block;font-family:var(--sans);font-weight:300;font-size:.53rem;letter-spacing:.42em;color:var(--ouro);text-transform:uppercase;margin-top:.34rem}
nav.main{display:flex;align-items:center;gap:2.3rem}
nav.main a{font-family:var(--sans);font-weight:300;font-size:.79rem;letter-spacing:.13em;text-transform:uppercase;color:var(--champagne);opacity:.82;position:relative;padding:.25rem 0;transition:opacity .3s,color .3s}
nav.main a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--ouro);transition:width .38s var(--ease)}
nav.main a:hover{opacity:1;color:var(--marfim)}
nav.main a:hover::after{width:100%}
/* Área do Cliente — acesso ao painel, apartado da navegação editorial por um fio */
nav.main a.cliente{color:var(--ouro-cl);opacity:.95;margin-left:.4rem;padding-left:1.7rem;position:relative}
nav.main a.cliente::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:15px;background:rgba(176,141,87,.45)}
nav.main a.cliente:hover{color:var(--ouro-br)}
.hdr-cta{font-family:var(--sans);font-weight:400;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--v900);background:var(--ouro);padding:.62rem 1.15rem;border-radius:1px;transition:.35s var(--ease)}
.hdr-cta:hover{background:var(--ouro-br);transform:translateY(-1px)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:.45rem;cursor:pointer}
.burger span{width:26px;height:1.5px;background:var(--marfim);transition:.35s var(--ease)}
.burger.x span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger.x span:nth-child(2){opacity:0}
.burger.x span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* menu mobile */
.mnav{position:fixed;inset:0;z-index:65;background:var(--v850);display:none;flex-direction:column;
  justify-content:center;gap:.4rem;padding:0 var(--gut);opacity:0;transition:opacity .45s var(--ease)}
.mnav.open{display:flex;opacity:1}
.mnav a{font-family:var(--serif-d);font-size:clamp(1.9rem,8vw,2.8rem);color:var(--marfim);
  border-bottom:1px solid rgba(176,141,87,.16);padding:.7rem 0;line-height:1.1}
.mnav a span{font-family:var(--sans);font-size:.58rem;letter-spacing:.3em;color:var(--ouro);display:block;margin-bottom:.15rem}

/* ============================================================
   HERO
   ============================================================ */
.hero{min-height:100svh;display:flex;align-items:center;padding:9.5rem 0 5.5rem;overflow:hidden;
  background:
    radial-gradient(120% 90% at 78% 8%,rgba(30,75,60,.55),transparent 58%),
    radial-gradient(90% 70% at 8% 92%,rgba(23,61,49,.5),transparent 60%),
    var(--v900);
}
.hero .aura{position:absolute;inset:-20%;pointer-events:none;opacity:.55;
  background:radial-gradient(40% 40% at 30% 30%,rgba(176,141,87,.14),transparent 70%),
             radial-gradient(45% 45% at 70% 65%,rgba(44,99,80,.35),transparent 70%);
  animation:aura 22s ease-in-out infinite alternate;filter:blur(30px)}
@keyframes aura{0%{transform:translate3d(-3%,-2%,0) scale(1)}100%{transform:translate3d(4%,3%,0) scale(1.12)}}
.cols{position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/7 - 1px),rgba(176,141,87,.07) calc(100%/7 - 1px),rgba(176,141,87,.07) calc(100%/7));
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);
          mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.hero .ghost{position:absolute;right:-14%;top:46%;transform:translateY(-50%);width:min(70vw,900px);opacity:.045;pointer-events:none}

.hero .wrap{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.hero h1{font-size:clamp(2.75rem,7vw,6rem);color:var(--marfim);margin:1.9rem 0 1.7rem;font-weight:300}
.hero h1 em{font-style:italic;font-weight:400;color:var(--ouro-cl)}
.hero .lede{font-size:clamp(1.04rem,.98rem + .48vw,1.3rem);max-width:44ch;color:var(--champagne);opacity:.94}
.hero-cta{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;margin-top:2.7rem}

.btn{
  font-family:var(--sans);font-weight:400;font-size:.82rem;letter-spacing:.15em;text-transform:uppercase;
  background:var(--ouro);color:var(--v900);padding:1.05rem 2rem;border-radius:1px;
  display:inline-flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;isolation:isolate;
  transition:color .4s var(--ease),transform .35s var(--ease);
}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--v600);
  transform:translateY(101%);transition:transform .48s var(--ease-out)}
.btn:hover{color:var(--marfim)}
.btn:hover::before{transform:translateY(0)}
.btn-ghost{font-family:var(--sans);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--champagne);display:inline-flex;align-items:center;gap:.6rem;transition:color .3s}
.btn-ghost .arw{transition:transform .4s var(--ease)}
.btn-ghost:hover{color:var(--ouro-cl)}
.btn-ghost:hover .arw{transform:translateX(6px)}

/* retrato do hero */
.portrait{position:relative}
.portrait .frame{position:relative;overflow:hidden;background:var(--v800)}
.portrait img{width:100%;height:auto;transform:scale(1.05);transition:transform 1.2s var(--ease)}
.portrait:hover img{transform:scale(1.005)}
.portrait .frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,17,12,.2),transparent 32%,transparent 60%,rgba(6,17,12,.8))}
.portrait .edge{position:absolute;inset:-20px;border:1px solid rgba(176,141,87,.4);pointer-events:none;
  transition:inset .6s var(--ease),border-color .6s;z-index:3}
.portrait:hover .edge{inset:-11px;border-color:rgba(201,169,106,.7)}
.portrait .deco{width:40px;height:40px}
.portrait .deco.tl{top:-20px;left:-20px}
.portrait .deco.br{bottom:-20px;right:-20px}
.portrait .cap{position:absolute;left:0;bottom:1.4rem;padding-left:1.4rem;font-family:var(--sans);font-weight:300;
  font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--champagne);z-index:4}
.portrait .cap::before{content:"";position:absolute;left:0;top:.55em;width:.85rem;height:1px;background:var(--ouro)}

/* faixa factual */
.facts{grid-column:1/-1;border-top:1px solid rgba(176,141,87,.18);margin-top:clamp(1.6rem,3vw,2.6rem);padding-top:1.6rem;
  display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.facts div{font-family:var(--sans);font-weight:300;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--champagne);opacity:.72}
.facts div b{display:block;font-family:var(--serif-d);font-weight:400;font-size:1.38rem;letter-spacing:.01em;
  text-transform:none;color:var(--marfim);opacity:1;margin-bottom:.28rem}

.scrollcue{position:absolute;right:var(--gut);bottom:1.9rem;display:flex;flex-direction:column;
  align-items:center;gap:.55rem;writing-mode:horizontal-tb;font-family:var(--sans);font-size:.56rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ouro);opacity:.7;z-index:3}
.scrollcue i{width:1px;height:40px;background:linear-gradient(180deg,var(--ouro),transparent);animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}
  55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ============================================================
   TICKER dourado
   ============================================================ */
.ticker{background:linear-gradient(90deg,var(--ouro-esc),var(--ouro) 30%,var(--ouro-br) 50%,var(--ouro) 70%,var(--ouro-esc));
  overflow:hidden;padding:.95rem 0}
.ticker .track{display:flex;width:max-content;animation:roll 46s linear infinite}
.ticker:hover .track{animation-play-state:paused}
.ticker span{font-family:var(--sans);font-weight:400;font-size:.8rem;letter-spacing:.34em;text-transform:uppercase;
  color:var(--v900);padding:0 1.6rem;display:inline-flex;align-items:center;gap:2rem;white-space:nowrap}
.ticker span::after{content:"";width:6px;height:6px;background:var(--bordo);transform:rotate(45deg);opacity:.95}
@keyframes roll{to{transform:translateX(-50%)}}

/* ============================================================
   SEÇÕES CLARAS
   ============================================================ */
.on-light{background:var(--papel);color:var(--grafite)}
.on-light h2,.on-light h3{color:var(--v600)}
.paper-tex{position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:radial-gradient(80% 60% at 88% 0%,rgba(216,195,165,.55),transparent 62%),
             radial-gradient(60% 50% at 0% 100%,rgba(216,195,165,.45),transparent 62%)}

/* ---------- O ADVOGADO ---------- */
.sobre{padding:clamp(5rem,10vw,9.5rem) 0}
.sobre .wrap{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(2.4rem,6vw,6rem);align-items:start}
.sobre .pic{position:relative}
.sobre .pic img{width:100%}
.sobre .pic .tag{position:absolute;right:0;bottom:0;background:var(--bordo);color:var(--marfim);
  font-family:var(--sans);font-weight:300;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;padding:.8rem 1.1rem}
.sobre .pic .brk{position:absolute;left:-14px;top:-14px;width:64px;height:64px;border-left:1px solid var(--ouro);border-top:1px solid var(--ouro)}
.sobre h2{font-size:clamp(2.1rem,4.4vw,3.5rem);margin:1.3rem 0 .5rem}
.sobre .qual{font-family:var(--sans);font-weight:300;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ouro-esc);margin-bottom:2rem}
.sobre p{margin-bottom:1.15rem;max-width:60ch;color:#3B443E}
.drop::first-letter{font-family:var(--serif-d);font-size:3.4em;line-height:.8;float:left;padding:.06em .12em 0 0;color:var(--v600)}
.sig{margin-top:2.2rem;display:flex;align-items:center;gap:1.1rem}
.sig .torre{width:34px;flex:0 0 34px;height:auto}
.sig p{font-family:var(--serif-d);font-style:italic;font-size:1.3rem;color:var(--v600);margin:0}
.cred{list-style:none;margin-top:2.4rem;border-top:1px solid rgba(126,98,55,.28)}
.cred li{padding:.95rem 0;border-bottom:1px solid rgba(126,98,55,.18);font-size:.95rem;color:#3B443E;line-height:1.45}
.cred li span{display:block;font-family:var(--sans);font-weight:300;font-size:.57rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--ouro-esc);margin-bottom:.25rem}

/* ============================================================
   ÁREAS — lista editorial
   ============================================================ */
.areas{background:var(--v850);padding:clamp(5rem,10vw,9.5rem) 0;overflow:hidden}
.areas .ghost{position:absolute;left:-16%;bottom:-24%;width:min(60vw,640px);opacity:.035;pointer-events:none}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(2.4rem,5vw,3.8rem)}
.sec-head h2{font-size:clamp(2.2rem,5.2vw,4rem);max-width:16ch}
.sec-head p{max-width:38ch;color:var(--champagne);opacity:.8}
.on-light .sec-head p{color:#4A544C;opacity:1}

.arealist{border-top:1px solid rgba(176,141,87,.22)}
.area{position:relative;display:grid;grid-template-columns:5rem 1fr 1.1fr 2.5rem;gap:clamp(1rem,3vw,2.4rem);
  align-items:center;padding:clamp(1.6rem,3vw,2.3rem) 0;border-bottom:1px solid rgba(176,141,87,.22)}
.area::before{content:"";position:absolute;left:calc(var(--gut)*-1);right:calc(var(--gut)*-1);top:0;bottom:0;
  background:linear-gradient(90deg,rgba(23,61,49,.92),rgba(12,33,24,.15));
  transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease-out);z-index:0}
.area:hover::before{transform:scaleY(1)}
.area::after{content:"";position:absolute;left:calc(var(--gut)*-1);top:0;bottom:0;width:2px;background:var(--bordo-cl);
  transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease-out) .05s;z-index:1}
.area:hover::after{transform:scaleY(1)}
.area>*{position:relative;z-index:1}
.area .n{font-family:var(--serif-d);font-size:clamp(1.9rem,3vw,2.7rem);line-height:1;color:var(--ouro);opacity:.45;transition:.5s var(--ease)}
.area:hover .n{opacity:1;transform:translateX(4px)}
.area h3{font-size:clamp(1.3rem,2.5vw,2rem);color:var(--marfim);transition:transform .5s var(--ease)}
.area:hover h3{transform:translateX(6px)}
.area p{color:var(--champagne);opacity:.7;font-size:.96rem;line-height:1.6;transition:opacity .5s}
.area:hover p{opacity:.95}
.area .go{justify-self:end;width:2.4rem;height:2.4rem;border:1px solid rgba(176,141,87,.4);border-radius:50%;
  display:grid;place-items:center;color:var(--ouro);transition:.5s var(--ease)}
.area:hover .go{background:var(--ouro);color:var(--v900);border-color:var(--ouro);transform:rotate(-45deg)}
.area .tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}
.area .tags i{font-style:normal;font-family:var(--sans);font-weight:300;font-size:.6rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ouro-cl);border:1px solid rgba(176,141,87,.3);padding:.24rem .55rem;border-radius:1px}

/* ============================================================
   FAIXA MANIFESTO (foto cheia)
   ============================================================ */
.band{min-height:clamp(23rem,56vh,33rem);display:flex;align-items:center;overflow:hidden;background:var(--v900)}
.band .bg{position:absolute;inset:-14% 0;background:url("neto-band.jpg") center 32%/cover no-repeat;will-change:transform}
.band .veil{position:absolute;inset:0;background:
  radial-gradient(70% 120% at 88% 50%,rgba(110,47,58,.42),transparent 62%),
  linear-gradient(90deg,rgba(6,17,12,.95) 20%,rgba(6,17,12,.62) 56%,rgba(6,17,12,.3))}
.band blockquote{max-width:24ch;font-family:var(--serif-d);font-weight:300;font-size:clamp(1.75rem,4.2vw,3.2rem);
  line-height:1.12;color:var(--marfim)}
.band blockquote em{font-style:italic;color:var(--ouro-cl)}
.band .sub{margin-top:1.2rem;max-width:34ch;color:var(--champagne);opacity:.86;font-size:1.02rem}
.band .who{margin-top:1.4rem;font-family:var(--sans);font-weight:300;font-size:.64rem;letter-spacing:.28em;
  text-transform:uppercase;color:var(--ouro);display:flex;align-items:center;gap:.8rem}
.band .who::before{content:"";width:28px;height:1px;background:var(--ouro)}

/* ============================================================
   MÉTODO — linha que desenha
   ============================================================ */
.metodo{padding:clamp(5rem,10vw,9.5rem) 0;overflow:hidden}
.metodo .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2.4rem,6vw,5rem);align-items:start}
.metodo .intro h2{font-size:clamp(2.1rem,4.6vw,3.6rem);margin:1.2rem 0 1.3rem}
.metodo .intro p{max-width:42ch;color:#414B44}
.steps{position:relative;padding-left:3.4rem}
.steps .line{position:absolute;left:.95rem;top:.6rem;bottom:.6rem;width:1px;background:rgba(126,98,55,.22)}
.steps .line i{position:absolute;inset:0;background:linear-gradient(180deg,var(--ouro-cl),var(--ouro) 55%,var(--bordo));
  transform-origin:top;transform:scaleY(0);display:block}
.step{position:relative;padding-bottom:2.5rem}
.step:last-child{padding-bottom:0}
.step .dot{position:absolute;left:-3.4rem;top:.2rem;width:1.9rem;height:1.9rem;border-radius:50%;
  border:1px solid rgba(126,98,55,.35);background:var(--papel);display:grid;place-items:center;
  font-family:var(--sans);font-size:.64rem;color:var(--ouro-esc);transition:.55s var(--ease)}
.step.on .dot{background:var(--bordo);border-color:var(--bordo);color:var(--marfim)}
.step h3{font-size:clamp(1.28rem,2.3vw,1.7rem);margin-bottom:.4rem}
.step p{color:#4A544C;max-width:48ch}

/* ============================================================
   VÍDEO / SLOT
   ============================================================ */
.filme{padding:clamp(4.5rem,9vw,8rem) 0;background:
  radial-gradient(90% 70% at 50% 0%,rgba(23,61,49,.5),transparent 60%),var(--v900)}
.filme .head{text-align:center;margin-bottom:clamp(2rem,4vw,3.2rem);display:flex;flex-direction:column;align-items:center}
.filme .head h2{font-size:clamp(2rem,4.2vw,3rem);margin-top:1rem}
.filme .head .eyebrow::after{content:"";width:30px;height:1px;background:currentColor;opacity:.75}
.stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--v800);
  border:1px solid rgba(176,141,87,.24)}
.stage img,.stage video{width:100%;height:100%;object-fit:cover}
.stage .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,17,12,.3),rgba(6,17,12,.7))}
.stage .brk{position:absolute;width:44px;height:44px;border:0 solid var(--ouro);opacity:.85}
.stage .brk.tl{top:16px;left:16px;border-left-width:1px;border-top-width:1px}
.stage .brk.br{bottom:16px;right:16px;border-right-width:1px;border-bottom-width:1px}
.stage .brk::after,.sobre .pic .brk::after{content:"";position:absolute;width:5px;height:5px;background:var(--bordo-cl);transform:rotate(45deg)}
.stage .brk.tl::after,.sobre .pic .brk::after{top:7px;left:7px}
.stage .brk.br::after{top:auto;left:auto;bottom:7px;right:7px}
.play{position:absolute;inset:0;margin:auto;width:clamp(4.4rem,8vw,6rem);height:clamp(4.4rem,8vw,6rem);
  border-radius:50%;border:1px solid rgba(233,224,205,.55);background:rgba(6,17,12,.4);backdrop-filter:blur(3px);
  display:grid;place-items:center;color:var(--marfim);cursor:pointer;transition:.45s var(--ease)}
.play:hover{background:var(--ouro);color:var(--v900);border-color:var(--ouro);transform:scale(1.06)}
.play::after{content:"";position:absolute;inset:-14px;border:1px solid rgba(142,63,76,.75);border-radius:50%;
  animation:pulse 3s var(--ease) infinite}
@keyframes pulse{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.18);opacity:0}100%{opacity:0}}
.stage .lbl{position:absolute;left:0;bottom:0;padding:1.1rem 1.4rem;font-family:var(--sans);font-weight:300;
  font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--champagne)}

/* ============================================================
   PERGUNTAS FREQUENTES
   ============================================================ */
.faq{padding:clamp(4.5rem,9vw,8.5rem) 0}
.faq .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.2rem,5vw,4.5rem);align-items:start}
.faq h2{font-size:clamp(2rem,4.2vw,3.2rem);margin:1.1rem 0 1rem}
.faq .intro p{max-width:34ch;color:#414B44}
.faq .list{border-top:1px solid rgba(126,98,55,.28)}
.faq details{border-bottom:1px solid rgba(126,98,55,.2)}
.faq summary{list-style:none;cursor:pointer;padding:1.3rem 2.6rem 1.3rem 0;position:relative;
  font-family:var(--serif-d);font-size:clamp(1.1rem,1.9vw,1.4rem);color:var(--v600);line-height:1.25;
  transition:color .3s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--bordo)}
.faq summary::after,.faq summary::before{content:"";position:absolute;right:.4rem;top:50%;background:var(--ouro-esc);transition:.4s var(--ease)}
.faq summary::after{width:14px;height:1px;margin-top:-.5px}
.faq summary::before{width:1px;height:14px;right:calc(.4rem + 6.5px);margin-top:-7px}
.faq details[open] summary{color:var(--bordo)}
.faq details[open] summary::before{transform:rotate(90deg);opacity:0}
.faq details[open] summary::after{background:var(--bordo)}
.faq .ans{padding:0 2.6rem 1.5rem 0;color:#4A544C;max-width:62ch}
.faq .ans p+p{margin-top:.7rem}
@media (max-width:1080px){.faq .grid{grid-template-columns:1fr}}

/* ============================================================
   CONTATO
   ============================================================ */
.contato{padding:clamp(5rem,10vw,9.5rem) 0;overflow:hidden;
  background:linear-gradient(165deg,var(--v700),var(--v900) 62%)}
.contato .ghost{position:absolute;right:-10%;top:-18%;width:min(56vw,620px);opacity:.05;pointer-events:none}
.contato .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2.4rem,6vw,5rem);align-items:start}
.contato h2{font-size:clamp(2.1rem,4.8vw,3.7rem);margin:1.2rem 0 1.3rem;max-width:15ch}
.contato .lede{max-width:42ch;color:var(--champagne);opacity:.9;margin-bottom:2.4rem}
.info{display:flex;gap:1.05rem;padding:1.3rem 0;border-bottom:1px solid rgba(176,141,87,.2)}
.info:first-child{border-top:1px solid rgba(176,141,87,.2)}
.info .ic{flex:0 0 1.35rem;color:var(--ouro);margin-top:.25rem}
.info .ic svg{width:100%;height:auto;display:block}
.info .lbl{font-family:var(--sans);font-weight:300;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ouro);margin-bottom:.3rem}
.info .val{color:var(--marfim);font-size:.97rem;line-height:1.5;transition:color .3s}
a.val:hover{color:var(--ouro-cl)}

/* ============================================================
   FOOTER
   ============================================================ */
footer{background:var(--v900);padding:clamp(3.5rem,7vw,5.5rem) 0 2.2rem;border-top:2px solid var(--bordo);overflow:hidden}
.bigmark{font-family:var(--serif-d);font-weight:300;font-size:clamp(2.4rem,10.5vw,8.5rem);line-height:.92;
  letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(176,141,87,.55);
  text-transform:uppercase;white-space:nowrap;margin-bottom:clamp(2rem,5vw,3.2rem)}
.foot-top{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:flex-start;
  padding-bottom:2rem;border-bottom:1px solid rgba(176,141,87,.16)}
.foot-top p{max-width:34ch;color:var(--champagne);opacity:.7;font-size:.94rem}
.foot-brand img{width:clamp(120px,16vw,168px);margin-bottom:1.15rem;opacity:.95}
.foot-nav{display:flex;flex-wrap:wrap;gap:1.6rem}
.foot-nav a{font-family:var(--sans);font-weight:300;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--champagne);opacity:.8;transition:.3s}
.foot-nav a:hover{color:var(--ouro-cl);opacity:1}
.disclaimer{margin:2rem 0 1.6rem;font-size:.76rem;line-height:1.7;color:var(--champagne);opacity:.5;max-width:88ch}
.foot-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-family:var(--sans);font-weight:300;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--champagne);opacity:.42}

/* ============================================================
   REVELAÇÕES
   ============================================================ */
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.09s}.d2{transition-delay:.18s}.d3{transition-delay:.27s}.d4{transition-delay:.36s}.d5{transition-delay:.45s}
.mask{display:block;overflow:hidden}
.mask>span{display:block;transform:translateY(105%);transition:transform 1s var(--ease-out)}
.mask.in>span{transform:none}
h1 .mask:nth-of-type(2)>span,h2 .mask:nth-of-type(2)>span{transition-delay:.12s}
/* .clip NUNCA é observado direto: clip-path zera a área e o IntersectionObserver
   nunca dispara (trava fechado). Ele herda o .in de um ancestral .rv. */
.clip{clip-path:inset(0 0 100% 0);transition:clip-path 1.25s var(--ease-out)}
.clip.in,.in .clip{clip-path:inset(0 0 0 0)}

/* ============================================================
   RESPONSIVO
   ============================================================ */
/* header: 7 itens + CTA não cabem em telas médias — aperta e degrada por camadas */
@media (max-width:1360px){
  nav.main{gap:1.35rem}
  nav.main a{font-size:.72rem;letter-spacing:.1em}
  nav.main a.cliente{padding-left:1.15rem;margin-left:.1rem}
}
@media (max-width:1180px){
  .hdr-cta{display:none}
}
@media (max-width:1000px){
  nav.main{display:none}
  .burger{display:flex}
}
@media (max-width:1080px){
  .hero .wrap{grid-template-columns:1fr;gap:3rem}
  .portrait{max-width:430px}
  .sobre .wrap,.metodo .grid,.contato .grid{grid-template-columns:1fr}
  .sobre .col-pic{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:2.2rem;align-items:start}
  .sobre .cred{margin-top:0}
  .area{grid-template-columns:3.4rem 1fr 2.2rem;row-gap:.6rem}
  .area p{grid-column:2/4}
}
@media (max-width:860px){
  nav.main,.hdr-cta{display:none}
  .burger{display:flex}
  .facts{grid-template-columns:1fr 1fr;gap:1.4rem 1rem}
  .sobre .col-pic{grid-template-columns:1fr}
  .sobre .cred{margin-top:2rem}
  .scrollcue{display:none}
  .band .veil{background:linear-gradient(180deg,rgba(6,17,12,.7),rgba(6,17,12,.94))}
  .steps{padding-left:2.9rem}
  .step .dot{left:-2.9rem;width:1.7rem;height:1.7rem}
  .steps .line{left:.8rem}
  .bigmark{white-space:normal;-webkit-text-stroke-width:.7px}
  .portrait .edge{inset:-10px}
  .portrait{max-width:none}
  .area{padding:1.5rem 0}
  .area .n{font-size:1.7rem}
  .foot-bottom{flex-direction:column;gap:.4rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  .rv{opacity:1;transform:none}.mask>span{transform:none}.clip{clip-path:none}
  .grain{display:none}
}
/* ============================================================
   PÁGINAS INTERNAS (área de atuação)
   ============================================================ */
.hero-int{padding:11rem 0 clamp(3.5rem,7vw,6rem);overflow:hidden;
  background:radial-gradient(110% 85% at 75% 0%,rgba(30,75,60,.5),transparent 60%),
             radial-gradient(80% 60% at 5% 100%,rgba(23,61,49,.45),transparent 62%),var(--v900)}
.hero-int .ghost{right:-16%;top:40%;transform:translateY(-50%);width:min(58vw,700px);opacity:.045}
.hero-int .wrap{max-width:62rem}
.hero-int h1{font-size:clamp(2.3rem,5.4vw,4.2rem);color:var(--marfim);margin:1.5rem 0 1.4rem;font-weight:300;max-width:19ch}
.hero-int h1 em{font-style:italic;color:var(--ouro-cl)}
.hero-int .lede{font-size:clamp(1.05rem,1rem + .45vw,1.28rem);max-width:56ch;color:var(--champagne);opacity:.94}
.hero-int .hero-cta{margin-top:2.4rem}

.crumb{font-family:var(--sans);font-weight:300;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--champagne);opacity:.6;display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-bottom:1.6rem}
.crumb a{transition:color .3s}
.crumb a:hover{color:var(--ouro-cl)}
.crumb span{color:var(--ouro)}

/* corpo do texto */
.prosa{padding:clamp(4rem,8vw,7rem) 0}
.prosa .wrap{max-width:56rem}
.prosa h2{font-size:clamp(1.75rem,3.6vw,2.7rem);margin:0 0 1.2rem}
.prosa h2+p{margin-top:0}
.prosa h3{font-size:clamp(1.2rem,2.2vw,1.6rem);margin:2.4rem 0 .7rem;color:var(--v600)}
.prosa p{margin-bottom:1.1rem;color:#3B443E;max-width:66ch}
.prosa .lead{font-size:1.14rem;color:var(--v600)}
.prosa ul{list-style:none;margin:1.2rem 0 1.6rem;max-width:66ch}
.prosa ul li{position:relative;padding-left:1.7rem;margin-bottom:.7rem;color:#3B443E}
.prosa ul li::before{content:"";position:absolute;left:.15rem;top:.62em;width:6px;height:6px;
  background:var(--bordo-cl);transform:rotate(45deg)}
.prosa .nota{border-left:2px solid var(--ouro);background:rgba(216,195,165,.28);padding:1.15rem 1.4rem;
  margin:1.8rem 0;max-width:66ch}
.prosa .nota p{margin:0;font-size:.99rem}
.prosa .nota strong{color:var(--v600)}
.prosa .fonte{font-size:.85rem;color:#5C665E;margin-top:1.4rem}
.prosa .fonte a{border-bottom:1px solid rgba(126,98,55,.4);transition:color .3s}
.prosa .fonte a:hover{color:var(--bordo)}

/* etapas na página interna */
.passos{background:var(--v850);padding:clamp(4rem,8vw,7rem) 0;overflow:hidden}
.passos .ghost{left:-18%;bottom:-26%;width:min(56vw,600px);opacity:.035}
.passos .lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1px;
  background:rgba(176,141,87,.22);border:1px solid rgba(176,141,87,.22);margin-top:clamp(2rem,4vw,3rem)}
.passos .item{background:var(--v850);padding:clamp(1.6rem,3vw,2.2rem);transition:background .5s var(--ease)}
.passos .item:hover{background:var(--v700)}
.passos .item .n{font-family:var(--serif-d);font-size:2rem;color:var(--ouro);opacity:.5;display:block;margin-bottom:.5rem}
.passos .item h3{font-size:1.25rem;color:var(--marfim);margin-bottom:.5rem}
.passos .item p{color:var(--champagne);opacity:.75;font-size:.95rem;line-height:1.6}

/* faixa de encerramento */
.fecho{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(165deg,var(--v700),var(--v900) 62%);overflow:hidden}
.fecho .ghost{right:-12%;top:-20%;width:min(50vw,560px);opacity:.05}
.fecho .wrap{max-width:52rem;text-align:center;display:flex;flex-direction:column;align-items:center}
.fecho h2{font-size:clamp(1.9rem,4vw,3rem);margin:1rem 0 1.1rem;max-width:20ch}
.fecho p{max-width:48ch;color:var(--champagne);opacity:.9;margin-bottom:2rem}
.fecho .eyebrow::after{content:"";width:30px;height:1px;background:currentColor;opacity:.75}

/* páginas irmãs */
.irmas{padding:clamp(3rem,6vw,5rem) 0;background:var(--v900);border-top:1px solid rgba(176,141,87,.16)}
.irmas h2{font-size:1.5rem;margin-bottom:1.6rem;color:var(--marfim)}
.irmas .grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem}
.irmas a{border:1px solid rgba(176,141,87,.24);padding:1.15rem 1.3rem;transition:.4s var(--ease);display:block}
.irmas a:hover{border-color:var(--ouro);background:rgba(23,61,49,.5);transform:translateY(-2px)}
.irmas a b{display:block;font-family:var(--serif-d);font-weight:400;font-size:1.18rem;color:var(--marfim);margin-bottom:.25rem}
.irmas a span{font-family:var(--sans);font-weight:300;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro)}

@media (max-width:860px){
  .hero-int{padding:8.5rem 0 3.5rem}
}

/* citação de destaque dentro do texto */
.prosa .pull{font-family:var(--serif-d);font-weight:300;font-size:clamp(1.35rem,2.6vw,1.85rem);
  line-height:1.3;color:var(--v600);border-left:2px solid var(--bordo);padding:.3rem 0 .3rem 1.6rem;
  margin:2.6rem 0 1.8rem;max-width:56ch}
.prosa .pull cite{display:block;font-family:var(--sans);font-style:normal;font-weight:300;
  font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ouro-esc);margin-top:.9rem}

/* ============================================================
   TRIAGEM POR GATILHO — "Chegou isso aí?"
   Entrada pelo PROBLEMA, em linguagem de leigo. O dono de empresa
   do interior nunca busca "direito tributário": ele busca "recebi
   uma intimação". Este bloco é a ponte entre a busca real e a página.
   ============================================================ */
.gatilhos{background:var(--v850);padding:clamp(3.5rem,7vw,6rem) 0;position:relative;overflow:hidden;
  border-top:1px solid rgba(176,141,87,.14)}
.gatilhos .ghost{left:-20%;top:-30%;width:min(52vw,620px);opacity:.035}
.gatilhos .sec-head{max-width:46rem;margin-bottom:clamp(2rem,4vw,3rem)}
.gatilhos h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin:.9rem 0 .8rem}
.gatilhos .sec-head p{color:var(--champagne);opacity:.8;max-width:52ch}
.gt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1px;
  background:rgba(176,141,87,.2);border:1px solid rgba(176,141,87,.2)}
.gt{background:var(--v850);padding:1.5rem 1.5rem 1.35rem;display:flex;flex-direction:column;gap:.55rem;
  position:relative;transition:background .5s var(--ease)}
.gt::after{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:var(--bordo-cl);
  transition:height .5s var(--ease-out)}
.gt:hover{background:var(--v700)}
.gt:hover::after{height:100%}
.gt b{font-family:var(--serif-d);font-weight:400;font-size:1.16rem;color:var(--marfim);line-height:1.25}
.gt p{font-size:.92rem;color:var(--champagne);opacity:.76;line-height:1.62;margin:0;flex:1}
.gt .leva{font-family:var(--sans);font-weight:300;font-size:.66rem;letter-spacing:.19em;text-transform:uppercase;
  color:var(--ouro);display:flex;align-items:center;gap:.45rem;margin-top:.3rem}
.gt .leva .arw{transition:transform .45s var(--ease)}
.gt:hover .leva .arw{transform:translateX(5px)}

/* ============================================================
   SETORES ATENDIDOS — reconhecimento por ramo
   ============================================================ */
.setores{padding:clamp(3.5rem,7vw,6rem) 0;background:var(--papel);color:#2E3A33;position:relative}
.setores .paper-tex{position:absolute;inset:0;opacity:.5;pointer-events:none}
.setores .wrap{position:relative}
.setores .sec-head{max-width:46rem;margin-bottom:clamp(2rem,4vw,2.8rem)}
.setores h2{color:var(--v600);font-size:clamp(1.7rem,3.4vw,2.5rem);margin:.9rem 0 .8rem}
.setores .sec-head p{color:#3B443E;max-width:56ch}
.setores .eyebrow{color:var(--ouro-esc)}
.st-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:1rem}
.st{border:1px solid rgba(126,98,55,.28);padding:1.15rem 1.25rem;background:rgba(255,255,255,.42);
  transition:.45s var(--ease)}
.st:hover{border-color:var(--ouro);transform:translateY(-3px);box-shadow:0 14px 34px -22px rgba(23,61,49,.5)}
.st b{display:block;font-family:var(--serif-d);font-weight:400;font-size:1.1rem;color:var(--v600);margin-bottom:.3rem}
.st span{font-size:.85rem;color:#5C665E;line-height:1.55;display:block}
.setores .rodape{margin-top:1.9rem;font-size:.93rem;color:#5C665E;max-width:62ch}
.setores .rodape strong{color:var(--v600)}

/* ============================================================
   BLOG — lista de artigos e corpo do post
   ============================================================ */
.lista-art{padding:clamp(3.5rem,7vw,6rem) 0;background:var(--papel);color:#2E3A33;position:relative}
.lista-art .paper-tex{position:absolute;inset:0;opacity:.5;pointer-events:none}
.lista-art .wrap{position:relative;max-width:62rem}
.art-item{display:grid;grid-template-columns:8.5rem 1fr auto;gap:1.6rem;align-items:start;
  padding:1.9rem 0;border-top:1px solid rgba(126,98,55,.24);transition:.45s var(--ease)}
.art-item:last-child{border-bottom:1px solid rgba(126,98,55,.24)}
.art-item:hover{padding-left:.7rem}
.art-item .meta{font-family:var(--sans);font-weight:300;font-size:.66rem;letter-spacing:.17em;
  text-transform:uppercase;color:var(--ouro-esc);line-height:1.9;padding-top:.35rem}
.art-item .meta i{display:block;font-style:normal;color:#7A857C}
.art-item h3{font-family:var(--serif-d);font-weight:400;font-size:clamp(1.25rem,2.2vw,1.6rem);
  color:var(--v600);line-height:1.25;margin-bottom:.5rem;transition:color .4s}
.art-item:hover h3{color:var(--bordo)}
.art-item p{font-size:.96rem;color:#4A544D;max-width:62ch;margin:0}
.art-item .go{align-self:center;color:var(--ouro-esc);transition:transform .45s var(--ease)}
.art-item:hover .go{transform:translateX(6px);color:var(--bordo)}
.vazio{border:1px dashed rgba(126,98,55,.45);padding:2.2rem;text-align:center;color:#5C665E;
  background:rgba(255,255,255,.35)}

/* corpo do artigo — herda .prosa e acrescenta o que só o post usa */
.post-head{padding:10.5rem 0 clamp(2.5rem,5vw,4rem);position:relative;overflow:hidden;
  background:radial-gradient(105% 80% at 78% 0%,rgba(30,75,60,.5),transparent 60%),var(--v900)}
.post-head .ghost{right:-15%;top:35%;transform:translateY(-50%);width:min(54vw,660px);opacity:.04}
.post-head .wrap{max-width:56rem}
.post-head h1{font-size:clamp(1.95rem,4.4vw,3.3rem);color:var(--marfim);font-weight:300;
  margin:1.3rem 0 1.2rem;max-width:22ch;line-height:1.14}
.post-head .resumo{font-size:clamp(1.02rem,.98rem + .4vw,1.2rem);color:var(--champagne);opacity:.92;max-width:58ch}
.post-meta{font-family:var(--sans);font-weight:300;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ouro);display:flex;gap:1.1rem;flex-wrap:wrap;margin-top:1.8rem;align-items:center}
.post-meta span{color:var(--champagne);opacity:.6}
.prosa .resposta-direta{background:var(--v600);color:var(--marfim);padding:1.5rem 1.7rem;margin:0 0 2.4rem;
  border-left:3px solid var(--ouro);max-width:66ch}
.prosa .resposta-direta p{color:var(--champagne);margin:0;font-size:1.04rem;opacity:.95}
.prosa .resposta-direta strong{color:var(--ouro-br)}
.prosa .dado{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.2rem;align-items:baseline;
  border-top:1px solid rgba(126,98,55,.3);border-bottom:1px solid rgba(126,98,55,.3);
  padding:1.2rem 0;margin:2rem 0;max-width:66ch}
.prosa .dado b{font-family:var(--serif-d);font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);
  color:var(--bordo);line-height:1}
.prosa .dado span{font-size:.93rem;color:#4A544D}
.prosa table{width:100%;border-collapse:collapse;margin:1.8rem 0;font-size:.94rem;max-width:66ch}
.prosa table th{text-align:left;font-family:var(--sans);font-weight:400;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ouro-esc);border-bottom:1px solid rgba(126,98,55,.4);
  padding:.55rem .8rem .55rem 0}
.prosa table td{padding:.7rem .8rem .7rem 0;border-bottom:1px solid rgba(126,98,55,.16);
  color:#3B443E;vertical-align:top}
.prosa ol{margin:1.2rem 0 1.6rem 1.2rem;max-width:66ch;color:#3B443E}
.prosa ol li{margin-bottom:.65rem;padding-left:.4rem}
.prosa ol li::marker{color:var(--bordo-cl);font-family:var(--serif-d)}

/* ============================================================
   PARA CONTADORES / PARCEIROS
   ============================================================ */
.parceiro{padding:clamp(3.5rem,7vw,6rem) 0;background:var(--v800);position:relative;overflow:hidden}
.parceiro .ghost{right:-18%;bottom:-30%;width:min(50vw,580px);opacity:.04}
.parceiro .wrap{max-width:58rem;position:relative}
.parceiro h2{font-size:clamp(1.6rem,3.2vw,2.3rem);margin:.9rem 0 1rem}
.parceiro p{color:var(--champagne);opacity:.86;max-width:60ch;margin-bottom:1rem}
.parceiro .duplas{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.3rem;
  margin:2rem 0 2.2rem}
.parceiro .duplas div{border-left:1px solid rgba(176,141,87,.35);padding-left:1.1rem}
.parceiro .duplas b{display:block;font-family:var(--serif-d);font-weight:400;font-size:1.08rem;
  color:var(--marfim);margin-bottom:.35rem}
.parceiro .duplas span{font-size:.9rem;color:var(--champagne);opacity:.72;line-height:1.6}

@media (max-width:760px){
  .art-item{grid-template-columns:1fr;gap:.7rem}
  .art-item .go{display:none}
  .art-item .meta{padding-top:0}
  .post-head{padding:8.5rem 0 2.5rem}
}

/* ---------- Área do Cliente — modal de login ---------- */
.cli-veu{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;
  padding:1.2rem;background:rgba(6,17,12,.74);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}
.cli-veu.open{opacity:1;visibility:visible}
.cli-box{position:relative;width:min(400px,100%);max-height:92vh;overflow:auto;text-align:center;
  background:linear-gradient(162deg,var(--v800),var(--v850) 62%,#06110C);
  border:1px solid rgba(176,141,87,.32);border-radius:2px;padding:2.5rem 2.2rem 2rem;
  box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(233,224,205,.06);
  transform:translateY(16px);transition:transform .45s var(--ease)}
.cli-veu.open .cli-box{transform:translateY(0)}
.cli-box::before{content:"";position:absolute;inset:8px;border:1px solid rgba(176,141,87,.16);
  border-radius:1px;pointer-events:none}
.cli-x{position:absolute;top:.55rem;right:.8rem;z-index:1;background:none;border:0;cursor:pointer;
  color:var(--champagne);font-size:1.5rem;line-height:1;padding:.35rem;opacity:.7;transition:.3s}
.cli-x:hover{opacity:1;color:var(--ouro-br)}
.cli-logo{width:120px;height:auto;margin:0 auto .9rem;display:block}
.cli-eyebrow{font-family:var(--sans);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--ouro-cl);margin-bottom:.45rem}
.cli-box h3{font-family:var(--serif-d);font-weight:400;font-size:1.75rem;color:var(--marfim);margin-bottom:.4rem}
.cli-sub{font-size:.85rem;color:var(--champagne);opacity:.75;line-height:1.5;margin-bottom:1.5rem}
.cli-form{text-align:left}
.cli-form label{display:block;margin-bottom:.95rem}
.cli-form label span{display:block;font-family:var(--sans);font-size:.6rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--champagne);opacity:.8;margin-bottom:.4rem}
.cli-form input{width:100%;background:rgba(233,224,205,.05);border:1px solid rgba(176,141,87,.28);
  border-radius:1px;padding:.68rem .8rem;color:var(--marfim);font-family:var(--serif-b);
  font-size:1rem;outline:none;transition:.3s}
.cli-form input:focus{border-color:var(--ouro);background:rgba(233,224,205,.08);
  box-shadow:0 0 0 3px rgba(176,141,87,.12)}
.cli-erro{font-size:.83rem;color:#DA9AA4;background:rgba(110,47,58,.22);border:1px solid rgba(142,63,76,.4);
  border-radius:1px;padding:.55rem .8rem;margin-bottom:.95rem;line-height:1.45}
.cli-erro a{color:var(--ouro-br);text-decoration:underline}
.cli-entrar{width:100%;font-family:var(--sans);font-weight:400;font-size:.74rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--v900);background:var(--ouro);border:0;border-radius:1px;
  padding:.8rem 1rem;cursor:pointer;transition:.35s var(--ease)}
.cli-entrar:hover:not(:disabled){background:var(--ouro-br);transform:translateY(-1px)}
.cli-entrar:disabled{opacity:.75;cursor:default}
.cli-ajuda{font-size:.78rem;color:var(--champagne);opacity:.75;line-height:1.6;margin-top:1.4rem}
.cli-ajuda a{color:var(--ouro-cl);text-decoration:underline;text-underline-offset:3px}
.cli-ajuda a:hover{color:var(--ouro-br)}
@media (prefers-reduced-motion:reduce){
  .cli-veu,.cli-box{transition:none}
}