/* Estilos para dispositivos móveis */
@media screen and (max-width: 767px) {
    .fundo-verde {
        font-weight: 800 !important;
    }

    .banner-principal {
        flex-direction: column !important;
        padding: 20px 10px !important;
    }

    @media screen and (max-width: 767px) {
        .banner-conteudo {
            flex-direction: column !important;
            gap: 10px !important;
            max-width: 100% !important;
            padding: 30% 0% 0% 5%;
        }
    }
    section.section-qualidade-conduta .row:before, section.section-qualidade-conduta .row:after {
        DISPLAY: NONE;
    }
    .texto-banner {
        max-width: 100% !important;
        padding: 0 0 10px !important;
    }

    .texto-banner h2 {
        font-size: 24px !important;
        line-height: 32px !important;
        text-align: center !important;
    }

    .texto-banner h2 span {
        padding: 0 1px !important;
    }

    .btn-banner {
        font-size: 18px !important;
        padding: 10px 15px !important;
        text-align: center !important;
    }

    .imagem-banner img {
        border-radius: 5px !important;
    }

    .nossos-clientes-esquerda h2 {
        font-size: 28px !important;
        line-height: 36px !important;
        text-align: center !important;
    }

    .nossos-clientes-esquerda p {
        font-size: 18px !important;
        line-height: 24px !important;
        text-align: center !important;
    }
    
    .nossos-clientes-esquerda .btn {
        font-size: 16px !important;
        line-height: 22px !important;
        padding: 10px 20px 10px 0px !important;
        text-align: center !important;
    }

    .nossos-clientes-direita .depoimento {
        font-size: 18px !important;
        line-height: 24px !important;
        text-align: center !important;
    }

    .nossos-clientes-direita p.autor {
        font-size: 16px !important;
        line-height: 22px !important;
        text-align: center !important;
    }


    
    .banner-oe {
        height: 220px !important;
    }

    .banner-title {
        font-size: 31px !important; 
    }

    .container-tabs ul.tabs.clearfix {
        display: grid !important;
        grid-template-columns: repeat(3, 33%) !important;
        gap: 5px !important;
    }

    .container-tabs .tabs li {
        width: 100% !important;
    }

    .container-tabs .tabs li a {
        font-size: 11px !important;
    }

    section#first-tab-group {
        margin-top: -20% !important;
    }

    .tabgroup .conteudo {
        padding: 20% 1% 0% !important;
    }

    .timeline-item:nth-of-type(odd) .imagem {
        position: absolute;
        left: 0;
        max-width: 530px;
        text-align: right !important;
        display: flex;
        justify-content: flex-end;
    }

    .timeline .timeline-item:nth-child(even) .timeline-content, .timeline .timeline-content {
        float: none;
        margin-top: 45%;
    }
    
    .timeline-item {
        margin-bottom: 0px;
    }


    div#slider-category-blog .swiper-slide .post-content {
        padding: 5%;
        color: white;
    }

    div#slider-category-blog .post-title {
        font-size: 30px;
        line-height: 30px;
        padding: 2%;
    }

    div#slider-category-blog .post-excerpt {
        font-size: 18px;
        line-height: 20px;
    }
    .blog-category-title {
        font-size: 25px;
        line-height: 30px;
        padding: 1% 1%;
    }

    .posts-grid {
        display: contents;
    }

    .tabs.valores{
        display: flex;
        overflow-x: auto; /* Habilita o scroll horizontal */
    }

}