.banner-active.banner-mobile {
    height: 280px;
}

@media (max-width: 480px) {
    .banner-active.banner-mobile {
        height: 200px;
    }
}

@media (max-width: 589.98px) {
    .banner-active.banner-mobile {
        height: 240px;
    }
}

@media (min-width: 590px) and (max-width: 991.98px) {
    .banner-active.banner-mobile {
        height: 430px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .banner-active.banner-mobile {
        height: 520px;
    }
}

/* Regras para desktop (sem imagem mobile) */
.banner-active.banner-desktop {
    height: 520px;
}

@media (max-width: 480px) {
    .banner-active.banner-desktop {
        height: 350px;
    }
}

@media (max-width: 589.98px) {
    .banner-active.banner-desktop {
        height: 400px;
    }
}

@media (min-width: 590px) and (max-width: 991.98px) {
    .banner-active.banner-desktop {
        height: 480px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .banner-active.banner-desktop {
        height: 520px;
    }
}