@media screen and (max-width: 768px) {
    body{
        margin-top: 100px;
    }

    html, body {
        overflow-x: hidden;
        position: relative; 
    }
    .mobile-hidden{
        display: none;
    }
    .desktop-hidden{
        display: block;
    }
    .menu-inicial{
        display: none;
    }
    div, section{
        /* overflow-x: hidden; */
    }
    .menu-secundario{
        top: 0!important;
    }
    .menu-mobile{
        right: -120%;
    }
    .menu-mobile.menu-aberto{
        width: 100%;
    }
    .menu-footer{
        margin: 60px 0;
    }
    footer{
        text-align: center;
    }
    footer .fale-conosco{
        margin: 40px auto 0;
    }
    footer .menu-footer > .flex{
        justify-content: center;
    }
    footer .copy {
        font-size: 15px;
        margin-top: 80px;
    }
    .coluna-45, .coluna-40 {
        width: 100%;
    }
    .diagrama{
        display: none;
        transform: scale(0.8) !important;
        transform-origin: top center;
        width: 125%;
        margin-left: -12.5%;
    }
    .menu .fale-conosco a{
        font-size: 22px;
        padding: 15px 20px 11px;
    }
    .coluna-menu > .fale-conosco{
        display: none;
    }
    .bg-amarelo {
        padding: 50px 0;
    }

    .meio h2 {
        font-size: 18px;
    }

    .meio p {
        font-size: 16px;
    }
    .bg-escuro{
        padding: 50px 0;
    }
    /* .bg-escuro .meio p{
        font-size: 16px;
    } */
    .bg-cinza-escuro {
        padding: 50px 0;
    }

    .jornada .uma {
        padding: 50px 0 ;
    }

    .jornada .uma h2 {
        font-size: 18px;
        padding-top: 0;
    }

    .jornada .uma p {
        font-size: 14px;
    }

    .marca { 
        background-size: cover;
        flex-direction: column;
        gap: 20px;
        padding: 25px;
    }

    .marca .coluna-45 h3 {
        font-size: 18px;
    }

    .marca .coluna-45 p {
        font-size: 14px;
    }

    .marca img {
        width: 40px;

    }

    .titulo {
        text-align: center;
    }

    .segmentos {
        flex-direction: column;
    }

    .um, .dois, .tres {
        text-align: center;
        font-size: 18px;
    }

    .icp {
        font-size: 16px;
    }

    .processo-um, .processo-dois, .proposta {
        padding: 50px 10px;
    }

    .coluna-80 {
        width: 90%;
    }

    .proposta {
        background-size: cover;
    }

    .proposta .grid {
        grid-template-columns: 1fr;
    }

    .proposta .coluna-80 {
        font-size: 18px;
    }

    .frentes {
        display: flex;
        padding-top: 40px;
        gap: 20px;
        flex-direction: column;
    }

    .clientes {
        padding: 50px 0;
    
    }

    .depoimentos h2 {
        color: var(--cinza-escuro);
        font-size: 28px;
        text-align: center;
    }

    .box-depoimento img {
        width: 45px;
        margin: 20px 10px 20px;
    }

    .metodo {
        padding: 0!important;
    }
    .pmf{
        text-align: center;
    }
    .metodologia {
        background-color: var(--cinza-chumbo);
        border-radius: 20px;
        padding: 50px 0px;
        width: 100%;
    }
    

    .metodologia .container {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .metodologia .titulo {
        margin-bottom: 20px;
    }

    .metodologia h2 {
        width: 100%;
        font-size: 18px;
        text-align: center;
    }

    .box-metodo {
        margin: 40px 0;
    }

    .box:nth-child(odd), .box:nth-child(even) {
        padding: 60px 20px;
        font-size: 16px;
    }

    .efeito {
        padding: 50px 0;
    }

    .efeito h2 {
        font-size: 28px;
    }

    .grid-efeito {
        padding: 20px 0;
        gap: 20px;
    }

    .box-efeito {
        width: 100%;
        ;
    }

    .ajuda, .agendar {
        padding: 60px 0;
    }

    .ajuda h3, .agendar h3 {
        font-size: 24px;
    }

    .ajuda p, .agendar p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .ajuda a, .agendar a {
        font-size: 18px;
    }


    /* SOBRE NOS */

    .natureza {
        text-align: center;
    }

    .numeros-competencias {
        padding: 60px 0;
        flex-direction: column;
    }

    .numeros-competencias .coluna-48:nth-child(1) { order: 1; } /* Era 1, continua 1 */
    .numeros-competencias .coluna-48:nth-child(2) { order: 4; } /* Era 2, vira o terceiro (baixo do 1) */
    .numeros-competencias .coluna-48:nth-child(3) { order: 2; } /* Era 3, vira o quinto (baixo do 2) */

    .numeros-competencias .coluna-48:nth-child(4) { order: 5; } /* Era 4, vira o segundo (topo da col 2) */
    .numeros-competencias .coluna-48:nth-child(5) { order: 3; } /* Era 5, vira o quarto (meio da col 2) */
    .numeros-competencias .coluna-48:nth-child(6) { order: 6; } /* Era 6, continua 6 */
    .coluna-47, .coluna-48, .coluna-30, .coluna-40, .coluna-50 {
        width: 100%;
    }

    .mais-de h2 {
        font-size: 28px;
    }

    .mais-de .flex {
        flex-direction: column;
        gap:20px
    }

    .na-coletivo h2 {
        font-size: 22px;
        line-height: normal;
        margin-bottom: 40px;
    }

    .na-coletivo p {
        font-size: 18px;
        color: var(--cinza-escuro);
        line-height: normal;
    }

    .na-coletivo a {
        font-size: 18px;
    }

    .logos-grid {
        justify-content: center;
        flex-direction: column;
        gap: 20px;
    }

    .parceiros h3 {
        text-align: center;
    }

    /* METODOLOGIA */

    .visao h2 {
        font-size: 28px;
        text-align: center;
        margin-bottom: 40px;
    }

    .visao .flex { 
        justify-content: center;
    }

    .bg-cinza-claro {
        padding: 50px 0;
    }
    
    .jornada h2 {
        font-size: 25px;
        padding: 60px 0;
    }

    .jornada .coluna-100 {
        padding: 20px;
    }

    .jornada .coluna-100 p {
        font-size: 14px;
    }

    .tempo { 
        flex-direction: column;
        padding: 0;
    }
    
    .box-tempo {
        width: 100%;
    }

    .passado::after, .presente::after{
        display: none;
    }

    .presente,.futuro  {
        margin-left: 0;
    }

    .saiba h3 {
        font-size: 24px;
    }

    .saiba a {
        font-size: 18px;
    }


    /* SOLUCOES */


    .diagnosticos {
        font-size: 20px;
        width: 100%;
    }

    .box-amarelo{
        height: fit-content;
    }

    .text-box {
        height: fit-content;
    }

    .linha-depoimento { 
        flex-direction: column;
    }

    .secao-case .container {
        padding: 0;
    }

    .linha-detalhes {
        flex-direction: column;
    }

    /* ARTIGOS */


    .coluna-60 {
        width: 100%;
    }

    .banner-artigos h1 {
        font-size: 24px;
    }
    .banner-artigos{
        background-attachment:scroll;
    }
    .categorias {
        padding: 60px 0;
    }

    .category-filters button {
        width: 100%;
    }

    /* ARTIGOS INTERNO */

    .banner-posts {
        padding: 150px 40px;
    }
    
    .banner-posts h1 {
        font-size: 28px;
    }

    .post-content img {
        max-width: 100% !important;
        height: auto !important;
        display: block;
        margin: 0 auto; 
    }

    .flex-content {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 60px 40px;
        max-width: 100%;
    }

    .flex-content .wp-caption {
        width: 100%!important;
    }

    .flex-content p {
        font-size: 18px;
        color: var(--cinza-chumbo);
    }

    /* FALE CONOSCO */

    .fale {
        padding: 80px 40px;
        background-color: var(--amarelo);
    }
   
    .fale h1 {
        font-size: 30px;
        margin-bottom: 40px;
    }

    .box-formulario {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    /* BANNER PADRAO */

    .banner h1{
        font-size: 28px;
    }
    .banner{
        height:fit-content;
        padding: 60px 0;
    }
    .video-banner{
        height: fit-content!important;
        padding-top: 10px;
        position: relative;
    }
    .video-banner video{
        width: 100%;
        margin: 0;
    }
    .banner-efeito{
        height:fit-content!important;
        padding: 60px 0;
    }
    .banner-efeito h2{
        font-size: 28px;
    }
    .menu-mobile{
        padding-left: 40px;
        padding-right: 40px;
    }

    /* ARTIGOS */

    .categorias h2{
        font-size: 24px;
    }
}