/* FG Advogados — sistema editorial (home e páginas internas) */
:root{
  --paper:#F5F4F1;
  --paper-2:#ECEAE5;
  --ink:#0F1612;
  --ink-2:#17221B;
  --ink-soft:#4A524C;
  --line:rgba(15,22,18,.15);
  --line-strong:rgba(15,22,18,.34);
  --bronze:#967855;
  --bronze-ink:#7A5F3E;
  --bronze-light:#C8AE87;
  --on-ink:#F5F4F1;
  --on-ink-soft:#B4BDB6;
  --serif:'Bodoni Moda',Didot,'Bodoni 72',serif;
  --sans:'Jost','Avenir Next',Futura,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --gutter:clamp(20px,5vw,72px);
  --max:1320px;
  --step:clamp(72px,10vw,148px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;font-optical-sizing:none;font-variation-settings:"opsz" 18}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
::selection{background:var(--bronze);color:#fff}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;border-radius:1px}
html{scrollbar-color:var(--bronze) var(--paper-2)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.01em;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--on-ink);padding:10px 14px;z-index:100}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Caps finas ecoando o logotipo */
.caps{font-family:var(--sans);font-weight:500;font-size:15px;letter-spacing:.01em}

/* ---------- Cabeçalho ---------- */
.mast{position:fixed;inset:0 0 auto 0;z-index:50;background:var(--ink);transition:box-shadow .5s var(--ease)}
.mast .wrap{display:flex;align-items:center;justify-content:space-between;height:84px;max-width:none}
.mast .logo img{height:54px;width:auto}
.mast nav{display:flex;align-items:center;gap:34px}
.mast nav a{color:var(--on-ink);text-decoration:none;font-size:16px;letter-spacing:.01em;padding:8px 0;border-bottom:1px solid transparent;transition:border-color .3s}
.mast nav a:hover{border-color:var(--bronze-light)}
.mast .wa-top{border:1px solid var(--bronze-light);color:var(--bronze-light);padding:10px 18px;border-radius:2px}
.mast .wa-top:hover{background:var(--bronze-light);color:var(--ink)}
.mast .logo .sobre-claro{display:none}
.mast.solid{background:var(--ink);box-shadow:0 10px 30px rgba(6,10,8,.22)}
.mast .menu-btn{display:none;background:none;border:0;color:var(--on-ink);padding:10px;margin-right:-10px;cursor:pointer}
.mast .menu-btn svg{width:26px;height:26px}

/* ---------- Capa ---------- */
.capa{position:relative;min-height:max(680px,100svh);background:linear-gradient(180deg,#ADABAE 0%,#A9A8AD 50%,#9B9A9F 100%);color:var(--ink);display:grid;overflow:hidden;--capa-suave:#262B28}
.capa picture,.capa .foto{position:absolute;top:0;left:0;bottom:0;aspect-ratio:1198/1800;max-width:60%;-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,#000 78%,transparent 100%)}
.capa .foto img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.capa .veu{position:absolute;inset:0 0 auto 0;display:none;pointer-events:none}
.capa .miolo{position:relative;align-self:center;display:flex;justify-content:flex-end;padding:120px var(--gutter) 48px;max-width:calc(var(--max) + 2*var(--gutter));width:100%;margin:0 auto}
.capa h1{font-size:clamp(44px,4.6vw,68px);max-width:9.5ch;font-weight:400;letter-spacing:-.015em}
.capa .texto{width:min(520px,42%)}
.capa .sub{margin-top:22px;font-size:19px;line-height:1.5;color:var(--capa-suave);max-width:36ch}
.capa .linhas{list-style:none;margin:34px 0 0;padding:0;max-width:500px}
.capa .linhas li{border-top:1px solid rgba(15,22,18,.4)}
.capa .linhas li:last-child{border-bottom:1px solid rgba(15,22,18,.4)}
.linha{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;padding:15px 2px;font-size:19px;line-height:1.35;cursor:pointer;transition:color .3s,padding .5s var(--ease)}
.linha svg{flex:none;width:18px;height:18px;transition:transform .6s var(--ease);color:var(--ink)}
.linha:hover{padding-left:8px}
.linha[aria-expanded="true"] svg{transform:rotate(45deg)}
.orient{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--ease)}
.orient>div{overflow:hidden}
.orient p{font-size:16px;line-height:1.6;color:var(--capa-suave);max-width:46ch;padding:0 2px 6px}
.orient .acao{display:inline-flex;align-items:center;gap:10px;margin:10px 0 20px;color:var(--ink);font-weight:500;font-size:15px;letter-spacing:.02em;text-decoration:none;border-bottom:1px solid var(--bronze)}
.linha[aria-expanded="true"]+.orient{grid-template-rows:1fr}
.capa .chamar{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px}
.capa .nota{font-size:14px;color:var(--capa-suave);max-width:34ch}

/* Botão principal */
.btn{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:0 28px;background:#86694A;color:#fff;text-decoration:none;font-size:16px;font-weight:500;letter-spacing:.01em;border-radius:2px;transition:background .35s,transform .35s var(--ease)}
.btn:hover{background:#6F5539}
.btn:active{transform:translateY(1px)}
.btn svg{width:20px;height:20px}
.btn.claro{background:var(--ink);}
.btn.claro:hover{background:var(--ink-2)}

/* ---------- Seções ---------- */
.secao{padding:var(--step) 0}
.titulo{font-size:clamp(34px,4.2vw,60px);max-width:16ch}
.lead{font-size:clamp(19px,1.6vw,22px);line-height:1.55;color:var(--ink-soft);max-width:44ch}

/* Sumário das áreas */
.sumario{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:start}
.sumario .cab{position:sticky;top:120px}
.sumario .cab .lead{margin-top:26px}
.areas{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong)}
.areas li{border-bottom:1px solid var(--line)}
.areas a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;padding:26px 0;text-decoration:none;transition:padding .6s var(--ease)}
.areas h3{font-size:clamp(24px,2.3vw,32px);transition:color .3s}
.areas p{grid-column:1;font-size:16px;color:var(--ink-soft);max-width:52ch}
.areas svg{grid-row:1/3;grid-column:2;align-self:center;width:22px;height:22px;color:var(--bronze);transition:transform .6s var(--ease)}
.areas a:hover{padding-left:12px}
.areas a:hover h3{color:var(--bronze-ink)}
.areas a:hover svg{transform:translateX(6px)}

/* Perfil */
.perfil{background:var(--ink);color:var(--on-ink)}
.perfil .grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(40px,7vw,110px);align-items:center}
.perfil figure{margin:0;position:relative}
.perfil figure img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.perfil figcaption{margin-top:14px;font-size:14px;color:var(--on-ink-soft);letter-spacing:.02em}
.perfil h2{font-size:clamp(40px,5vw,72px)}
.perfil .cargo{margin-top:16px;color:var(--bronze-light)}
.perfil .bio{margin-top:34px;display:grid;gap:18px;color:var(--on-ink-soft);max-width:52ch}
.perfil .bio strong{color:var(--on-ink);font-weight:500}
.fatos{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px 40px;padding-top:26px;border-top:1px solid rgba(245,244,241,.18);font-size:16px;color:var(--on-ink-soft)}
.fatos b{font-family:var(--serif);font-weight:400;font-size:30px;color:var(--on-ink);margin-right:8px;font-variant-numeric:lining-nums}
.formacao{margin-top:28px;font-size:15px;color:var(--on-ink-soft);line-height:1.8}

/* Ensaio do escritório */
.ensaio .topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px;margin-bottom:56px}
.ensaio .mosaico{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.ensaio figure{margin:0;overflow:hidden;background:var(--paper-2)}
.ensaio figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.ensaio figure:hover img{transform:scale(1.03)}
.ensaio .a{grid-column:1/9;grid-row:1;aspect-ratio:3/2}
.ensaio .b{grid-column:9/13;grid-row:1/3;aspect-ratio:auto}
.ensaio .c{grid-column:1/4;grid-row:2;aspect-ratio:4/5}
.ensaio .d{grid-column:4/9;grid-row:2;aspect-ratio:auto}
.endereco{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--line-strong);padding-top:28px;font-size:16px}
.endereco dt{color:var(--bronze-ink);margin-bottom:6px}
.endereco dd{margin:0;color:var(--ink-soft)}

/* Atendimento */
.passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:64px;list-style:none;padding:0;counter-reset:p}
.passos li{counter-increment:p;border-top:1px solid var(--line-strong);padding-top:22px}
.passos li::before{content:counter(p);font-family:var(--serif);font-size:44px;line-height:1;color:var(--bronze);display:block;margin-bottom:18px}
.passos h3{font-size:24px;line-height:1.3;margin-bottom:10px}
.passos p{font-size:16px;color:var(--ink-soft)}
.atend{background:var(--paper-2)}

