/* Colores base de los links */
.navbar .nav-link {
  color: #2c3e50;
}
.navbar .nav-link:hover {
  color: #1f2d3d;
  text-decoration: none;
}

/* Estilo de los pills activos (legible sobre fondo claro) */
.navbar .nav-pills .nav-link.active,
.navbar .nav-pills .show > .nav-link {
  background-color: #dfe3e8; /* gris suave */
  color: #2c3e50;            /* texto oscuro legible */
}

/* Mejor foco/hover en el activo */
.navbar .nav-pills .nav-link.active:hover {
  background-color: #cfd5dc;
  color: #2c3e50;
}