.navbar {
  background: linear-gradient(90deg, #d6f5d6, #f8fff8);
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.nav-link {
  color: #198754 !important;
  font-weight: 500;
}

.nav-link.active {
  background-color: #198754;
  color: white !important;
  border-radius: 5px;
  padding: 6px 12px;
}


.carousel img {
  width: 100%;
  height: 68vh; /* 45% de la altura del viewport */
  min-height: 300px;
  max-height: 600px;
  object-fit: cover;
}

.bg-light {
  background-color: #f6fbf6 !important;
  border-left: 4px solid #198754;
}