/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


#header-wrap {
  position: fixed;
  height: auto;
  z-index: 299;
  width: 100%;
  background-color: #233240!important;
  border-bottom: 1px solid var(--cnvs-header-border-color);
  transition: height 0.2s ease 0s, background-color 0.3s ease 0s;
  backface-visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  #header-wrap {
    transition: none;
  }
}

/* Estilo para todos los ítems del menú */
.primary-menu .menu-link {
    color: white; /* Color de texto blanco para todos los ítems del menú */
    text-decoration: none; /* Opcional: elimina el subrayado de los enlaces */
}

/* Estilo para ítems de menú activos */
.primary-menu .menu-item.current .menu-link {
    color: #F0F0F0; /* Un blanco más resaltado para ítems activos */
    font-weight: bold; /* Texto en negritas para resaltar */
}


/* Estilo para el estado hover de los ítems del menú */
.primary-menu .menu-link:hover {
    color: green; /* Color verde cuando el cursor pasa sobre el ítem del menú */
}