/*
 * DYLAN TARÍN — Desktop header normalization
 * The desktop navigation is intentionally locked to the geometry
 * used by each language's homepage. Page-specific CSS cannot alter
 * spacing, font metrics or link widths.
 */
@media (min-width: 769px) {
  header .nav-container {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
  }

  /* Spanish: exact desktop geometry of / */
  html[lang="es"] header .nav-container {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  html[lang="es"] header .nav-links {
    display: flex !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 1.25rem !important;
    margin-left: 2.5rem !important;
    margin-right: 0 !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }
  html[lang="es"] header .nav-links > a {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: .92rem !important;
    letter-spacing: .45px !important;
    padding: .4rem .35rem !important;
  }
  html[lang="es"] header .nav-links > .language-switcher {
    flex: 0 0 auto !important;
    margin-left: .25rem !important;
    margin-right: 0 !important;
  }

  /* English: exact desktop geometry of /en/ */
  html[lang="en"] header .nav-container {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  html[lang="en"] header .nav-links {
    display: flex !important;
    flex: 0 1 auto !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 2rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }
  html[lang="en"] header .nav-links > a {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: .92rem !important;
    letter-spacing: -.5px !important;
    padding: .5rem !important;
  }
  html[lang="en"] header .nav-links > .language-switcher {
    flex: 0 0 auto !important;
    margin-left: .25rem !important;
    margin-right: 0 !important;
  }

  /* Keep the CTA and language control in the same order as the homepages. */
  header .nav-links > .btn-accent {
    order: 1 !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  header .nav-links > .language-switcher {
    order: 2 !important;
  }
}