/* ==========================================================================
   Slider Responsivo — Styles
   ========================================================================== */

/* ---- Container ---- */
.msr-slider-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.msr-slider-wrapper .swiper {
    width: 100%;
    height: auto;
}

/* ---- Slide ---- */
.msr-slider-wrapper .custom-slide {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.msr-slider-wrapper .slide-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

/* ---- Responsive image toggle ---- */
.msr-slider-wrapper .slide-img-mobile {
    display: none;
}

@media (max-width: 767px) {
    .msr-slider-wrapper .slide-img-desktop {
        display: none;
    }

    .msr-slider-wrapper .slide-img-mobile {
        display: block;
    }
}

/* ---- Navigation arrows ---- */
.msr-slider-wrapper .swiper-button-next,
.msr-slider-wrapper .swiper-button-prev {
    color: #ffffff;
    transition: opacity 0.25s ease;
}

.msr-slider-wrapper .swiper-button-next:hover,
.msr-slider-wrapper .swiper-button-prev:hover {
    opacity: 0.75;
}

/* ---- Pagination dots ---- */
.msr-slider-wrapper .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.5;
    transition: opacity 0.25s ease;
}

.msr-slider-wrapper .swiper-pagination-bullet-active {
    opacity: 1;
}

/* ---- Hide helpers when not needed ---- */
.msr-slider-wrapper.nav-none .swiper-button-next,
.msr-slider-wrapper.nav-none .swiper-button-prev,
.msr-slider-wrapper.nav-none .swiper-pagination {
    display: none;
}

.msr-slider-wrapper.nav-arrows .swiper-pagination {
    display: none;
}

.msr-slider-wrapper.nav-dots .swiper-button-next,
.msr-slider-wrapper.nav-dots .swiper-button-prev {
    display: none;
}