/* Promo Carousel */
#promociones {
  padding-block: 2rem;
}

#promociones .container .row .col-lg-6 img {
  border-radius: 1.5rem 0.25rem 1.5rem 0.25rem;
}

.promo-carousel-item {
  position: relative;
  cursor: pointer;
}

.promo-carousel-item::before {
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  border-radius: 1rem 0.25rem 1rem 0.25rem;
  z-index: 10;
}

.promo-carousel-item img {
  border-radius: 1.5rem 0.25rem 0 0;
}

.promo-carousel-desc {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 7.5%;
  left: 5%;
  max-width: 80%;
  z-index: 20;
}

.promo-carousel-desc h2,
.promo-carousel-desc span {
  color: var(--white);
}

.promo-carousel-desc h2 {
  font-weight: 700;
}

.promo-carousel-desc span {
  font-weight: 500;
}

.promo-carousel-cta {
  color: var(--white);
}

.my-carousel-progress {
  background: inherit;
}

.my-carousel-progress-bar {
  background: var(--terciario);
  height: 0.375rem;
  transition: width 400ms ease;
  width: 0;
}

@media (max-width: 992px) {
  .promo-carousel-desc h2 {
    font-size: 1.25rem;
  }

  .promo-carousel-desc span {
    font-size: .875rem;
  }
}