/* Avaliações */
.vozes .lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,96px) clamp(40px,7vw,120px);margin-top:64px}
.vozes blockquote{margin:0}
.vozes blockquote p{font-family:var(--serif);font-style:italic;font-size:clamp(21px,1.9vw,27px);line-height:1.4}
.vozes footer{margin-top:16px;font-size:14px;color:var(--ink-soft);letter-spacing:.02em}
.vozes footer span{color:var(--bronze-ink)}
.vozes .fonte{margin-top:56px;font-size:14px;color:var(--ink-soft)}

/* Artigos */
.artigos{background:var(--ink);color:var(--on-ink)}
.artigos .lead{color:var(--on-ink-soft)}
.artigos .lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:64px}
.artigos article a{text-decoration:none;display:block}
.artigos .placa{container-type:inline-size;aspect-ratio:3/2;margin-bottom:24px;border:1px solid rgba(200,174,135,.35);display:flex;flex-direction:column;justify-content:flex-end;padding:22px 24px;background:#0A0F0C;transition:border-color .6s var(--ease),background .6s var(--ease)}
.artigos .placa span{font-family:var(--serif);font-size:clamp(30px,13cqi,56px);line-height:1;color:var(--on-ink);transition:transform .8s var(--ease)}
.artigos .placa small{margin-top:10px;font-size:15px;color:var(--bronze-light)}
.artigos a:hover .placa{border-color:var(--bronze-light);background:#121B16}
.artigos a:hover .placa span{transform:translateY(-4px)}
.artigos h3{font-size:24px;line-height:1.3}
.artigos .meta{margin-top:14px;font-size:14px;color:var(--on-ink-soft)}
.artigos .todos{margin-top:56px}
.artigos .todos a{color:var(--on-ink);font-size:17px}

/* Dúvidas */
.duvidas .grade{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(40px,7vw,120px)}
.duvidas details{border-bottom:1px solid var(--line)}
.duvidas details:first-of-type{border-top:1px solid var(--line-strong)}
.duvidas summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:22px 0;font-size:19px;line-height:1.4}
.duvidas summary::-webkit-details-marker{display:none}
.duvidas summary svg{flex:none;width:18px;height:18px;margin-top:5px;color:var(--bronze);transition:transform .5s var(--ease)}
.duvidas details[open] summary svg{transform:rotate(45deg)}
.duvidas details p{padding:0 0 24px;color:var(--ink-soft);font-size:16px;max-width:64ch}
.duvidas h3{font-size:24px;color:var(--bronze-ink);margin:44px 0 6px}
.duvidas h3:first-child{margin-top:0}

/* Fechamento */
.fecho{background:var(--ink);color:var(--on-ink);position:relative;overflow:hidden}
.fecho .grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(40px,6vw,96px);align-items:start}
.fecho h2{font-size:clamp(38px,4.8vw,68px);max-width:13ch}
.fecho .lead{color:var(--on-ink-soft);margin-top:24px}
.fecho .canais{display:grid;gap:20px;font-size:17px;margin-top:48px}
.fecho .canais dt{color:var(--bronze-light);font-size:15px;margin-bottom:2px}
.fecho .canais dd{margin:0}
.fecho .canais a{text-decoration:none;border-bottom:1px solid rgba(245,244,241,.3)}
.fecho .btn{margin-top:40px}

