/* Banner */

.banner {
    display: flex;
    width: 100%;
}

/* Oculta versão mobile por padrão */
.banner-image.mobile {
    display: none;
}

/* Ajuste para mobile (até 768px) */
@media (max-width: 768px) {
    .banner {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .banner-image.desktop {
        display: none;
    }

    .banner-image.mobile {
        display: block;
    }
}