/* Persistent desktop alignment for the main navigation.
   This selector targets the stable header structure, so framework hydration,
   logo replacement and delayed class updates cannot move the menu. */
@media (min-width: 1281px) {
  .site-header > .header-shell > #main-navigation.main-navigation {
    margin-left: clamp(92px, 8.8vw, 124px) !important;
    gap: clamp(34px, 3.25vw, 47px) !important;
  }

  .site-header > .header-shell > #main-navigation.main-navigation > a[href="/contacto"],
  .site-header > .header-shell > #main-navigation.main-navigation > a[href="/en/contact"] {
    margin-left: clamp(12px, 3.5vw, 50px) !important;
  }
}

@media (min-width: 1101px) and (max-width: 1280px) {
  .site-header > .header-shell > #main-navigation.main-navigation {
    margin-left: clamp(52px, 5vw, 64px) !important;
    gap: clamp(20px, 2vw, 30px) !important;
  }

  .site-header > .header-shell > #main-navigation.main-navigation > a[href="/contacto"],
  .site-header > .header-shell > #main-navigation.main-navigation > a[href="/en/contact"] {
    margin-left: 20px !important;
  }
}

@media (max-width: 1100px) {
  .site-header > .header-shell > #main-navigation.main-navigation {
    margin-left: 0 !important;
    gap: 0 !important;
  }

  .site-header > .header-shell > #main-navigation.main-navigation > a[href="/contacto"],
  .site-header > .header-shell > #main-navigation.main-navigation > a[href="/en/contact"] {
    margin-left: 0 !important;
  }
}