/* Banner slider restaurado */
#banner-slider {
    position: relative;
    width: 100%;
    height: 255px;
    overflow: hidden;
    background: transparent;
}

#banner-slider .banner-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity .8s ease-in-out;
    pointer-events: none;
}

#banner-slider .banner-img.active {
    opacity: 1;
    z-index: 2;
}

@media (max-width: 991.98px) {
    #banner-slider {
        height: 170px;
    }
}

@media (max-width: 575.98px) {
    #banner-slider {
        height: 120px;
    }
}