/* Correção para problemas de sobreposição do banner no mobile */

/* Garantir que todas as imagens de fundo tenham o mesmo tamanho e posicionamento */
.tj-slider-2-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 600px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    z-index: 1 !important;
   
}

/* Garantir que o container do slide tenha overflow hidden */
.tj-slider-2-height {
    position: relative !important;
    overflow: hidden !important;
}

/* Garantir que o wrapper do swiper tenha overflow hidden */
.tj-slider-2-wrapper {
    position: relative !important;
    overflow: hidden !important;
}

.tj-slider-2-wrapper .swiper-container {
    overflow: hidden !important;
}

.tj-slider-2-wrapper .swiper-wrapper {
    overflow: hidden !important;
}

.tj-slider-2-wrapper .swiper-slide {
    overflow: hidden !important;
    position: relative !important;
}

/* Correções específicas para mobile */
@media only screen and (max-width: 767px) {
    
    .tj-slider-2-bg {
        background-size: 100% !important;
        background-position: center center !important;
        transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        height: 400px !important;
    }
    
    .tj-slider-2-wrapper .swiper-slide.swiper-slide-active .tj-slider-2-bg {
        transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
    }
    
    .tj-slider-2-height {
        min-height: 60vh !important;
        max-height: 300px !important;
    }
}

@media only screen and (max-width: 575px) {
    .tj-slider-2-height {
        min-height: 55vh !important;
        max-height: 300px !important;
    }
    .tj-slider-2-bg {
    
        height: 300px !important;
    }
    .tj-slider-2-area::before {
        height: 300px !important;
    }
}

/* Ajuste: largura 100% e altura proporcional no mobile (proporção 3:1 baseada em 1920x640) */
@media only screen and (max-width: 767px) {
    .tj-slider-2-height {
        width: 100% !important;
        aspect-ratio: 3 / 1 !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }
    .tj-slider-2-wrapper,
    .tj-slider-2-wrapper .swiper-container,
    .tj-slider-2-wrapper .swiper-wrapper,
    .tj-slider-2-wrapper .swiper-slide {
        overflow: hidden !important;
        width: 100% !important;
    }
    .tj-slider-2-bg {
        height: 100% !important;
    }
}