/* ==================== CORR EÇÕES DO CAROUSEL DE BANNER ==================== */

/* Ajustes no container do carousel para altura dinâmica */
.simple-banner-carousel {
    height: auto !important;
    /* Altura automática baseada no conteúdo */
    min-height: 250px !important;
    max-height: none !important;
    /* Remove limite de altura */
    aspect-ratio: 16 / 9 !important;
    /* Proporção 16:9 */
    background: #f8f9fa !important;
}

@media (min-width: 768px) {
    .simple-banner-carousel {
        min-height: 400px !important;
        max-height: 600px !important;
        aspect-ratio: 2.8 / 1 !important;
        /* Proporção mais wide para desktop */
    }
}

/* Garantir que as imagens não sejam cortadas */
.simple-carousel-slide img,
.simple-carousel-slide video {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    /* Mostra COMPLETA sem cortar */
    object-position: center !important;
    background: transparent !important;
}

/* Picture element - correção mobile */
.simple-carousel-slide picture {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

.simple-carousel-slide picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Correção para garantir que imagem mobile seja exibida corretamente */
@media (max-width: 767px) {
    .simple-carousel-slide picture source[media="(max-width: 767px)"]+source+img {
        /* Forçar uso da imagem mobile */
        display: block !important;
    }
}

/* Track do carousel - garantir altura 100% */
.simple-carousel-track {
    height: 100% !important;
    min-height: 100% !important;
}

.simple-carousel-slide {
    height: 100% !important;
    min-height: 100% !important;
}