/* Carrousel botones personalizados */
.custom-carousel-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 50px;
  height: 50px;
  background-color: #4DA8F4;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.3s ease;
  cursor: pointer;
  color: white; /* Color del ícono */
  font-size: 20px; /* Tamaño del ícono */
}

/* Indicador activo más intenso */
.carousel-indicators .active {
  width: 12px !important;
  height: 12px !important;
  background-color: #266FB6 !important;
}

.nav-link.active {
    background-color: #0F2A5B !important;
    color: white !important;
}

.login-principal {
  background: #0F2A5B !important;
}