/* saejee-header-fit.css - Extraido inline de 1.jinja.html (id=saejee-header-fit-pilot).
   CSS estatico compartido por todas las paginas. Solo LEE var(--*-page-color),
   que se inyecta por pagina en #basic-layout (PAGE_COLOR.page_style). NO define colores. */
/* SAEJEE light delivery layer: compact header, stable CTA, reusable intro scale. */
#default-layout header [data-element-type="logo"] {
  flex: 0 0 auto;
  min-width: 0;
}

#default-layout header [data-element-type="logo"] img {
  display: block;
  width: auto;
  max-width: clamp(6.8rem, 28vw, 11rem);
  object-fit: contain;
}

#default-layout header .flex.space-x-2.px-4.py-2 {
  column-gap: 0.5rem !important;
}

#default-layout header .flex.space-x-2.px-4.py-2 > a {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 50%;
}

#default-layout header [data-element-type="cta-secondary"],
#default-layout header [data-ee-pilot-cta-mode="header-programas"],
#default-layout header [data-saejee-nav-link="nosotros"],
#default-layout header [data-saejee-theme-link] {
  min-width: 0 !important;
  white-space: nowrap !important;
  padding-left: clamp(0.35rem, 1.8vw, 0.85rem) !important;
  padding-right: clamp(0.35rem, 1.8vw, 0.85rem) !important;
  font-size: clamp(0.58rem, 2.45vw, 0.75rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

#default-layout header nav > ul {
  min-width: 0;
}

#default-layout header nav > ul > li > a[data-element-type="main-menu-item"] {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

#default-layout header nav > ul > li > a[data-element-type="main-menu-item"] span {
  white-space: nowrap;
}

#default-layout header .order-2.hidden.space-x-2 {
  gap: 0.5rem !important;
  flex: 0 0 auto;
  min-width: 0;
}

#default-layout header .order-2.hidden.space-x-2 > a {
  flex: 0 0 auto;
  min-width: 0 !important;
}

#default-layout .saejee-lux-title {
  font-size: clamp(2.6rem, 5.4vw, 4.85rem) !important;
  line-height: 1.05 !important;
  max-width: 12.8ch !important;
}

@media (max-width: 767px) {
  #default-layout .saejee-lux-title {
    font-size: clamp(2.6rem, 11.5vw, 3.8rem) !important;
    line-height: 1.06 !important;
    max-width: 10.5ch !important;
  }
}

@media (min-width: 768px) {
  #default-layout header [data-element-type="cta-secondary"],
  #default-layout header [data-ee-pilot-cta-mode="header-programas"],
  #default-layout header [data-saejee-nav-link="nosotros"],
  #default-layout header [data-saejee-theme-link] {
    font-size: 0.68rem !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}

@media (min-width: 1280px) {
  #default-layout header [data-element-type="logo"] img {
    max-width: 8.75rem;
  }

  #default-layout header nav > ul > li > a[data-element-type="main-menu-item"] {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  #default-layout header [data-element-type="cta-secondary"],
  #default-layout header [data-ee-pilot-cta-mode="header-programas"],
  #default-layout header [data-saejee-nav-link="nosotros"],
  #default-layout header [data-saejee-theme-link] {
    font-size: 0.72rem !important;
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
  }
}

@media (min-width: 1536px) {
  #default-layout header [data-element-type="logo"] img {
    max-width: 10rem;
  }

  #default-layout header nav > ul > li > a[data-element-type="main-menu-item"] {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  #default-layout header [data-element-type="cta-secondary"],
  #default-layout header [data-ee-pilot-cta-mode="header-programas"],
  #default-layout header [data-saejee-nav-link="nosotros"],
  #default-layout header [data-saejee-theme-link] {
    font-size: 0.76rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}



@media (min-width: 1280px) {
  #default-layout header nav > ul > li > a[data-element-type="main-menu-item"] > span,
  #default-layout header nav > ul > li > a[data-element-type="main-menu-item"] span.flex {
    text-transform: uppercase !important;
  }

  #default-layout header nav > ul > li > a[data-element-label="MBA/Ph.D."] > span,
  #default-layout header nav > ul > li > a[data-element-label="MBA/Ph.D."] span.flex {
    text-transform: none !important;
  }
}

@media (max-width: 1279px) {
  #default-layout header [data-element-type="main-menu-item"] span,
  #default-layout header [data-mobile-root] span,
  #default-layout header .iu-hydration-mobile-list span {
    text-transform: none !important;
  }
}

#default-layout header [data-element-label="MBA/Ph.D."],
#default-layout header [data-element-label="MBA/Ph.D."] span {
  text-transform: none !important;
}