/* Rodapé */
.rodape{background:#0A0F0C;color:var(--on-ink-soft);font-size:14px;padding:56px 0 40px}
.rodape .grade{display:grid;grid-template-columns:minmax(0,3fr) repeat(4,minmax(0,2fr));gap:32px}
.rodape img{height:44px;width:auto}
.rodape h2{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--on-ink);margin-bottom:14px}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rodape a{text-decoration:none}
.rodape a:hover{color:var(--on-ink)}
.rodape .legal{margin-top:48px;padding-top:24px;border-top:1px solid rgba(245,244,241,.12);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px}

/* WhatsApp fixo (celular) */
.wa-fixo{display:none}

/* Movimento: revelação da fotografia (conteúdo visível sem JS) */
.js .revela{clip-path:inset(0 0 0 0);transition:clip-path 1.4s var(--ease)}
.js .revela.antes{clip-path:inset(12% 0 0 0)}
.js .revela img{transition:transform 1.8s var(--ease)}
.js .revela.antes img{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .js .revela.antes{clip-path:none}.js .revela.antes img{transform:none}
}

/* ---------- Responsivo ---------- */
@media (max-width:1024px){
  .mast nav a:not(.wa-top){display:none}
  .mast .menu-btn{display:block;margin-left:18px}
  .mast .wrap>nav{margin-left:auto}
  .mast.aberto nav{display:flex;position:fixed;inset:84px 0 0 0;background:var(--ink);flex-direction:column;align-items:flex-start;gap:0;padding:24px var(--gutter)}
  .mast.aberto nav a,.mast.aberto nav a:not(.wa-top){display:block;width:100%;font-family:var(--serif);font-size:30px;letter-spacing:0;text-transform:none;padding:14px 0;border-bottom:1px solid rgba(245,244,241,.12)}
  .mast.aberto nav .wa-top{border:0;color:var(--bronze-light)}
  .passos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rodape .grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  body{font-size:17px}
  .mast .wrap{height:68px}
  .mast .logo img{height:42px}
  .mast nav{display:none}
  .mast .menu-btn{display:block}
  .mast .menu-btn{margin-left:0}
  .mast.aberto nav{inset:68px 0 0 0}
  .capa{min-height:auto;display:block;background:var(--paper);--capa-suave:var(--ink-soft)}
  .capa picture,.capa .foto{position:relative;inset:auto;width:auto;max-width:none;aspect-ratio:auto;display:block;height:60svh;min-height:400px;-webkit-mask-image:none;mask-image:none}
  .capa .foto img{object-position:50% 18%}
  .capa .veu{display:block;background:linear-gradient(180deg,rgba(245,244,241,.45) 0%,rgba(245,244,241,0) 16%,rgba(245,244,241,0) 72%,rgba(245,244,241,1) 100%);height:60svh;min-height:400px}
  .capa .miolo{display:block;padding:0 var(--gutter) 40px;margin-top:-40px}
  .capa .texto{width:auto}
  .capa h1{font-size:clamp(40px,11vw,50px)}
  .capa .sub{font-size:17px;margin-top:14px}
  .capa .linhas{margin-top:26px}
  .linha{font-size:17px;padding:14px 0}
  .capa .chamar{margin-top:26px}
  .capa .chamar .btn{width:100%;justify-content:center}
  .sumario,.perfil .grade,.duvidas .grade,.fecho .grade{grid-template-columns:minmax(0,1fr)}
  .sumario .cab{position:static}
  .ensaio .mosaico{grid-template-columns:repeat(6,minmax(0,1fr))}
  .ensaio .a{grid-column:1/7;grid-row:auto}.ensaio .b{grid-column:1/4;grid-row:auto;aspect-ratio:4/5}.ensaio .c{grid-column:4/7;grid-row:auto}.ensaio .d{grid-column:1/7;grid-row:auto;aspect-ratio:16/10}
  .endereco{grid-template-columns:minmax(0,1fr)}
  .vozes .lista,.artigos .lista{grid-template-columns:minmax(0,1fr)}
  .passos{grid-template-columns:minmax(0,1fr)}
  .rodape .grade{grid-template-columns:minmax(0,1fr)}
  .wa-fixo{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;justify-content:center;transform:translateY(140%);transition:transform .6s var(--ease)}
  .wa-fixo.mostra{transform:none}
  .wa-fixo .btn{width:100%;justify-content:center;box-shadow:0 12px 30px rgba(6,10,8,.3)}
  .rodape{padding-bottom:110px}
}

