/* LBM Advogados — design system */
:root{
  --grafite-900:#17181A; --grafite-700:#2E3033; --ouro:#D7B070; --ouro-claro:#EBD7B7;
  --ouro-escuro:#8A7345; --pedra:#B0ADA8; --linho:#F5F3F0; --texto-claro:#4A4C50; --sutil:#6E6B66;
  --serif:'Marcellus',Georgia,serif; --sans:'Archivo',system-ui,-apple-system,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--grafite-900);color:var(--linho);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--ouro);text-decoration:none}
a:hover{color:var(--ouro-claro)}
*:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;text-wrap:pretty}
h1{font-size:clamp(32px,4.4vw,54px);line-height:1.15}
h2{font-size:clamp(27px,3.2vw,39px);line-height:1.25}
h3{font-size:23px;line-height:1.35}
p{margin:0;text-wrap:pretty}
ul{margin:0}
.skip{position:absolute;left:-9999px;top:0;background:var(--ouro);color:var(--grafite-900);padding:12px 18px;font-size:14px;z-index:200}
.skip:focus{left:12px;top:12px}
.wrap{max-width:1200px;margin:0 auto;padding:96px 24px}
.wrap--slim{max-width:820px}
.wrap--tight{padding:64px 24px}
.claro{background:var(--linho);color:var(--grafite-700)}
.grafite{background:var(--grafite-700)}
.rule{height:1px;width:96px;background:var(--ouro);box-shadow:0 6px 26px 2px rgba(215,176,112,.45)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.24em;color:var(--ouro);margin:22px 0}
.claro .eyebrow{color:var(--ouro-escuro)}
.lead{font-size:18px;line-height:1.7;color:var(--pedra);max-width:62ch}
.claro .lead{color:var(--texto-claro)}
.breadcrumb{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--sutil);margin-bottom:36px}
.breadcrumb a{color:var(--pedra)}
.breadcrumb span{color:var(--ouro)}
/* header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(23,24,26,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(215,176,112,.22)}
.site-header .bar{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative}
.site-header .logo{display:flex;align-items:center;padding:8px 0}
.site-header .logo img{height:64px;width:auto;object-fit:contain;display:block}
.nav{display:flex;align-items:center;gap:34px;font-size:14px}
.nav a{color:var(--linho)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ouro)}
.nav .btn-wa{border:1px solid var(--ouro);color:var(--ouro);padding:11px 20px;font-family:var(--mono);font-size:12px;letter-spacing:.14em}
.nav .btn-wa:hover{background:rgba(215,176,112,.12)}
.burger{display:none;background:transparent;border:1px solid rgba(215,176,112,.5);width:46px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.burger span{display:block;width:20px;height:1px;background:var(--ouro)}
/* botões */
.btn{display:inline-block;padding:17px 30px;font-size:15px;font-weight:600}
.btn--ouro{background:var(--ouro);color:var(--grafite-900)}
.btn--ouro:hover{background:var(--ouro-claro);color:var(--grafite-900)}
.btn--linha{border:1px solid rgba(245,243,240,.35);color:var(--linho);font-weight:500}
.btn--linha:hover{border-color:var(--ouro);color:var(--ouro)}
.btn--escuro{background:var(--grafite-700);color:var(--linho)}
.btn--escuro:hover{background:var(--grafite-900);color:var(--linho)}
.btns{display:flex;flex-wrap:wrap;gap:16px}
/* hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid rgba(215,176,112,.22)}
.hero__texto{padding:104px 56px 96px max(24px,calc((100vw - 1200px)/2));display:flex;flex-direction:column;align-items:flex-start}
.hero__texto h1{max-width:15ch;margin:26px 0}
.hero__texto .lead{margin-bottom:40px;font-size:19px;max-width:56ch}
.hero__midia{position:relative;min-height:640px;overflow:hidden}
.hero__midia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.02)}
.hero__midia i{position:absolute;inset:0;background:linear-gradient(90deg,#17181A 0%,rgba(23,24,26,.55) 26%,rgba(23,24,26,0) 62%)}
.pagina-topo{border-bottom:1px solid rgba(215,176,112,.22)}
.pagina-topo h1{margin:26px 0 24px;max-width:20ch}
/* credibilidade */
.credibilidade{background:var(--grafite-700);border-bottom:1px solid rgba(245,243,240,.1)}
.credibilidade .bar{max-width:1200px;margin:0 auto;padding:26px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;font-size:13.5px;color:var(--pedra)}
.credibilidade b{font-family:var(--mono);color:var(--ouro);font-weight:400}
/* grids */
.g2{display:grid;grid-template-columns:1.35fr 1fr;gap:80px}
.g2--igual{grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.g2--faq{grid-template-columns:.75fr 1.25fr;gap:64px}
.g2--area{grid-template-columns:.85fr 1.15fr;gap:72px}
.g2--form{grid-template-columns:1.15fr .85fr;gap:72px}
.socios-grid{grid-template-columns:1fr 1fr;gap:56px}
.itens-area{grid-template-columns:1fr 1fr;align-self:start}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.g3--cards{gap:32px}
.divisoes{display:grid;gap:1px;background:rgba(245,243,240,.14)}
.claro .divisoes{background:rgba(46,48,51,.16)}
.divisoes--3{grid-template-columns:repeat(3,1fr)}
.divisoes--4{grid-template-columns:repeat(4,1fr)}
.divisoes--auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.divisoes > *{background:var(--grafite-900)}
.grafite .divisoes > *{background:var(--grafite-700)}
.aside{border-left:1px solid rgba(46,48,51,.16);padding-left:40px;display:flex;flex-direction:column;gap:28px}
.rotulo{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--ouro-escuro);margin-bottom:10px}
.grafite .rotulo,.escuro .rotulo{color:var(--ouro)}
/* área card */
.area-card{padding:40px 34px 36px;display:flex;flex-direction:column;gap:18px}
.area-card .tracinho{height:1px;width:44px;background:var(--ouro)}
.area-card ul{padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.area-card li{font-size:15px;padding-left:16px;position:relative;line-height:1.55}
.area-card li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:1px;background:var(--ouro)}
.area-card .mais{margin-top:auto;padding-top:24px;font-family:var(--mono);font-size:12px;letter-spacing:.14em}
.item-lista{padding:22px 24px;display:flex;gap:14px;align-items:baseline;font-size:16px}
.item-lista::before{content:"";width:6px;height:1px;background:var(--ouro);flex:none;transform:translateY(-4px)}
.claro .item-lista::before{background:var(--ouro-escuro)}
/* metodologia / diferenciais */
.pilar{border-top:1px solid rgba(46,48,51,.2);padding-top:26px}
.pilar h3{font-size:25px;margin:14px 0 12px}
.pilar p{font-size:16px;line-height:1.7;color:var(--texto-claro)}
.dif{padding:28px 26px 32px;display:flex;flex-direction:column;gap:12px}
.dif .n{font-family:var(--mono);font-size:12px;color:var(--ouro)}
.dif h3{font-size:21px}
.dif p{font-size:14.5px;line-height:1.65;color:var(--pedra)}
/* sócios */
.socio{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px}
.socio + .socio{margin-top:56px;padding-top:56px;border-top:1px solid rgba(245,243,240,.14)}
.socio img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 22%;display:block;align-self:start}
.socio .oab{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--ouro);margin:8px 0 24px}
.socio p{font-size:16.5px;line-height:1.75;color:var(--pedra);max-width:62ch;margin-bottom:18px}
.curriculo{padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(245,243,240,.14);padding-top:16px}
.curriculo li{display:flex;justify-content:space-between;gap:24px;font-size:15px}
.curriculo span{font-family:var(--mono);font-size:13px;color:var(--sutil);white-space:nowrap}
.socio--compacto{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:32px}
.socio--compacto + .socio--compacto{margin-top:0;padding-top:0;border-top:0}
/* conteúdo */
.card-artigo{display:flex;flex-direction:column;gap:14px;border-top:1px solid rgba(46,48,51,.2);padding-top:24px;color:var(--grafite-700)}
.card-artigo:hover{border-color:var(--ouro);color:var(--grafite-700)}
.card-artigo .cat{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--ouro-escuro)}
.card-artigo h3{font-size:24px}
.card-artigo p{font-size:15px;line-height:1.7;color:var(--texto-claro)}
.card-artigo .meta{font-family:var(--mono);font-size:11.5px;color:var(--sutil);margin-top:6px}
.filtros{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px}
.filtros button{background:transparent;color:var(--texto-claro);border:1px solid rgba(46,48,51,.28);padding:10px 20px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;cursor:pointer}
.filtros button[aria-pressed="true"]{background:var(--grafite-700);color:var(--linho);border-color:var(--grafite-700)}
/* artigo */
.artigo{font-size:18px;line-height:1.8;color:#3C3E42}
.artigo p{margin-bottom:26px}
.artigo > p:first-of-type{font-size:20px;line-height:1.7;color:var(--grafite-700)}
.artigo h2{font-size:31px;line-height:1.3;margin:52px 0 20px;color:var(--grafite-700)}
.verificar{color:var(--ouro-escuro)}
.box-atencao{border:1px solid rgba(46,48,51,.22);border-left:2px solid var(--ouro);padding:28px 30px;margin:44px 0}
.box-atencao ul{padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:16.5px;line-height:1.65}
.cta-artigo{border-top:1px solid rgba(46,48,51,.2);margin-top:52px;padding-top:32px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.assinatura{font-family:var(--mono);font-size:12px;color:var(--sutil)}
/* FAQ */
.faq details{border-bottom:1px solid rgba(245,243,240,.16)}
.faq{border-top:1px solid rgba(245,243,240,.16)}
.faq summary{cursor:pointer;list-style:none;padding:24px 0;font-size:18px;display:flex;justify-content:space-between;gap:24px;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--ouro)}
.faq summary i{font-family:var(--mono);font-style:normal;color:var(--ouro);font-size:14px}
.faq p{padding:0 0 26px;font-size:16px;line-height:1.75;color:var(--pedra);max-width:68ch}
/* formulário */
.form{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-content:start}
.campo{display:flex;flex-direction:column;gap:8px}
.campo--full{grid-column:1/-1}
.campo label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--sutil)}
.campo input,.campo select{border:0;border-bottom:1px solid rgba(46,48,51,.3);background:transparent;padding:10px 2px;font-family:var(--sans);font-size:16px;color:var(--grafite-700)}
.campo textarea{border:1px solid rgba(46,48,51,.3);background:transparent;padding:12px;font-family:var(--sans);font-size:16px;color:var(--grafite-700);resize:vertical}
.campo input[aria-invalid="true"],.campo textarea[aria-invalid="true"]{border-color:#9B2C2C}
.erro{font-size:13px;color:#9B2C2C;min-height:0}
.consent{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;color:var(--texto-claro)}
.consent input{margin-top:4px;accent-color:var(--ouro-escuro);width:17px;height:17px}
.form-acoes{grid-column:1/-1;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.form button[type=submit]{background:var(--grafite-700);color:var(--linho);border:0;padding:17px 34px;font-family:var(--sans);font-size:15px;font-weight:600;cursor:pointer}
.form button[type=submit][disabled]{opacity:.6;cursor:progress}
.gotcha{position:absolute;left:-9999px}
.status{font-size:14px;color:var(--texto-claro)}
.mapa-embed{border:1px solid rgba(46,48,51,.18);aspect-ratio:4/3}
.mapa-embed iframe{width:100%;height:100%;border:0;display:block}
/* rodapé */
.site-footer{background:var(--grafite-900);border-top:1px solid rgba(215,176,112,.25)}
.site-footer .cols{max-width:1200px;margin:0 auto;padding:72px 24px 40px;display:grid;grid-template-columns:1.1fr .7fr .7fr 1fr;gap:56px}
.site-footer img{height:96px;width:auto;object-fit:contain;display:block;margin-bottom:24px}
.site-footer h2{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--ouro);margin-bottom:16px}
.site-footer ul{padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.site-footer ul a{color:var(--linho)}
.site-footer ul a:hover{color:var(--ouro)}
.site-footer .fim{max-width:1200px;margin:0 auto;padding:28px 24px 56px;border-top:1px solid rgba(245,243,240,.12);display:flex;flex-direction:column;gap:14px}
.site-footer .fim p{font-size:13px;color:var(--pedra)}
.site-footer .fim .aviso{color:var(--sutil);line-height:1.7;max-width:96ch}
/* flutuante + cookies */
.wa-float{position:fixed;right:26px;bottom:26px;z-index:120;width:58px;height:58px;border-radius:50%;background:var(--grafite-700);border:1px solid var(--ouro);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.wa-float:hover{background:var(--ouro)}
.cookies{position:fixed;left:26px;bottom:26px;z-index:130;max-width:440px;background:var(--grafite-700);border:1px solid rgba(215,176,112,.4);padding:22px 24px;display:none;flex-direction:column;gap:16px;box-shadow:0 12px 40px rgba(0,0,0,.55)}
.cookies[data-visivel="true"]{display:flex}
.cookies p{font-size:14px;line-height:1.65;color:var(--pedra)}
.cookies button{padding:11px 22px;font-family:var(--sans);font-size:14px;cursor:pointer;border:0}
.cookies .aceitar{background:var(--ouro);color:var(--grafite-900);font-weight:600}
.cookies .recusar{background:transparent;color:var(--pedra);border:1px solid rgba(245,243,240,.3)}
@media (max-width:1080px){
  .credibilidade .bar,.divisoes--4{grid-template-columns:repeat(2,1fr)}
  .divisoes--3{grid-template-columns:repeat(2,1fr)}
  .g3{grid-template-columns:1fr;gap:40px}
  .socios-grid{grid-template-columns:1fr;gap:40px}
  .g2--area{grid-template-columns:1fr;gap:40px}
}
@media (max-width:900px){
  .nav{display:none}
  .nav[data-aberto="true"]{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:var(--grafite-900);border-bottom:1px solid rgba(215,176,112,.25);padding:8px 24px 24px}
  .nav[data-aberto="true"] > a{padding:16px 0;width:100%;border-bottom:1px solid rgba(245,243,240,.1)}
  .burger{display:flex}
  .wrap{padding:64px 24px}
  .hero{grid-template-columns:1fr}
  .hero__texto{padding:56px 24px 64px}
  .hero__midia{min-height:300px;order:-1}
  .hero__midia i{background:linear-gradient(0deg,#17181A 0%,rgba(23,24,26,.4) 60%,rgba(23,24,26,0) 100%)}
  .g2,.g2--igual,.g2--faq,.g2--area,.g2--form{grid-template-columns:1fr;gap:40px}
  .socio--compacto{grid-template-columns:1fr;gap:28px}
  .itens-area{grid-template-columns:1fr}
  .aside{border-left:0;border-top:1px solid rgba(46,48,51,.16);padding-left:0;padding-top:32px}
  .socio{grid-template-columns:1fr}
  .socio img{max-width:280px}
  .site-footer .cols{grid-template-columns:repeat(2,1fr);gap:40px}
}
@media (max-width:620px){
  .credibilidade .bar,.divisoes--3,.divisoes--4,.divisoes--auto,.g3--cards,.form,.site-footer .cols{grid-template-columns:1fr}
  .cookies{left:16px;right:16px;bottom:100px;max-width:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}