.elementor-kit-1193{--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:"Helvetica";--e-global-typography-primary-font-weight:500;--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-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-1193{--e-global-typography-primary-font-size:22px;}.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 */:root {
  --theme-palette-color-1: #0d1e35 !important;
  --theme-palette-color-2: #1a3050 !important;
  --theme-palette-color-5: #0d1e35 !important;
  --theme-palette-color-6: #2d3748 !important;
  --theme-palette-color-7: #4a5568 !important;
  --e-global-color-accent: #0d1e35 !important;
  --e-global-color-primary: #0d1e35 !important;
}
.elementor-flip-box__front .elementor-flip-box__layer__title {
  color: #0d1e35 !important;
}
/* Footer background */
.elementor-1518 .elementor-element-8941522,
.elementor-location-footer > .elementor-section-wrap > .e-con,
.elementor-location-footer .e-con:first-child {
  background-color: #133453 !important;
}

/* ---- NAVAK Services Ticker ---- */
.navak-services-ticker-wrap { margin: 14px 0 4px; }
.navak-services-label {
  font-size: 10px !important;
  letter-spacing: 3px !important;
  color: rgba(255,255,255,0.5) !important;
  margin-bottom: 10px !important;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
}
.navak-ticker-outer {
  overflow: hidden;
  height: 30px;
  border-top: 1px dashed rgba(255,255,255,0.35);
  border-bottom: 1px dashed rgba(255,255,255,0.35);
  padding: 3px 0;
}
.navak-ticker-track {
  display: flex;
  flex-direction: column;
  animation: navakTick 14s ease-in-out infinite;
}
.navak-ticker-item {
  height: 30px;
  line-height: 30px;
  color: rgba(255,255,255,0.85) !important;
  font-size: 11px !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
}
@keyframes navakTick {
  0%,  20% { transform: translateY(0px); }
  25%, 45% { transform: translateY(-30px); }
  50%, 70% { transform: translateY(-60px); }
  75%, 95% { transform: translateY(-90px); }
  100%     { transform: translateY(0px); }
}

/* =========================================================
   NAVAK · Menú principal: imagen de portada al pasar el ratón
   ========================================================= */
:root {
  --navak-menu-inicio:          url("https://navakintelligence.com/wp-content/uploads/2026/10/image-1791675035369.jpg");
  --navak-menu-servicios:       url("https://navakintelligence.com/wp-content/uploads/2026/09/IMAGE-1-scaled.png");
  --navak-menu-unete:           url("https://navakintelligence.com/wp-content/uploads/2026/09/SERVICIOS-2-scaled.png");
  --navak-menu-investigaciones: url("https://navakintelligence.com/wp-content/uploads/2026/09/FONDO-INVESTIGACIONES-scaled.png");
  --navak-menu-contacto:        url("https://navakintelligence.com/wp-content/uploads/2026/10/man-calling-spy-scaled.png");
}

@media (hover: hover) and (min-width: 768px) {

  /* El fondo negro del menú queda debajo de las imágenes */
  .ue_inner_menu {
    position: relative;
    z-index: 0;
  }
  /* Para que la imagen ocupe toda la pantalla y no solo la caja de los enlaces */
  .ue_inner_menu .ue_inner_menu-box {
    transform: none !important;
  }

  /* Una capa de imagen por cada opción, oculta hasta pasar el ratón */
  .ue_inner_menu .uc-list-menu > li::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: saturate(0.5) brightness(0.55);
    opacity: 0;
    transform: scale(1.05);
    pointer-events: none;
    transition:
      opacity 0.8s cubic-bezier(0.15, 1, 0.3, 1),
      transform 1.6s cubic-bezier(0.15, 1, 0.3, 1);
  }

  /* Qué imagen corresponde a cada página (se detecta por el enlace) */
  .ue_inner_menu .uc-list-menu > li:has(> a[href$="navakintelligence.com/"])::before { background-image: var(--navak-menu-inicio); }
  .ue_inner_menu .uc-list-menu > li:has(> a[href*="/blog"])::before                { background-image: var(--navak-menu-investigaciones); }
  .ue_inner_menu .uc-list-menu > li:has(> a[href*="/servicios"])::before           { background-image: var(--navak-menu-servicios); }
  .ue_inner_menu .uc-list-menu > li:has(> a[href*="/unete"])::before               { background-image: var(--navak-menu-unete); }
  .ue_inner_menu .uc-list-menu > li:has(> a[href*="/contacto"])::before            { background-image: var(--navak-menu-contacto); }

  /* Refuerzo por ID del menú (funciona aunque cambie el enlace) */
  .ue_inner_menu .uc-list-menu > li.menu-item-6809::before { background-image: var(--navak-menu-investigaciones) !important; }
  .ue_inner_menu .uc-list-menu > li.menu-item-7193::before { background-image: var(--navak-menu-contacto) !important; }

  /* La foto de Contacto es muy oscura: se aclara solo esa */
  .ue_inner_menu .uc-list-menu > li.menu-item-7193::before,
  .ue_inner_menu .uc-list-menu > li:has(> a[href*="/contacto"])::before {
    filter: saturate(0.6) brightness(1.05) !important;
  }

  /* Al pasar el ratón: aparece la portada con un zoom suave hacia atrás */
  .ue_inner_menu .uc-list-menu > li:hover::before {
    opacity: 1;
    transform: scale(1);
  }

  /* Texto siempre blanco y a 400; las demás opciones se atenúan */
  .ue_inner_menu .uc-list-menu > li > a,
  .ue_inner_menu .uc-list-menu > li > a:hover,
  .ue_inner_menu .uc-list-menu > li > a:focus {
    color: #ffffff !important;
    font-weight: 400 !important;
    transition: opacity 0.5s ease;
  }
  .ue_inner_menu .uc-list-menu:has(> li:hover) > li:not(:hover) > a {
    opacity: 0.4;
  }
  .ue_inner_menu .uc-list-menu > li:hover > a {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ue_inner_menu .uc-list-menu > li::before { transition: opacity 0.3s ease; transform: none; }
}/* End custom CSS */