/* ===== Header ===== */
.site-header {
  position: sticky; top: 0; z-index: 100;

  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border-soft);
}
.site-header-inner {
  max-width: 1200px; margin: 0 auto; padding: 16px 24px;
  display: flex; align-items: center; gap: 26px;
}
.brand { display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--navy); font-size: 1.2em; letter-spacing: -0.04em; }
.brand img { width: 40px; height: 40px; border-radius: 50%; background: #fff; object-fit: contain; }
.site-nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.site-nav > a, .nav-drop > button {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 10px 13px; border-radius: 9px; min-height: 44px;
  font-size: 0.9em; font-weight: 500; color: var(--text);
  transition: background 0.15s, color 0.15s;
}
.site-nav > a:hover, .nav-drop > button:hover { background: var(--accent-soft); color: var(--accent-ink); }
.nav-drop { position: relative; }
.nav-drop > button svg { width: 14px; height: 14px; fill: currentColor; transition: transform 0.15s; }
.nav-drop.open > button svg { transform: rotate(180deg); }
.nav-drop-menu {
  position: absolute; top: calc(100% + 8px); left: 0; min-width: 210px;
  background: #fff; border: 1px solid var(--border-soft); border-radius: 12px;
  box-shadow: var(--shadow-lg); padding: 8px; display: none;
}
.nav-drop.open .nav-drop-menu { display: block; }
.nav-drop-menu a {
  display: block; padding: 9px 12px; border-radius: 8px;
  font-size: 0.88em; font-weight: 500; color: var(--text);
}
.nav-drop-menu a:hover { background: var(--accent-soft); color: var(--accent-ink); }
.btn-entrar {
  display: inline-flex; align-items: center; gap: 7px;
  background: var(--card); border: 1px solid var(--border); color: var(--navy); font-weight: 600; font-size: 0.88em;
  padding: 9px 20px; border-radius: 10px; transition: background 0.15s, border-color 0.15s;
}
.site-nav > a.btn-entrar { color: var(--navy); }
.site-nav > a.btn-entrar:hover { background: var(--accent-soft); border-color: var(--accent-ink); color: var(--accent-ink); }
.nav-voxi { border: 1.5px solid var(--accent-border); border-radius: 9px; color: var(--accent-ink) !important; font-weight: 600; }
.nav-voxi:hover { background: var(--accent-soft); }
.menu-toggle { display: none; padding: 8px; margin-left: auto; }
.menu-toggle svg { width: 26px; height: 26px; fill: var(--navy); }


@media(max-width:1000px){.menu-toggle{display:inline-flex}.site-header-inner{position:relative}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:14px 24px;border-bottom:1px solid #ccd7dd;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.nav-drop-menu{position:static;box-shadow:none}.site-nav>a,.nav-drop>button{width:100%;justify-content:flex-start}}
.site-nav a[aria-current="page"]{color:#2459a1;background:#eaf0f6}.menu-toggle{background:none;border:0;cursor:pointer}.nav-drop>button{font-family:inherit;background:none;border:0;cursor:pointer}