#basic-layout .g-inline-c533412bd1 {
  --default-ui-lib-color: var(--default-page-color) !important;
  --light-ui-lib-color: var(--light-page-color) !important;
  --lighter-ui-lib-color: var(--lighter-page-color) !important;
  --dark-ui-lib-color: var(--dark-page-color) !important;
}

/* 1.jinja.html uses #basic-layout; keep the same header contract as #default-layout. */
#basic-layout {
  color: var(--default-black-color);
}

#basic-layout header [data-element-type="logo"] {
  flex: 0 0 auto;
  min-width: 0;
}

#basic-layout header [data-element-type="logo"] img {
  display: block;
  width: auto;
  max-width: clamp(6.8rem, 28vw, 11rem);
  object-fit: contain;
}

#basic-layout header [data-element-type="cta-secondary"],
#basic-layout header [data-ee-pilot-cta-mode="header-programas"],
#basic-layout header [data-saejee-nav-link="nosotros"],
#basic-layout header [data-saejee-theme-link] {
  min-width: 0 !important;
  white-space: nowrap !important;
  padding-left: clamp(0.35rem, 1.8vw, 0.85rem) !important;
  padding-right: clamp(0.35rem, 1.8vw, 0.85rem) !important;
  font-size: clamp(0.58rem, 2.45vw, 0.75rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

#basic-layout header nav > ul {
  min-width: 0;
}

#basic-layout header nav > ul > li > a[data-element-type="main-menu-item"] {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

#basic-layout header nav > ul > li > a[data-element-type="main-menu-item"] span {
  white-space: nowrap;
}

#basic-layout header .order-2.hidden.space-x-2 {
  gap: 0.5rem !important;
  flex: 0 0 auto;
  min-width: 0;
}

#basic-layout header .order-2.hidden.space-x-2 > a {
  flex: 0 0 auto;
  min-width: 0 !important;
}

#basic-layout .saejee-jump-nav {
  color: var(--jump-navigation-text-color, #111111);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
}

#basic-layout .saejee-jump-nav a {
  color: var(--jump-navigation-text-color, #111111);
  text-decoration: none;
}

#basic-layout .saejee-jump-nav a[data-active="true"] {
  background: var(--jump-navigation-active-bg-color, var(--lighter-page-color));
  color: #111111;
}

#basic-layout .saejee-jump-nav .iu-jump-marker {
  background: var(--jump-navigation-marker-color, var(--footer-page-color, #111111));
}

#basic-layout [component="jump-navigation-anchor"] {
  scroll-margin-top: var(--saejee-sticky-stack-height, 128px);
}

@media (min-width: 768px) {
  #basic-layout header [data-element-type="cta-secondary"],
  #basic-layout header [data-ee-pilot-cta-mode="header-programas"],
  #basic-layout header [data-saejee-nav-link="nosotros"],
  #basic-layout header [data-saejee-theme-link] {
    font-size: 0.68rem !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}

@media (min-width: 1280px) {
  #basic-layout header [data-element-type="logo"] img {
    max-width: 8.75rem;
  }

  #basic-layout header nav > ul > li > a[data-element-type="main-menu-item"] {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  #basic-layout header [data-element-type="cta-secondary"],
  #basic-layout header [data-ee-pilot-cta-mode="header-programas"],
  #basic-layout header [data-saejee-nav-link="nosotros"],
  #basic-layout header [data-saejee-theme-link] {
    font-size: 0.72rem !important;
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
  }

  #basic-layout header nav > ul > li > a[data-element-type="main-menu-item"] > span,
  #basic-layout header nav > ul > li > a[data-element-type="main-menu-item"] span.flex {
    text-transform: uppercase !important;
  }

  #basic-layout header nav > ul > li > a[data-element-label="MBA/Ph.D."] > span,
  #basic-layout header nav > ul > li > a[data-element-label="MBA/Ph.D."] span.flex {
    text-transform: none !important;
  }
}

@media (min-width: 1536px) {
  #basic-layout header [data-element-type="logo"] img {
    max-width: 10rem;
  }

  #basic-layout header nav > ul > li > a[data-element-type="main-menu-item"] {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  #basic-layout header [data-element-type="cta-secondary"],
  #basic-layout header [data-ee-pilot-cta-mode="header-programas"],
  #basic-layout header [data-saejee-nav-link="nosotros"],
  #basic-layout header [data-saejee-theme-link] {
    font-size: 0.76rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (max-width: 1279px) {
  #basic-layout header [data-element-type="main-menu-item"] span,
  #basic-layout header [data-mobile-root] span,
  #basic-layout header .iu-hydration-mobile-list span {
    text-transform: none !important;
  }
}