/* Estilos personalizados para el menú de navegación */

/* Colores de los pills */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills-mobile .nav-link.active {
  background-color: #E53935;
  color: white;
  font-weight: bold;
}

/* Color en hover para los pills */
.nav-pills .nav-link:hover,
.nav-pills-mobile .nav-link:hover {
  background-color: rgba(229, 57, 53, 0.1);
  font-weight: bold;
}

/* Color base para todos los enlaces del menú */
.nav-pills .nav-link,
.nav-pills-mobile .nav-link {
  color: white;
}

/* Mejorar la apariencia de los dropdowns del menú de pills */
.nav-pills .dropdown-menu,
.nav-pills-mobile .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #dee2e6;
}

/* Mantener el color del tema en los elementos activos de dropdowns */
.dropdown-item.active, 
.dropdown-item:active {
  background-color: #E53935;
  color: white;
}

/* Estilo para los elementos activos del menú */
.nav-pills .nav-link,
.nav-pills-mobile .nav-link {
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
}

/* Espaciado entre los elementos del menú */
.nav-pills .nav-item,
.nav-pills-mobile .nav-item {
  margin-right: 0.25rem;
}

/* Ajustes para el dropdown toggle */
.nav-pills .dropdown-toggle::after,
.nav-pills-mobile .dropdown-toggle::after {
  vertical-align: middle;
}

/* Estilos específicos para móvil */
@media (max-width: 991.98px) {
  /* Ajustes para menú móvil */
  .navbar-collapse {
    max-height: 85vh;
    overflow-y: auto;
  }
  
  /* Estilo para los elementos del menú en móvil */
  .nav-pills-mobile .nav-link {
    border-radius: 0;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  /* Ajuste para dropdowns en móvil */
  .nav-pills-mobile .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
    padding-left: 1rem;
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    box-shadow: none;
  }
  
  .nav-pills-mobile .dropdown-item {
    color: white;
    padding: 0.75rem 1rem;
    white-space: normal;
  }
  
  .nav-pills-mobile .dropdown-item:hover {
    background-color: rgba(229, 57, 53, 0.2);
  }
  
  /* Mejora para dropdown toggle en móvil */
  .nav-pills-mobile .dropdown-toggle::after {
    float: right;
    margin-top: 0.5rem;
  }
  
  /* Separador para menú móvil */
  .nav-item-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}