/* Pedro Bastos Advogados — folha de estilo única do site */
:root{
  --papel:#f5f0e8; --papel-2:#ece5d8; --tinta:#1f1b16; --tinta-2:#5c554b; --tinta-3:#8d857a;
  --linha:#d9d0c1; --cor:#b95233; --cor-escura:#96401f; --cor-clara:#e0a48c;
  --serif:'Fraunces',Georgia,'Times New Roman',serif; --sans:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--papel);color:var(--tinta);font-family:var(--sans);font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:var(--cor);color:#fff}
.miolo{max-width:1180px;margin:0 auto;padding:0 2rem}
.rotulo{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cor);font-weight:500}
.serif{font-family:var(--serif);font-weight:300}
em{font-style:italic}
#progresso{position:fixed;top:0;left:0;height:2px;width:0;background:var(--cor);z-index:50}

/* movimento */
.rev{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.rev.ok{opacity:1;transform:none}
@keyframes sobe{from{transform:translateY(110%)}to{transform:none}}
@keyframes surge{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes corre{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes gira{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* topo */
.topo{border-bottom:1px solid var(--linha);position:sticky;top:0;background:rgba(245,240,232,.94);backdrop-filter:blur(6px);z-index:20}
.topo .miolo{display:flex;align-items:center;justify-content:space-between;height:72px}
.marca{display:flex;align-items:center;gap:.8rem}
.marca svg{transition:transform .6s ease}
.marca:hover svg{transform:rotate(90deg)}
.marca b{font-weight:500;letter-spacing:.2em;text-transform:uppercase;font-size:.82rem;display:block;line-height:1.3}
.marca span{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cor);display:block}
.menu{display:flex;gap:2rem;align-items:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.menu a:not(.btn){position:relative;padding:.3rem 0}
.menu a:not(.btn)::after{content:'';position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--cor);transition:width .3s}
.menu a:not(.btn):hover{color:var(--tinta)}
.menu a:not(.btn):hover::after,.menu a.aqui::after{width:100%}
.menu a.aqui{color:var(--tinta)}
.menu .idioma{color:var(--tinta-3)}
.menu .idioma b{color:var(--tinta);font-weight:500}
.hamb{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.6rem;background:none;border:0}
.hamb span{width:24px;height:1.5px;background:var(--tinta);display:block}
.menu-mob{display:none;flex-direction:column;border-bottom:1px solid var(--linha);background:var(--papel);position:sticky;top:72px;z-index:19}
.menu-mob a{padding:1rem 2rem;border-top:1px solid var(--linha);font-family:var(--serif);font-size:1.15rem}
.menu-mob.aberto{display:flex}

.btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--cor);color:#fff;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:.95rem 1.7rem;transition:background .25s,transform .25s,color .25s;border:1px solid var(--cor);cursor:pointer;font-family:var(--sans)}
.btn:hover{background:var(--cor-escura);border-color:var(--cor-escura);transform:translateY(-2px)}
.btn.vazio{background:none;color:var(--tinta);border-color:var(--tinta)}
.btn.vazio:hover{background:var(--tinta);color:var(--papel)}
.btn.claro{background:var(--papel);color:var(--tinta);border-color:var(--papel)}
.btn.claro:hover{background:#fff}
.seta{display:inline-block;transition:transform .25s}
a:hover .seta{transform:translateX(5px)}

/* abertura (home) */
.abertura{padding:4.5rem 0 4rem;position:relative;overflow:hidden}
.abertura::before{content:'';position:absolute;right:-12%;top:-30%;width:62vw;height:62vw;max-width:900px;max-height:900px;background:url(hero-mapa-mundi.svg) center/contain no-repeat;opacity:.32;animation:gira 240s linear infinite;pointer-events:none}
.abertura .miolo{display:grid;grid-template-columns:1.45fr .95fr;gap:4rem;align-items:end;position:relative}
.abertura h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.3rem,4.9vw,4.2rem);line-height:1.06;letter-spacing:-.01em;margin:1.4rem 0 1.6rem}
.abertura h1 .linha{display:block;overflow:hidden;padding-bottom:.08em}
.abertura h1 .linha>span{display:block;animation:sobe .9s cubic-bezier(.2,.7,.2,1) both}
.abertura h1 .linha:nth-child(2)>span{animation-delay:.12s}
.abertura h1 .linha:nth-child(3)>span{animation-delay:.24s}
.abertura h1 em{color:var(--cor)}
.abertura .lead{font-size:1.08rem;color:var(--tinta-2);max-width:35rem;animation:surge .9s .45s both}
.abertura .lead strong{color:var(--tinta);font-weight:500}
.abertura .acoes{display:flex;gap:.9rem;margin-top:2.2rem;flex-wrap:wrap;animation:surge .9s .6s both}
.socios{display:grid;gap:1.6rem;animation:surge 1s .7s both}
.cartao-socio{border-top:1px solid var(--tinta);padding-top:1.2rem;display:grid;grid-template-columns:96px 1fr;gap:1.2rem;align-items:start}
.cartao-socio .foto{width:96px;height:118px;overflow:hidden;background:var(--papel-2)}
.cartao-socio img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .5s,transform .8s}
.cartao-socio:hover img{filter:grayscale(.2);transform:scale(1.05)}
.cartao-socio h2{font-family:var(--serif);font-weight:400;font-size:1.12rem;line-height:1.25}
.cartao-socio small{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3);margin:.35rem 0 .55rem}
.cartao-socio p{font-size:.86rem;color:var(--tinta-2);line-height:1.55}