/* Pendência visível até a confirmação do dado */

/* ===================== Páginas internas ===================== */
:root{--capa-suave:var(--ink-soft)}
.trilha{font-size:14px;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.trilha a{text-decoration:none;border-bottom:1px solid var(--line-strong)}
.trilha a:hover{color:var(--bronze-ink);border-color:var(--bronze-ink)}
.trilha span[aria-hidden]{color:var(--bronze)}

/* Abertura de página: foto real de ponta a ponta, título sobre o papel */
.pagina-capa{padding-top:84px;background:var(--paper)}
.pagina-capa .foto{position:relative;height:clamp(300px,50vh,560px);overflow:hidden;background:var(--paper-2)}
.pagina-capa .foto img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.pagina-capa .miolo{position:relative;padding-top:clamp(36px,4vw,56px);padding-bottom:clamp(48px,6vw,88px)}
.pagina-capa h1{font-size:clamp(40px,5vw,72px);max-width:16ch;margin-top:18px}
.pagina-capa .lead{margin-top:24px}
.pagina-capa .acoes{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:36px}
.pagina-capa .acoes .nota{font-size:14px;color:var(--ink-soft);max-width:36ch}
.pagina-capa.sem-foto{padding-top:140px}
.pagina-capa.sem-foto .miolo{margin-top:0}

/* Situações frequentes (mesmo gesto das chamadas da capa) */
.situacoes{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:start}
.situacoes .cab{position:sticky;top:120px}
.situacoes .lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong)}
.situacoes .lista li{border-bottom:1px solid var(--line)}
.situacoes .linha{font-family:var(--serif);font-size:clamp(22px,2.1vw,28px);line-height:1.25;padding:22px 2px}
.situacoes .orient p{font-size:17px;max-width:58ch}
.prazo{margin-top:40px;padding:24px 28px;background:var(--paper-2);font-size:16px;color:var(--ink-soft);max-width:60ch}
.prazo strong{color:var(--ink);font-weight:500}

