/* Visual baseado no tema AttorCO usado no site anterior: Prata + Montserrat, grafite e dourado */
:root{
  --carvao:#313538;
  --grafite:#42474C;
  --ouro:#CDBA6D;
  --ouro-claro:#CEB994;
  --texto:#666666;
  --titulo:#42474C;
  --linha:#E3E3E3;
  --branco:#FFFFFF;
  --serif:"Prata",Georgia,"Times New Roman",serif;
  --sans:"Montserrat","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:var(--sans);font-size:15px;line-height:1.75;color:var(--texto);background:var(--branco)}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.wrap{width:min(1170px,100% - 2.5rem);margin-inline:auto}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--titulo);line-height:1.25}
h2{font-size:clamp(2rem,4.5vw,2.6rem)}
.titulo-sec::after{content:"";display:block;width:110px;height:2px;background:var(--ouro);margin:1.1rem 0 1.8rem}
.rotulo{display:block;font-size:.82rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--ouro);margin-bottom:.6rem}
svg.ico{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Cabeçalho sobre a foto */
header{position:absolute;top:0;left:0;right:0;z-index:20}
.topo{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0}
.topo img{height:78px;width:auto}
nav ul{list-style:none;display:flex;gap:2.2rem}
nav a{text-decoration:none;color:var(--branco);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.3rem 0;border-bottom:2px solid transparent}
nav a:hover{color:var(--ouro-claro)}
.menu-btn{display:none;background:none;border:0;color:var(--branco);cursor:pointer;padding:.4rem}
.menu-btn span{display:block;width:30px;height:2px;background:currentColor;margin:7px 0}
@media (max-width:900px){
  .menu-btn{display:block}
  nav{position:absolute;top:100%;left:0;right:0;background:var(--carvao);display:none}
  nav.aberto{display:block}
  nav ul{flex-direction:column;gap:0;padding:.5rem 1.25rem 1.25rem}
  nav a{display:block;padding:.9rem 0;border-bottom:1px solid #4a4f54}
  .topo img{height:58px}
}

/* Barra superior */
.barra-topo{background:var(--grafite);color:var(--branco);font-size:.9rem}
.barra-topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:58px}
.barra-contatos{display:flex;flex-wrap:wrap;gap:.4rem 2.2rem}
.barra-contatos a{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:#E6E6E3}
.barra-contatos a:hover{color:var(--ouro-claro)}
.barra-contatos b{font-weight:600;color:var(--branco)}
.barra-contatos svg{width:18px;height:18px;color:var(--ouro-claro)}
.barra-redes{display:flex;gap:.7rem}
.barra-redes a{color:var(--branco);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35);transition:background .2s,border-color .2s,color .2s}
.barra-redes a:hover{background:var(--ouro);border-color:var(--ouro);color:var(--carvao)}
.barra-redes svg{width:20px;height:20px;fill:currentColor}
@media (max-width:760px){.barra-email{display:none!important}.barra-topo{font-size:.82rem}.barra-topo .wrap{min-height:46px}}

/* Abertura com foto de fundo */
.abertura{position:relative;color:var(--branco);background:var(--carvao) center/cover no-repeat;padding:clamp(11rem,22vw,15rem) 0 clamp(11rem,18vw,13rem)}
.slides{position:absolute;inset:0;overflow:hidden}
.slide{position:absolute;inset:0;background:center/cover no-repeat;opacity:0}
.abertura::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(40,43,46,.82) 0%,rgba(40,43,46,.55) 60%,rgba(40,43,46,.35) 100%)}
.abertura .wrap{position:relative;z-index:2}
.chamada{display:flex;align-items:center;gap:1.2rem;font-size:.85rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.6rem}
.chamada::before{content:"";width:110px;height:1px;background:rgba(255,255,255,.75)}
.abertura h1{color:var(--branco);font-size:clamp(2.7rem,7vw,4.6rem);max-width:13ch;line-height:1.15}
.abertura p{margin-top:1.4rem;max-width:52ch;color:rgba(255,255,255,.85);font-size:1rem}

/* Áreas em destaque (bloco dourado sobre a foto) */
.destaques{position:relative;z-index:2;margin-top:-7.5rem}
.destaques .bloco{background:var(--ouro);color:var(--branco);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.destaque{padding:3.2rem 2.6rem}
.destaque+.destaque{border-left:1px solid rgba(255,255,255,.35)}
.destaque svg{width:64px;height:64px;color:var(--branco);margin-bottom:1.4rem}
.destaque h3{color:var(--branco);font-size:1.75rem}
.destaque h3::after{content:"";display:block;width:110px;height:1px;background:rgba(255,255,255,.7);margin:1rem 0 1.3rem}
.destaque p{color:rgba(255,255,255,.95)}
@media (max-width:640px){.destaque+.destaque{border-left:0}.destaque{padding:2.6rem 1.8rem}}

/* Demais áreas */
.areas{padding:clamp(4rem,8vw,6rem) 0 clamp(3rem,6vw,4.5rem)}
.lista-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3.2rem 2.6rem}
.area svg{width:60px;height:60px;color:var(--ouro);margin-bottom:1.2rem}
.area h3{font-size:1.65rem}
.area h3::after{content:"";display:block;width:110px;height:1px;background:var(--linha);margin:1rem 0 1.2rem}

