/* Conceito: a estante de códigos como abertura e a linguagem da própria marca (escudo, faixas douradas diagonais das capas do YouTube) no resto. Formas arredondadas em folhas que se sobrepõem. */
@font-face{font-family:"Gloock";src:url(../fonts/gloock.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Archivo";src:url(../fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{
  --tinta:#050505;
  --couro:#14100c;
  --couro-2:#1f1913;
  --ouro:#d2b47a;
  --ouro-claro:#f0dcac;
  --ouro-escuro:#8f7646;
  --papel:#f1ede6;
  --papel-2:#aaa398;
  --fio:#ffffff17;
  --pedra:#bdb6b0;
  --pedra-2:#b9b3ad;
  --pedra-tinta:#1b1815;
  --display:"Gloock","Bodoni 72",Didot,Georgia,serif;
  --sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --lado:max(20px,env(safe-area-inset-left,0px));
  --lado-d:max(20px,env(safe-area-inset-right,0px));
  --suave:cubic-bezier(.22,.61,.24,1);
  --lento:cubic-bezier(.65,.05,.36,1);
  --raio:28px;
  /* escala 1,333 sobre 18 */
  --t1:clamp(52px,7.6vw,118px); --t2:clamp(38px,4.6vw,68px); --t3:clamp(28px,2.7vw,40px); --t4:clamp(22px,1.8vw,26px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip}
body{background:var(--tinta);color:var(--papel);font:400 17.5px/1.62 var(--sans);font-stretch:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--tinta)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:2px solid var(--ouro);outline-offset:4px;border-radius:6px}
.faixa{padding-left:var(--lado);padding-right:var(--lado-d)}
.miolo{max-width:1240px;margin:0 auto}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;text-wrap:balance;hyphens:manual;letter-spacing:-.012em}
h2{font-size:var(--t2);line-height:1.02}
p{margin:0}
.leve{color:var(--papel-2)}
.largo{font-stretch:118%;font-weight:500;letter-spacing:.005em}

