@media (max-width: 1109px) {
    
      
}

@media (max-width: 985px) {
    .infomacao-header p{
       font-size: 12px;
    }

    .menu-hamburger {
        display: flex;
    }

    .menu-hamburger .bar {
        background: #000;
    }

    .nav-menu {
        position: fixed;
        top: 0px;
        right: -100%;
        height: 100%;
        width: 200px;
        background: #333;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: right 0.3s ease-in-out;
    }

    .nav-menu.open {
        right: 0;
    }

    .nav-menu ul {
        flex-direction: column;
    }

    .nav-menu ul li {
        margin: 20px 0;
    }

    .nav-menu ul li a {
        color: #fff;
    }


    .principal {
        display: flex;    
        flex-direction: column;
    }


    .home {
        padding: 40px 0px;
    }

    .sinais-bateria h2, .produtos h2, .home h2 {
        font-size: 18px;
    }

    
.baterias-trabalho h1 {
    font-size: 23px;
}

.baterias-trabalho h1::before {
    top: -20px;
    width: 80%; /* Ajusta para o tamanho do texto */
}

    .home-box-esquerda p:nth-of-type(2) {
        font-size: 13px;
    }


    .home-box {
        display: flex;
        flex-direction: column;
    }
    
    .home-box-esquerda {
        width: 90%;
    }

    .home-box-esquerda .texto{
        font-size: 14px;
    }
    
    
    .home-box-direita {
        width: 90%;
        margin-top: 30px;
    }
    
    .home-box-direita img {
        width: 550px;
    }


    .baterias-box-car h3 {
        font-size: 16px;
    }

    .sinais-bateria {
        padding: 10px;
    }



    .qualidade {
        padding: 10px;
    }


    .qualidade-box-1 {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .qualidade-texto-1 {
        width: 100%;
    } 
    
    .qualidade-texto-2 {
        width: 100%;
    }

    .qualidade-texto-1 h2 {
        font-size: 13px;
    }

    .qualidade-texto-1 h3 {
        font-size: 20px;
    }

    .qualidade-texto-2 h2 {
        font-size: 15px;
    }


    .faq {
        padding: 0px;
    }

    .faq-box p {
        padding: 10px;
    }
    

    
    .rodape {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
    }

    .rodape p {
        font-size: 12px;
    }

}



@media (max-width: 595px) {
    .swiper {
        height: 150px;
    }


    .swiper-slide img {
        position: relative;
        top: 2px;
        width: 100%;
        height: 150px;
      }

      .swiper-button-next, .swiper-button-prev {
        top: 80px;
    }


    .marquee-img {
        width: 200px; /* ou ajuste conforme necessário */
        margin: 0; /* sem margem entre as imagens */
        margin: 20px;
        padding: 20px;
    }
}



@media (max-width: 491px) {
    .infomacao-header p{
        font-size: 8px;
     }

}