/* Menú de arriba igual que en la home (index.php).
   Se carga después del CSS de cada página, así que manda sobre él.
   Para volver al menú anterior: borrar este archivo. */
@media (min-width: 701px) {
  nav .nav-top { max-width: 1400px; margin: 0 auto; padding: 16px clamp(20px, 4vw, 64px); gap: 20px; flex-wrap: nowrap; }
  nav .nav-main { flex: 1; gap: 22px; }
  nav .nav-main > li:first-child { margin-left: auto; }
  nav .nav-main > li:has(> .nav-ahorro) { margin-left: auto; }
}
@media (min-width: 1181px) {
  nav .nav-main { flex-wrap: nowrap; }
}
nav .nav-logo { font-size: 20px; font-weight: 600; letter-spacing: .14em; white-space: nowrap; }
nav .nav-main a { font-size: 12px; letter-spacing: .1em; color: rgba(245,243,238,.62); }
nav .nav-main > li > a { white-space: nowrap; }
nav .nav-main a.nav-ahorro { padding: 15px 30px; font-size: 13px; letter-spacing: .12em; border-radius: 0; border: 1px solid transparent; color: #0a0a0a !important; }

/* todos los enlaces a la misma altura (Soluciones, con su flecha, quedaba 1 px más arriba) */
nav .nav-main > li { display: flex; align-items: center; }
nav .nav-main > li > a { display: inline-flex; align-items: center; line-height: 1; }
nav .nav-has-dropdown > a::after { line-height: 1; }
nav .nav-main > li > a.nav-ahorro { line-height: 1.6; }