@media (max-width: 1550px) {
    .servicos .cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .servicos .card {
        height: auto;
        min-height: 280px;
    }
}



@media (max-width: 1200px) {
    header nav {
        column-gap: 23px;
        margin-left: 20px;
    }
}

@media (max-width: 1000px) {
    header {
        justify-content: space-between;
        height: 80px;
        padding: 0 20px;
    }

    header .logo {
        width: 180px;
        height: auto;
        margin: 0;
    }

    header nav {
        display: none;
    }

    .bt_menu_mobile {
        display: flex;
    }

    .banner {
        margin-top: 80px;
    }

    .imagem-background .pessoa {
        right: -144px;
        width: 93vw;
        height: auto;
    }

    .imagem-background .logo-maior {
        right: -160px;
        width: 122%;
        height: auto;
    }

    .banner-inferior .cards-banner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: -80px auto 20px;
        gap: 20px;
    }

    .banner .texto {
        justify-content: flex-start;
        margin-top: 30px;
    }

    .banner-inferior .logo {
        top: 25px;
    }

    .quem-somos {
        margin-top: 30px;
    }

    .quem-somos .centro {
        flex-direction: column;
    }

    .quem-somos .titulo {
        margin: 0 auto 20px auto;
    }

    .quem-somos .texto {
        text-align: justify;
    }

    .lista-diferenciais {
        gap: 15px;
    }

    .lista-diferenciais p {
        font-size: 15px;
        line-height: 20px;
    }

    .quem-somos .mask-img {
        display: none;
    }

    .frase-destaque h2 {
        margin-bottom: 40px;
        text-align: center;
    }

    .frase-destaque__titulo {
        margin-bottom: 40px;
        text-align: center;
    }

    .servicos .cards {
        grid-template-columns: 1fr;
        margin-bottom: 40px;
        gap: 20px;
    }

    .servicos .card {
        width: 100%;
    }

    .como-funciona .conteudo {
        row-gap: 20px;
        margin-bottom: 30px;
    }

    .como-funciona .passo {
        grid-template-columns: 40px 1fr;
        column-gap: 20px;
    }

    .como-funciona .circulo {
        grid-column: 1;
    }

    .como-funciona .passo::before {
        bottom: -80px;
        left: 20px;
    }

    .como-funciona .passo:nth-child(odd) .caixa,
    .como-funciona .passo:nth-child(even) .caixa {
        grid-column: 2;
        justify-self: start;
        max-width: 100%;
        text-align: left;
    }

    .parceria-juridica-fundo-pessoa {
        display: none;
    }

    .blog-dicas .cards {
        flex-direction: column;
    }

    .localizacao .pin {
        top: 39%;
        left: 46%;
    }

}

@media (max-width: 1280px) {
    .newsletter .textos {
        gap: 30px;
    }

    .newsletter .formularios {
        margin-left: 10px;
    }
}

@media (max-width: 800px) {
    .blocos-info {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .bloco {
        width: 100%;
        max-width: 350px;
    }

    .parceria-juridica {
        flex-direction: column;
        padding: 40px 0;
    }

    .parceria-juridica-fundo-logo {
        top: 0;
        left: 0px;
        object-position: top left;
    }

    .parceria-juridica .cards {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .parceria-juridica .card {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .localizacao__mapa {
        width: 100%;
        height: 300px;
    }

    .localizacao__mapa-icone,
    .localizacao__logo-loc {
        display: none;
    }

    .newsletter {
        height: auto;
        padding: 30px 20px;
        text-align: center;
    }

    .newsletter .centro {
        flex-direction: column;
        width: 100%;
    }

    .newsletter .textos {
        flex-direction: column;
        width: 100%;
        margin-bottom: 20px;
        gap: 10px;
    }

    .newsletter .label,
    .newsletter .chamada {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .newsletter .formularios {
        flex-direction: column;
        width: 100%;
        margin-left: 0;
        gap: 15px;
    }

    .newsletter .campo,
    .newsletter .campo.email {
        flex: auto;
        width: 100%;
        max-width: 100%;
    }

    .newsletter .btn-enviar {
        width: 100%;
        margin-left: 0;
    }

    .footer {
        height: auto;
        padding: 40px 20px;
        text-align: center;
    }

    .footer .centro {
        flex-direction: column;
    }

    .footer .conteudo {
        flex-direction: column;
        width: 100%;
    }

    .footer .coluna-1,
    .footer .coluna-2,
    .footer .coluna-3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0 0 40px 0;
    }

    .footer .logo-fundo {
        display: none;
    }

    .footer .titulo,
    .footer .copyright,
    .footer .texto,
    .footer .lista {
        width: 100%;
        max-width: 100%;
    }

    .footer .lista {
        padding: 0;
        list-style: none;
    }
}

@media (max-width: 600px) {
    .centro {
        width: calc(100% - 40px);
    }

    .banner {
        height: 480px;
    }

    .banner h2 {
        font-size: 36px;
    }

    .banner p {
        font-size: 17px;
    }

    .cta-button p {
        font-size: 16px;
    }

    .imagem-background .pessoa {
        display: none;
    }

    .banner-inferior .card {
        height: 100px;
    }

    .banner-inferior .cards-banner p {
        font-size: 16px;
    }

    .banner-inferior .conteudo {
        margin-top: 2px;
    }

    .banner-inferior .titulo {
        font-size: 24px;
        line-height: 27px;
    }

    .banner-inferior .subtitulo {
        font-size: 16px;
        line-height: 22px;
    }


    .quem-somos .texto {
        font-size: 16px;
        line-height: 21px;
    }

    .bloco-info {
        width: 100%;
    }

    .parceria-juridica {
        margin-bottom: 36px;
    }

    .parceria-juridica .titulo {
        font-size: 28px;
        text-align: center;
    }

    .parceria-juridica .card-titulo {
        font-size: 20px;
    }


    .blog-dicas .titulo {
        margin-bottom: 25px;
    }

    .blog-dicas .card-cabecalho {
        font-size: 30px;
    }


    .localizacao .pin {
        left: 41%;
    }
}

@media (max-width: 400px) {

    .quem-somos .titulo,
    .diferenciais__titulo,
    .servicos .titulo,
    .como-funciona .titulo {
        font-size: 24px;
    }

    .card,
    .servicos .card,
    .como-funciona .caixa {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .footer-newsletter__campo {
        font-size: 14px;
    }
}