.carousel-item {
  height: 60vh;
}

.carousel-item .btn {
  margin-top: 15px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1); /* Altera as setas para branco em fundos escuros */
}

/*
 * Additional styling for a video element replacing the carousel on the
 * home page. The video element should have the id `hero-video`.
 * This rule keeps the same 60vh height used by `.carousel-item` so the
 * layout remains consistent when swapping between carousel and video.
 */
#hero-video {
  height: 60vh;
  width: 100%;
  object-fit: cover;
  display: block;
}

/* Container para animações Lottie exibidas no lugar do carrossel */
#hero-animation {
  height: 60vh;
  width: 100%;
}