/* ==============================================
   ACRZ Studio – Lightweight Slider Replacement
   Replaces Revolution Slider with pure CSS/JS
   ============================================== */

/* Wrapper – compensar header fijo */
div.tzslider {
    margin-top: 52px;
}

div.rev_slider_wrapper.fullscreen-container {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
}

div.rev_slider.fullscreenbanner {
    position: relative !important;
    width: 100% !important;
    height: 75vh !important;
    min-height: 400px !important;
    overflow: hidden !important;
}

div.rev_slider.fullscreenbanner > ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

div.rev_slider.fullscreenbanner > ul > li {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    transition: opacity 1.2s ease-in-out !important;
    z-index: 0 !important;
    list-style: none !important;
    display: block !important;
    float: none !important;
}

div.rev_slider.fullscreenbanner > ul > li.acrz-active {
    opacity: 1 !important;
    z-index: 1 !important;
}

div.rev_slider.fullscreenbanner > ul > li > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}

/* Responsive */
@media (max-width: 768px) {
    div.tzslider {
        margin-top: 46px;
    }
    div.rev_slider.fullscreenbanner {
        height: 50vh !important;
        min-height: 250px !important;
    }
}

@media (max-width: 480px) {
    div.rev_slider.fullscreenbanner {
        height: 40vh !important;
        min-height: 200px !important;
    }
}