/* ─────────────────────────────────────────────────────────────
   Silva Neto Advocacia · Barra de navegação compartilhada
   Usada pela home, pelo blog e pelos materiais/simuladores.
   Marcação esperada:
     <nav id="navbar">
       <a href="/" class="nav-brand"><picture>…<img class="nav-brand-logo"></picture> Silva Neto Advocacia</a>
       <button class="hamburger" id="hamburgerBtn" aria-controls="navLinks">…</button>
       <ul class="nav-links" id="navLinks"> <li><a …>…</a></li> … </ul>
     </nav>
   ───────────────────────────────────────────────────────────── */
nav#navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(5,14,28,0.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 0.5px solid rgba(207,174,112,0.15); padding: 0 2rem; display: flex; align-items: center; justify-content: space-between; height: 64px; transition: background 0.3s, box-shadow 0.3s; }
nav#navbar.scrolled { background: rgba(5,14,28,0.98); box-shadow: 0 4px 30px rgba(0,0,0,0.3); }
nav#navbar .nav-brand { display: flex; align-items: center; gap: 14px; font-family: 'IM Fell English', serif; font-size: 14px; letter-spacing: 2.5px; color: #CFAE70; text-transform: uppercase; white-space: nowrap; text-decoration: none; }
nav#navbar .nav-brand-logo { height: 44px; width: auto; }
nav#navbar .nav-links { display: flex; gap: 1.75rem; list-style: none; align-items: center; margin: 0; padding: 0; }
nav#navbar .nav-links a { font-family: 'Open Sans', sans-serif; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(232,232,232,0.7); text-decoration: none; transition: color 0.3s; font-weight: 400; }
nav#navbar .nav-links a:hover { color: #CFAE70; }
nav#navbar .nav-links a[aria-current="page"] { color: #CFAE70; }
nav#navbar .nav-cta { background: #CFAE70 !important; color: #091D39 !important; padding: 8px 18px; border-radius: 3px; font-weight: 600 !important; transition: background 0.3s, transform 0.2s !important; }
nav#navbar .nav-cta:hover { background: #e0c07a !important; transform: translateY(-1px); }
nav#navbar .nav-cta:active { transform: translateY(0) !important; }
nav#navbar .hamburger { display: none; background: none; border: none; cursor: pointer; flex-direction: column; gap: 5px; padding: 4px; }
nav#navbar .hamburger span { display: block; width: 22px; height: 1.5px; background: #CFAE70; transition: all 0.3s; }
@media (max-width: 1100px) {
  nav#navbar .nav-links { gap: 1.25rem; }
  nav#navbar .nav-links a { letter-spacing: 1.2px; }
  nav#navbar .nav-brand-text { display: none; } /* 7 itens no menu: o nome da marca sai, o monograma fica */
}
@media (max-width: 860px) {
  nav#navbar { padding: 0 1rem; }
  nav#navbar .hamburger { display: flex; }
  nav#navbar .nav-brand { gap: 8px; font-size: 12px; letter-spacing: 1.5px; }
  nav#navbar .nav-brand-text { display: inline; }
  nav#navbar .nav-brand-logo { height: 36px; }
  nav#navbar .nav-links { display: none; position: absolute; top: 64px; left: 0; right: 0; background: rgba(5,14,28,0.98); flex-direction: column; padding: 2rem; gap: 1.5rem; border-bottom: 0.5px solid rgba(207,174,112,0.15); }
  nav#navbar .nav-links.open { display: flex; }
}

/* ── Botão claro/escuro (páginas internas) ── */
nav#navbar .nav-right { display: flex; align-items: center; gap: 1rem; }
nav#navbar .tema-toggle { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 0.5px solid rgba(207,174,112,0.35); background: transparent; color: #CFAE70; cursor: pointer; transition: background 0.25s, border-color 0.25s; padding: 0; }
nav#navbar .tema-toggle:hover { background: rgba(207,174,112,0.12); border-color: #CFAE70; }
nav#navbar .tema-toggle svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
nav#navbar .tema-toggle .ico-sol { display: none; }
html[data-theme="dark"] nav#navbar .tema-toggle .ico-sol { display: block; }
html[data-theme="dark"] nav#navbar .tema-toggle .ico-lua { display: none; }
@media (max-width: 860px) { nav#navbar .nav-right { gap: 0.6rem; } nav#navbar .tema-toggle { width: 32px; height: 32px; } }