.carousel .btn-box .btn {
  min-width: 200px;
  background-color: var(--salon-primary-color);
}

.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #EEE;
  opacity: 0.75;
  transition: opacity 0.3s ease;
}

.carousel-indicators .active {
  opacity: 1;
  background-color: var(--salon-primary-color);
  filter: brightness(85%) saturate(120%) opacity(0.7);
}

.carousel-item {
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.carousel .detail-box {
  color: var(--salon-text-on-primary) !important;
}

.description-fixed {
  min-height: 100px; /* ajuste conforme necessário */
}


@media screen and (min-width: 576px) {
  .carousel-inner.carousel-multiple{
    display: flex;
  }

  .carousel-item.carousel-item-multiple {
    display: block;
    margin-right: 0;
    flex: 0 0 calc(100%/3);
  }
}

.carousel-inner.carousel-multiple{
  padding: 1em;
}