/* fita de jurisdições */
.fita{border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);background:var(--papel-2);overflow:hidden;white-space:nowrap}
.fita-trilho{display:inline-flex;animation:corre 46s linear infinite}
.fita:hover .fita-trilho{animation-play-state:paused}
.fita span{font-family:var(--serif);font-style:italic;letter-spacing:.14em;color:var(--tinta-3);padding:1.05rem 0;font-size:.95rem}
.fita i{color:var(--cor);font-style:normal;font-size:.5rem;padding:0 2.6rem;align-self:center}

/* números */
.numeros{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--linha)}
.numeros div{padding:2.4rem 2rem;border-left:1px solid var(--linha)}
.numeros div:first-child{border-left:0}
.numeros b{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,4vw,3.2rem);color:var(--cor);display:block;line-height:1}
.numeros span{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3);display:block;margin-top:.9rem;max-width:16rem}

/* seções */
.secao{padding:5rem 0;border-bottom:1px solid var(--linha)}
.cab{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.6rem}
.cab h2,.titulo{font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;margin-top:.8rem}
.cab h2 em,.titulo em{color:var(--cor)}
.cab p{max-width:26rem;color:var(--tinta-2);font-size:.95rem}

/* cabeçalho de página interna */
.pagina-topo{padding:4.5rem 0 3.5rem;border-bottom:1px solid var(--linha);position:relative;overflow:hidden}
.pagina-topo::before{content:'';position:absolute;top:-60%;right:-10%;width:48vw;height:48vw;border-radius:50%;background:radial-gradient(circle,rgba(185,82,51,.1) 0%,transparent 65%);pointer-events:none}
.pagina-topo h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1.08;margin:1.2rem 0 1.2rem;animation:surge .8s both}
.pagina-topo h1 em{color:var(--cor)}
.pagina-topo p{color:var(--tinta-2);max-width:36rem;font-size:1.05rem;animation:surge .8s .15s both}

