/* =========================
   HEADER – AJUSTE FINAL
   ========================= */

/* Barra superior (contacto, login, carrito) */
#header > .header-nav:first-of-type {
  margin-bottom: 0;
}

/* Logo + buscador */
#header .header-top {
  padding: 20px 0;
}

/* =========================
   MENÚ PRINCIPAL ABAJO
   ========================= */

/* SOLO el nav que contiene el menú */
#header .header-nav:has(.top-menu) {
  margin-top: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

/* Menú centrado */
#header .header-nav:has(.top-menu) .top-menu {
  display: flex;
  justify-content: center;
  gap: 28px;
}

/* Items */
#header .header-nav:has(.top-menu) .top-menu > li > a {
  padding: 14px 18px;
  font-weight: 600;
  text-transform: uppercase;
}