/* Ricardo Spinelli Advogados — folha de estilo
   Paleta tirada do selo: carvão do fundo + ouro do carimbo. */
:root{
  --carvao:#1d1d1c;
  --carvao-2:#262624;
  --carvao-3:#31302d;
  --ouro:#c6a04a;
  --ouro-claro:#e6cc86;
  --ouro-fundo:#8a6a25;
  --papel:#eeede9;
  --papel-2:#e2e0da;
  --tinta:#272623;
  --tinta-suave:#5d5a54;
  --linha-escura:rgba(198,160,74,.22);
  --linha-clara:rgba(39,38,35,.14);
  --ouro-metal:linear-gradient(135deg,#8a6a25 0%,#e6cc86 38%,#c6a04a 55%,#f1dea3 72%,#8a6a25 100%);
  --display:"Marcellus",Georgia,"Times New Roman",serif;
  --texto:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --larg:1180px;
  --cab:84px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--cab) + 12px)}
body{margin:0;overflow-x:hidden;font-family:var(--texto);font-size:17px;line-height:1.65;color:var(--tinta);background:var(--papel);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px;border-radius:2px}
.envolve{width:min(var(--larg),100% - 48px);margin-inline:auto}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ouro);color:var(--carvao);padding:10px 16px;text-decoration:none;font-weight:600}
.pular:focus{top:12px}