/* situações */
.situacoes{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--tinta)}
.sit{padding:2rem 2rem 2rem 0;border-bottom:1px solid var(--linha);display:grid;grid-template-columns:3rem 1fr;gap:.4rem 1rem;transition:background .25s,padding .25s;align-content:start}
.sit:nth-child(odd){border-right:1px solid var(--linha)}
.sit:nth-child(even){padding-left:2rem}
.sit:hover{background:var(--papel-2);padding-left:1.2rem}
.sit:nth-child(even):hover{padding-left:2.6rem}
.sit i{font-family:var(--serif);font-style:italic;color:var(--cor);font-size:1.05rem;padding-top:.25rem}
.sit h3{font-family:var(--serif);font-weight:400;font-size:1.35rem;line-height:1.25}
.sit p{grid-column:2;color:var(--tinta-2);font-size:.93rem}
.sit .tags{grid-column:2;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3);margin-top:.5rem}
.sit .ir{grid-column:2;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cor);margin-top:.7rem}

/* faixa escura (empresas) */
.escura{background:var(--tinta);color:var(--papel);padding:4.5rem 0}
.escura .duas{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}
.escura .rotulo{color:var(--cor-clara)}
.escura h2{font-family:var(--serif);font-weight:300;font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.18;margin:.9rem 0 1rem}
.escura h2 em{color:var(--cor-clara)}
.escura p{color:#c9c1b4;font-size:.95rem;max-width:28rem}
.escura ul{list-style:none;border-top:1px solid #4a433a}
.escura li{border-bottom:1px solid #4a433a;padding:1rem 0;display:grid;grid-template-columns:11rem 1fr;gap:1rem;font-size:.92rem}
.escura li b{font-weight:500}
.escura li span{color:#c9c1b4}
.escura .btn{margin-top:1.8rem}
.escura .leituras a{border-color:#4a433a;color:#e9e2d5}
.escura .leituras a:hover{color:var(--cor-clara)}

/* publicações na home */
.pub{display:grid;grid-template-columns:1.25fr 1fr;gap:3.5rem}
.slider{position:relative}
.slides{display:grid}
.slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.slide.ativo{opacity:1;visibility:visible}
.slide .img{overflow:hidden;aspect-ratio:16/10;background:var(--papel-2)}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s ease-out}
.slide.ativo img{transform:scale(1)}
.slide .rotulo{display:block;margin:1.3rem 0 .6rem}
.slide h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.18;transition:color .25s}
.slide:hover h3{color:var(--cor)}
.slide p{color:var(--tinta-2);margin-top:.8rem;max-width:34rem}
time{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3);display:block;margin-top:.9rem}
.pontos{display:flex;gap:.5rem;margin-top:1.4rem;align-items:center}
.pontos button{width:34px;height:2px;background:var(--linha);border:0;cursor:pointer;padding:0;position:relative;overflow:hidden}
.pontos button::after{content:'';position:absolute;inset:0;background:var(--cor);transform:scaleX(0);transform-origin:left}
.pontos button.ativo::after{transform:scaleX(1);transition:transform 6s linear}
.pontos .nav{margin-left:auto;display:flex;gap:.4rem}
.pontos .nav button{width:34px;height:34px;background:none;border:1px solid var(--linha);color:var(--tinta-2);font-size:.9rem;transition:border-color .2s,color .2s}
.pontos .nav button::after{display:none}
.pontos .nav button:hover{border-color:var(--cor);color:var(--cor)}
.legenda{font-size:.8rem;color:var(--tinta-2);margin-top:1rem;font-style:italic;font-family:var(--serif)}
.lista{border-top:1px solid var(--tinta)}
.item{display:grid;grid-template-columns:1fr 96px;gap:1.2rem;padding:1.3rem 0;border-bottom:1px solid var(--linha);align-items:start}
.item .mini{width:96px;height:72px;overflow:hidden}
.item img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.item:hover img{transform:scale(1.08)}
.item .rotulo{font-size:.62rem}
.item h4{font-family:var(--serif);font-weight:400;font-size:1.1rem;line-height:1.28;margin-top:.35rem;transition:color .25s}
.item:hover h4{color:var(--cor)}
.series{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.series a,.series button{border:1px solid var(--linha);padding:.5rem .95rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2);background:none;cursor:pointer;font-family:var(--sans);transition:border-color .2s,color .2s,background .2s}
.series a:hover,.series button:hover{border-color:var(--cor);color:var(--cor)}
.series button.ativo{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}

/* passos e grades de itens */
.passos{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--tinta)}
.passo{padding:1.8rem 2rem 0 0}
.passo+.passo{padding-left:2rem;border-left:1px solid var(--linha)}
.passo b{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--cor);font-size:1.5rem}
.passo h3{font-family:var(--serif);font-weight:400;font-size:1.2rem;margin:.5rem 0}
.passo p{color:var(--tinta-2);font-size:.93rem}
.grade{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--tinta);border-left:1px solid var(--linha)}
.grade.tres{grid-template-columns:repeat(3,1fr)}
.grade.quatro{grid-template-columns:repeat(4,1fr)}
.grade>div{padding:1.7rem 1.8rem;border-right:1px solid var(--linha);border-bottom:1px solid var(--linha);transition:background .25s}
.grade>div:hover{background:var(--papel-2)}
.grade b.n{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--cor);font-size:1.3rem;display:block;margin-bottom:.4rem}
.grade h3{font-family:var(--serif);font-weight:400;font-size:1.12rem;line-height:1.3;margin-bottom:.45rem}
.grade p{color:var(--tinta-2);font-size:.9rem}

