.modal-dialog {
  max-width: 98%; /* quase toda a tela */
}

.modal-content {
  border-radius: 20px;
}

.row.align-items-center {
  min-height: 70vh; /* altura total menor */
}

#main-carousel .splide__slide img {
  width: 100%;
  height: 50vh; /* altura do carrossel menor */
  object-fit: cover;
  border-radius: 10px;
}

.thumbnail-carousel {
  margin-top: 10px;
}

.thumbnail-carousel .splide__slide img {
  height: 70px;
  object-fit: cover;
  border-radius: 6px;
}

.thumbnail-carousel .splide__slide {
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.3s;
}

.thumbnail-carousel .splide__slide.is-active {
  opacity: 1;
  border: 2px solid #007bff;
  border-radius: 10px;
}