/* Outras áreas */
.outras{background:var(--paper-2)}
.atend+.outras{background:var(--paper)}
.outras ul{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px}
.outras li{border-top:1px solid var(--line-strong)}
.outras a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;text-decoration:none;font-family:var(--serif);font-size:22px;line-height:1.25}
.outras a svg{flex:none;width:18px;height:18px;color:var(--bronze)}
.outras a:hover{color:var(--bronze-ink)}

/* Blog: índice com filtro por área */
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.filtros button{all:unset;cursor:pointer;font-size:14px;letter-spacing:.02em;padding:10px 16px;border:1px solid var(--line-strong);border-radius:2px;transition:background .3s,color .3s}
.filtros button:hover{border-color:var(--ink)}
.filtros button[aria-pressed="true"]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.filtros button:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.indice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,3vw,48px) clamp(24px,3vw,48px);margin-top:56px}
.indice article[hidden]{display:none}
.indice a{text-decoration:none;display:block}
.indice .placa,.relacionados .placa{container-type:inline-size;aspect-ratio:3/2;margin-bottom:22px;background:var(--ink);color:var(--on-ink);display:flex;flex-direction:column;justify-content:flex-end;padding:22px 24px;border:1px solid transparent;transition:background .6s var(--ease)}
.indice .placa span,.relacionados .placa span{font-family:var(--serif);font-size:clamp(30px,13cqi,52px);line-height:1;transition:transform .8s var(--ease)}
.indice .placa small,.relacionados .placa small{margin-top:10px;font-size:15px;color:var(--bronze-light)}
.indice a:hover .placa,.relacionados a:hover .placa{background:#17221B}
.indice a:hover .placa span,.relacionados a:hover .placa span{transform:translateY(-4px)}
.indice h2,.relacionados h3{font-size:24px;line-height:1.3}
.indice .meta,.relacionados .meta{margin-top:12px;font-size:14px;color:var(--ink-soft)}
/* Foto do artigo no lugar da placa (Unsplash, objetos sem pessoas) */
.placa.com-foto{padding:0;overflow:hidden;background:var(--ink)}
.placa.com-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
a:hover .placa.com-foto img{transform:scale(1.03)}
.artigos .placa.com-foto{border-color:transparent}
.artigo-foto{max-width:1100px;margin:44px auto 0;padding:0 var(--gutter)}
.artigo-foto img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}
.artigo-foto figcaption{margin-top:10px;font-size:14px;color:var(--ink-soft)}
.artigo-foto figcaption a{color:inherit}
.indice-lista .mini{width:120px;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--paper-2)}
.indice-lista{display:block;margin-top:clamp(56px,6vw,88px);border-bottom:1px solid var(--line)}
.indice-lista article{border-top:1px solid var(--line)}
.indice-lista a{display:grid;grid-template-columns:120px minmax(0,1fr) 19rem 28px;align-items:center;gap:28px;padding:22px 0}
.indice-lista h2{font-size:clamp(22px,2vw,28px);line-height:1.25;transition:transform .6s var(--ease)}
.indice-lista .meta{margin:0;font-size:14px;color:var(--ink-soft)}
.indice-lista svg{width:22px;height:22px;color:var(--bronze);align-self:center;transition:transform .6s var(--ease)}
.indice-lista a:hover h2{transform:translateX(6px)}
.indice-lista a:hover svg{transform:translateX(4px)}
.indice-lista a:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}

