/* Estilos gerais do carrossel */
.carousel-item {
  transition: transform .6s ease-in-out;
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity .6s ease-in-out;
}

.carousel-fade .carousel-item.active {
  opacity: 1;
}

/* Indicadores do carrossel */
.carousel-indicators {
  bottom: -40px;
}

.carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 5px;
  background-color: #ccc;
}

.carousel-indicators button.active {
  background-color: #666;
}

/* Botões de navegação */
#referencesCarousel .btn {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.reference-section:hover #referencesCarousel .btn {
  opacity: 1;
}

/* Responsividade */
@media (max-width: 768px) {
  .carousel-control-prev.btn,
  .carousel-control-next.btn {
    position: absolute;
    width: 2.5rem !important;
    height: 2.5rem !important;
  }
  
  .carousel-control-prev.btn {
    left: 10px !important;
  }
  
  .carousel-control-next.btn {
    right: 10px !important;
  }
}

/* Estilos adicionais */
.cover {
  border-radius: 10px;
}