/* Apresentação */
.sobre{padding:clamp(3rem,7vw,5rem) 0}
.sobre .grade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5rem);align-items:start}
.sobre figure img{width:100%;height:auto}
.sobre p+p{margin-top:1.1rem}
.sobre h2{font-size:clamp(2.2rem,5vw,3rem)}
.marcadores{list-style:none;margin-top:2rem;columns:2;column-gap:2rem}
.marcadores li{position:relative;padding-left:1.6rem;margin-bottom:.55rem;break-inside:avoid}
.marcadores li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;border-radius:50%;background:#555}
@media (max-width:900px){.sobre .grade{grid-template-columns:1fr}}
@media (max-width:480px){.marcadores{columns:1}}

/* Experiência e dúvidas */
.numeros{padding:0 0 clamp(3.5rem,7vw,5rem)}
.numeros .wrap{display:flex;flex-wrap:wrap;gap:2.5rem 5rem;align-items:center;border-top:1px solid var(--linha);padding-top:3rem}
.exp{display:flex;align-items:center;gap:1.5rem}
.exp svg{width:70px;height:70px;color:var(--ouro);flex:none}
.exp strong{display:block;font-family:var(--serif);font-weight:400;font-size:2.6rem;color:var(--titulo);line-height:1.1}
.duvidas h3{font-size:2.2rem;margin-bottom:.4rem}
.duvidas a{display:block;text-decoration:none;font-size:1.05rem}
.duvidas a:hover{color:var(--ouro)}

/* Equipe */
.equipe{background:linear-gradient(var(--grafite) 0,var(--grafite) 30rem,var(--branco) 30rem);padding:clamp(4rem,8vw,6rem) 0 clamp(3rem,6vw,5rem)}
.equipe h2{color:var(--branco)}
.equipe .intro{color:rgba(255,255,255,.82);font-size:1.05rem;max-width:72ch;min-height:6rem}
.membros{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:2.4rem;margin-top:2.5rem}
.foto{aspect-ratio:3/4;background:var(--carvao);display:grid;place-items:center;font-family:var(--serif);font-size:3.5rem;color:var(--ouro);overflow:hidden}
.foto img{width:100%;height:100%;object-fit:cover}
.membro .info{padding:1.8rem 1.6rem 0}
.membro h3{color:var(--ouro-claro);font-size:1.6rem}
.membro .oab{font-family:var(--serif);color:var(--ouro-claro);font-size:1.35rem;margin-top:.2rem}
.membro .cargo{display:block;font-size:.8rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--ouro);margin-top:.6rem;padding-bottom:1.4rem;border-bottom:1px solid var(--linha)}

