/* Estilos principais do slider */
.meu-banner-slider {
    width: 100%;
    margin: 0 auto;
    opacity: 0; /* Começa invisível para evitar 'flash' de conteúdo sem estilo */
    visibility: hidden;
    transition: opacity 0.5s ease;
}

/* Quando o slider é inicializado pelo slick, ele ganha a classe 'slick-initialized' */
.meu-banner-slider.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.meu-banner-slider .slick-slide img {
    width: 100%;
    height: auto;
    display: block;
}

/* Lógica para mostrar/esconder imagens desktop/mobile */
.meu-banner-slider .banner-mobile {
    display: none;
}

@media (max-width: 768px) {
    .meu-banner-slider .banner-desktop {
        display: none;
    }

    .meu-banner-slider .banner-mobile {
        display: block;
    }
}