/* Artigo: leitura longa */
.artigo-topo{padding:150px 0 0}
.artigo-topo .wrap,.artigo-corpo{max-width:860px}
.artigo-topo h1{font-size:clamp(36px,4.4vw,60px);line-height:1.1;margin-top:24px}
.artigo-topo .linha-fina{margin-top:22px;font-size:clamp(19px,1.6vw,22px);line-height:1.55;color:var(--ink-soft)}
.artigo-topo .meta{margin-top:26px;padding-bottom:30px;border-bottom:1px solid var(--line-strong);font-size:14px;color:var(--ink-soft)}
.artigo-corpo{margin:0 auto;padding:48px var(--gutter) 24px;font-size:19px;line-height:1.72}
.artigo-corpo>*{max-width:68ch}
.artigo-corpo p{margin:0 0 1.1em}
.artigo-corpo>p:first-of-type::first-letter{float:left;font-family:var(--serif);font-size:4.1em;line-height:.82;margin:.06em .12em 0 0;color:var(--bronze-ink)}
.artigo-corpo h2{font-size:clamp(28px,2.6vw,36px);line-height:1.2;margin:1.9em 0 .6em}
.artigo-corpo h3{font-size:clamp(22px,2vw,26px);line-height:1.3;margin:1.6em 0 .5em}
.artigo-corpo ul,.artigo-corpo ol{margin:0 0 1.2em;padding-left:1.2em}
.artigo-corpo li{margin:.35em 0}
.artigo-corpo li::marker{color:var(--bronze)}
.artigo-corpo a{color:var(--ink);text-decoration-color:var(--bronze);text-decoration-thickness:1px}
.artigo-corpo blockquote{margin:1.4em 0;padding-left:22px;border-left:1px solid var(--bronze);font-family:var(--serif);font-style:italic;font-size:22px}
.artigo-aviso{max-width:68ch;margin:8px 0 0;font-size:14px;color:var(--ink-soft)}
.artigo-fim{max-width:860px;margin:0 auto;padding:24px var(--gutter) 0}
.artigo-fim .caixa{background:var(--ink);color:var(--on-ink);padding:clamp(28px,4vw,48px)}
.artigo-fim h2{font-size:clamp(28px,3vw,40px);max-width:18ch}
.artigo-fim p{margin-top:16px;color:var(--on-ink-soft);max-width:52ch}
.artigo-fim .btn{margin-top:28px}
.relacionados .lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:48px}
.relacionados a{text-decoration:none;display:block}