/* ---------- Faixa grega (motivo do selo) ---------- */
.grega{display:block;width:100%;height:18px;color:var(--ouro)}
.grega rect{fill:url(#meandro)}
.grega-anim{clip-path:inset(0 100% 0 0);transition:clip-path 1.6s cubic-bezier(.65,0,.25,1)}
.pronto .grega-anim{clip-path:inset(0 0 0 0)}

/* ---------- Cabeçalho ---------- */
.cab{position:fixed;inset:0 0 auto;z-index:50;height:var(--cab);display:flex;align-items:center;transition:background .4s,height .4s,box-shadow .4s}
.cab.rolou{--cab:68px;height:68px;background:rgba(29,29,28,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--linha-escura)}
.cab .envolve{display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca{display:block;flex:none}
.menu-wrap{display:flex;align-items:center}
.marca img{height:58px;width:auto;transition:height .4s}
.cab.rolou .marca img{height:44px}
.menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.menu>li{position:relative}
.menu a{display:block;padding:10px 13px;color:#e9e6dd;text-decoration:none;font-size:15px;letter-spacing:.01em;position:relative}
.menu>li>a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:1px;background:var(--ouro);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.menu>li>a:hover::after,.menu>li>a[aria-current="true"]::after{transform:scaleX(1)}
.menu .sub{position:absolute;top:100%;left:0;min-width:170px;list-style:none;margin:0;padding:8px 0;background:var(--carvao-2);border:1px solid var(--linha-escura);opacity:0;visibility:hidden;transform:translateY(6px);transition:.25s}
.menu li:hover>.sub,.menu li:focus-within>.sub{opacity:1;visibility:visible;transform:none}
.menu .sub a{padding:8px 16px}
.menu .sub a:hover{color:var(--ouro-claro)}
.bt-zap{display:inline-flex;align-items:center;gap:8px;margin-left:10px;padding:10px 18px;border:1px solid var(--ouro);color:var(--ouro-claro);text-decoration:none;font-size:15px;transition:background .3s,color .3s}
.bt-zap:hover{background:var(--ouro);color:var(--carvao)}
.bt-zap svg{width:17px;height:17px}
.hamb{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer}
.hamb span{display:block;height:1.5px;background:var(--ouro-claro);margin:6px 0;transition:.3s}
.hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* ---------- Abertura ---------- */
.abertura{position:relative;min-height:100vh;min-height:100svh;background:var(--carvao);color:#ece9e1;display:flex;flex-direction:column;overflow:hidden}
.abertura .grega-topo{position:absolute;top:var(--cab);left:0;right:0;opacity:.55}
.abertura-corpo{position:relative;flex:1;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:48px;padding:calc(var(--cab) + 70px) 0 60px}
.fundos{position:absolute;inset:0;pointer-events:none}
.fundos .f{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease}
.fundos .f.on{opacity:1}
.f1{background:radial-gradient(55% 65% at 78% 42%,rgba(198,160,74,.16),transparent 70%)}
.f2{background:radial-gradient(50% 60% at 30% 25%,rgba(198,160,74,.13),transparent 70%),radial-gradient(40% 50% at 85% 80%,rgba(230,204,134,.08),transparent 70%)}
.f3{background:radial-gradient(60% 55% at 60% 100%,rgba(198,160,74,.15),transparent 70%)}
.f4{background:radial-gradient(50% 70% at 95% 30%,rgba(230,204,134,.12),transparent 70%),radial-gradient(35% 45% at 10% 70%,rgba(198,160,74,.09),transparent 70%)}
.slides{display:grid}
.slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s .8s}
.slide.ativo{opacity:1;visibility:visible;transition:opacity .8s ease .15s}
.tema{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:var(--ouro);font-size:15.5px}
.tema::before{content:"";width:34px;height:1px;background:var(--ouro);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.7,.1,1)}
.pronto .slide.ativo .tema::before{transform:scaleX(1)}
.abertura .t{font-family:var(--display);font-weight:400;font-size:clamp(38px,4.9vw,70px);line-height:1.04;margin:0 0 28px;letter-spacing:-.005em;color:#ece9e1}
.abertura .t .ln{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.abertura .t .ln>span{display:block;transform:translateY(108%);transition:transform .9s cubic-bezier(.2,.7,.1,1)}
.pronto .slide.ativo .t .ln>span{transform:none;transition:transform 1.1s cubic-bezier(.2,.7,.1,1)}
.pronto .slide.ativo .t .ln:nth-child(1)>span{transition-delay:.2s}
.pronto .slide.ativo .t .ln:nth-child(2)>span{transition-delay:.32s}
.pronto .slide.ativo .t .ln:nth-child(3)>span{transition-delay:.44s}
.abertura .lead{max-width:34em;min-height:3.2em;font-size:19px;color:#c9c5ba;margin:0 0 34px;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}
.pronto .slide.ativo .lead{opacity:1;transform:none;transition:opacity 1s .7s,transform 1s .7s}
.controle{display:flex;align-items:center;gap:20px;margin:0 0 34px;opacity:0;transition:opacity 1s 1s}
.pronto .controle{opacity:1}
.ponto{background:none;border:0;padding:8px 0;width:96px;cursor:pointer;color:#8f8b80;font:inherit;font-size:14px;text-align:left;transition:color .3s}
.ponto:hover{color:#d8d4c9}
.ponto .barra{display:block;height:2px;margin-bottom:9px;background:rgba(198,160,74,.22);position:relative;overflow:hidden}
.ponto .barra::after{content:"";position:absolute;inset:0;background:var(--ouro-metal);transform:scaleX(0);transform-origin:left}
.ponto.ativo{color:var(--ouro-claro)}
.ponto.ativo .barra::after{animation:enche var(--dur,7s) linear forwards}
.parado .ponto.ativo .barra::after{animation-play-state:paused}
@keyframes enche{to{transform:scaleX(1)}}
.pausa{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--linha-escura);background:none;color:var(--ouro-claro);display:grid;place-items:center;cursor:pointer;transition:border-color .3s}
.pausa:hover{border-color:var(--ouro)}
.pausa svg{width:14px;height:14px}
.pausa .i-play{display:none}
.pausado .pausa .i-pausa{display:none}.pausado .pausa .i-play{display:block}
.portas{display:grid;grid-template-columns:1fr 1fr;gap:1px;max-width:620px;background:var(--linha-escura);border:1px solid var(--linha-escura);opacity:0;transform:translateY(14px);transition:opacity .9s 1.1s,transform .9s 1.1s}
.pronto .portas{opacity:1;transform:none}
.porta{display:block;padding:22px 24px;background:var(--carvao);text-decoration:none;transition:background .35s}
.porta strong{display:block;font-family:var(--display);font-weight:400;font-size:24px;color:var(--ouro-claro);margin-bottom:4px}
.porta span{font-size:14.5px;color:#a9a597;line-height:1.5}
.porta:hover{background:var(--carvao-3)}
.porta .seta{display:inline-block;margin-left:6px;transition:transform .35s}
.porta:hover .seta{transform:translateX(4px)}
/* selo + anel girando */
.selo-hero{justify-self:center;position:relative;width:min(290px,100%);aspect-ratio:1060/1260}
.selo-hero img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));opacity:0;transform:scale(.92) rotate(-2deg);transition:opacity 1.4s .3s,transform 1.8s .3s cubic-bezier(.2,.7,.1,1)}
.pronto .selo-hero img{opacity:1;transform:none;animation:flutua 9s ease-in-out 2.2s infinite}
@keyframes flutua{50%{transform:translateY(-8px)}}
.anel{position:absolute;left:50%;top:50%;width:200%;aspect-ratio:1;translate:-50% -50%;opacity:0;transition:opacity 1.6s 1s;overflow:visible}
.pronto .anel{opacity:1;animation:gira 80s linear infinite}
.anel text{fill:var(--ouro);opacity:.5;font-family:var(--texto);font-size:10.5px;letter-spacing:.32em}
@keyframes gira{to{rotate:360deg}}
.abertura-rodape{position:relative;border-top:1px solid var(--linha-escura)}
.faixa{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.trilho{display:flex;width:max-content;animation:corre 55s linear infinite}
.faixa:hover .trilho{animation-play-state:paused}
.trilho ul{display:flex;list-style:none;margin:0;padding:0}
.trilho li{display:flex;align-items:center;gap:30px;padding:18px 15px 18px 15px;font-size:14.5px;color:#a9a597;white-space:nowrap}
.trilho li::after{content:"";width:6px;height:6px;border:1px solid var(--ouro);transform:rotate(45deg);margin-left:15px}
@keyframes corre{to{transform:translateX(-50%)}}

/* ---------- Seções ---------- */
.secao{padding:120px 0}
.secao.escura{background:var(--carvao);color:#e2dfd6}
.secao.media{background:var(--carvao-2);color:#e2dfd6}
.secao.clara-2{background:var(--papel-2)}
.titulo{font-family:var(--display);font-weight:400;font-size:clamp(34px,4vw,54px);line-height:1.08;margin:0 0 20px}
.escura .titulo,.media .titulo{color:#f1ede3}
.intro{max-width:40em;color:var(--tinta-suave);font-size:18px;margin:0}
.escura .intro,.media .intro{color:#aaa69a}
.cabeca{display:grid;grid-template-columns:auto 1fr;gap:0 28px;align-items:start;margin-bottom:64px}
.cabeca .fio{width:56px;height:56px;margin-top:6px;flex:none}
.cabeca .fio svg{width:100%;height:100%;color:var(--ouro)}
.revela{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.1,1)}
.revela.visto{opacity:1;transform:none}

/* O Escritório */
.escritorio-grade{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start}
.escritorio-texto p{margin:0 0 20px;max-width:36em}
.escritorio-texto .frase{font-family:var(--display);font-size:25px;line-height:1.4;color:var(--tinta)}
.pilares{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--linha-clara)}
.pilares li{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--linha-clara)}
.pilares strong{font-family:var(--display);font-weight:400;font-size:21px}
.pilares span{color:var(--tinta-suave)}
.cartao-sede{background:var(--carvao);color:#e2dfd6;padding:40px 36px;position:relative}
.cartao-sede::before{content:"";position:absolute;inset:10px;border:1px solid var(--linha-escura);pointer-events:none}
.cartao-sede h3{font-family:var(--display);font-weight:400;font-size:26px;margin:0 0 18px;color:var(--ouro-claro)}
.cartao-sede p{margin:0 0 14px;color:#bdb9ad}
.cartao-sede .lk{color:#f1ede3;text-decoration:none;border-bottom:1px solid var(--linha-escura)}
.cartao-sede .lk:hover{border-color:var(--ouro)}
.citacao{margin:48px 0 0;padding:0 0 0 24px;border-left:2px solid var(--ouro);font-family:var(--display);font-size:22px;line-height:1.45;color:var(--tinta)}

/* Advogados */
.socio{display:grid;grid-template-columns:380px 1fr;gap:72px;align-items:center;margin-bottom:96px}
.medalha{position:relative;aspect-ratio:1;border-radius:50%;padding:10px;background:var(--ouro-metal)}
.medalha img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:6px solid var(--carvao)}
.medalha::after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid var(--linha-escura)}
.cargo{color:var(--ouro);font-size:15px;margin:0 0 6px}
.socio h3{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.4vw,44px);line-height:1.1;margin:0 0 20px;color:#f4f0e6}
.socio p{color:#b9b5a9;max-width:38em}
.marcos{list-style:none;padding:0;margin:26px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}
.marcos li{padding-left:18px;position:relative;font-size:15.5px;color:#cfcbbf;line-height:1.5}
.marcos li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border:1px solid var(--ouro);transform:rotate(45deg)}
.bt-perfil{display:inline-flex;align-items:center;gap:10px;background:none;border:0;border-bottom:1px solid var(--ouro);padding:6px 0;color:var(--ouro-claro);font:inherit;font-size:16px;cursor:pointer;transition:gap .3s}
.bt-perfil:hover{gap:16px}

.equipe-rotulo{font-family:var(--display);font-size:24px;color:#f1ede3;margin:0 0 28px;display:flex;align-items:center;gap:20px}
.equipe-rotulo::after{content:"";flex:1;height:1px;background:var(--linha-escura)}
.equipe{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}
.pessoa{background:none;border:0;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer}
/* moldura de selo postal, como o carimbo do logotipo */
.selo{--furo:5px;--passo:14px;padding:10px;background:#d9cfb6;
  -webkit-mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle var(--furo),#0000 97%,#000) calc(var(--passo)/-2) calc(var(--passo)/-2)/var(--passo) var(--passo) round;
          mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle var(--furo),#0000 97%,#000) calc(var(--passo)/-2) calc(var(--passo)/-2)/var(--passo) var(--passo) round;
  transition:transform .5s cubic-bezier(.2,.7,.1,1),background .5s;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}
.selo .foto{aspect-ratio:4/5;overflow:hidden;background:var(--carvao-3)}
.selo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.1,1)}
.pessoa:hover .selo,.pessoa:focus-visible .selo{transform:translateY(-6px) rotate(-1deg);background:var(--ouro-claro)}
.pessoa:hover img{transform:scale(1.04)}
.pessoa h4{font-family:var(--display);font-weight:400;font-size:23px;margin:22px 0 2px;color:#f1ede3}
.pessoa .cargo{margin:0}
.pessoa .mais{display:inline-block;margin-top:10px;font-size:14.5px;color:#a9a597;border-bottom:1px solid transparent;transition:.3s}
.pessoa:hover .mais{color:var(--ouro-claro);border-color:var(--ouro)}

.memoria{margin-top:110px;display:grid;grid-template-columns:200px 1fr;gap:44px;align-items:center;padding:44px;border:1px solid var(--linha-escura);position:relative;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))}
.memoria .selo{--furo:4px;--passo:12px;padding:8px;background:#8d877a;filter:none}
.memoria img{filter:grayscale(1) contrast(1.02)}
.memoria .rot{font-size:15px;color:#a9a597;margin:0 0 4px}
.memoria h3{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.2;margin:0 0 16px;color:#f1ede3}
.memoria p{margin:0;max-width:44em;color:#bdb9ad;font-family:var(--display);font-size:19px;line-height:1.6}
.memoria .ramo{position:absolute;right:28px;top:24px;width:40px;color:var(--ouro);opacity:.6}

/* Atuação */
.abas{display:flex;gap:0;border-bottom:1px solid var(--linha-clara);margin-bottom:48px;overflow-x:auto}
.aba{background:none;border:0;padding:16px 28px 18px;font-family:var(--display);font-size:22px;color:var(--tinta-suave);cursor:pointer;position:relative;white-space:nowrap;transition:color .3s}
.aba::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ouro-fundo);transform:scaleX(0);transition:transform .45s cubic-bezier(.2,.7,.1,1)}
.aba[aria-selected="true"]{color:var(--tinta)}
.aba[aria-selected="true"]::after{transform:scaleX(1)}
.painel{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--linha-clara);border-left:1px solid var(--linha-clara)}
.painel[hidden]{display:none}
.painel.entra .area{animation:sobe .6s both cubic-bezier(.2,.7,.1,1)}
.painel.entra .area:nth-child(2){animation-delay:.05s}.painel.entra .area:nth-child(3){animation-delay:.1s}
.painel.entra .area:nth-child(4){animation-delay:.15s}.painel.entra .area:nth-child(5){animation-delay:.2s}.painel.entra .area:nth-child(6){animation-delay:.25s}
@keyframes sobe{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.area{padding:36px 32px 40px;border-right:1px solid var(--linha-clara);border-bottom:1px solid var(--linha-clara);background:var(--papel);transition:background .4s}
.area:hover{background:#f7f6f3}
.area svg{width:34px;height:34px;color:var(--ouro-fundo);margin-bottom:22px}
.area h3{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.2;margin:0 0 10px}
.area p{margin:0;color:var(--tinta-suave);font-size:16px}
.atuacao-nota{margin:48px 0 0;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;padding:28px 32px;background:var(--carvao);color:#d8d4c9}
.atuacao-nota p{margin:0;max-width:44em}
.bt-ouro{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:var(--ouro);color:var(--carvao);text-decoration:none;font-weight:600;font-size:15.5px;border:0;cursor:pointer;font-family:var(--texto);transition:background .3s,transform .3s}
.bt-ouro:hover{background:var(--ouro-claro)}

/* Publicações */
.pubs{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha-clara)}
.pub{display:grid;grid-template-columns:110px 1fr 180px;gap:32px;align-items:baseline;padding:30px 0;border-bottom:1px solid var(--linha-clara);position:relative}
.pub::before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--ouro-fundo);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.pub:hover::before{transform:scaleX(1)}
.pub .tipo{font-size:14.5px;color:var(--ouro-fundo)}
.pub h3{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.25;margin:0 0 6px}
.pub h3 a{text-decoration:none}
.pub p{margin:0;color:var(--tinta-suave);font-size:16px;max-width:42em}
.pub .autor{font-size:15px;color:var(--tinta-suave);text-align:right}

/* Notícias */
.noticias{display:grid;grid-template-columns:1.4fr 1fr;gap:56px}
.destaque{display:block;text-decoration:none;color:inherit}
.capa{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--carvao)}
.capa .arte{position:absolute;inset:0;transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.destaque:hover .arte{transform:scale(1.05)}
.data{font-size:14.5px;color:var(--ouro-fundo);margin:22px 0 6px}
.destaque h3{font-family:var(--display);font-weight:400;font-size:30px;line-height:1.18;margin:0 0 12px}
.destaque p{margin:0;color:var(--tinta-suave)}
.destaque .data{margin:22px 0 6px;color:var(--ouro-fundo)}
.lista-not{list-style:none;margin:0;padding:0}
.lista-not li{border-bottom:1px solid var(--linha-clara)}
.lista-not li:first-child .data{margin-top:0}
.lista-not a{display:block;padding:0 0 24px;margin-bottom:24px;text-decoration:none}
.lista-not li:last-child{border:0}
.lista-not h3{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.25;margin:0;transition:color .3s}
.lista-not a:hover h3{color:var(--ouro-fundo)}

/* Vídeos */
.videos-cab{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:96px 0 32px}
.videos-cab h3{font-family:var(--display);font-weight:400;font-size:34px;margin:0}
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.video{background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}
.video .capa{aspect-ratio:16/9}
.play{position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;border:1px solid rgba(230,204,134,.7);display:grid;place-items:center;color:var(--ouro-claro);background:rgba(29,29,28,.45);backdrop-filter:blur(4px);transition:transform .4s,background .4s}
.play svg{width:20px;height:20px;margin-left:3px}
.video:hover .play{transform:scale(1.1);background:var(--ouro);color:var(--carvao)}
.video .dur{position:absolute;right:10px;bottom:10px;font-size:13px;background:rgba(0,0,0,.6);color:#eee;padding:2px 8px}
.video h4{font-family:var(--display);font-weight:400;font-size:21px;line-height:1.25;margin:16px 0 4px}
.video p{margin:0;font-size:15px;color:var(--tinta-suave)}
.arte-a{background:radial-gradient(70% 90% at 80% 20%,rgba(198,160,74,.45),transparent 60%),linear-gradient(160deg,#2b2a27,#151514)}
.arte-b{background:radial-gradient(60% 80% at 20% 80%,rgba(198,160,74,.38),transparent 60%),linear-gradient(200deg,#34322e,#191918)}
.arte-c{background:radial-gradient(80% 70% at 50% 0%,rgba(230,204,134,.32),transparent 60%),linear-gradient(180deg,#252422,#121211)}
.arte .marca-d{position:absolute;right:22px;bottom:20px;width:64px;opacity:.6}
.arte .padrao{position:absolute;inset:0;opacity:.09;color:var(--ouro-claro)}

/* Contato */
.contato-grade{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px}
.canais{list-style:none;margin:0 0 36px;padding:0}
.canais li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--linha-escura)}
.canais svg{width:24px;height:24px;color:var(--ouro);margin-top:3px}
.canais small{display:block;font-size:14px;color:#8f8b80}
.canais a,.canais span{color:#ece9e1;text-decoration:none;word-break:break-word}
.canais a:hover{color:var(--ouro-claro)}
.mapa{position:relative;aspect-ratio:16/10;border:1px solid var(--linha-escura);overflow:hidden;background:var(--carvao-2)}
.mapa iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) invert(.9) contrast(.85) sepia(.25)}
.form{background:var(--carvao-2);padding:44px 40px;border:1px solid var(--linha-escura)}
.form h3{font-family:var(--display);font-weight:400;font-size:28px;margin:0 0 8px;color:#f1ede3}
.form>p{margin:0 0 28px;color:#a9a597;font-size:16px}
.campo{position:relative;margin-bottom:22px}
.campo input,.campo textarea,.campo select{width:100%;background:transparent;border:0;border-bottom:1px solid #5a564d;color:#f1ede3;font:inherit;font-size:16.5px;padding:22px 0 10px;border-radius:0;transition:border-color .3s;-webkit-appearance:none;appearance:none}
.campo select option{background:var(--carvao-2)}
.campo textarea{min-height:110px;resize:vertical}
.campo label{position:absolute;left:0;top:22px;color:#8f8b80;pointer-events:none;transition:.25s}
.campo input:focus,.campo textarea:focus,.campo select:focus{outline:none;border-color:var(--ouro)}
.campo input:focus+label,.campo input:not(:placeholder-shown)+label,
.campo textarea:focus+label,.campo textarea:not(:placeholder-shown)+label,
.campo select+label{top:0;font-size:13px;color:var(--ouro)}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.form .aviso{font-size:13.5px;color:#8f8b80;margin:16px 0 0}

/* Rodapé */
.rodape{background:#161615;color:#9a968b;padding:64px 0 28px;font-size:15px}
.rodape-grade{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid var(--linha-escura)}
.rodape img{height:76px;width:auto;margin-bottom:18px}
.rodape h4{font-family:var(--display);font-weight:400;color:#e6e2d8;font-size:19px;margin:0 0 14px}
.rodape ul{list-style:none;margin:0;padding:0}
.rodape li{margin:6px 0}
.rodape a{text-decoration:none}
.rodape a:hover{color:var(--ouro-claro)}
.rodape-fim{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:14px}

/* Diálogos */
dialog{border:0;padding:0;max-width:min(920px,calc(100% - 32px));width:100%;background:var(--carvao-2);color:#e2dfd6;box-shadow:0 40px 120px rgba(0,0,0,.6)}
dialog::backdrop{background:rgba(10,10,9,.78);backdrop-filter:blur(3px)}
dialog[open]{animation:abre .45s cubic-bezier(.2,.7,.1,1)}
dialog[open]::backdrop{animation:esmaece .45s}
@keyframes abre{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes esmaece{from{opacity:0}to{opacity:1}}
.perfil{display:grid;grid-template-columns:280px 1fr;max-height:88vh}
.perfil-foto{background:var(--carvao)}
.perfil-foto img{width:100%;height:100%;object-fit:cover;max-height:88vh}
.perfil-texto{padding:44px 44px 40px;overflow:auto;max-height:88vh}
.perfil-texto h3{font-family:var(--display);font-weight:400;font-size:34px;line-height:1.1;margin:0 0 6px;color:#f4f0e6}
.perfil-texto h5{font-family:var(--display);font-weight:400;font-size:19px;color:var(--ouro-claro);margin:28px 0 10px}
.perfil-texto p{color:#bdb9ad;margin:0 0 14px}
.perfil-texto ul{margin:0;padding-left:20px;color:#cfcbbf}
.perfil-texto li{margin:5px 0}
.perfil-texto .lk{color:var(--ouro-claro)}
.fechar{position:absolute;top:12px;right:12px;width:42px;height:42px;border:1px solid var(--linha-escura);background:rgba(29,29,28,.85);color:var(--ouro-claro);font-size:22px;line-height:1;cursor:pointer;z-index:2;transition:background .3s}
.fechar:hover{background:var(--ouro);color:var(--carvao)}
.tela-video{aspect-ratio:16/9;background:#000;display:grid;place-items:center;color:#a9a597;text-align:center;padding:24px}
.tela-video iframe{width:100%;height:100%;border:0}

/* Responsivo */
@media (max-width:1060px){
  .menu-wrap{position:fixed;inset:0;background:var(--carvao);padding:calc(var(--cab) + 20px) 28px 40px;flex-direction:column;align-items:stretch;opacity:0;visibility:hidden;transform:translateY(-14px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.1,1),visibility 0s .5s;z-index:-1;overflow:auto}
  .menu-wrap.aberto{opacity:1;visibility:visible;transform:none;transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.1,1)}
  .bt-zap{align-self:flex-start}
  .menu{flex-direction:column;align-items:stretch;gap:0}
  .menu a{font-family:var(--display);font-size:26px;padding:12px 0;border-bottom:1px solid var(--linha-escura)}
  .menu>li>a::after{display:none}
  .menu .sub{position:static;opacity:1;visibility:visible;transform:none;background:none;border:0;padding:0 0 0 20px}
  .menu .sub a{font-size:20px}
  .bt-zap{margin:28px 0 0}
  .hamb{display:block}
  .abertura-corpo{grid-template-columns:1fr;padding-top:calc(var(--cab) + 50px)}
  .selo-hero{display:none}
  .controle{gap:10px}.ponto{flex:1;width:auto;min-width:0;font-size:13px}
  .escritorio-grade,.socio,.contato-grade,.noticias{grid-template-columns:1fr;gap:48px}
  .socio .medalha{max-width:300px}
  .painel{grid-template-columns:1fr 1fr}
  .pub{grid-template-columns:90px 1fr}
  .pub .autor{grid-column:2;text-align:left}
}
@media (max-width:720px){
  body{font-size:16.5px}
  .secao{padding:84px 0}
  .envolve{width:calc(100% - 36px)}
  .cabeca{grid-template-columns:1fr}
  .cabeca .fio{width:40px;height:40px;margin-bottom:14px}
  .portas{grid-template-columns:1fr}
  .pilares li{grid-template-columns:1fr;gap:4px}
  .marcos{grid-template-columns:1fr}
  .equipe,.videos,.painel{grid-template-columns:1fr}
  .equipe{max-width:380px}
  .memoria{grid-template-columns:1fr;padding:32px 24px}
  .memoria .selo{max-width:180px}
  .pub{grid-template-columns:1fr;gap:6px}
  .pub .autor{grid-column:auto}
  .duas{grid-template-columns:1fr}
  .form{padding:32px 22px}
  .rodape-grade{grid-template-columns:1fr}
  .perfil{grid-template-columns:1fr}
  .perfil-foto img{max-height:300px;object-position:top}
  .perfil-texto{padding:28px 22px}
  .perfil,.perfil-texto{max-height:none}
  dialog{max-height:90vh;overflow:auto}
  .videos-cab{flex-direction:column;align-items:start;margin-top:72px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .revela,.abertura .t .ln>span,.abertura .lead,.portas,.controle,.selo-hero img,.anel{opacity:1!important;transform:none!important}
  .trilho{width:auto;flex-wrap:wrap}.trilho ul[aria-hidden]{display:none}.trilho ul{flex-wrap:wrap}
  .grega-anim{clip-path:none}
}
.escritorio-grade>*,.contato-grade>*,.socio>*,.noticias>*{min-width:0}
.cartao-sede .lk,.canais a{overflow-wrap:anywhere}

/* ---------- Sistema (v1.0) ---------- */
.capa img.arte{width:100%;height:100%;object-fit:cover}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-botoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.bt-linha{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border:1px solid var(--ouro);color:var(--ouro-claro);text-decoration:none;font-size:15px;transition:background .3s,color .3s}
.bt-linha:hover{background:var(--ouro);color:var(--carvao)}
.bt-linha.escuro{color:var(--ouro-fundo)}
.bt-linha.escuro:hover{color:var(--carvao)}
.form .aviso.ok{color:#cfe6c9}
.form .aviso.erro{color:#f0b3a6}
.form.enviando .bt-ouro{opacity:.6;pointer-events:none}
.ver-todas{margin:28px 0 0}
.ver-todas a,.ver-todas-lk{color:var(--ouro-fundo);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;font-size:16px}
.lista-not .ver-todas-lk{display:inline-block;margin:0;padding:0 0 2px}
.vazio{color:var(--tinta-suave);font-size:17px}
.redes{display:flex;gap:16px}
/* páginas internas */
.interna .cab{background:rgba(29,29,28,.97)}
.pagina-topo{background:var(--carvao);color:#e2dfd6;padding:calc(var(--cab) + 64px) 0 64px;position:relative;overflow:hidden}
.pagina-topo::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 85% 20%,rgba(198,160,74,.14),transparent 70%);pointer-events:none}
.pagina-topo .envolve{position:relative;z-index:1}
.pagina-topo h1{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,58px);line-height:1.08;margin:0 0 16px;color:#f4f0e6;max-width:22em}
.pagina-topo p{color:#b9b5a9;max-width:42em;margin:0 0 10px;font-size:18px}
.migalha{font-size:14.5px!important;color:#8f8b80!important;margin-bottom:22px!important}
.migalha a{color:var(--ouro-claro);text-decoration:none}
.pagina-topo .data{color:var(--ouro)}
.linha-fina{font-size:20px!important;color:#cfcbbf!important}
.envolve.estreito{width:min(780px,100% - 48px)}
.artigo-corpo{padding-top:64px}
.artigo-capa{margin:0 0 40px}
.artigo-capa img{width:100%;height:auto}
.texto-rico{font-size:18.5px;line-height:1.8}
.texto-rico p{margin:0 0 1.2em}
.texto-rico h2{font-family:var(--display);font-weight:400;font-size:30px;line-height:1.2;margin:1.6em 0 .6em}
.texto-rico h3{font-family:var(--display);font-weight:400;font-size:24px;margin:1.4em 0 .5em}
.texto-rico blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:2px solid var(--ouro);font-family:var(--display);font-size:22px;line-height:1.5}
.texto-rico img{max-width:100%;height:auto;margin:1em 0}
.texto-rico a{color:var(--ouro-fundo)}
.texto-rico ul,.texto-rico ol{padding-left:1.3em;margin:0 0 1.2em}
.resumo-pub{font-family:var(--display);font-size:23px;line-height:1.5;margin:0 0 32px}
.anexos{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.compartilhar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:48px;padding-top:24px;border-top:1px solid var(--linha-clara);font-size:15px}
.compartilhar span{color:var(--tinta-suave)}
.compartilhar a,.compartilhar button{background:none;border:0;padding:0;font:inherit;color:var(--ouro-fundo);text-decoration:none;cursor:pointer;border-bottom:1px solid transparent}
.compartilhar a:hover,.compartilhar button:hover{border-color:currentColor}
.cartoes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}
.cartao{display:block;text-decoration:none;color:inherit}
.cartao .capa{aspect-ratio:16/10}
.cartao .arte{transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.cartao:hover .arte{transform:scale(1.05)}
.cartao .data{margin:18px 0 6px;font-size:14.5px;color:var(--ouro-fundo)}
.cartao h2{font-family:var(--display);font-weight:400;font-size:23px;line-height:1.25;margin:0 0 8px;transition:color .3s}
.cartao:hover h2{color:var(--ouro-fundo)}
.cartao p{margin:0;color:var(--tinta-suave);font-size:16px}
.busca{display:flex;gap:10px;max-width:520px;margin-top:28px}
.busca input{flex:1;background:transparent;border:0;border-bottom:1px solid #5a564d;color:#f1ede3;font:inherit;font-size:17px;padding:10px 0}
.busca input:focus{outline:none;border-color:var(--ouro)}
.paginacao{display:flex;gap:8px;margin-top:56px;flex-wrap:wrap}
.paginacao a{min-width:42px;padding:9px 12px;text-align:center;border:1px solid var(--linha-clara);text-decoration:none}
.paginacao a[aria-current]{background:var(--carvao);color:var(--ouro-claro);border-color:var(--carvao)}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.filtros a{padding:7px 16px;border:1px solid var(--linha-escura);color:#cfcbbf;text-decoration:none;font-size:15px}
.filtros a[aria-current]{background:var(--ouro);color:var(--carvao);border-color:var(--ouro)}
.pub .tipo small{color:var(--tinta-suave)}
@media (max-width:1060px){.cartoes{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.cartoes{grid-template-columns:1fr}.pagina-topo{padding:calc(var(--cab) + 40px) 0 44px}.texto-rico{font-size:17.5px}}