/* Ajustes específicos para o banner em dispositivos móveis */
@media (max-width: 768px) {
    /* Ajustes para o banner */
    .hero-banner {
        margin-top: 70px !important;
    }

    /* Ajustes para a imagem principal */
    .imagem-principal {
        padding: 0 !important;
    }

    /* Esconder a imagem desktop e mostrar a mobile */
    .imagem-principal img.imagem-desktop {
        display: none !important;
    }

    .imagem-principal img.imagem-mobile {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    /* Esconder as tags br em telas pequenas */
    .hero-banner + br,
    .hero-banner + br + br,
    .hero-banner + br + br + br,
    .hero-banner + br + br + br + br,
    .hero-banner + br + br + br + br + br {
        display: none !important;
    }
}