#headerImage {
   max-height: clamp(70px, 25vw, 150px);
}

.title-special {
   font-size: clamp(20px, 3vw, 30px);
   color: #e6d194;
}

.text-gral {
   font-size: clamp(14px, 2vw, 22px);
}

.img-discreta {
   opacity: 0.7;
   max-height: 100px;
}

.img-llamativa {
   border: 3px solid #611232;
   max-height: 100px;
   box-shadow: 0 0 10px #611232;
}

#mainCarousel .carousel-indicators {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   margin: 0;
   z-index: 2;
}

#mainCarousel .carousel-indicators button {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #9b2247;
   border: none;
   margin: 0 6px;
   opacity: 0.5;
   transition: opacity 0.3s;
}

#mainCarousel .carousel-indicators .active {
   opacity: 1;
   background-color: #611232;
}

.banner-img {
   max-height: clamp(200px, 30vw, 400px);
}