/* Sobre: equipe e valores */
.principios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:56px;list-style:none;padding:0}
.principios li{border-top:1px solid var(--line-strong);padding-top:22px}
.principios h3{font-size:26px;margin-bottom:12px}
.principios p{font-size:16px;color:var(--ink-soft)}

/* Contatos */
.canais-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:16px}
.canais-grade>div{border-top:1px solid var(--line-strong);padding-top:22px}
.canais-grade dt{color:var(--bronze-ink);margin-bottom:8px}
.canais-grade dd{margin:0;font-size:19px;line-height:1.5}
.canais-grade dd a{text-decoration-color:var(--bronze)}
.canais-grade .obs{margin-top:10px;font-size:15px;color:var(--ink-soft)}

/* 404 */
.erro{min-height:70vh;display:flex;align-items:center}

@media (max-width:1024px){
  .indice,.relacionados .lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .outras ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .pagina-capa{padding-top:68px}
  .pagina-capa .foto{height:38svh;min-height:240px}
  .pagina-capa .miolo{padding-top:28px}
  .pagina-capa .acoes .btn{width:100%;justify-content:center}
  .pagina-capa.sem-foto{padding-top:110px}
  .situacoes{grid-template-columns:minmax(0,1fr)}
  .situacoes .cab{position:static}
  .indice,.relacionados .lista,.principios,.canais-grade{grid-template-columns:minmax(0,1fr)}
  .outras ul{grid-template-columns:minmax(0,1fr)}
  .artigo-topo{padding-top:110px}
  .artigo-corpo{font-size:18px}
  .indice-lista a{grid-template-columns:88px minmax(0,1fr) 22px;gap:6px 16px;padding:20px 0}
  .indice-lista .mini{width:88px;grid-row:1/3;align-self:start}
  .indice-lista h2{grid-column:2}
  .indice-lista .meta{grid-column:2;grid-row:2}
  .indice-lista svg{grid-column:3;grid-row:1/3}
}