/* blocos de situação (página de atuação) */
.bloco{padding:5rem 0;border-bottom:1px solid var(--linha);scroll-margin-top:72px}
.bloco-topo{display:grid;grid-template-columns:4rem 1fr;gap:1rem;margin-bottom:2.4rem}
.bloco-topo .num{font-family:var(--serif);font-style:italic;color:var(--cor);font-size:1.3rem;padding-top:.6rem}
.bloco-topo h2{font-family:var(--serif);font-weight:300;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.12}
.bloco-topo h2 em{color:var(--cor)}
.bloco-topo p{color:var(--tinta-2);max-width:40rem;margin-top:1rem}
.bloco-baixo{display:grid;grid-template-columns:1.2fr 1fr;gap:3.5rem;margin-top:2.6rem;align-items:start}
.leituras .rotulo{display:block;margin-bottom:.8rem}
.leituras a{display:block;border-bottom:1px solid var(--linha);padding:.7rem 0;font-family:var(--serif);font-size:1.02rem;transition:color .2s,padding .2s}
.leituras a:hover{color:var(--cor);padding-left:.5rem}
.ancora{position:relative;top:-80px;display:block;height:0}
.indice{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}

/* perguntas */
.faq details{border-bottom:1px solid var(--linha);padding:1.1rem 0}
.faq details:first-of-type{border-top:1px solid var(--tinta)}
.faq summary{font-family:var(--serif);font-size:1.1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--cor)}
.faq summary::after{content:'+';color:var(--cor);font-family:var(--sans);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--tinta-2);font-size:.95rem;margin-top:.7rem;max-width:44rem;animation:surge .4s both}
.faq-duas{display:grid;grid-template-columns:1fr 1fr;gap:0 3.5rem}

/* chamada final / contato */
.chamada{padding:5rem 0}
.chamada .duas{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}
.chamada h2{font-family:var(--serif);font-weight:300;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.1;margin:.9rem 0 1.2rem}
.chamada h2 em{color:var(--cor)}
.chamada p{color:var(--tinta-2);max-width:32rem}
dl.dados{border-top:1px solid var(--tinta)}
dl.dados div{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.95rem 0;border-bottom:1px solid var(--linha);font-size:.93rem}
dl.dados dt{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3);padding-top:.2rem}
dl.dados a:hover{color:var(--cor)}

