.destaque-carrossel {
    overflow: hidden;
}

.destaque-carrossel img {
	width: 99vw;
  aspect-ratio: 14 / 7;
  height: auto;
  object-fit: cover;
  object-position: center;
  max-height: 700px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.destaque-carrossel .carousel-inner {
    overflow: visible;
}

.destaque-carrossel .carousel-inner::before {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 50%;
    z-index: 1;
    content: " ";
    background: linear-gradient(0deg, black, transparent);
    transform: translate(-50%);
    width: 99vw;
}

.destaque-carrossel .carousel.slide,
.destaque-carrossel .col-md-12.position-relative {
    padding: 0;
    max-width: 1260px;
    margin: auto;
}

.destaque-carrossel .carousel-caption {
    text-align: left;
    max-width: 900px;
    margin: auto;
    z-index: 2;
}

.destaque-carrossel h3 a {
  font-size: var(--bs-h3-font-size);
  color: inherit;
  text-decoration: none;
}

.destaque-carrossel p {
  font-size: var(--bs-h5-font-size);
}

.destaque-carrossel .carousel-indicators [data-bs-target] {
  max-width: 19px;
  min-height: 19px;
  border-radius: 50%;
  background-color: var(--bs-white);
  opacity: 1;
  border: none;
}

.destaque-carrossel .carousel-indicators [data-bs-target].active {
  background-color: var(--bs-primary);
}

.destaque-carrossel a.carousel-control-next {
	justify-content: flex-end;
}

.destaque-carrossel a.carousel-control-prev {
	justify-content: flex-start;
}

.destaque-carrossel a.carousel-control-next, 
.destaque-carrossel a.carousel-control-prev {

  opacity: 1;
}

.destaque-carrossel .carousel-control-prev-icon,
.destaque-carrossel .carousel-control-next-icon {
	height: 42px;
	width: 42px;
}

/**/
/*Diferentes telas*/
/**/

@media (max-width: 768px){
	.carousel-control-prev {
    left: 15px;
}
.carousel-control-next {
    right: 15px;
}
	.destaque-carrossel h3 a {
  font-size: 12px;
  font-weight:800;
}
.destaque-carrossel p {
    font-size: 10px;
}

.destaque-carrossel .carousel-indicators [data-bs-target] {
    max-width: 6px;
    min-height: 6px;
}
.destaque-carrossel .carousel-control-prev-icon,
.destaque-carrossel .carousel-control-next-icon {
	height: 30px;
	width: 30px;
}

}