/* styles.css */

.carousel-item img {
  height: 500px;
  object-fit: cover;
}

.navbar-brand {
  font-size: 1.8em;
  font-weight: bold;
  color: #ffffff;
}

footer {
  background-color: #0056b3;
  color: #ffffff;
  padding: 20px;
}

.carousel-indicators [data-bs-target] {
  background-color: #0056b3;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(0,0,0,0.5);
  border-radius: 50%;
}

/* Menú */
.navbar {
  padding: 10px;
}

.navbar .nav-link {
  color: #ffffff; /* Ajusta el color de las opciones del menú a blanco */
  margin-right: 20px; /* Aumenta el espacio entre las opciones del menú */
}

.navbar .dropdown-menu {
  background-color: #007bff; /* Fondo del dropdown */
  padding: 10px;
  border-radius: 8px;
}

.dropdown-item {
  color: #ffffff; /* Color de texto en las opciones del dropdown */
}

.dropdown-item:hover {
  background-color: #0056b3; /* Cambia el color al pasar el mouse */
}

/* Estilos para submenús y espaciado */
.navbar-nav .nav-item {
  margin-right: 20px; /* Aumenta el espacio entre cada menú desplegable */
}

.navbar .navbar-collapse {
  display: flex;
  justify-content: space-between; /* Distribuye los elementos en extremos */
  align-items: center;
}


.menu-desktop {
  display: block;
}

.menu-mobile {
  display: none;
}

/* Mostrar solo el menú de móviles en pantallas pequeñas */
@media (max-width: 768px) {
  .menu-desktop {
    display: none;
  }

  .menu-mobile {
    display: block;
  }
}