/* equipe (sobre) */
.duas-col{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:start}
.texto p{color:var(--tinta-2);margin-bottom:1.1rem}
.texto b,.texto strong{color:var(--tinta);font-weight:500}
.equipe{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--tinta)}
.pessoa{padding:2rem 2rem 2rem 0;display:grid;grid-template-columns:150px 1fr;gap:1.6rem}
.pessoa+.pessoa{padding-left:2rem;border-left:1px solid var(--linha)}
.pessoa .foto{width:150px;height:190px;overflow:hidden;background:var(--papel-2)}
.pessoa img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .5s,transform .8s}
.pessoa:hover img{filter:grayscale(.15);transform:scale(1.04)}
.pessoa h3{font-family:var(--serif);font-weight:400;font-size:1.35rem;line-height:1.2}
.pessoa small{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cor);margin:.4rem 0 .2rem}
.pessoa .area{font-size:.78rem;color:var(--tinta-3);margin-bottom:.8rem}
.pessoa p{font-size:.92rem;color:var(--tinta-2);margin-bottom:.6rem}
.pessoa .li{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cor)}
.bastidores .slide .img{aspect-ratio:16/9;background:var(--tinta)}
.bastidores .slide img{object-fit:contain}
.bastidores{max-width:860px}

/* blog */
.cartoes{display:grid;grid-template-columns:repeat(3,1fr);gap:2.6rem 2.2rem}
.cartao{display:block}
.cartao[hidden]{display:none}
.cartao .img{aspect-ratio:16/10;overflow:hidden;background:var(--papel-2)}
.cartao img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.cartao:hover img{transform:scale(1.06)}
.cartao .rotulo{display:block;margin:1rem 0 .4rem;font-size:.62rem}
.cartao h3{font-family:var(--serif);font-weight:400;font-size:1.22rem;line-height:1.25;transition:color .25s}
.cartao:hover h3{color:var(--cor)}
.cartao p{color:var(--tinta-2);font-size:.88rem;margin-top:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* artigo */
.post-hero{padding:4.5rem 2rem 3rem;border-bottom:1px solid var(--linha);position:relative;overflow:hidden}
.post-hero::before{content:'';position:absolute;top:-40%;right:-10%;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,rgba(185,82,51,.1) 0%,transparent 65%);pointer-events:none}
.post-hero .miolo,.rel .miolo{max-width:800px;padding:0;position:relative}
.post-hero .rotulo{display:block;margin-bottom:1.2rem}
.post-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(1.9rem,4.4vw,3.3rem);line-height:1.13;animation:surge .8s both}
.post-meta{margin-top:1.6rem;display:flex;gap:1.8rem;flex-wrap:wrap;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3)}
.capa{max-width:800px;margin:3rem auto 0;padding:0 2rem}
.capa img{width:100%;max-height:440px;object-fit:cover}
.artigo{max-width:800px;margin:0 auto;padding:2.6rem 2rem 4rem}
.artigo p{margin:1.15rem 0;font-size:1.04rem;line-height:1.9;color:#443d34}
.artigo strong{color:var(--tinta);font-weight:500}
.artigo a{color:var(--cor);border-bottom:1px solid var(--cor-clara)}
.artigo h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.45rem,2.8vw,1.9rem);line-height:1.25;margin:2.8rem 0 1rem}
.artigo h3{font-family:var(--serif);font-weight:500;font-size:1.2rem;margin:2rem 0 .6rem}
.artigo h4{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cor);margin:1.6rem 0 .5rem;font-weight:500}
.artigo ul,.artigo ol{margin:1.2rem 0 1.2rem 1.3rem;color:#443d34;line-height:1.85}
.artigo li{margin:.45rem 0;padding-left:.3rem}
.artigo li::marker{color:var(--cor)}
.artigo blockquote{border-left:3px solid var(--cor);margin:2.2rem 0;padding:.4rem 0 .4rem 1.6rem;font-family:var(--serif);font-style:italic;font-size:1.28rem;line-height:1.5;color:var(--tinta)}
.alerta-box,.esquema-box,.checklist{border:1px solid var(--linha);background:var(--papel-2);padding:1.5rem 1.7rem;margin:2rem 0}
.alerta-box{border-left:3px solid var(--cor)}
.alerta-box p,.esquema-box p,.checklist p{margin:.5rem 0}
.esquema-titulo{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cor);font-weight:500;margin-bottom:.6rem}
.autor-bio{max-width:800px;margin:0 auto;padding:0 2rem}
.autor-bio-card{display:flex;gap:1.4rem;align-items:flex-start;border-top:1px solid var(--tinta);padding-top:2rem}
.autor-bio-foto{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;filter:grayscale(1)}
.autor-bio-nome{font-family:var(--serif);font-size:1.08rem;font-weight:500;margin-bottom:.2rem}
.autor-bio-cargo{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cor);margin-bottom:.6rem}
.autor-bio-desc{font-size:.88rem;color:var(--tinta-2);line-height:1.7}
.post-cta{margin-top:4rem;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);background:var(--papel-2);text-align:center;padding:4.5rem 2rem}
.post-cta h2{font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.15}
.post-cta h2 em{color:var(--cor)}
.post-cta p{margin:1.2rem auto 2rem;max-width:48ch;color:var(--tinta-2)}
.btn-cor{display:inline-flex;background:var(--cor);color:#fff;font-size:.74rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:.95rem 1.7rem;transition:background .25s,transform .25s}
.btn-cor:hover{background:var(--cor-escura);transform:translateY(-2px)}
.rel{padding:3.5rem 2rem}
.rel .miolo{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--tinta)}
.rel a{padding:1.6rem 1.6rem 1.6rem 0;border-bottom:1px solid var(--linha);transition:background .25s,padding .25s}
.rel a+a{padding-left:1.6rem;border-left:1px solid var(--linha)}
.rel a:hover{background:var(--papel-2);padding-left:1rem}
.rel b{display:block;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cor);font-weight:500;margin-bottom:.6rem}
.rel span{font-family:var(--serif);font-size:1.1rem;line-height:1.35}
.legal{max-width:800px;margin:0 auto;padding:3rem 2rem 5rem}
.legal h2{font-family:var(--serif);font-weight:400;font-size:1.4rem;margin:2.4rem 0 .8rem}
.legal p,.legal li{color:#443d34;line-height:1.85;margin:.8rem 0}
.legal ul{margin-left:1.3rem}
.legal a{color:var(--cor)}

/* formulário */
.contato-grade{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:start}
.form-caixa{border:1px solid var(--linha);background:#faf6ef;padding:2.2rem}
.form-caixa h2{font-family:var(--serif);font-weight:400;font-size:1.5rem}
#cf>p{color:var(--tinta-2);font-size:.9rem;margin:.3rem 0 1.6rem}
.wz{display:flex;gap:.5rem;margin-bottom:1.8rem}
.wz-p{flex:1;border-top:2px solid var(--linha);padding-top:.6rem;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3);transition:border-color .3s,color .3s}
.wz-p i{font-family:var(--serif);font-style:italic;margin-right:.4rem;text-transform:none}
.wz-p.ativo,.wz-p.feito{border-color:var(--cor);color:var(--tinta)}
.fstep{display:none}
.fstep.ativa{display:block;animation:surge .45s both}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.campo.full{grid-column:1/-1}
.campo label{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:.4rem}
.campo input,.campo select,.campo textarea{width:100%;border:1px solid var(--linha);background:var(--papel);padding:.85rem .9rem;font:inherit;font-size:.95rem;color:var(--tinta);border-radius:0;transition:border-color .2s}
.campo textarea{min-height:140px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--cor)}
.form-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.6rem}
.form-nota{font-size:.78rem;color:var(--tinta-3);margin-top:1.2rem}
.form-nota a{color:var(--cor)}
.sucesso{display:none;text-align:center;padding:2rem 0}
.sucesso.s{display:block}
.sucesso h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-bottom:.8rem}
.sucesso p{color:var(--tinta-2)}
.mapa{margin-top:2rem;border:1px solid var(--linha)}
.mapa iframe{display:block;width:100%;height:320px;border:0;filter:grayscale(.6) sepia(.12)}
.mapa a{display:block;padding:.8rem 1rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cor);border-top:1px solid var(--linha)}
.sigilo{border-left:3px solid var(--cor);background:var(--papel-2);padding:1.1rem 1.3rem;font-size:.88rem;color:var(--tinta-2);margin-top:1.6rem}
.sigilo b{color:var(--tinta);font-weight:500}

