/* Correções específicas para o banner */
.banner-image {
    background-size: cover !important;
    background-position: center !important;
}

/* Banner Desktop - Alturas aumentadas */
.desktop-banner {
    height: 600px !important;
    max-height: 60vh !important;
    min-height: 450px !important;
}

/* Banner Mobile - Alturas aumentadas */
.mobile-banner {
    height: 500px !important;
    max-height: 70vh !important;
    min-height: 350px !important;
}

/* Media queries para responsive */
@media (max-width: 767.98px) {
    .mobile-banner {
        height: 400px !important;
        max-height: 60vh !important;
        min-height: 300px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .desktop-banner {
        height: 500px !important;
        max-height: 55vh !important;
        min-height: 400px !important;
    }
}

@media (min-width: 1200px) {
    .desktop-banner {
        height: 650px !important;
        max-height: 65vh !important;
        min-height: 500px !important;
    }
}

@media (min-width: 1400px) {
    .desktop-banner {
        height: 700px !important;
        max-height: 70vh !important;
        min-height: 550px !important;
    }
}

@media (max-width: 576px) {
    .mobile-banner {
        height: 350px !important;
        max-height: 55vh !important;
        min-height: 280px !important;
    }
}

@media (orientation: landscape) and (max-height: 576px) {
    .mobile-banner {
        height: 280px !important;
        max-height: 80vh !important;
        min-height: 200px !important;
    }
} 