/* Container do carrossel */
.carousel-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* Slide do carrossel */
.carousel-slide {
  display: flex;
  align-items: center;
  width: 100%;
  height: 450px;
}

/* Imagem do carrossel */
.carousel-image {
  width: 100%;
  height: 450px;
  object-fit: cover;
  object-position: center;
}

/* Container da imagem (opcional para estilos adicionais) */
.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}

/* Legenda sobreposta no carrossel */
.carousel-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
}

.carousel-caption a {
  text-decoration: none; /* Remove underline */
  color: inherit;       /* Inherits color from parent */
}

/* Texto do Carrossel */
.text-carrossel {
  text-align: center;
  text-decoration: none;
}

/* Setas de navegação do carrossel */
.carousel-arrow {
  border: none;
  /* box-shadow: none; */
  outline: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: white;
  z-index: 100;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 10px;
}

/* Seta de navegação para a esquerda */
.carousel-arrow.left {
  left: 10px;
}

/* Seta de navegação para a direita */
.carousel-arrow.right {
  right: 10px;
}

/* Item do carrossel */
.carousel-item {
  display: none;
  width: 100%;
  height: 100%;
}

/* Item ativo do carrossel */
.carousel-item.active {
  display: flex;
  align-items: center;
}

/* Controles do carrossel */
.carousel-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
}

/* Botões de controle do carrossel */
.carousel-control {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}