/* ---------- Conteúdo recolocado do site publicado (21/10/2026) ---------- */
.sobre-area .grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:start}
.sobre-area .titulo{font-size:clamp(30px,3vw,44px);line-height:1.15;max-width:18ch}
.sobre-area .texto{display:grid;gap:18px;font-size:18px;color:var(--ink-soft);max-width:62ch}
.sobre-area .chamada{color:var(--ink);font-weight:500;margin-top:8px}
.sobre-area .btn{justify-self:start;margin-top:6px}
.sobre-area{padding-bottom:clamp(40px,5vw,72px)}
.sobre-area+.secao{padding-top:0}
.situacoes.com-fio{position:relative;padding-top:clamp(48px,6vw,80px)}
.situacoes.com-fio::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line-strong)}
.missao .grade{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:center}
.missao .video a{position:relative;display:block;background:var(--ink)}
.missao .video img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block;opacity:.92;transition:opacity .4s}
.missao .video a:hover img{opacity:1}
.missao .video .play{position:absolute;left:24px;bottom:24px;width:72px;height:72px;border-radius:50%;background:#86694A;box-shadow:0 10px 30px rgba(6,10,8,.35)}
.missao .video .play::after{content:"";position:absolute;left:29px;top:23px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}
.missao .video a:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.missao .video iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:var(--ink)}
.missao .legenda{margin-top:12px;font-size:14px;color:var(--ink-soft)}
.missao .texto{display:grid;gap:16px;font-size:18px;color:var(--ink-soft)}
.missao .texto .titulo{margin-bottom:8px;color:var(--ink)}
.missao .btn{justify-self:start;margin-top:12px}
.ensaio .topo .lead p+p{margin-top:12px}
.ensaio .topo .mais a{color:var(--ink);text-decoration-color:var(--bronze)}
.contato-form{background:rgba(245,244,241,.04);border:1px solid rgba(200,174,135,.28);padding:clamp(24px,3vw,40px)}
.contato-form h3{font-size:30px;color:var(--on-ink)}
.contato-form .intro{margin-top:8px;color:var(--on-ink-soft);font-size:16px}
.contato-form .campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin-top:26px}
.contato-form label{display:grid;gap:6px;font-size:14px;color:var(--on-ink-soft)}
.contato-form .largo{grid-column:1/-1}
.contato-form input,.contato-form select,.contato-form textarea{font:inherit;font-size:17px;color:var(--on-ink);background:transparent;border:0;border-bottom:1px solid rgba(245,244,241,.32);border-radius:0;padding:8px 0;width:100%}
.contato-form select option{color:#0F1612;background:#F5F4F1}
.contato-form textarea{resize:vertical;min-height:96px}
.contato-form input:focus,.contato-form select:focus,.contato-form textarea:focus{outline:none;border-bottom-color:var(--bronze-light)}
.contato-form input:focus-visible,.contato-form select:focus-visible,.contato-form textarea:focus-visible{box-shadow:0 2px 0 0 var(--bronze-light)}
.contato-form .btn{margin-top:28px}
.contato-form .obs{margin-top:14px;font-size:14px;color:var(--on-ink-soft)}
.redes .grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(40px,6vw,96px);align-items:start}
.redes ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong)}
.redes li{border-bottom:1px solid var(--line)}
.redes a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;text-decoration:none;font-family:var(--serif);font-size:clamp(26px,2.4vw,34px);color:var(--ink)}
.redes a span{font-family:var(--sans);font-size:15px;color:var(--ink-soft)}
.redes a:hover span{color:var(--bronze-ink)}
.cartilhas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,56px) clamp(24px,3vw,48px);margin-top:56px}
.cartilhas a{display:block;text-decoration:none;color:var(--ink)}
.cartilhas img{width:100%;aspect-ratio:600/850;object-fit:cover;display:block;box-shadow:0 18px 40px rgba(15,22,18,.16);transition:transform .8s var(--ease)}
.cartilhas a:hover img{transform:translateY(-4px)}
.cartilhas h2{font-size:24px;line-height:1.25;margin-top:22px}
.cartilhas p{margin-top:8px;font-size:16px;color:var(--ink-soft)}
.cartilhas .baixar{display:inline-block;margin-top:12px;font-size:15px;color:var(--bronze-ink);border-bottom:1px solid var(--bronze)}
.para-cartilhas{margin-top:48px}
.para-cartilhas a{display:inline-flex;align-items:center;gap:14px;font-family:var(--serif);font-size:clamp(22px,2vw,28px);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--bronze);padding-bottom:6px}
.para-cartilhas svg{width:22px;height:22px;color:var(--bronze)}
@media (max-width:1024px){
  .rodape .grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cartilhas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .sobre-area .grade,.missao .grade,.redes .grade{grid-template-columns:minmax(0,1fr)}
  .contato-form .campos{grid-template-columns:minmax(0,1fr)}
  .rodape .grade{grid-template-columns:minmax(0,1fr)}
  .cartilhas{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
  .cartilhas h2{font-size:20px}
}

/* ---------- Legibilidade da tipografia (22/10/2026) ----------
   O Bodoni Moda tem eixo de tamanho óptico; no automático, os títulos grandes usavam o desenho de cartaz,
   de traço finíssimo, que some na tela. O body fixa "opsz" 18 (traço firme, mesmo desenho).
   Serifa pequena ganha um degrau de peso; texto claro sobre fundo escuro ganha peso e suavização própria. */
h3,.situacoes .linha,.fatos b,.vozes blockquote p,.indice h2,.relacionados h3,.indice-lista h2,
.redes a,.para-cartilhas a,.artigo-corpo h3,.artigo-corpo blockquote,.mast.aberto nav a,.cartilhas h2,.contato-form h3{font-weight:500}
.perfil,.fecho,.rodape,.artigos,.mast,.wa-fixo,.btn,.placa{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.perfil,.fecho,.rodape,.artigos{font-weight:450}
.mast nav a{font-weight:450}
.perfil .bio strong,.fecho strong{font-weight:600}
.perfil h2,.fecho h2,.artigos h2{font-weight:400}

button,input,select,textarea{font-family:inherit}
button.btn{border:0;cursor:pointer}