/* ================================
   Estilos para Navbar
   ================================ */

.custom-navbar {
  background-color: #f2f2f2;
  transition: background-color 0.3s ease;
  z-index: 999;
}

.navbar-logo {
  height: auto;
  width: 220px;
  object-fit: contain;
  transition: transform 0.3s ease;
}


.navbar-logo:hover {
  transform: scale(1.05);
}


.navbar-brand small {
  font-size: 0.75rem;
  display: block;
}

.navbar-nav .nav-link {
  font-weight: 500;
  color: #014421 !important;
  margin-left: 1rem;
  transition: color 0.2s ease, font-weight 0.2s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: #0a7e3e !important;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 991.98px) {
  .navbar-nav {
    text-align: center;
    margin-top: 1rem;
  }

  .navbar-nav .nav-link {
    margin-left: 0;
    padding: 0.75rem 0;
  }
}

/* Estilo visual claro para la pestaña activa */
.navbar-nav .nav-link.active-link {
  color: #6c757d !important; /* Gris oscuro */
  font-weight: bold;
  position: relative;
}

/* Línea inferior (efecto de subrayado moderno) */
.navbar-nav .nav-link.active-link::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #6c757d;
  border-radius: 2px;
}