/* Heberle e Tonial — Sociedade de Advogados */
:root{--bg:#0E1012;--bg-2:#14181B;--gold:#B08D57;--gold-2:#CDAE7C;--txt:#EDEAE4;--txt-hi:#F4F2ED}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{margin:0;padding:0;background:var(--bg)}
body{color:var(--txt);font-family:'Jost',system-ui,-apple-system,Segoe UI,sans-serif;font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,picture,svg,iframe{max-width:100%}
.pic{display:contents}
@supports not (display:contents){.pic{display:block;width:100%;height:100%}}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-2)}
::selection{background:var(--gold);color:var(--bg)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;top:0;left:0;z-index:100;background:var(--gold);color:var(--bg);padding:12px 20px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.skip:focus{width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;color:var(--bg)}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(14,16,18,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(176,141,87,.22)}
.hdr-inner{max-width:1240px;margin:0 auto;padding:18px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
.brand{display:flex;align-items:center;gap:14px;color:var(--txt)}
.brand:hover{color:var(--txt)}
.brand-mark{width:40px;height:40px;border:1px solid var(--txt);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto}
.brand-mark-in{position:absolute;inset:3px;border:1px solid rgba(237,234,228,.55);border-radius:50%}
.brand-mark-tx{font-size:12px;letter-spacing:.08em;font-weight:400}
.brand-tx{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font-size:13px;letter-spacing:.22em;font-weight:400}
.brand-sub{font-size:9.5px;letter-spacing:.16em;color:rgba(237,234,228,.55)}
.burger{display:none;background:none;border:1px solid rgba(176,141,87,.45);color:var(--gold);width:46px;height:46px;align-items:center;justify-content:center;font-size:17px;line-height:1;cursor:pointer;font-family:inherit;padding:0}
.nav-desktop{display:flex;align-items:center;gap:34px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.nav-desktop>a{color:rgba(237,234,228,.72);transition:color .25s;padding:10px 0}
.nav-desktop>a:hover,.nav-desktop>a[aria-current="page"]{color:var(--gold)}
.dd{position:relative;display:flex;align-items:center}
.dd-btn{background:none;border:0;padding:10px 0;margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:rgba(237,234,228,.72);cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .25s}
.dd-btn:hover,.dd-btn.is-active,.dd-btn[aria-expanded="true"]{color:var(--gold)}
.dd-caret{font-size:9px;color:var(--gold)}
.dd-menu{position:absolute;top:42px;left:-18px;min-width:330px;background:var(--bg-2);border:1px solid rgba(176,141,87,.28);padding:10px 0;display:none;flex-direction:column;text-transform:none;letter-spacing:.02em;font-size:14px;z-index:60}
.dd.open .dd-menu{display:flex}
.dd-menu a{padding:11px 22px;color:var(--txt)}
.dd-menu a:hover,.dd-menu a[aria-current="page"]{background:rgba(176,141,87,.1);color:var(--gold)}
.dd-menu a.all{color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.nav-mobile{display:none;flex:1 0 100%;flex-direction:column;padding:12px 0 6px;border-top:1px solid rgba(176,141,87,.22);font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.nav-mobile.open{display:flex}
.nav-mobile a{padding:14px 0;color:var(--txt);border-bottom:1px solid rgba(237,234,228,.08)}
.nav-mobile a[aria-current="page"]{color:var(--gold)}
.nav-mobile a.sub{padding:14px 0 14px 18px;font-size:12.5px;color:rgba(237,234,228,.72)}
.nav-mobile a:last-child{border-bottom:0}
@media (max-width:899px){.nav-desktop{display:none}.burger{display:flex}}
@media (min-width:900px){.nav-mobile{display:none !important}}

/* grade de 3 cards: 1 ou 3 colunas, nunca 2 (evita celula vazia) */
.grid-div3{grid-template-columns:1fr}
@media (min-width:900px){.grid-div3{grid-template-columns:repeat(3,1fr)}}

/* forms */
input,select,textarea,button{font-family:inherit}
input,select,textarea{min-width:0;max-width:100%}
#form-contato{min-width:0}
/* alvo de toque: links inline dentro de paragrafos */
main p a{padding-block:6px}
select option{background:var(--bg-2);color:var(--txt)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/* estados vindos do design */
.x1:hover{background:#CDAE7C !important;color:#0E1012 !important}
.x2:hover{background:#B08D57 !important;color:#0E1012 !important}
.x3:hover{border-bottom:1px solid #CDAE7C !important}
.x4:hover{background:#B08D57 !important;color:#0E1012 !important;border:1px solid #B08D57 !important}
.x5:hover{border:1px solid #B08D57 !important;color:#B08D57 !important}
.x6:hover{color:#B08D57 !important}
.x7:focus{border-bottom:1px solid #B08D57 !important}