.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =====================================================================
   TALENTUM — HEADER PÚBLICO GLOBAL
   CSS complementario (NO reemplaza el JSON, lo complementa)
   Pegar en: Elementor > Ajustes del sitio > CSS personalizado
   o en Apariencia > Personalizar > CSS adicional
   ===================================================================== */

/* ---------------------------------------------------------------------
   1) GRUPO DE MIEMBRO — oculto por defecto hasta conectar YEICO/StreamLMS
   El widget ya trae este estilo en línea (Advanced > Custom CSS del
   contenedor talentum-member-access), se repite aquí como respaldo
   por si el usuario elimina ese control accidentalmente.
--------------------------------------------------------------------- */
.talentum-member-access {
  display: none;
}

/* Cuando YEICO detecte sesión activa, alternar así (referencia futura,
   no activar todavía):
   body.talentum-logged-in .talentum-guest-access { display: none; }
   body.talentum-logged-in .talentum-member-access { display: flex; }
*/

/* ---------------------------------------------------------------------
   2) NAV MENU (Elementor Pro) — estilizar el botón hamburguesa y el
   panel desplegable nativo, que no son elementos independientes del
   JSON sino generados internamente por el widget "nav-menu".
--------------------------------------------------------------------- */
.talentum-public-header__navigation .elementor-menu-toggle {
  color: #F8F8F8;
}
.talentum-public-header__navigation .elementor-menu-toggle:hover {
  color: #C9A24E;
}

/* Panel / dropdown móvil nativo del Nav Menu = "mobile-panel" funcional */
.talentum-public-header__navigation .elementor-nav-menu--dropdown {
  background-color: #0D0D0D !important;
  max-height: 100vh;
  overflow-y: auto;
  border-top: 1px solid #2B2B2B;
}
.talentum-public-header__navigation .elementor-nav-menu--dropdown a {
  font-family: 'Manrope', sans-serif;
  padding: 14px 20px;
  min-height: 44px; /* área táctil accesible */
  display: flex;
  align-items: center;
}
.talentum-public-header__navigation .elementor-nav-menu--dropdown a:hover,
.talentum-public-header__navigation .elementor-nav-menu--dropdown a:focus-visible {
  color: #C9A24E;
  outline: none;
}

/* ---------------------------------------------------------------------
   3) ELEMENTOS "SOLO MÓVIL" DENTRO DEL PANEL DESPLEGABLE
   Ver instrucciones (talentum-header-instrucciones.txt, sección 6) para
   crear estos ítems dentro del mismo menú de WordPress con la clase CSS
   "talentum-mobile-only" asignada desde Apariencia > Menús > pantalla
   de opciones > Clases CSS.
   Estos ítems permanecen ocultos en escritorio/tablet y solo aparecen
   dentro del panel desplegable en móvil, replicando ahí Portal Nacional,
   Internacional, .elementor-kit-6 de país, Iniciar sesión y ÚNETE A LA RED.
--------------------------------------------------------------------- */
.talentum-public-header__navigation .menu-item.talentum-mobile-only {
  display: none;
}
@media (max-width: 1024px) {
  .talentum-public-header__navigation .elementor-nav-menu--dropdown .menu-item.talentum-mobile-only {
    display: flex;
  }
  .talentum-public-header__navigation .elementor-nav-menu--dropdown .menu-item.talentum-mobile-only.talentum-mobile-cta a {
    background-color: #C9A24E;
    color: #0D0D0D;
    font-weight: 700;
    border-radius: 6px;
    margin: 10px 20px;
    justify-content: center;
  }
}

/* ---------------------------------------------------------------------
   4) BREAKPOINT CRÍTICO 1024–1200px
   Refuerzo para evitar que el menú salte a dos líneas antes de que el
   Nav Menu active su propio modo hamburguesa (definido en el widget con
   breakpoint_.elementor-kit-6 = "tablet", es decir, 1024px).
--------------------------------------------------------------------- */
@media (min-width: 1025px) and (max-width: 1200px) {
  .talentum-public-header__navigation .elementor-nav-menu {
    gap: 18px !important;
  }
  .talentum-public-header__main-inner {
    gap: 16px;
  }
}

/* ---------------------------------------------------------------------
   5) STICKY — transición suave y respeto a prefers-reduced-motion
--------------------------------------------------------------------- */
.talentum-public-header {
  transition: min-height 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.talentum-public-header.elementor-sticky--effects {
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}
.talentum-public-header.elementor-sticky--effects .talentum-public-header__main {
  min-height: 64px;
}
@media (prefers-reduced-motion: reduce) {
  .talentum-public-header,
  .talentum-public-header * {
    transition: none !important;
    animation: none !important;
  }
}

/* ---------------------------------------------------------------------
   6) FOCUS VISIBLE — accesibilidad de teclado en toda la cabecera
--------------------------------------------------------------------- */
.talentum-public-header a:focus-visible,
.talentum-public-header button:focus-visible,
.talentum-public-header .elementor-menu-toggle:focus-visible {
  outline: 2px solid #E0C27A;
  outline-offset: 2px;
}

/* ---------------------------------------------------------------------
   7) EVITAR DESBORDAMIENTO HORIZONTAL
--------------------------------------------------------------------- */
.talentum-public-header,
.talentum-public-header * {
  max-width: 100%;
  box-sizing: border-box;
}/* End custom CSS */