/* Rodapé */
footer{background:var(--carvao);color:#B9BBB8;padding:clamp(3.5rem,7vw,5rem) 0 0}
.rodape{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem}
.rodape .logo img{width:min(420px,100%)}
.contatos{list-style:none;margin-top:2.2rem}
.contatos li{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.4rem}
.contatos .circ{flex:none;width:52px;height:52px;border-radius:50%;background:var(--branco);display:grid;place-items:center;color:var(--carvao)}
.contatos .circ svg{width:24px;height:24px}
.contatos a{text-decoration:none}
.contatos a:hover{color:var(--branco)}
.rodape h2{color:var(--branco);font-size:2rem}
.rodape h2::after{content:"";display:block;width:110px;height:2px;background:var(--ouro);margin:1rem 0 1.6rem}
.mapa-site{list-style:none}
.mapa-site a{display:flex;gap:1.4rem;align-items:center;text-decoration:none;font-size:1.05rem;padding:.65rem 0;color:#D8D9D6}
.mapa-site a::before{content:"›";font-size:1.4rem;line-height:1}
.mapa-site a:hover{color:var(--ouro)}
.mapa{width:100%;aspect-ratio:16/7;border:0;margin-top:3rem;filter:grayscale(.6)}
.final{border-top:1px solid #43484D;margin-top:3rem;padding:1.4rem 0;font-size:.82rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem}
@media (max-width:900px){.rodape{grid-template-columns:1fr}.mapa{aspect-ratio:4/3}}

/* WhatsApp flutuante */
.zap{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;align-items:center;gap:.8rem;text-decoration:none}
.zap .balao{background:#F5F6F7;color:#333;font-size:.9rem;padding:.7rem 1rem;border-radius:4px;box-shadow:0 3px 12px rgba(0,0,0,.15);line-height:1.35}
.zap .balao b{font-weight:700}
.zap .btn-zap{width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.zap .btn-zap svg{width:32px;height:32px;fill:#fff}
@media (max-width:480px){.zap .balao{display:none}}
@media (max-width:600px){.chamada{gap:.8rem;letter-spacing:.2em;font-size:.75rem}.chamada::before{width:40px}}

/* Entrada do texto do topo, da esquerda para a direita (uma vez, ao abrir a página) */
.abertura h1 .linha{display:block}
@keyframes entra{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
.chamada,.abertura h1 .linha,.abertura .wrap>p{animation:entra .9s cubic-bezier(.2,.7,.2,1) both}
.chamada{animation-delay:.1s}
.abertura h1 .linha:nth-child(1){animation-delay:.35s}
.abertura h1 .linha:nth-child(2){animation-delay:.6s}
.abertura h1 .linha:nth-child(3){animation-delay:.85s}
.abertura .wrap>p{animation-delay:.95s}
@media (prefers-reduced-motion:reduce){.chamada,.abertura h1 .linha,.abertura .wrap>p{animation:none}}

/* Equipe: link para o perfil e redes de cada profissional */
.membro-link{display:block;overflow:hidden;text-decoration:none}
.membro-link img{transition:transform .5s}
.membro-link:hover img{transform:scale(1.04)}
.membro h3 a{text-decoration:none;color:inherit}
.membro h3 a:hover{color:var(--ouro)}
.redes-membro{display:flex;gap:.7rem;margin-top:1.3rem}
.redes-membro a{width:46px;height:46px;display:grid;place-items:center;background:var(--ouro);color:var(--branco);transition:background .2s}
.redes-membro a:hover{background:var(--grafite)}
.redes-membro svg{width:20px;height:20px;fill:currentColor}

/* Página individual */
body.interna header{position:relative;background:var(--carvao)}
.perfil{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3.5rem,7vw,5.5rem)}
.voltar{display:inline-block;text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro-escuro,#9C8A3E);margin-bottom:2rem}
.voltar:hover{color:var(--titulo)}
.perfil-grade{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.perfil h1{font-size:clamp(2.2rem,5vw,3rem);color:var(--titulo)}
.perfil .oab{font-family:var(--serif);font-size:1.6rem;color:var(--titulo);margin-top:.3rem}
.perfil .cargo{display:block;font-family:var(--serif);font-size:1.35rem;color:#9a9a9a;margin:1.6rem 0 0;padding-bottom:1.6rem;border-bottom:1px solid var(--linha)}
.perfil-texto>p{margin-top:1.4rem}
.perfil h2{font-family:var(--sans);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#555;margin:2rem 0 .8rem}
.perfil-texto ul{padding-left:1.4rem}
.perfil-texto li{margin-bottom:.3rem}
.perfil-texto li a{color:inherit}
@media (max-width:820px){.perfil-grade{grid-template-columns:1fr}}

/* Notícias dos tribunais */
.noticias{background:#F6F6F4;padding:clamp(3.5rem,7vw,5.5rem) 0}
.lista-noticias{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem}
.noticia{background:var(--branco);padding:1.6rem 1.7rem 1.8rem;border-top:3px solid var(--ouro);display:flex;flex-direction:column;gap:.8rem}
.noticia .meta{display:flex;align-items:center;gap:.9rem;font-size:.8rem}
.noticia .fonte{font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro)}
.noticia time{color:#8A8A8A}
.noticia h3{font-size:1.2rem;line-height:1.4}
.noticia h3 a{text-decoration:none;color:var(--titulo)}
.noticia h3 a:hover{color:var(--ouro)}
.aviso-noticias{font-size:.82rem;color:#8A8A8A;margin-top:1.8rem}

.slide-1{background-image:url("/media/slider1-01-1170x575.jpg")}
.slide-2{background-image:url("/media/slider1-02.jpg")}
@keyframes troca{0%{opacity:0}10.71%{opacity:1}50.00%{opacity:1}60.71%{opacity:0}100%{opacity:0}}
.slide{animation:troca 14s linear infinite}
.slide-1{animation-delay:-1.5s}
.slide-2{animation-delay:5.5s}
@media (prefers-reduced-motion:reduce){.slide{animation:none}.slide-1{opacity:1}}