:root{
  --verde:#1A2621; --verde-2:#121B17; --linha-escura:#3A4740;
  --ouro:#D4AF37; --ouro-texto:#7A5F12;
  --fundo:#F6F3EC; --fundo-2:#EDE7DA; --borda:#E2DCCD;
  --texto:#1A2621; --texto-2:#45524B; --claro:#F4EFE3; --claro-2:#C9C3B4; --cinza:#9FA69F;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Source Sans 3','Segoe UI',system-ui,sans-serif;
  --pad:clamp(20px,6vw,96px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--sans);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--ouro-texto)}
a:focus-visible,button:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;line-height:1.1}
p{margin:0}
.sec{padding:clamp(72px,10vw,120px) var(--pad)}
.rotulo{display:block;font-size:14px;letter-spacing:4px;text-transform:uppercase;color:var(--ouro-texto);margin-bottom:16px}
.titulo{font-size:clamp(36px,5vw,52px)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:2px;font-size:17px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}
.btn-ouro{background:var(--ouro);color:var(--verde)}
.btn-ouro:hover{background:#E2C25A}
.btn-contorno{border:1px solid #5B6660;color:var(--claro);font-weight:400}
.btn-contorno:hover{border-color:var(--ouro);color:var(--ouro)}
.btn-escuro{background:var(--verde);color:var(--claro)}
.btn-escuro:hover{background:#26362F}

/* Cabeçalho */
.topo{position:sticky;top:0;z-index:10;background:var(--verde);padding-top:env(safe-area-inset-top,0px)}
.topo-in{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca{display:flex;align-items:center;gap:18px;text-decoration:none;min-width:0}
.marca img{width:104px;height:auto;flex-shrink:0}
.marca-div{width:1px;height:48px;background:var(--linha-escura);flex-shrink:0}
.marca-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.marca-nome{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--claro);letter-spacing:1.5px;white-space:nowrap}
.marca-tag{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--ouro);white-space:nowrap}
.menu{display:flex;align-items:center;gap:36px}
.menu a{color:#E8E2D2;text-decoration:none;font-size:16px}
.menu a:hover{color:var(--ouro)}
.menu .menu-cta{min-height:44px;padding:0 20px;display:inline-flex;align-items:center;border:1px solid var(--ouro);border-radius:2px;color:var(--ouro);font-weight:600}
.menu .menu-cta:hover{background:var(--ouro);color:var(--verde)}
.menu-btn{display:none;width:44px;height:44px;background:none;border:1px solid var(--linha-escura);border-radius:2px;color:var(--claro);cursor:pointer;align-items:center;justify-content:center}

/* Abertura */
.hero{background:var(--verde);padding:clamp(64px,9vw,112px) var(--pad) clamp(72px,10vw,128px);display:flex;align-items:center;gap:clamp(40px,7vw,96px)}
.hero-txt{flex:1;max-width:720px}
.hero .rotulo{color:var(--ouro);margin-bottom:28px}
.hero h1{font-size:clamp(44px,6.2vw,72px);line-height:1.05;color:var(--claro)}
.hero p{margin-top:28px;font-size:clamp(18px,1.6vw,20px);color:var(--claro-2);max-width:600px}
.hero-acoes{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}
.selo{width:clamp(280px,28vw,380px);aspect-ratio:1;flex-shrink:0;border:1px solid var(--ouro);border-radius:50%;display:flex;align-items:center;justify-content:center}
.selo-in{width:87%;aspect-ratio:1;border:1px solid var(--linha-escura);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.selo-in img{width:58%}
.selo-in span{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--cinza)}

/* Áreas */
.areas-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:56px}
.area{background:#fff;border:1px solid var(--borda);padding:clamp(28px,3vw,40px)}
.area svg{width:36px;height:36px;margin-bottom:16px}
.area h3{font-size:clamp(28px,2.4vw,32px);margin-bottom:14px}
.area p{color:var(--texto-2);line-height:1.65}

/* Sobre */
.sobre{background:var(--fundo-2);display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:clamp(32px,7vw,96px)}
.sobre .oab{display:block;margin-top:16px;font-size:17px;font-weight:600;color:var(--ouro-texto)}
.sobre-txt{padding-top:36px;display:flex;flex-direction:column;gap:24px}
.sobre-txt p{font-size:20px;line-height:1.7;color:#2F3B35;max-width:68ch}

/* Atendimento */
.passos{background:var(--verde);padding:clamp(72px,9vw,100px) var(--pad)}
.passos h2{font-size:clamp(34px,4vw,44px);color:var(--claro)}
.passos ol{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.passos li{border-top:1px solid var(--ouro);padding-top:24px}
.passos .num{font-family:var(--serif);font-size:40px;color:var(--ouro);line-height:1}
.passos h3{font-family:var(--sans);font-size:22px;color:var(--claro);margin:14px 0 10px}
.passos p{font-size:17px;color:var(--claro-2)}

/* Contato */
.contato{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:64px;align-items:stretch}
.contato-lista{list-style:none;margin:32px 0;padding:0;display:flex;flex-direction:column;gap:24px}
.contato-lista li{display:flex;gap:16px;align-items:flex-start}
.contato-lista svg{width:24px;height:24px;flex-shrink:0;margin-top:2px}
.contato-lista a{color:var(--texto)}
.painel{background:var(--verde);padding:clamp(36px,5vw,64px);display:flex;flex-direction:column;justify-content:center;gap:28px;min-height:420px}
.painel img{width:170px}
.painel h3{font-size:clamp(32px,3.2vw,40px);color:var(--claro)}
.painel p{color:var(--claro-2);max-width:520px}
.painel .traco{width:64px;height:1px;background:var(--ouro)}

/* Rodapé */
.rodape{background:var(--verde-2);padding:56px var(--pad) calc(56px + env(safe-area-inset-bottom,0px))}
.rodape-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.rodape-marca{display:flex;align-items:center;gap:20px}
.rodape-marca img{width:96px}
.rodape-marca span{font-family:var(--serif);font-size:22px;letter-spacing:1px;color:var(--claro)}
.rodape-oab{font-size:15px;color:var(--cinza)}
.rodape hr{border:0;height:1px;background:#2E3A34;margin:24px 0}
.rodape p{font-size:14px;color:var(--cinza)}

/* WhatsApp flutuante (celular) */
.zap{display:none;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;width:56px;height:56px;border-radius:50%;background:var(--ouro);color:var(--verde);align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.zap svg{width:28px;height:28px}

/* Tablet */
@media (max-width:1080px){
  .menu{gap:24px}
  .marca-div,.marca-txt{display:none}
  .selo{display:none}
  .contato{grid-template-columns:1fr;gap:40px}
}
/* Celular */
@media (max-width:760px){
  body{font-size:17px}
  .topo-in{height:72px}
  html{scroll-padding-top:72px}
  .marca-txt{display:flex}
  .marca{gap:12px}
  .marca img{width:68px}
  .marca-div{display:none}
  .marca-txt{overflow:hidden}
  .marca-nome{font-size:17px;letter-spacing:.5px;line-height:1.15;white-space:normal}
  .marca-tag{display:none}
  .menu-btn{display:inline-flex}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--verde);border-top:1px solid var(--linha-escura);padding:8px var(--pad) 24px}
  .menu.aberto{display:flex}
  .menu a{padding:14px 0;border-bottom:1px solid #26362F;font-size:18px}
  .menu .menu-cta{margin-top:16px;justify-content:center;min-height:52px;border-bottom:1px solid var(--ouro)}
  .hero-acoes .btn{flex:1 1 100%}
  .areas-grade{grid-template-columns:1fr;margin-top:40px}
  .sobre{grid-template-columns:1fr;gap:8px}
  .sobre-txt{padding-top:16px}
  .sobre-txt p{font-size:18px}
  .passos ol{grid-template-columns:1fr;gap:32px}
  .contato .btn{width:100%}
  .painel{min-height:0}
  .zap{display:inline-flex}
}

/* ===== Artigos ===== */
.pagina-topo{background:var(--verde);padding:clamp(56px,8vw,96px) var(--pad) clamp(56px,8vw,88px)}
.pagina-topo .rotulo{color:var(--ouro)}
.pagina-topo h1{font-size:clamp(44px,6vw,72px);color:var(--claro);line-height:1.04}
.pagina-topo p{margin-top:20px;font-size:clamp(18px,1.6vw,20px);color:var(--claro-2);max-width:640px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--borda);padding:clamp(28px,3vw,40px);text-decoration:none;color:var(--texto);transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--ouro);transform:translateY(-2px)}
.card .cat{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--ouro-texto);font-weight:600}
.card h2,.card h3{font-size:clamp(28px,2.6vw,34px);margin:14px 0 12px;line-height:1.1}
.card p{color:var(--texto-2);line-height:1.6;flex:1}
.card .ler{margin-top:22px;font-weight:600;color:var(--texto);border-bottom:2px solid var(--ouro);align-self:flex-start;padding-bottom:2px}
.artigo{max-width:760px;margin:0 auto;padding:clamp(40px,6vw,72px) var(--pad) clamp(64px,8vw,96px)}
.artigo-cabeca{background:var(--verde);padding:clamp(56px,8vw,96px) var(--pad) clamp(48px,7vw,80px)}
.artigo-cabeca .in{max-width:760px;margin:0 auto}
.migalhas{font-size:14px;letter-spacing:1px;color:var(--cinza);margin-bottom:22px}
.migalhas a{color:var(--ouro);text-decoration:none}
.artigo-cabeca h1{font-size:clamp(38px,5.4vw,60px);color:var(--claro);line-height:1.06}
.artigo-cabeca .meta{margin-top:22px;font-size:15px;color:var(--claro-2)}
.artigo .lead{font-size:clamp(20px,2vw,22px);line-height:1.6;color:#2F3B35;margin-bottom:12px}
.artigo h2{font-size:clamp(30px,3.4vw,38px);margin:48px 0 16px;line-height:1.12}
.artigo p{margin:0 0 18px;line-height:1.75;color:#2F3B35}
.artigo ul,.artigo ol{margin:0 0 18px;padding-left:24px;color:#2F3B35;line-height:1.75}
.artigo li{margin-bottom:8px}
.artigo li::marker{color:var(--ouro-texto)}
.nota{background:var(--fundo-2);border-left:4px solid var(--ouro);padding:24px 28px;margin:36px 0}
.nota p{margin:0}
.autor{display:flex;align-items:center;gap:20px;margin-top:56px;padding-top:32px;border-top:1px solid var(--borda)}
.autor-selo{width:72px;height:72px;flex-shrink:0;border-radius:50%;background:var(--verde);display:flex;align-items:center;justify-content:center}
.autor-selo img{width:46px}
.autor strong{display:block;font-family:var(--serif);font-size:24px;font-weight:600}
.autor span{font-size:15px;color:var(--texto-2)}
.voltar{display:inline-block;margin-top:40px;font-weight:600;color:var(--texto);text-decoration:none;border-bottom:2px solid var(--ouro);padding-bottom:2px}
@media (max-width:760px){.cards{grid-template-columns:1fr}}