/* rodapé */
.rodape{border-top:1px solid var(--linha);padding:3.5rem 0 1.6rem;font-size:.88rem;color:var(--tinta-2)}
.rodape .colunas{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;padding-bottom:2.5rem}
.rodape h4{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cor);font-weight:500;margin-bottom:1rem}
.rodape .colunas a{display:block;padding:.2rem 0;transition:color .2s}
.rodape a:hover{color:var(--cor)}
.rodape .sobre-m{max-width:20rem;margin-top:1rem;font-size:.85rem}
.rodape .base{border-top:1px solid var(--linha);padding-top:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.74rem;color:var(--tinta-3)}
.rodape .base a{margin-left:1.2rem}
.zap{position:fixed;bottom:26px;right:26px;z-index:40;width:54px;height:54px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.28);transition:transform .25s}
.zap:hover{transform:scale(1.08)}

@media (max-width:980px){
  .menu a:not(.btn){display:none}
  .hamb{display:flex}
  .cartoes{grid-template-columns:repeat(2,1fr)}
  .grade.quatro{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .miolo{padding:0 1.3rem}
  .menu .btn{display:none}
  .abertura{padding:2.6rem 0 3rem}
  .abertura .miolo,.escura .duas,.pub,.chamada .duas,.duas-col,.bloco-baixo,.contato-grade,.faq-duas{grid-template-columns:1fr;gap:2.4rem}
  .faq-duas{gap:0}
  .faq-duas .faq+.faq details:first-of-type{border-top:0}
  .cab{display:block}.cab p{margin-top:1rem}
  .situacoes,.passos,.grade,.grade.tres,.equipe{grid-template-columns:1fr}
  .sit,.sit:nth-child(even){padding:1.6rem 0;border-right:0}
  .sit:hover,.sit:nth-child(even):hover{padding-left:.6rem}
  .passo,.passo+.passo{padding:1.5rem 0;border-left:0;border-bottom:1px solid var(--linha)}
  .numeros{grid-template-columns:1fr 1fr}
  .numeros div{padding:1.6rem 1.3rem}
  .numeros div:nth-child(3){border-left:0}
  .numeros div:nth-child(n+3){border-top:1px solid var(--linha)}
  .escura li{grid-template-columns:1fr;gap:.2rem}
  .secao,.bloco,.chamada{padding:3.5rem 0}
  .bloco-topo{grid-template-columns:1fr}
  .pessoa,.pessoa+.pessoa{padding:1.6rem 0;border-left:0;grid-template-columns:110px 1fr;gap:1.1rem;border-bottom:1px solid var(--linha)}
  .pessoa .foto{width:110px;height:140px}
  .rodape .colunas{grid-template-columns:1fr 1fr}
  .rel .miolo{grid-template-columns:1fr}
  .rel a+a{padding-left:0;border-left:0}
  .campos{grid-template-columns:1fr}
  .form-caixa{padding:1.5rem}
  .post-hero{padding:3rem 1.3rem 2.4rem}
  .capa,.artigo,.autor-bio,.legal{padding-left:1.3rem;padding-right:1.3rem}
  .autor-bio-card{flex-direction:column}
}
@media (max-width:560px){
  .cartoes{grid-template-columns:1fr}
  .grade.quatro{grid-template-columns:1fr}
  .rodape .colunas{grid-template-columns:1fr}
  .cartao-socio{grid-template-columns:80px 1fr}
  .cartao-socio .foto{width:80px;height:100px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rev{opacity:1;transform:none}
}