/* Menú principal */
.main-nav .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  background-color: #003366; /* sustituir por el color real del menú */
}

.main-nav .menu-item {
  position: relative;
}

.main-nav .menu-item > a {
  display: block;
  padding: 12px 20px;
  color: #ffffff; /* sustituir por el color real del texto */
  text-decoration: none;
  font-weight: bold;
}

.main-nav .menu-item > a:hover {
  background-color: #005599; /* sustituir por el color real del hover */
}

/* Submenú */
.main-nav .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #002244; /* sustituir por el fondo real del desplegable */
  min-width: 240px;
  z-index: 1000;
}

.main-nav .submenu li a {
  display: block;
  padding: 10px 16px;
  color: #ffffff; /* color del texto del submenú */
  text-decoration: none;
}

.main-nav .submenu li a:hover {
  background-color: #004477; /* color hover del submenú */
}

/* Al pasar el ratón muestra el submenú */
.main-nav .menu-item:hover .submenu {
  display: block;
}