/* ============================================================
   ADRIANAUTO — Navigation
   ============================================================ */

#nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 500;
  height: var(--nav-h);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid var(--border);
  display: flex; align-items: center;
  padding: 0 40px; gap: 32px;
  transition: box-shadow var(--t-base), background var(--t-base);
}
#nav.scrolled { box-shadow: var(--shadow-md); }

.nav-logo {
  font-family: var(--font-display);
  font-size: 21px; font-weight: 700;
  color: var(--navy); text-decoration: none;
  letter-spacing: .5px; white-space: nowrap;
  transition: opacity var(--t-base);
}
.nav-logo:hover { opacity: .8; }
.nav-logo em { color: var(--gold-500); font-style: normal; }

.nav-links {
  display: flex; gap: 2px; margin-left: auto;
}
.nav-links a {
  font-size: 13.5px; font-weight: 500;
  color: var(--text-soft); text-decoration: none;
  padding: 8px 14px; border-radius: var(--radius-sm);
  transition: color var(--t-fast), background var(--t-fast);
}
.nav-links a:hover { color: var(--text); background: var(--gray-100); }
.nav-links a.active { color: var(--gold-500); background: var(--gold-50); }

.nav-cta {
  background: var(--gold-500); color: #fff !important;
  border-radius: var(--radius) !important;
  font-weight: 600 !important;
  transition: background var(--t-base), transform var(--t-base), box-shadow var(--t-base) !important;
}
.nav-cta:hover {
  background: var(--gold-600) !important;
  transform: translateY(-1px);
  box-shadow: var(--shadow-gold);
}

.nav-status {
  display: flex; align-items: center; gap: 7px;
  font-size: 12.5px; font-weight: 500; color: var(--text-soft);
  margin-left: 6px;
}
.nav-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #22c55e; flex-shrink: 0;
  animation: pulse 2s ease-in-out infinite;
}

/* ── Mobile nav */
.nav-hamburger {
  display: none;
  background: none; border: none; cursor: pointer;
  padding: 8px; margin-left: auto;
  color: var(--text);
}
.nav-mobile-menu {
  display: none;
  position: fixed; top: var(--nav-h); left: 0; right: 0;
  background: var(--white);
  border-bottom: 1px solid var(--border);
  padding: 12px 20px 20px;
  flex-direction: column; gap: 4px;
  box-shadow: var(--shadow-md);
  z-index: 499;
}
.nav-mobile-menu.open { display: flex; }
.nav-mobile-menu a {
  font-size: 15px; font-weight: 500;
  color: var(--text-soft); text-decoration: none;
  padding: 11px 14px; border-radius: var(--radius);
  transition: color var(--t-fast), background var(--t-fast);
}
.nav-mobile-menu a:hover { color: var(--text); background: var(--gray-100); }
.nav-mobile-menu .btn-primary { margin-top: 8px; justify-content: center; }

@media (max-width: 1024px) {
  #nav { padding: 0 24px; }
  .nav-status { display: none; }
}
@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-hamburger { display: flex; }
}