.container-header {
  background-color: #ffffff !important;
  background-image: none !important;
} 
.container-header .mod-menu a {
  color: #000000 !important;
}
ul.mod-menu {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important; 
  width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
  list-style: none !important;
}
ul.mod-menu li {
  display: inline-block !important;
  float: none !important; 
}
.container-nav, 
.navigation-wrapper,
div[class*="position-"] {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}
.container-nav, 
.navigation-wrapper {
  background-color: #f4f4f4 !important; /* Reemplazá por el color que quieras (ej: #f4f4f4 es gris claro) */
  padding: 9px 0 !important; /* Añade espacio arriba y abajo de las letras */
  width: 100% !important;
}
ul.mod-menu li a {
  color: #000000 !important; /* Color del texto del menú */
  padding: 8px 8px !important; /* Espaciado interno de cada botón */
  text-decoration: none !important;