/* Fondo para la sección de servicios */
.bk-service-area {
  background-color: #020202 !important;
}

/* Extender el fondo oscuro a secciones adyacentes */
.bk-about-area {
	background-color: #020202 !important;
  }
.bk-brand-area {
  background-color: #f4f0f0 !important;
}
/*********************************************************************************

	Template Name: Template Full Name Here
	Description: A perfect template to build beautiful and unique medical websites. It comes with nice and clean design.
	Version: 1.0

	Note: This is custom css.

**********************************************************************************/

/* Espacio vertical entre botones del menú principal y menú móvil */
ul.mainmenu > li, ul.menulist > li {
  margin-bottom: 22px;
}
ul.mainmenu > li:last-child, ul.menulist > li:last-child {
  margin-bottom: 0;
}

/* --- MENÚ HORIZONTAL CENTRADO Y SEPARADO PRINCIPAL --- */
ul.mainmenu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px; /* Espacio horizontal entre items */
  padding-left: 0 !important;
  padding-right: 0 !important;
}
ul.mainmenu > li {
  margin: 0 !important; /* Elimina margen vertical extra */
}