/* Banner publicitario horizontal responsivo */
.ads-rotation .carousel-inner {
    border-radius: 0.375rem;
}

.ads-rotation .carousel-indicators {
    z-index: 4;
    margin-bottom: 0.5rem;
}

.ads-rotation .carousel-indicators [data-bs-target] {
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 50%;
}

.ads-banner-horizontal .carousel-item > .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.ads-banner-horizontal img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 1;
    object-fit: cover;
}

.ads-banner-horizontal .ads-slide-media {
    overflow: hidden;
    border-radius: 0.375rem;
}

.ads-banner-horizontal .carousel-control-prev,
.ads-banner-horizontal .carousel-control-next {
    z-index: 4;
}

@media (prefers-reduced-motion: reduce) {
    .ads-rotation .carousel-item {
        transition: none;
    }
}