/* botões em cápsula com disco */
.capsula{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:6px 6px 6px 26px;border-radius:999px;background:var(--ouro);color:#0b0906;font:600 15px/1 var(--sans);font-stretch:112%;transition:background .4s var(--suave),gap .4s var(--suave)}
.capsula .disco{flex:none;width:44px;height:44px;border-radius:50%;background:#0b0906;display:grid;place-items:center;transition:transform .5s var(--lento)}
.capsula .disco svg{width:18px;height:18px;stroke:var(--ouro);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.capsula:hover{background:var(--ouro-claro);gap:20px}
.capsula:hover .disco{transform:rotate(-45deg)}
.capsula--escura{background:#ffffff0f;color:var(--papel);box-shadow:inset 0 0 0 1px #ffffff26}
.capsula--escura .disco{background:var(--ouro)}
.capsula--escura .disco svg{stroke:#0b0906}
.capsula--escura:hover{background:#ffffff1c}
.capsula--zap .disco svg{stroke:none;fill:var(--ouro)}
.capsula--escura.capsula--zap .disco svg{fill:#0b0906}
.linkado{display:inline-flex;align-items:center;gap:10px;color:var(--ouro);font-weight:500;font-stretch:112%;font-size:15px;position:relative;padding-block:6px}
.linkado::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(.35);transform-origin:left;transition:transform .6s var(--suave)}
.linkado:hover::after{transform:scaleX(1)}

/* cabeçalho */
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;transition:background .4s,box-shadow .4s}
.topo.rolou{background:#050505d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--fio)}
.topo .miolo{display:flex;align-items:center;gap:34px;min-height:84px;transition:min-height .4s var(--suave)}
.topo.rolou .miolo{min-height:68px}
.topo .logo img{height:40px;width:auto;display:block}
.menu{display:flex;gap:6px;margin-left:auto;font-size:14.5px;font-stretch:115%;font-weight:500}
.menu a{white-space:nowrap;padding:10px 14px;border-radius:999px;color:var(--papel-2);transition:background .3s,color .3s}
.menu a:hover{background:#ffffff10;color:var(--papel)}
.topo .capsula{min-height:46px;padding:4px 4px 4px 20px;font-size:14px}
.topo .capsula .disco{width:38px;height:38px}
.abrir-menu{display:none;margin-left:auto;width:48px;height:48px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff2e;position:relative}
.abrir-menu span{position:absolute;left:15px;right:15px;height:1.5px;background:var(--papel);transition:transform .4s var(--lento)}
.abrir-menu span:first-child{top:19px}.abrir-menu span:last-child{top:27px}
.abrir-menu[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.abrir-menu[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* abertura */
.abertura{padding-block:72px 0;position:relative}
.abertura .miolo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:end}
.abertura h1{font-size:var(--t1);line-height:.94;letter-spacing:-.03em}
.abertura h1 .ln{display:block;overflow:hidden;padding-bottom:.06em}
.abertura h1 .ln>span{display:inline-block}
.abertura .ln:nth-child(2) span{color:var(--ouro-claro)}
.selo-giro{position:relative;width:200px;height:200px;justify-self:end;margin-bottom:12px;overflow:hidden;border-radius:50%}
.selo-giro svg{position:absolute;inset:0;width:100%;height:100%;animation:gira 38s linear infinite}
.selo-giro text{font:500 13px var(--sans);font-stretch:118%;fill:var(--papel-2);text-transform:uppercase}
.selo-giro img{position:absolute;left:50%;top:50%;width:84px;transform:translate(-50%,-50%)}
@keyframes gira{to{transform:rotate(360deg)}}
.abertura .base{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--fio)}
.texto-base{display:grid;gap:12px}
.abertura .base p{font-size:19px;max-width:48ch;color:var(--papel-2);text-wrap:pretty}
.abertura .base p b{color:var(--papel);font-weight:500}
.acoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* estante */
.estante{padding-block:64px 0}
.prateleira{position:relative;display:flex;gap:5px;height:min(530px,62vh);min-height:420px;align-items:flex-end;padding:0 6px}
.prateleira::after{content:"";position:absolute;left:-14px;right:-14px;bottom:-16px;height:16px;border-radius:0 0 10px 10px;background:linear-gradient(#2c231a,#120e0a);box-shadow:0 26px 50px -16px #000}
.livro{--cor:#1b1510;position:relative;flex:1 1 0;min-width:0;height:var(--h,92%);display:block;border-radius:4px 4px 1px 1px;overflow:hidden;cursor:pointer;
  background:
   linear-gradient(90deg,#000a 0,#0000 7%,#ffffff12 16%,#0000 30%,#0000 78%,#0008 100%),var(--cor);
  box-shadow:inset 0 1px 0 #ffffff10,0 -2px 12px #0006;
  transition:flex-grow .9s var(--lento),transform .6s var(--suave),filter .6s var(--suave)}
.livro::before,.livro::after{content:"";position:absolute;left:0;right:0;height:9px;background:linear-gradient(#0000,#ffffff14 40%,#0006);box-shadow:0 -7px 0 -6px var(--ouro-escuro),0 7px 0 -6px var(--ouro-escuro)}
.livro::before{top:34px}.livro::after{bottom:34px}
.lombada{position:absolute;inset:64px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;transition:width .9s var(--lento)}
.titulo{writing-mode:vertical-rl;transform:rotate(180deg);font:600 12.5px/1 var(--sans);font-stretch:125%;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;
  background:linear-gradient(180deg,#7d6a44 0%,#d2b47a 30%,#f6e7bf 46%,#d2b47a 58%,#8a7448 100%) 0 0/100% 260%;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1.4s var(--suave)}
.tomo{font-family:var(--display);font-size:17px;color:var(--ouro-escuro);transition:opacity .4s}
.livro:hover .titulo,.livro.aberto .titulo{background-position:0 100%}
.livro:not(.aberto):hover{transform:translateY(-6px);filter:brightness(1.18)}
.capa{position:absolute;inset:64px 40px 64px 104px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:18px;opacity:0;transform:translateX(-10px);pointer-events:none;transition:opacity .35s,transform .5s var(--suave)}
.capa h3{font-size:var(--t3);line-height:1.04}
.capa p{color:var(--papel-2);max-width:36ch}
.capa ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:15.5px}
.capa li{display:flex;gap:12px;align-items:baseline}
.capa li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ouro);transform:translateY(-2px)}
.livro.aberto{flex-grow:5.4}
.livro.aberto .lombada{width:80px}
.livro.aberto .tomo{opacity:0}
.livro.aberto .capa{opacity:1;transform:none;pointer-events:auto;transition-delay:.35s,.35s}
.legenda{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:38px;color:var(--papel-2);font-size:14.5px}
.novas{display:inline-flex;align-items:center;gap:8px}
.novas i{font-style:normal;font-size:12px;font-weight:600;font-stretch:115%;color:#0b0906;background:var(--ouro);padding:5px 10px;border-radius:999px}
.js .livro{opacity:0;transform:translateY(22px)}
.js.carregou .livro{animation:chega 1.1s var(--suave) forwards;animation-delay:calc(180ms + var(--i)*75ms)}
.js.carregou .titulo{animation:brilho 1.6s var(--suave) both;animation-delay:calc(900ms + var(--i)*75ms)}
.js.carregou .livro.aberto .titulo{animation:none}
@keyframes chega{to{opacity:1;transform:none}}
@keyframes brilho{0%{background-position:0 0}55%{background-position:0 100%}100%{background-position:0 0}}
.js .abertura h1 .ln>span{transform:translateY(105%);transition:transform 1.2s var(--suave)}
.js.carregou .abertura h1 .ln>span{transform:none}
.js.carregou .abertura h1 .ln:nth-child(2)>span{transition-delay:.12s}

/* faixas douradas diagonais da marca */
.diagonais{position:absolute;pointer-events:none;width:340px;height:340px}
.diagonais i{position:absolute;display:block;height:46px;width:420px;background:linear-gradient(90deg,#8f7646,#e6cd95 55%,#a88d57);transform:rotate(-38deg);transform-origin:left center;border-radius:2px;opacity:.9}
.diagonais i:nth-child(2){top:70px;opacity:.55;height:22px}
.diagonais i:nth-child(3){top:120px;opacity:.25;height:10px}

/* vídeo */
.videos{padding-block:150px 170px;position:relative;overflow:hidden;background:var(--tinta)}
.videos .diagonais{right:-120px;top:40px}
.videos .cabeca{display:flex;justify-content:space-between;align-items:end;gap:40px;flex-wrap:wrap;margin-bottom:48px}
.videos .cabeca p{max-width:44ch;margin-top:18px}
.palco-video{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.video{position:relative;display:grid;gap:16px;align-content:start}
.quadro{position:relative;display:block;border-radius:var(--raio);overflow:hidden;isolation:isolate;background:#111}
.video img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform 1.2s var(--suave),filter .6s}
.video:hover img{transform:scale(1.04);filter:brightness(1.08)}
.video .rotulo{display:grid;gap:4px;padding-inline:6px}
.video .rotulo b{font-family:var(--display);font-weight:400;font-size:21px;line-height:1.25}
.video .rotulo span{font-size:13.5px;color:var(--papel-2);font-stretch:112%}
.play{position:absolute;z-index:1;right:16px;bottom:16px;width:54px;height:54px;border-radius:50%;background:var(--ouro);display:grid;place-items:center;transition:transform .6s var(--suave)}
.play::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid #d2b47a00;transition:inset .6s var(--suave),border-color .6s}
.video:hover .play::before{inset:-14px;border-color:#d2b47a99}
.play svg{width:18px;height:18px;fill:#0b0906;margin-left:4px}
.video:hover .play{transform:scale(1.08)}
.video--menor .play{width:50px;height:50px;right:14px;bottom:14px}
.video--menor .play svg{width:18px;height:18px}
.video--menor .play::before{display:none}
.video--menor .rotulo b{font-size:19px}
.coluna-videos{display:grid;gap:22px;align-content:start}
@keyframes onda{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}

/* folhas arredondadas sobrepostas */
.folha{position:relative;border-radius:44px 44px 0 0;margin-top:-44px;z-index:1}

/* empresas */
.empresas{background:var(--couro);padding-block:140px 130px}
.empresas .cabeca{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:end}
.empresas .cabeca p{font-size:19px}
.abas{display:inline-flex;gap:4px;margin-top:72px;padding:6px;border-radius:999px;background:#ffffff0b;box-shadow:inset 0 0 0 1px var(--fio);position:relative}
.abas button{position:relative;z-index:1;padding:14px 26px;border-radius:999px;font-size:15px;font-weight:500;font-stretch:115%;color:var(--papel-2);transition:color .4s}
.abas button[aria-selected="true"]{color:#0b0906}
.abas .marca{position:absolute;top:6px;bottom:6px;left:0;border-radius:999px;background:var(--ouro);transition:transform .7s var(--lento),width .7s var(--lento)}
.painel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-top:48px}
.painel[hidden]{display:none}
.painel.entra{animation:entra .7s var(--suave)}
@keyframes entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.indice{list-style:none;margin:0;padding:0}
.indice button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:22px 0;border-bottom:1px solid var(--fio);font-family:var(--display);font-size:var(--t4);line-height:1.2;color:var(--papel-2);transition:color .4s}
.indice button::after{content:"";flex:none;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--papel-2);transition:all .5s var(--suave)}
.indice button[aria-current="true"]{color:var(--papel)}
.indice button[aria-current="true"]::after{background:var(--ouro);box-shadow:0 0 0 6px #d2b47a26}
.detalhe{position:sticky;top:120px;align-self:start;display:grid;gap:20px;padding:40px;border-radius:var(--raio);background:radial-gradient(120% 90% at 100% 0%,#d2b47a1f,transparent 60%),#ffffff08;box-shadow:inset 0 0 0 1px var(--fio);min-height:300px;overflow:hidden}
.detalhe h3{font-size:var(--t3);line-height:1.05}
.detalhe p{color:var(--papel-2);font-size:17.5px}
.detalhe .lei-ref{display:inline-flex;align-self:end;justify-self:start;font-size:13.5px;font-stretch:112%;color:var(--ouro);padding:8px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px #d2b47a55}
.detalhe .troca{animation:entra .5s var(--suave)}

.lei{margin-top:110px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;padding:48px;border-radius:var(--raio);background:#00000059;box-shadow:inset 0 0 0 1px var(--fio)}
.lei h3{font-size:var(--t3);line-height:1.05}
.lei h3 + p{color:var(--papel-2);margin-top:14px;font-size:15.5px}
.lei ol{list-style:none;margin:0;padding:0}
.lei li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding-block:22px;border-top:1px solid var(--fio);align-items:baseline}
.lei li:first-child{border-top:0;padding-top:0}
.lei .valor{font-family:var(--display);font-size:clamp(28px,2.8vw,40px);line-height:1}
.lei .valor small{display:block;font-family:var(--sans);font-size:14px;color:var(--papel-2);margin-top:8px}
.lei .tema cite{display:block;font-style:normal;color:var(--ouro);font-size:13.5px;margin-top:6px;font-stretch:112%}

/* método */
.metodo{padding-block:150px;background:var(--tinta)}
.metodo .miolo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px}
.metodo .fixo{position:sticky;top:140px;align-self:start;display:grid;gap:26px;justify-items:start}
.metodo .fixo p{font-size:19px;max-width:40ch}
.passos{list-style:none;margin:0;padding:0 0 0 72px;position:relative;--p:0}
.passos::before,.passos::after{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;border-radius:2px;background:var(--fio)}
.passos::after{background:linear-gradient(var(--ouro-claro),var(--ouro));transform:scaleY(var(--p));transform-origin:top}
.passo{position:relative;padding-block:18px 52px;display:grid;gap:10px;opacity:.36;transition:opacity .7s var(--suave)}
.passo:last-child{padding-bottom:0}
.passo .n{position:absolute;left:-72px;top:10px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:20px;background:var(--tinta);box-shadow:inset 0 0 0 1px #ffffff30;color:var(--papel-2);transition:all .7s var(--suave);z-index:1}
.passo b{font-family:var(--display);font-weight:400;font-size:var(--t3);line-height:1.05}
.passo p{color:var(--papel-2);max-width:42ch}
.passo.ativo,.passo:hover{opacity:1}
.passo.ativo .n,.passo:hover .n{background:var(--ouro);color:#0b0906;box-shadow:0 0 0 8px #d2b47a1f}

/* direito público */
.publico{background:var(--couro);padding-block:150px}
.publico .topo-sec{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:end}
.publico .topo-sec p{font-size:19px}
.areas{margin-top:72px;display:grid;gap:10px}
.area{border-radius:22px;background:#ffffff07;box-shadow:inset 0 0 0 1px var(--fio);transition:background .5s}
.area[open]{background:#ffffff0d}
.area summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:26px 30px;cursor:pointer}
.area summary::-webkit-details-marker{display:none}
.area h3{font-size:var(--t3);line-height:1.05;transition:transform .6s var(--suave),color .4s}
.area summary:hover h3{transform:translateX(10px);color:var(--ouro-claro)}
.area .mais{width:46px;height:46px;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #ffffff30;transition:transform .6s var(--lento),background .4s}
.area .mais::before,.area .mais::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:var(--papel);transform:translate(-50%,-50%)}
.area .mais::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .6s var(--lento)}
.area[open] .mais{transform:rotate(180deg);background:var(--ouro)}
.area[open] .mais::before,.area[open] .mais::after{background:#0b0906}
.area[open] .mais::after{transform:translate(-50%,-50%) rotate(0)}
.area .conteudo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:0 30px 32px}
.area[open] .conteudo{animation:entra .6s var(--suave)}
.area ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.area li{display:flex;gap:12px;align-items:baseline}
.area li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ouro);transform:translateY(-2px)}

/* decisões */
.decisoes{margin-top:80px}
.decisoes .linha-topo{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.decisoes h3{font-size:var(--t3)}
.cartas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.carta{position:relative;display:grid;align-content:space-between;gap:42px;min-height:300px;padding:30px;border-radius:var(--raio);background:var(--tinta);box-shadow:inset 0 0 0 1px var(--fio);overflow:hidden;transition:transform .6s var(--suave),box-shadow .6s}
.carta::before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(#d2b47a40,transparent 70%);opacity:0;transition:opacity .6s}
.carta:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px #d2b47a66}
.carta:hover::before{opacity:1}
.carta .orgao{display:inline-flex;justify-self:start;font-size:12.5px;font-weight:600;font-stretch:115%;color:var(--ouro);padding:7px 12px;border-radius:999px;background:#d2b47a17}
.carta b{font-family:var(--display);font-weight:400;font-size:var(--t4);line-height:1.2}
.carta small{color:var(--papel-2);font-size:14px}
.acervo{margin-top:56px;display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.acervo strong{font-family:var(--display);font-weight:400;font-size:clamp(60px,7vw,96px);line-height:.9;color:var(--ouro)}
.acervo span{color:var(--papel-2);max-width:34ch}

/* escritório */
.escritorio{background:var(--pedra);color:var(--pedra-tinta);overflow:hidden}
.escritorio .miolo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:end}
.retrato{margin:0;align-self:end;position:relative}
.retrato img{display:block;width:100%;max-width:540px;height:auto;margin-top:80px;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 22%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 22%);mask-composite:intersect}
.retrato .placa{position:absolute;right:4%;top:44%;display:grid;gap:2px;padding:14px 20px;border-radius:18px;background:#0b0906;color:var(--papel);box-shadow:0 20px 40px -18px #0009}
.retrato .placa b{font-family:var(--display);font-weight:400;font-size:20px;color:var(--ouro-claro)}
.retrato .placa span{font-size:13px;color:var(--papel-2);font-stretch:112%}
.escritorio .texto{padding-block:150px 120px;display:grid;gap:22px;max-width:56ch}
.escritorio h2{color:#0b0906}
.escritorio p{font-size:17.5px}
.formacao{display:flex;flex-wrap:wrap;gap:8px}
.formacao span{font-size:13.5px;font-stretch:112%;padding:8px 14px;border-radius:999px;background:#ffffff59;color:#2b2621}
.equipe{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}
.rostos{display:flex}
.rostos img{width:54px;height:54px;object-fit:cover;object-position:50% 16%;border-radius:50%;border:3px solid var(--pedra);margin-left:-14px;transition:margin .6s var(--suave)}
.rostos img:first-child{margin-left:0}
.equipe:hover .rostos img{margin-left:4px}
.equipe:hover .rostos img:first-child{margin-left:0}
.equipe .linkado{color:#0b0906}
.registro{font-size:13.5px;color:#4a443d;border-top:1px solid #00000026;padding-top:18px;margin-top:6px}

/* avaliações */
.avaliacoes{padding-block:150px;background:var(--tinta)}
.mural{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0;border-radius:36px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--fio)}
.mural .lado{padding:56px;display:grid;gap:24px;align-content:space-between;background:linear-gradient(160deg,#d2b47a,#9d8251);color:#0b0906}
.mural .lado h2{font-size:clamp(36px,3.8vw,56px)}
.mural .lado p{font-size:14.5px;color:#2d2518}
.estrelas{display:flex;gap:6px}
.estrelas svg{width:22px;height:22px;fill:#0b0906}
.mural .lado .linkado{color:#0b0906}
.falas{padding:56px;background:var(--couro);display:grid;align-content:space-between;gap:40px}
.palco{display:grid}
.depo{grid-area:1/1;margin:0;display:grid;align-content:start;gap:30px;opacity:0;transform:translateY(14px);transition:opacity .8s var(--suave),transform .8s var(--suave);pointer-events:none}
.depo.atual{opacity:1;transform:none;pointer-events:auto}
.depo blockquote{margin:0;font-family:var(--display);font-size:clamp(22px,2.1vw,29px);line-height:1.35}
.depo figcaption{display:flex;align-items:center;gap:16px}
.inicial{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--ouro);font-family:var(--display);font-size:21px;color:#0b0906}
.depo figcaption b{display:block;font-weight:600;font-stretch:110%}
.depo figcaption span{color:var(--papel-2);font-size:14px}
.controles{display:flex;align-items:center;gap:14px}
.controles button{width:54px;height:54px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff38;display:grid;place-items:center;transition:background .3s,box-shadow .3s}
.controles button:hover{background:var(--ouro);box-shadow:none}
.controles button:hover svg{stroke:#0b0906}
.controles svg{width:18px;height:18px;stroke:var(--papel);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pontos{display:flex;gap:8px;margin-left:10px}
.pontos i{width:8px;height:8px;border-radius:999px;background:#ffffff30;transition:width .6s var(--lento),background .4s}
.pontos i.on{width:34px;background:var(--ouro)}

/* imprensa */
.imprensa{background:var(--couro);padding-block:140px 150px;overflow:hidden}
.imprensa .cabeca{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.esteira{margin-top:56px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.esteira .trilho{display:flex;gap:18px;width:max-content;animation:corre 60s linear infinite}
.esteira:hover .trilho,.esteira:focus-within .trilho{animation-play-state:paused}
.nota-m{flex:none;width:400px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:22px 24px;border-radius:24px;background:var(--tinta);box-shadow:inset 0 0 0 1px var(--fio);transition:box-shadow .5s,transform .6s var(--suave)}
.nota-m:hover{box-shadow:inset 0 0 0 1px #d2b47a77;transform:translateY(-4px)}
.nota-m .marca-v{width:62px;height:62px;border-radius:50%;background:#ffffff0d;display:grid;place-items:center}
.nota-m .marca-v img{max-width:40px;max-height:22px;filter:grayscale(1) brightness(2.2);opacity:.75;transition:filter .5s,opacity .5s}
.nota-m:hover .marca-v img{filter:none;opacity:1}
.nota-m b{display:block;font-family:var(--display);font-weight:400;font-size:19px;line-height:1.3}
.nota-m small{color:var(--papel-2);font-size:13px;font-stretch:112%}
.esteira .logo-p{flex:none;width:220px;height:104px;border-radius:22px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--fio);display:grid;place-items:center}
.esteira img{max-width:120px;max-height:36px;filter:grayscale(1) brightness(2.2);opacity:.7;transition:filter .5s,opacity .5s}
.esteira .logo-p:hover img{filter:none;opacity:1}
@keyframes corre{to{transform:translateX(calc(-50% - 9px))}}
@media (max-width:720px){.nota-m{width:300px;padding:18px}.nota-m b{font-size:17px}}
.materias{margin-top:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.materia{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:24px 26px;border-radius:22px;background:var(--tinta);box-shadow:inset 0 0 0 1px var(--fio);transition:box-shadow .5s,transform .6s var(--suave)}
.materia:hover{box-shadow:inset 0 0 0 1px #d2b47a66;transform:translateY(-4px)}
.materia .marca-v{width:62px;height:62px;border-radius:50%;background:#ffffff0d;display:grid;place-items:center}
.materia .marca-v img{max-width:40px;max-height:22px;filter:grayscale(1) brightness(2.2);opacity:.75}
.materia:hover .marca-v img{filter:none;opacity:1}
.materia b{display:block;font-family:var(--display);font-weight:400;font-size:20px;line-height:1.3}
.materia small{color:var(--papel-2);font-size:13.5px;font-stretch:112%}

/* artigos */
.artigos{padding-block:150px 160px;background:var(--tinta)}
.artigos .cabeca{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.assuntos{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.assuntos span{font-size:13.5px;font-stretch:112%;padding:9px 16px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--fio);color:var(--papel-2)}
.lista-artigos{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.artigo{display:grid;align-content:space-between;gap:36px;padding:30px;border-radius:var(--raio);background:var(--couro);min-height:250px;transition:background .5s,transform .6s var(--suave)}
.artigo:hover{background:var(--couro-2);transform:translateY(-6px)}
.artigo time{color:var(--ouro);font-size:13.5px;font-stretch:112%}
.artigo b{font-family:var(--display);font-weight:400;font-size:var(--t4);line-height:1.22}

/* contato */
.contato{background:var(--ouro);color:#0b0906;padding-block:140px 110px;overflow:hidden}
.contato .diagonais{left:-150px;bottom:-60px}
.contato .diagonais i{background:linear-gradient(90deg,#0b090633,#0b090611)}
.contato .miolo{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:72px}
.contato h2{font-size:clamp(54px,7.2vw,112px);line-height:.92;letter-spacing:-.03em}
.contato .sub{margin-top:28px;font-size:19px;max-width:40ch;color:#2d2518}
.contato .acoes{margin-top:36px}
.contato .capsula{background:#0b0906;color:var(--papel)}
.contato .capsula .disco{background:var(--ouro)}
.contato .capsula--zap .disco svg{fill:#0b0906}
.contato .capsula:hover{background:#231c13}
.canais{display:grid;gap:10px;align-content:start}
.canal{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:20px 24px;border-radius:22px;background:#ffffff40}
.canal small{grid-column:1/-1;font-size:13px;font-stretch:112%;color:#4a3d27}
.canal b{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.2vw,28px);min-width:0;overflow-wrap:anywhere}
.copiar{font-size:13px;font-weight:600;font-stretch:112%;padding:9px 14px;border-radius:999px;background:#0b0906;color:var(--ouro)}
.cliente{padding:6px 24px 0;font-size:14.5px;color:#3a3020}
.rodape{padding-block:44px;color:var(--papel-2);font-size:13.5px;background:var(--tinta)}
.rodape .miolo{display:flex;flex-wrap:wrap;gap:18px 36px;justify-content:space-between;align-items:center}
.rodape img{height:44px;width:auto}

/* WhatsApp que acompanha a página */
.zap{position:fixed;z-index:55;right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:0;height:62px;padding:0;border-radius:999px;background:var(--ouro);color:#0b0906;box-shadow:0 18px 40px -12px #000c,0 0 0 1px #0002;transform:translateY(120px);transition:transform .7s var(--suave),gap .5s var(--suave),padding .5s var(--suave)}
.zap.visivel{transform:none}
.zap .bola{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;flex:none}
.zap svg{width:28px;height:28px;fill:#0b0906}
.zap .txt{max-width:0;overflow:hidden;white-space:nowrap;font:600 15px var(--sans);font-stretch:112%;transition:max-width .6s var(--suave)}
.zap:hover{padding-left:24px}
.zap:hover .txt{max-width:200px}
.zap::before{content:"";position:absolute;right:0;top:0;width:62px;height:62px;border-radius:50%;box-shadow:0 0 0 0 #d2b47a99;animation:chama 6s var(--suave) infinite 4s}
@keyframes chama{0%{box-shadow:0 0 0 0 #d2b47a88}70%,100%{box-shadow:0 0 0 18px #d2b47a00}}

/* abertura animada: escudo, nome e fio dourado; depois cortina preta e cortina dourada sobem */
.intro,.intro-ouro{display:none}
.com-intro .intro,.com-intro .intro-ouro{display:grid;position:fixed;inset:0;place-items:center;transition:clip-path 1.05s var(--lento)}
.intro{z-index:101;background:var(--tinta);clip-path:inset(0 0 0 0)}
.intro-ouro{z-index:100;background:linear-gradient(160deg,#e3c98f,#a98d58);clip-path:inset(0 0 0 0)}
.intro.sai,.intro-ouro.sai{clip-path:inset(0 0 100% 0)}
.intro .in{display:grid;justify-items:center;gap:20px}
.intro img{width:92px;opacity:0;transform:scale(.86) translateY(8px);animation:introA 1s var(--suave) .1s forwards}
.intro .nome{overflow:hidden;font-family:var(--display);font-size:clamp(30px,4vw,44px);letter-spacing:-.01em;line-height:1.1;padding-bottom:.08em}
.intro .nome span{display:block;transform:translateY(110%);animation:introB 1s var(--suave) .45s forwards}
.intro .fio{width:min(260px,60vw);height:1px;background:var(--ouro);transform:scaleX(0);animation:introC 1.1s var(--lento) .6s forwards}
.intro .sob{font-size:12.5px;font-stretch:125%;letter-spacing:.26em;color:var(--papel-2);opacity:0;animation:introD .8s var(--suave) 1s forwards}
@keyframes introA{to{opacity:1;transform:none}}
@keyframes introB{to{transform:none}}
@keyframes introC{to{transform:none}}
@keyframes introD{to{opacity:1}}

/* revelação de títulos */
.js .revela{clip-path:inset(0 0 100% 0);transform:translateY(.22em);transition:clip-path 1.1s var(--suave),transform 1.1s var(--suave)}
.js .revela.visto{clip-path:inset(-12% -2% -24% -2%);transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .livro{opacity:1;transform:none}
  .js .revela{clip-path:none;transform:none}
  .js .abertura h1 .ln>span{transform:none}
  .zap{transform:none}
}

@media (max-width:1240px){
  .menu{display:none}
  .abrir-menu{display:block}
  .topo .capsula{display:none}
  .menu.aberto{display:flex;position:absolute;top:calc(100% + 8px);left:var(--lado);right:var(--lado-d);flex-direction:column;gap:2px;background:#0d0b09;padding:10px;border-radius:24px;box-shadow:0 30px 60px -20px #000,inset 0 0 0 1px var(--fio)}
  .menu.aberto a{padding:16px 18px;font-size:17px;color:var(--papel)}
}
@media (max-width:1080px){
  .menu.aberto{display:flex;position:absolute;top:calc(100% + 8px);left:var(--lado);right:var(--lado-d);flex-direction:column;gap:2px;background:#0d0b09;padding:10px;border-radius:24px;box-shadow:0 30px 60px -20px #000,inset 0 0 0 1px var(--fio)}
  .menu.aberto a{padding:16px 18px;font-size:17px;color:var(--papel)}
  .topo .capsula{display:none}
  .empresas .cabeca,.publico .topo-sec,.contato .miolo,.metodo .miolo,.mural{grid-template-columns:minmax(0,1fr)}
  .abertura .miolo{grid-template-columns:minmax(0,1fr) 150px}
  .selo-giro{width:150px;height:150px}
  .selo-giro img{width:62px}
  .abertura .base{grid-template-columns:minmax(0,1fr)}
  .painel{grid-template-columns:minmax(0,1fr)}
  .detalhe{position:static}
  .lei{grid-template-columns:minmax(0,1fr)}
  .metodo .fixo{position:static}
  .cartas,.lista-artigos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .materias{grid-template-columns:minmax(0,1fr)}
  .escritorio .miolo{grid-template-columns:minmax(0,1fr)}
  .escritorio .texto{padding-block:110px 0;order:-1}
  .retrato img{margin-top:24px;max-width:460px}
}
@media (max-width:900px){
  .palco-video{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:calc(-1 * var(--lado));padding-inline:var(--lado);scrollbar-width:none}
  .palco-video::-webkit-scrollbar{display:none}
  .palco-video .video{flex:none;width:min(78vw,420px);scroll-snap-align:start}
}
@media (max-width:720px){
  body{font-size:16.5px}
  .abertura{padding-block:40px 0}
  .abertura .miolo{gap:28px}
  .abertura .miolo{grid-template-columns:minmax(0,1fr)}
  .selo-giro{order:-1;justify-self:start;width:120px;height:120px;margin:0}
  .selo-giro img{width:48px}
  .selo-giro text{font-size:13.5px}
  .abertura .base p{font-size:17px}
  .estante{padding-block:44px 0}
  .prateleira{flex-direction:column;height:auto;min-height:0;gap:5px;padding:0}
  .prateleira::after{left:-6px;right:-6px}
  .livro{flex:none;height:auto;width:var(--w,100%);margin-inline:auto;min-height:64px;border-radius:3px;transition:width .6s var(--lento)}
  .livro::before,.livro::after{top:0;bottom:0;height:auto;width:8px;left:auto;box-shadow:-6px 0 0 -5px var(--ouro-escuro),6px 0 0 -5px var(--ouro-escuro);background:linear-gradient(90deg,#0000,#ffffff14 40%,#0006)}
  .livro::before{left:22px}.livro::after{right:22px}
  .lombada,.livro.aberto .lombada{position:static;width:100%;flex-direction:row;padding:22px 48px;inset:auto}
  .titulo{writing-mode:horizontal-tb;transform:none;white-space:normal;font-size:12px;letter-spacing:.16em;padding-right:12px;background-size:260% 100%}
  .livro:hover .titulo,.livro.aberto .titulo{background-position:100% 0}
  @keyframes brilho{0%{background-position:0 0}55%{background-position:100% 0}100%{background-position:0 0}}
  .livro.aberto .tomo{opacity:1}
  .capa{position:static;display:none;padding:0 48px 30px;opacity:1;transform:none;inset:auto}
  .capa h3{display:none}
  .livro.aberto{width:100%}
  .livro.aberto .capa{display:flex}
  .livro:not(.aberto):hover{transform:none}
  .videos,.empresas,.metodo,.publico,.avaliacoes,.imprensa,.artigos{padding-block:96px}
  .videos .diagonais{width:200px;right:-160px}
  .cartas{grid-template-columns:minmax(0,1fr)}
  .folha{border-radius:30px 30px 0 0;margin-top:-30px}
  .abas{display:flex;width:100%}
  .abas button{flex:1;padding:13px 10px;font-size:14px}
  .so-largo{display:none}
  .detalhe{padding:28px}
  .lei{padding:28px;margin-top:72px}
  .lei li{grid-template-columns:minmax(0,1fr);gap:10px}
  .passos{padding-left:62px}
  .passo .n{left:-62px;width:44px;height:44px}
  .passos::before,.passos::after{left:21px}
  .area summary{padding:22px 20px}
  .area .conteudo{grid-template-columns:minmax(0,1fr);gap:18px;padding:0 20px 26px}
  .area .mais{width:40px;height:40px}
  .retrato .placa{top:auto;bottom:24px;right:auto;left:4%}
  .mural .lado,.falas{padding:32px 26px}
  .esteira .logo-p{width:160px;height:84px}
  .materia{padding:20px}
  .contato{padding-block:110px 80px}
  .canal{padding:18px 20px}
  .zap{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}

/* ===== v5: acréscimos e ajustes sobre a base ===== */

/* cabeçalho com todas as páginas */
.menu{gap:2px;font-size:14px}
.menu a{padding:10px 12px}
.menu a[aria-current="page"]{color:var(--papel);background:#ffffff12}
@media (max-width:1240px){.menu{display:flex}.abrir-menu{display:none}.topo .capsula{display:inline-flex}}
@media (max-width:1180px){.topo .capsula{display:none}}
@media (max-width:1020px){
  .menu{display:none}
  .abrir-menu{display:block}
  .menu.aberto{display:flex;position:absolute;top:calc(100% + 8px);left:var(--lado);right:var(--lado-d);flex-direction:column;gap:2px;background:#0d0b09;padding:10px;border-radius:24px;box-shadow:0 30px 60px -20px #000,inset 0 0 0 1px var(--fio)}
  .menu.aberto a{padding:16px 18px;font-size:17px;color:var(--papel)}
}

/* abertura em tela cheia com feixes dourados em movimento */
.heroi{position:relative;min-height:calc(100svh - 84px);display:grid;align-content:end;padding-block:80px 64px;overflow:hidden;isolation:isolate}
.heroi .miolo{width:100%}
.heroi .luz{position:absolute;inset:-20%;z-index:-2;background:radial-gradient(40% 50% at var(--mx,70%) var(--my,30%),#d2b47a24,transparent 70%);transition:background-position .4s}
.heroi .grao{position:absolute;inset:0;z-index:-1;opacity:.35;pointer-events:none;background:url("../img/grao.png")}
.feixes{position:absolute;z-index:-1;right:-8%;top:-10%;width:62%;height:120%;pointer-events:none}
.feixes span{position:absolute;left:0;height:var(--a,90px);width:160%;border-radius:3px;background:linear-gradient(90deg,#8f764600,#8f7646 18%,#e8cf98 52%,#a88d57 80%,#a88d5700);transform:rotate(-36deg) translateX(var(--x,0));transform-origin:left center;opacity:0;top:var(--t);filter:blur(var(--b,0))}
.feixes span:nth-child(1){--t:58%;--a:120px;--o:.95}
.feixes span:nth-child(2){--t:72%;--a:46px;--o:.55}
.feixes span:nth-child(3){--t:82%;--a:16px;--o:.35}
.feixes span:nth-child(4){--t:40%;--a:220px;--o:.08;--b:30px}
.carregou .feixes span{animation:feixeEntra 1.8s var(--suave) forwards,feixeVive 14s ease-in-out 1.8s infinite alternate;animation-delay:calc(.3s + var(--i,0)*.14s),calc(2.1s + var(--i,0)*.14s)}
.feixes span:nth-child(1){--i:0}.feixes span:nth-child(2){--i:1}.feixes span:nth-child(3){--i:2}.feixes span:nth-child(4){--i:3}
@keyframes feixeEntra{from{opacity:0;transform:rotate(-36deg) translateX(40%)}to{opacity:var(--o);transform:rotate(-36deg) translateX(0)}}
@keyframes feixeVive{from{opacity:var(--o);transform:rotate(-36deg) translateX(0)}to{opacity:var(--o);transform:rotate(-36deg) translateX(-6%)}}
.heroi .abertura-grade{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:40px;align-items:end}
.heroi h1{font-size:clamp(56px,9vw,148px);line-height:.92;letter-spacing:-.035em}
.heroi h1 .ln{display:block;overflow:hidden;padding-bottom:.06em}
.heroi h1 .ln>span{display:inline-block}
.heroi h1 .ln:nth-child(2) span{color:var(--ouro-claro)}
.js .heroi h1 .ln>span{transform:translateY(105%);transition:transform 1.3s var(--suave)}
.js.carregou .heroi h1 .ln>span{transform:none}
.js.carregou .heroi h1 .ln:nth-child(2)>span{transition-delay:.14s}
.heroi .base{margin-top:56px}
.rolar{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:grid;justify-items:center;gap:8px;font-size:12px;font-stretch:118%;color:var(--papel-2)}
.rolar i{width:1px;height:42px;background:linear-gradient(var(--ouro),transparent);transform-origin:top;animation:rolarLinha 2.2s var(--suave) infinite}
@keyframes rolarLinha{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media (max-width:1080px){.heroi .abertura-grade{grid-template-columns:minmax(0,1fr) 150px}}
@media (max-width:720px){.heroi{min-height:calc(100svh - 70px);padding-block:40px 70px}.heroi .abertura-grade{grid-template-columns:minmax(0,1fr)}.feixes{width:120%;right:-60%}.rolar{display:none}}


/* áreas: abas para todas as frentes */
.secao{padding-block:130px}
.secao--couro{background:var(--couro)}
.areas-abas{display:flex;gap:4px;margin-top:56px;padding:6px;border-radius:999px;background:#ffffff0b;box-shadow:inset 0 0 0 1px var(--fio);overflow-x:auto;scrollbar-width:none;width:max-content;max-width:100%}
.areas-abas::-webkit-scrollbar{display:none}
.areas-abas button{flex:none;padding:12px 20px;border-radius:999px;font-size:14.5px;font-weight:500;font-stretch:112%;color:var(--papel-2);transition:color .3s,background .4s}
.areas-abas button:hover{color:var(--papel)}
.areas-abas button[aria-selected="true"]{background:var(--ouro);color:#0b0906}
.areas-abas .nova{font-size:10.5px;font-weight:700;margin-left:6px;vertical-align:2px;opacity:.75}
.area-painel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding-top:40px;align-items:start}
.area-painel[hidden]{display:none}
.area-painel.entra{animation:entra .6s var(--suave)}
.area-painel .lado-a{display:grid;gap:18px;align-content:start}
.area-painel h3{font-size:var(--t3);line-height:1.05}
.area-painel .lado-a p{color:var(--papel-2);font-size:17.5px;max-width:46ch}
.area-painel ul{margin:0;padding:0;list-style:none;display:grid;gap:0}
.area-painel li{display:flex;gap:14px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--fio);font-size:17px}
.area-painel li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--ouro);transform:translateY(-2px)}
@media (max-width:860px){.area-painel{grid-template-columns:minmax(0,1fr)}}

/* ferramentas (chamada na home) */
.ferr-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:48px}
.ferr{position:relative;display:grid;gap:18px;align-content:space-between;min-height:250px;padding:34px;border-radius:var(--raio);background:radial-gradient(90% 120% at 100% 0%,#d2b47a1f,transparent 60%),var(--couro-2);box-shadow:inset 0 0 0 1px var(--fio);overflow:hidden;transition:transform .6s var(--suave),box-shadow .5s}
.ferr:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px #d2b47a77}
.ferr .ic{width:56px;height:56px;border-radius:18px;background:var(--ouro);display:grid;place-items:center}
.ferr .ic svg{width:26px;height:26px;stroke:#0b0906;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ferr b{font-family:var(--display);font-weight:400;font-size:var(--t3);line-height:1.08}
.ferr p{color:var(--papel-2)}
@media (max-width:760px){.ferr-grade{grid-template-columns:minmax(0,1fr)}}

/* imprensa: só logos, dourado em repouso e cor original ao passar */
.esteira-logos{margin-top:48px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.esteira-logos .trilho{display:flex;gap:18px;width:max-content;animation:corre 40s linear infinite}
.esteira-logos:hover .trilho,.esteira-logos:focus-within .trilho{animation-play-state:paused}
.logo-m{flex:none;width:250px;height:130px;border-radius:999px;display:grid;place-items:center;background:#ffffff06;box-shadow:inset 0 0 0 1px var(--fio);transition:background .5s,box-shadow .5s,transform .6s var(--suave)}
.logo-m img{max-width:130px;max-height:46px;width:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(73%) sepia(30%) saturate(636%) hue-rotate(357deg) brightness(94%) contrast(86%);transition:filter .5s,transform .5s var(--suave)}
.logo-m:hover{background:#f4efe6;box-shadow:none;transform:translateY(-4px)}
.logo-m:hover img{filter:none;transform:scale(1.06)}
@media (max-width:720px){.logo-m{width:180px;height:96px}.logo-m img{max-width:100px;max-height:34px}}

/* vídeos apagados que acendem ao passar */
.quadro img{filter:brightness(.42) saturate(.55);transition:filter .8s var(--suave),transform 1.2s var(--suave)}
.quadro::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(115deg,transparent 30%,#f0dcac40 48%,transparent 62%);transform:translateX(-110%);transition:transform 1.2s var(--suave);pointer-events:none}
.video:hover .quadro img,.video:focus-visible .quadro img{filter:none;transform:scale(1.03)}
.video:hover .quadro::after{transform:translateX(110%)}
.video .play{opacity:.85;transition:transform .6s var(--suave),opacity .4s}
.video:hover .play{opacity:1}
@media (hover:none){.quadro img{filter:brightness(.8)}}

/* contato com mapa */
.canal--mapa{grid-template-columns:minmax(0,1fr);gap:10px}
.mapa{position:relative;border-radius:16px;overflow:hidden;height:210px;background:#0b090615}
.mapa iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.3) sepia(.15)}
.mapa a{position:absolute;left:12px;bottom:12px}
.canal--mapa .linha{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}

/* rodapé completo */
.rodape{padding-block:90px 36px}
.rodape .miolo{display:block}
.rodape-grade{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:48px;padding-bottom:56px;border-bottom:1px solid var(--fio)}
.rodape-grade img{height:46px;width:auto}
.rodape-grade p{margin-top:20px;max-width:34ch;color:var(--papel-2);font-size:15px}
.rodape h4{margin:0 0 18px;font:600 13px var(--sans);font-stretch:118%;color:var(--papel);letter-spacing:.02em}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.rodape ul a{color:var(--papel-2);transition:color .3s,padding .4s var(--suave)}
.rodape ul a:hover{color:var(--ouro-claro);padding-left:6px}
.redes{display:flex;gap:10px;margin-top:26px}
.redes a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff2e;position:relative;overflow:hidden;isolation:isolate;transition:box-shadow .4s}
.redes a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ouro);transform:translateY(101%);transition:transform .5s var(--suave)}
.redes a:hover::before,.redes a:focus-visible::before{transform:none}
.redes a:hover{box-shadow:none}
.redes svg{width:19px;height:19px;fill:none;stroke:var(--papel);stroke-width:1.6;transition:stroke .3s}
.redes .cheio{fill:var(--papel);stroke:none;transition:fill .3s}
.redes a:hover svg{stroke:#0b0906}
.redes a:hover .cheio{fill:#0b0906}
.rodape .legal{display:flex;flex-wrap:wrap;gap:10px 32px;justify-content:space-between;padding-top:28px;color:var(--papel-2);font-size:13px}
@media (max-width:900px){.rodape-grade{grid-template-columns:repeat(2,minmax(0,1fr))}.rodape-grade>div:first-child{grid-column:1/-1}}
@media (max-width:520px){.rodape-grade{grid-template-columns:minmax(0,1fr)}}

/* cabeçalho das páginas internas */
.cabeca-pagina{position:relative;overflow:hidden;padding-block:120px 90px;isolation:isolate}
.cabeca-pagina .feixes{width:46%;right:-10%;top:-30%}
.cabeca-pagina h1{font-size:clamp(48px,7vw,104px);line-height:.95;letter-spacing:-.03em;max-width:14ch}
.cabeca-pagina p{margin-top:28px;font-size:19px;color:var(--papel-2);max-width:52ch}
.cabeca-pagina .acoes{margin-top:36px}
.trilha{display:flex;gap:10px;font-size:13.5px;color:var(--papel-2);margin-bottom:28px;font-stretch:112%}
.trilha a:hover{color:var(--ouro)}

/* blocos de área nas páginas internas */
.bloco-area{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;padding-block:64px;border-top:1px solid var(--fio);scroll-margin-top:100px}
.bloco-area:first-child{border-top:0}
.bloco-area h2{font-size:var(--t2)}
.bloco-area .lado-a{display:grid;gap:20px;align-content:start;position:sticky;top:120px}
.bloco-area .lado-a p{color:var(--papel-2);font-size:18px}
.bloco-area .itens{display:grid;gap:10px}
.item{padding:24px 26px;border-radius:22px;background:#ffffff07;box-shadow:inset 0 0 0 1px var(--fio);transition:background .4s,box-shadow .4s}
.item:hover{background:#ffffff0d;box-shadow:inset 0 0 0 1px #d2b47a55}
.item b{display:block;font-family:var(--display);font-weight:400;font-size:var(--t4);margin-bottom:6px}
.item p{color:var(--papel-2);font-size:16px}
.item cite{display:inline-block;margin-top:10px;font-style:normal;font-size:13px;color:var(--ouro);font-stretch:112%}
@media (max-width:900px){.bloco-area{grid-template-columns:minmax(0,1fr);gap:28px}.bloco-area .lado-a{position:static}}

/* valores (escritório) */
.valores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.valor-c{padding:34px;border-radius:var(--raio);background:var(--couro);box-shadow:inset 0 0 0 1px var(--fio);display:grid;gap:14px}
.valor-c b{font-family:var(--display);font-weight:400;font-size:var(--t4)}
.valor-c p{color:var(--papel-2)}
@media (max-width:860px){.valores{grid-template-columns:minmax(0,1fr)}}

/* equipe */
.filtro{display:flex;gap:4px;padding:6px;border-radius:999px;background:#ffffff0b;box-shadow:inset 0 0 0 1px var(--fio);overflow-x:auto;scrollbar-width:none;width:max-content;max-width:100%;margin-bottom:48px}
.filtro::-webkit-scrollbar{display:none}
.filtro button{flex:none;padding:12px 20px;border-radius:999px;font-size:14.5px;font-weight:500;font-stretch:112%;color:var(--papel-2);transition:background .4s,color .3s}
.filtro button[aria-pressed="true"]{background:var(--ouro);color:#0b0906}
.time{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pessoa{position:relative;border-radius:var(--raio);overflow:hidden;aspect-ratio:4/5;background:#111;isolation:isolate}
.pessoa[hidden]{display:none}
.pessoa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform 1.2s var(--suave),filter .6s}
.pessoa::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(transparent 45%,#000000e6)}
.pessoa .rot{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;display:grid;gap:2px}
.pessoa .rot b{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.15}
.pessoa .rot span{font-size:13.5px;color:var(--papel-2);font-stretch:110%}
.pessoa .abre{position:absolute;right:16px;top:16px;z-index:3;width:44px;height:44px;border-radius:50%;background:#000a;box-shadow:inset 0 0 0 1px #ffffff40;display:grid;place-items:center;transition:transform .6s var(--lento),background .4s}
.pessoa .abre::before,.pessoa .abre::after{content:"";position:absolute;width:14px;height:1.5px;background:var(--papel)}
.pessoa .abre::after{transform:rotate(90deg);transition:transform .5s var(--lento)}
.pessoa.aberta .abre{transform:rotate(180deg);background:var(--ouro)}
.pessoa.aberta .abre::before,.pessoa.aberta .abre::after{background:#0b0906}
.pessoa.aberta .abre::after{transform:rotate(0)}
.pessoa .bio{position:absolute;inset:0;z-index:2;padding:76px 24px 24px;display:grid;align-content:end;gap:12px;background:linear-gradient(#0b0906d9,#0b0906f5);font-size:14.5px;color:var(--papel);clip-path:inset(100% 0 0 0);transition:clip-path .8s var(--lento);overflow:auto}
.pessoa .bio b{font-family:var(--display);font-weight:400;font-size:21px}
.pessoa .bio .oab{color:var(--ouro);font-size:13px;font-stretch:112%}
.pessoa.aberta .bio{clip-path:inset(0 0 0 0)}
.pessoa:hover img{transform:scale(1.04)}
@media (max-width:1100px){.time{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.time{grid-template-columns:repeat(2,minmax(0,1fr))}.pessoa .rot b{font-size:18px}}
@media (max-width:480px){.time{grid-template-columns:minmax(0,1fr)}}

/* ferramentas */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-radius:36px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--fio);margin-top:24px}
.calc form{padding:44px;background:var(--couro);display:grid;gap:22px;align-content:start}
.calc .res{padding:44px;background:linear-gradient(160deg,#d2b47a,#9d8251);color:#0b0906;display:grid;gap:14px;align-content:start}
.calc h2{font-size:var(--t3)}
.campo{display:grid;gap:8px}
.campo label{font-size:14px;font-weight:500;font-stretch:112%;color:var(--papel)}
.campo small{color:var(--papel-2);font-size:13px}
.campo input,.campo select{width:100%;min-height:56px;padding:0 20px;border-radius:16px;border:0;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff26;color:var(--papel);font:500 17px var(--sans);font-variant-numeric:tabular-nums}
.campo select option{color:#000}
.campo input:focus,.campo select:focus{outline:none;box-shadow:inset 0 0 0 2px var(--ouro)}
.res .grande{font-family:var(--display);font-size:clamp(56px,6vw,88px);line-height:1}
.res dl{margin:8px 0 0;display:grid;gap:0}
.res dl div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #0b090626;font-variant-numeric:tabular-nums}
.res dt{color:#3a3020}
.res dd{margin:0;font-weight:600}
.res .aviso-calc{font-size:13px;color:#3a3020;margin-top:8px}
.res .capsula{background:#0b0906;color:var(--papel);justify-self:start;margin-top:10px}
.res .capsula .disco{background:var(--ouro)}
.res .capsula--zap .disco svg{fill:#0b0906}
@media (max-width:860px){.calc{grid-template-columns:minmax(0,1fr)}.calc form,.calc .res{padding:28px}}

/* artigos (lista) */
.lista-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.art{display:grid;align-content:space-between;gap:30px;min-height:240px;padding:30px;border-radius:var(--raio);background:var(--couro);transition:background .5s,transform .6s var(--suave)}
.art[hidden]{display:none}
.art:hover{background:var(--couro-2);transform:translateY(-6px)}
.art time{color:var(--ouro);font-size:13.5px;font-stretch:112%}
.art b{font-family:var(--display);font-weight:400;font-size:var(--t4);line-height:1.22}
.art small{color:var(--papel-2);font-size:13.5px}
@media (max-width:1000px){.lista-art{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.lista-art{grid-template-columns:minmax(0,1fr)}}

/* perguntas */
.faq{display:grid;gap:10px;margin-top:40px}

/* aviso da prévia */
.aviso-previa{font-size:13px;color:var(--papel-2);text-align:center;padding:10px var(--lado);background:#0d0b09;border-bottom:1px solid var(--fio)}

.heroi-base{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;margin-top:52px;padding-top:32px;border-top:1px solid var(--fio)}
.heroi-base p{font-size:19px;max-width:48ch;color:var(--papel-2);text-wrap:pretty}
.heroi-base b{color:var(--papel);font-weight:500}
.sec-cabeca{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:end}
.sec-cabeca p{font-size:19px}
@media (max-width:1080px){.heroi-base,.sec-cabeca{grid-template-columns:minmax(0,1fr);gap:28px}}
@media (max-width:720px){.heroi-base p{font-size:17px}}
/* ajustes finais */
.estante{padding-block:40px 120px}
.feixes{top:-34%;right:-14%}
.feixes span:nth-child(1){--o:.62;--a:96px}
.feixes span:nth-child(2){--o:.4}
.feixes span:nth-child(3){--o:.28}
.areas-abas button{padding:11px 16px;font-size:14px}
@media (max-width:720px){.estante{padding-block:24px 90px}}

/* ===== rodada 22/10 noite ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* imprensa: ao passar, fundo escuro; Valor invertido para o texto aparecer */
.logo-m:hover{background:#16120e;box-shadow:inset 0 0 0 1px #d2b47a66;transform:translateY(-4px)}
.logo-m:hover img{filter:none}
.logo-m:hover img[alt="Valor Investe"]{filter:invert(1) brightness(1.15)}
.materia .marca-v{background:#16120e}
.materia:hover .marca-v img[alt="Valor Investe"]{filter:invert(1) brightness(1.15)}

/* equipe: direção em destaque, departamentos em seções, apresentação sem bordas */
.direcao{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center;padding-bottom:80px;margin-bottom:24px;border-bottom:1px solid var(--fio)}
.direcao-foto{border-radius:var(--raio);overflow:hidden;aspect-ratio:4/5;max-width:420px}
.direcao-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.direcao-texto{display:grid;gap:16px;max-width:54ch}
.direcao-texto h2{font-size:var(--t2)}
.direcao-texto .cargo{color:var(--ouro);font-stretch:112%;font-size:15px}
.direcao-texto p{color:var(--papel-2);font-size:17.5px}
.depto-rotulo{font-size:13px;font-weight:600;font-stretch:118%;color:var(--ouro)}
.depto{padding-top:56px}
.depto h3{font-size:var(--t3);margin-bottom:24px}
.pessoa{background:#0b0906;transform:translateZ(0)}
.pessoa img{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}
.pessoa .bio{inset:-1px;background:#0b0906f2}
.pessoa.aberta img{filter:brightness(.25) blur(2px)}
@media (max-width:860px){.direcao{grid-template-columns:minmax(0,1fr);gap:28px}.direcao-foto{max-width:none}}

/* artigos: busca e páginas */
.busca-art{margin-bottom:18px;max-width:560px}
.busca-art input{width:100%;min-height:58px;padding:0 24px 0 54px;border-radius:999px;border:0;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d2b47a' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") no-repeat 20px 50%/20px;box-shadow:inset 0 0 0 1px #ffffff26;color:var(--papel);font:500 16.5px var(--sans)}
.busca-art input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--ouro)}
.busca-art input::placeholder{color:var(--papel-2)}
.paginas{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.paginas button{min-width:48px;height:48px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff2e;font-weight:500;font-stretch:112%;color:var(--papel);transition:background .3s,color .3s,box-shadow .3s}
.paginas button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--ouro);color:var(--ouro-claro)}
.paginas button[aria-current="page"]{background:var(--ouro);color:#0b0906;box-shadow:none}
.paginas button:disabled{opacity:.35;cursor:default}

/* ===== TEMA CLARO ===== */
.tema-claro{
  --tinta:#f4f2ed; --couro:#e9e5dd; --couro-2:#dfd9cd;
  --papel:#17140f; --papel-2:#5c554a; --fio:#17140f1f;
  --ouro-texto:#8a6a2e;
  color-scheme:light;
}
.tema-claro body{background:var(--tinta);color:var(--papel)}
.tema-claro body::before{background:var(--tinta)}
.tema-claro .aviso-previa{background:#e9e5dd}
.tema-claro .topo.rolou{background:#f4f2edd9}
.tema-claro .menu a:hover,.tema-claro .menu a[aria-current="page"]{background:#17140f0d}
.tema-claro .menu.aberto{background:#fbfaf7;box-shadow:0 30px 60px -20px #0004,inset 0 0 0 1px var(--fio)}
.tema-claro .abrir-menu{box-shadow:inset 0 0 0 1px #17140f33}
.tema-claro .heroi h1 .ln:nth-child(2) span{color:#9a7a3c}
.tema-claro .heroi .luz{background:radial-gradient(40% 50% at var(--mx,70%) var(--my,30%),#d2b47a33,transparent 70%)}
.tema-claro .heroi .grao{display:none}
.tema-claro .linkado,.tema-claro .lei .tema cite,.tema-claro .item cite,.tema-claro .carta .orgao,.tema-claro .art time,.tema-claro .direcao-texto .cargo,.tema-claro .depto-rotulo,.tema-claro .acervo strong,.tema-claro .lei-ref{color:var(--ouro-texto)}
.tema-claro .carta .orgao{background:#b8955a24}
.tema-claro .capsula--escura{background:#17140f0d;color:var(--papel);box-shadow:inset 0 0 0 1px #17140f2e}
.tema-claro .capsula--escura:hover{background:#17140f17}
.tema-claro .areas-abas,.tema-claro .abas,.tema-claro .filtro{background:#ffffffa6;box-shadow:inset 0 0 0 1px var(--fio)}
.tema-claro .item,.tema-claro .area{background:#ffffff8c}
.tema-claro .item:hover{background:#fff}
.tema-claro .lei{background:#ffffff8c}
.tema-claro .carta{background:#fbfaf7}
.tema-claro .valor-c,.tema-claro .art{background:#fbfaf7;box-shadow:inset 0 0 0 1px var(--fio)}
.tema-claro .art:hover{background:#fff}
.tema-claro .ferr{background:radial-gradient(90% 120% at 100% 0%,#d2b47a33,transparent 60%),#fbfaf7}
.tema-claro .passo .n{background:var(--tinta);box-shadow:inset 0 0 0 1px #17140f38}
.tema-claro .area .mais{box-shadow:inset 0 0 0 1px #17140f38}
.tema-claro .controles button{box-shadow:inset 0 0 0 1px #17140f38}
.tema-claro .pontos i{background:#17140f26}
.tema-claro .paginas button{box-shadow:inset 0 0 0 1px #17140f38}
.tema-claro .busca-art input{background-color:#fff;box-shadow:inset 0 0 0 1px #17140f2e}
.tema-claro .calc form{background:#fbfaf7}
.tema-claro .campo input,.tema-claro .campo select{background:#fff;box-shadow:inset 0 0 0 1px #17140f2e}
.tema-claro .logo-m{background:#fff;box-shadow:inset 0 0 0 1px var(--fio)}
.tema-claro .logo-m img{filter:brightness(0) saturate(100%) invert(45%) sepia(38%) saturate(620%) hue-rotate(5deg) brightness(88%)}
.tema-claro .logo-m:hover img{filter:none}
.tema-claro .logo-m:hover img[alt="Valor Investe"]{filter:invert(1) brightness(1.15)}
.tema-claro .materia{background:#fbfaf7}
.tema-claro .quadro img{filter:brightness(.62) saturate(.6)}
.tema-claro .video:hover .quadro img{filter:none}
.tema-claro .falas{background:#17140f}
.tema-claro .falas,.tema-claro .livro,.tema-claro .pessoa,.tema-claro .rodape,.tema-claro .intro,.tema-claro .videos .quadro{--papel:#f1ede6;--papel-2:#aaa398;--fio:#ffffff17}
.tema-claro .falas{color:var(--papel)}
.tema-claro .rodape{background:#0d0b09;color:var(--papel)}
.tema-claro .intro{background:#0d0b09;color:var(--papel)}
.tema-claro .estante .legenda{color:var(--papel-2)}
.tema-claro .feixes span:nth-child(1){--o:.75}
.tema-claro .selo-giro text{fill:#5c554a}
.tema-claro .zap{box-shadow:0 18px 40px -14px #0006}
/* contraste: iniciais das avaliações e textos em superfícies escuras no tema claro */
.inicial{background:var(--ouro);color:#0b0906;font:700 21px/1 var(--sans);font-stretch:112%;box-shadow:0 0 0 3px #d2b47a33}
.tema-claro .livro,.tema-claro .pessoa,.tema-claro .falas{color:var(--papel)}
.contato .capsula,.res .capsula{color:#f1ede6}
.tema-claro .contato .capsula{color:#f1ede6}
.depo figcaption .inicial{color:#0b0906;font-size:21px}

/* ===== tema único com alternância sol e lua ===== */
.tema-bt{position:relative;flex:none;width:46px;height:46px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff2e;display:grid;place-items:center;overflow:hidden;transition:box-shadow .3s,background .3s}
.tema-bt:hover{box-shadow:inset 0 0 0 1px var(--ouro);background:#ffffff0d}
.tema-bt svg{position:absolute;width:20px;height:20px;fill:none;stroke:var(--papel);stroke-width:1.7;stroke-linecap:round;transition:transform .7s var(--lento),opacity .5s}
.tema-bt .lua{fill:var(--papel);stroke:none}
.tema-escuro .tema-bt .lua,html:not(.tema-claro) .tema-bt .lua{transform:translateY(130%) rotate(-60deg);opacity:0}
.tema-claro .tema-bt .sol{transform:translateY(-130%) rotate(90deg);opacity:0}
.tema-claro .tema-bt .lua{transform:none;opacity:1}
.tema-claro .tema-bt{box-shadow:inset 0 0 0 1px #17140f33}
.topo .miolo{gap:18px}
.topo .menu{margin-right:8px}
@media (max-width:1020px){.tema-bt{margin-left:auto}.abrir-menu{margin-left:0}}
.trocando,.trocando *{transition:background-color .6s,color .6s,border-color .6s,box-shadow .6s,fill .6s!important}

/* método: etapas legíveis antes de acender */
.passo{opacity:1}
.passo b{color:var(--papel-2);transition:color .6s var(--suave),transform .7s var(--suave)}
.passo p{color:var(--papel-2)}
.passo.ativo b,.passo:hover b{color:var(--papel)}
.passo .n{color:var(--papel);box-shadow:inset 0 0 0 1.5px var(--papel-2)}

/* imprensa: contraste por tema */
.logo-m img[alt="CBN Amazônia"]{}
.tema-claro .logo-m{background:#fff;box-shadow:inset 0 0 0 1px #17140f24}
.tema-claro .logo-m img{filter:brightness(0);opacity:.78}
.tema-claro .logo-m:hover{background:#fff;box-shadow:inset 0 0 0 1px #17140f55}
.tema-claro .logo-m:hover img,.tema-claro .logo-m:hover img[alt="Valor Investe"]{filter:none;opacity:1}
.tema-claro .logo-m:hover:has(img[alt="CBN Amazônia"]){background:#16120e}
.tema-claro .materia .marca-v{background:#16120e}

/* dourado de texto mais escuro no tema claro */
.tema-claro{--ouro-texto:#76581f}
.tema-claro .selo-giro text{fill:#4a443b}
.tema-claro .heroi h1 .ln:nth-child(2) span{color:#86672b}
/* ajustes da auditoria de contraste */
.tomo{color:#b39b68}
.areas-abas .nova{opacity:1}
.tema-claro .areas-abas button:not([aria-selected="true"]) .nova{color:var(--ouro-texto)}
.paginas button:disabled{opacity:.6}
.retrato .placa b{color:#f0dcac}
.retrato .placa span{color:#bdb5a8}
.escritorio .linkado,.tema-claro .escritorio .linkado{color:#0b0906}
/* Valor Investe em uma cor: branco no tema escuro, preto no claro */
.logo-m:hover img[alt="Valor Investe"],.materia:hover .marca-v img[alt="Valor Investe"],.materia .marca-v img[alt="Valor Investe"]{filter:brightness(0) invert(1);opacity:1}
.tema-claro .logo-m:hover img[alt="Valor Investe"]{filter:brightness(0);opacity:1}
.tema-claro .passo.ativo .n,.tema-claro .passo:hover .n{background:var(--ouro);color:#0b0906;box-shadow:0 0 0 8px #d2b47a40}

/* ===== rodada 22h40 ===== */
body{margin:0}
/* selo NOVA menor e mais alto */
.areas-abas .nova{font-size:8.5px;letter-spacing:.06em;margin-left:4px;vertical-align:.9em;line-height:0;font-weight:700}
/* WhatsApp: pulso mais frequente */
.zap::before{animation:chama 2.4s var(--suave) infinite 1s}
/* livros no celular: seta indicando que abre, botão para ir à área */
.seta{display:none}
@media (max-width:720px){
  .lombada .seta{display:block;flex:none;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #cfb27a66;position:relative;margin-left:10px;transition:transform .5s var(--lento),background .4s}
  .lombada .seta::before{content:"";position:absolute;left:50%;top:45%;width:7px;height:7px;border-right:1.5px solid var(--ouro);border-bottom:1.5px solid var(--ouro);transform:translate(-50%,-50%) rotate(45deg)}
  .livro.aberto .seta{transform:rotate(180deg);background:#cfb27a22}
  .lombada .tomo{margin-left:auto}
  .capa .ir-area{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;background:var(--ouro);color:#0b0906;font-weight:600;margin-top:6px}
  .capa .ir-area::after{display:none}
}
/* cartas e artigos: pedaço da capa ao fundo, sumindo no gradiente */
.carta,.art{position:relative;isolation:isolate;overflow:hidden}
.capa-img{position:absolute;z-index:-1;right:-8%;top:-6%;width:78%;height:auto;opacity:.5;pointer-events:none;
  -webkit-mask-image:radial-gradient(120% 100% at 100% 0%,#000 18%,transparent 62%);mask-image:radial-gradient(120% 100% at 100% 0%,#000 18%,transparent 62%);
  transition:opacity .6s,transform 1.2s var(--suave)}
.carta:hover .capa-img,.art:hover .capa-img{opacity:.75;transform:scale(1.04)}
.tema-claro .capa-img{opacity:.38}
.tema-claro .carta:hover .capa-img,.tema-claro .art:hover .capa-img{opacity:.6}
.carta .orgao{position:relative}
/* nota do Google no painel de avaliações */
.nota-google{display:flex;align-items:baseline;gap:12px}
.nota-google strong{font-family:var(--display);font-weight:400;font-size:clamp(52px,5vw,72px);line-height:.9;color:#0b0906}
.nota-google span{font-size:14.5px;color:#2d2518;max-width:16ch}
/* ferramentas no celular */
@media (max-width:860px){
  .calc{border-radius:28px}
  .calc form{background:#ffffff08}
  .res .capsula{justify-self:stretch;justify-content:space-between;font-size:14.5px}
}
.tema-claro .calc form{background:#fbfaf7}
.capa-img{opacity:.68;-webkit-mask-image:radial-gradient(130% 110% at 100% 0%,#000 24%,transparent 70%);mask-image:radial-gradient(130% 110% at 100% 0%,#000 24%,transparent 70%)}
.tema-claro .capa-img{opacity:.5}
.tema-claro .falas .controles button{box-shadow:inset 0 0 0 1px #ffffff40}
.tema-claro .falas .controles button:hover{box-shadow:none}
.tema-claro .falas .pontos i{background:#ffffff33}
.tema-claro .falas .pontos i.on{background:var(--ouro)}

/* ===== rodada 23h15 ===== */
/* imprensa: espaço para a cápsula subir sem ser cortada; versões coloridas no tema claro */
.esteira-logos{padding-block:14px}
.logo-m{position:relative}
.logo-m .alt-claro{display:none}
.tema-claro .logo-m:hover,.tema-claro .logo-m:hover:has(img[alt="CBN Amazônia"]){background:#fff;box-shadow:inset 0 0 0 1px #17140f55}
.tema-claro .logo-m:hover img:not(.alt-claro):has(+ .alt-claro){display:none}
.tema-claro .logo-m:hover .alt-claro{display:block;filter:none;opacity:1}
.tema-claro .logo-m .alt-claro{max-width:130px;max-height:46px;width:auto}

/* botões de WhatsApp chamando, como o botão de atender do celular */
.capsula--zap .disco{position:relative}
.capsula--zap .disco::before,.capsula--zap .disco::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 currentColor;color:#d2b47a;animation:atender 1.8s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
.capsula--zap .disco::after{animation-delay:.6s}
.capsula--zap:not(.capsula--escura) .disco::before,.capsula--zap:not(.capsula--escura) .disco::after{color:#0b0906}
.contato .capsula--zap .disco::before,.contato .capsula--zap .disco::after,.res .capsula--zap .disco::before,.res .capsula--zap .disco::after{color:#d2b47a}
@keyframes atender{0%{box-shadow:0 0 0 0 currentColor;opacity:.55}100%{box-shadow:0 0 0 14px currentColor;opacity:0}}
.capsula--zap .disco svg{animation:balanca 1.8s ease-in-out infinite;transform-origin:50% 60%}
@keyframes balanca{0%,70%,100%{transform:none}76%{transform:rotate(-14deg)}82%{transform:rotate(12deg)}88%{transform:rotate(-8deg)}94%{transform:rotate(5deg)}}
.zap::before{animation:chama 1.6s var(--suave) infinite .6s}
.zap .bola svg{animation:balanca 1.8s ease-in-out infinite;transform-origin:50% 60%}
@media (prefers-reduced-motion:reduce){.capsula--zap .disco::before,.capsula--zap .disco::after{display:none}}

/* cabeçalhos alinhados à grade abaixo */
.sec-cabeca--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sec-cabeca--2 p{padding-left:34px}
.publico .topo-sec{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.publico .topo-sec h2{grid-column:span 2}
.publico .topo-sec p{padding-left:30px}
@media (max-width:1080px){.sec-cabeca--2,.publico .topo-sec{grid-template-columns:minmax(0,1fr)}.publico .topo-sec h2{grid-column:auto}.sec-cabeca--2 p,.publico .topo-sec p{padding-left:0}}

/* vídeos: respiro entre título e texto */
.videos .cabeca p{margin-top:26px}
.videos .cabeca{margin-bottom:56px}
/* Valor Investe nas cores oficiais: no escuro, Valor branco e investe azul; no claro, Valor preto e investe azul */
.logo-m:hover img[alt="Valor Investe"],.materia .marca-v img[alt="Valor Investe"],.materia:hover .marca-v img[alt="Valor Investe"]{filter:none}
html{overflow-x:visible}body{overflow-x:clip}.topo{position:sticky;top:0}

/* ===== menos movimento ao mesmo tempo (23/10) ===== */
/* a barra não muda mais de altura ao rolar: era o que fazia a tela tremer perto do topo */
.topo.rolou .miolo,.topo .miolo{min-height:76px;transition:none}
html{overflow-anchor:none}
/* um chamado de cada vez, a cada 7 segundos: topo, depois botão fixo, depois botões da página */
@keyframes atender{0%{box-shadow:0 0 0 0 currentColor;opacity:.55}22%{box-shadow:0 0 0 14px currentColor;opacity:0}100%{box-shadow:0 0 0 14px currentColor;opacity:0}}
@keyframes balanca{0%,100%{transform:none}4%{transform:rotate(-12deg)}8%{transform:rotate(10deg)}12%{transform:rotate(-6deg)}16%{transform:none}}
@keyframes chama{0%{box-shadow:0 0 0 0 #d2b47a88}22%,100%{box-shadow:0 0 0 18px #d2b47a00}}
.capsula--zap .disco::before{animation:atender 7s cubic-bezier(.2,.6,.3,1) infinite 4.6s}
.capsula--zap .disco::after{display:none}
.capsula--zap .disco svg{animation:balanca 7s ease-in-out infinite 4.6s}
.topo .capsula--zap .disco::before,.topo .capsula--zap .disco svg{animation-delay:0s}
.zap::before{animation:chama 7s var(--suave) infinite 2.3s}
.zap .bola svg{animation:balanca 7s ease-in-out infinite 2.3s}

/* ===== domingo 25/10 ===== */
/* abertura: nome em maiúsculas, mais próximo da logo */
.intro .nome{font-size:clamp(24px,3vw,34px);letter-spacing:.12em;text-transform:uppercase}
.intro .sob{letter-spacing:.32em}
/* contatos do final: cartões inteiros clicáveis */
.canal--link{grid-template-columns:minmax(0,1fr) auto;text-decoration:none;color:inherit;transition:background .4s,transform .5s var(--suave)}
.canal--link:hover{background:#ffffff70;transform:translateX(4px)}
.canal-ir{grid-row:2;grid-column:2;width:40px;height:40px;border-radius:50%;background:#0b0906;display:grid;place-items:center;transition:transform .5s var(--lento)}
.canal-ir svg{width:16px;height:16px;stroke:var(--ouro);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.canal--link:hover .canal-ir{transform:rotate(-45deg)}
/* vídeos: pontos do carrossel, só no celular */
.pontos-video{display:none}
@media (max-width:900px){
  .pontos-video{display:flex;justify-content:center;gap:8px;margin-top:22px}
  .pontos-video i{width:8px;height:8px;border-radius:999px;background:var(--fio);background:#ffffff33;transition:width .6s var(--lento),background .4s}
  .pontos-video i.on{width:30px;background:var(--ouro)}
  .tema-claro .pontos-video i{background:#17140f26}
  .tema-claro .pontos-video i.on{background:var(--ouro)}
}

/* ===== desempenho no celular (26/10) ===== */
/* o título já nasce pintado por trás das cortinas da abertura; a revelação fica a cargo das cortinas */
@media (max-width:900px){
  .js .heroi h1 .ln>span,.js.carregou .heroi h1 .ln>span{transform:none;transition:none}
  .heroi .grao{display:none}
}
/* abertura mais curta no celular */
@media (max-width:900px){
  .intro img{animation-delay:0s;animation-duration:.7s}
  .intro .nome span{animation-delay:.2s;animation-duration:.7s}
  .intro .fio{animation-delay:.3s;animation-duration:.8s}
  .intro .sob{animation-delay:.6s}
}
.rodape-tit{margin:0 0 18px;font:600 13px var(--sans);font-stretch:118%;color:var(--papel);letter-spacing:.02em}

/* ===== abertura mais rápida (26/10): cerca de 1,4 s no computador e 1,1 s no celular ===== */
.com-intro .intro,.com-intro .intro-ouro{transition:clip-path .8s var(--lento)}
.intro img{animation-duration:.6s;animation-delay:0s}
.intro .nome span{animation-duration:.6s;animation-delay:.15s}
.intro .fio{animation-duration:.7s;animation-delay:.25s}
.intro .sob{animation-duration:.5s;animation-delay:.45s}

/* ===== abertura mais fluida (26/10) ===== */
/* cortinas sobem por transform (placa de vídeo) em vez de clip-path, que recalcula a tela inteira */
.com-intro .intro,.com-intro .intro-ouro{transition:transform .95s var(--lento);will-change:transform;clip-path:none}
.intro.sai,.intro-ouro.sai{clip-path:none;transform:translate3d(0,-100%,0)}
/* feixes dourados: sem desfoque animado, entrada mais rápida, só transform e opacidade */
.feixes span{will-change:transform,opacity;backface-visibility:hidden}
.feixes span:nth-child(4){filter:none;background:linear-gradient(90deg,#8f764600,#8f764633 30%,#e8cf9822 60%,#a88d5700)}
.carregou .feixes span{animation:feixeEntra 1.1s var(--suave) forwards,feixeVive 16s ease-in-out 1.2s infinite alternate;animation-delay:calc(.05s + var(--i,0)*.08s),calc(1.2s + var(--i,0)*.08s)}
@keyframes feixeEntra{from{opacity:0;transform:rotate(-36deg) translate3d(30%,0,0)}to{opacity:var(--o);transform:rotate(-36deg) translate3d(0,0,0)}}
@keyframes feixeVive{from{opacity:var(--o);transform:rotate(-36deg) translate3d(0,0,0)}to{opacity:var(--o);transform:rotate(-36deg) translate3d(-5%,0,0)}}
/* a luz que segue o cursor não anima mais a cada movimento */
.heroi .luz{transition:none}

/* Fluidez no computador: livros e luz do herói em camadas próprias, sem redesenho a cada quadro */
.js .livro{will-change:transform,opacity}
.js.carregou .estante.pronta .livro{will-change:auto}
.heroi .luz{inset:auto;left:0;top:0;width:90vw;height:110vh;margin:-55vh 0 0 -45vw;background:radial-gradient(closest-side,#d2b47a24,transparent);transform:translate3d(70vw,30vh,0);will-change:transform;transition:transform .5s var(--suave)}
.tema-claro .heroi .luz{background:radial-gradient(closest-side,#d2b47a33,transparent)}
@media (min-width:721px){
  .livro{contain:layout paint}
  .capa{right:auto;width:var(--capa-w,320px)}
  .js .heroi h1 .ln>span{will-change:transform}
  .js.carregou .heroi.pronto h1 .ln>span{will-change:auto}
}
/* textura do livro numa camada de largura fixa: abrir o livro só recorta, não redesenha a textura */
.livro .pele{position:absolute;left:0;top:0;bottom:0;width:900px;background:url("../img/couro.png");mix-blend-mode:soft-light;pointer-events:none;will-change:transform}
.livro:not(.aberto):hover{filter:none}
.livro:not(.aberto):hover .pele{opacity:.75}
@media (max-width:720px){.livro .pele{width:100%}}
.livro::before,.livro::after{z-index:1}
.livro .lombada,.livro .capa{z-index:2}