@media screen and (max-width: 957px) {
    .principal-texto {
        width: 60%;
    }

    .principal-img img {
        object-position: 40%;        
    }

    .diferencial {
        padding: 30px;
    }

    .sobre-nos-texto {
        position: absolute;
        left: 10%;
        width: 60%;
        /* height: 100vh; */
        z-index: 2;
        color: var(--color-2);
        
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: start;
        padding: 40px;
      }

      .processo-lados {
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 20px 30px;
      }

      .processo-container {
        padding: 30px 50px;
        gap: 50px;
      }

      .processo-direita, .processo-esquerda {
        flex: 0;
      }


      .sobre-nos-texto-box {
        padding: 10px;
    }

    
} 
/* max-width: 957px */

@media screen and (max-width: 752px) {
    .principal-img img {
        object-position: 50%;        
    }


    .area-atuacao-box {
        width: 100%;
    }


    .area-atuacao .btn {
        margin: 0 auto;
        width: 250px;
    }

    .atendimento {
        padding: 20px;
    }

    .atendimento .btn {
        width: 250px;
    }

    .atendimento-vazio, .atendimento-texto {
        flex: 1 1 200px;
      }

      .rodape-box {
        flex-direction: column;
        align-items: center;
        gap: 35px;
        padding-bottom: 30px;
      }

} 
/* max-width: 752px */


@media screen and (max-width: 508px) {
    .principal-texto {
        top: 35px;
        left: 0;
        padding: 0 20px;
        width: 100%;
    }
    
    .principal-texto > img {
        width: 150px;
        height: auto;
    }

    .principal-texto h1 {
        font-size: 1.5rem;
        padding-bottom: 35px;
    }

    .localizacao {
        padding: 25px 0;
        gap: 1px;
    }

    .localizacao p {
        font-size: 1.1rem;
    }

    .btn {
        margin: 0 auto;
        width: 50%;
        height: 40px;
    }


    .fundo-img-principal {
        display: none;
    }

    .fundo-img-responsivo {
        display: inline-block;
        width: 100%;
        height: 100vh;
        object-fit: cover;
        object-position: 30%;
      }

      .sobre-nos-pc {
        display: none;
      }

      .sobre-nos-responsivo {
        display: inline-block;
      }

      .sobre-nos-texto {
        left: 0;
        width: 100%;
        padding: 20px;
      }

      .sobre-nos-img {
        height: 1000px;
    }

      .sobre-nos-img img {
        width: 100%;
        height: 1000px;
    }

    .atendimento {
        padding: 20px;
      }

      .atendimento-vazio, .atendimento-texto {
        flex: 0 0 10%;
        width: 100%;
      }

      .faq {
        padding: 15px;
      }


      .rodape-final {
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
   

}