@charset "UTF-8";

/*
* Responsive 2.0.0
*/
@media screen and (max-width: 767px) {
    .nav-flex {
        flex-direction: column;
    }

    .grid-banner-hero {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        padding-block: 40px;
        row-gap: 48px;
        max-width: 100%;
        padding-inline: 16px;
        align-items: center;
        grid-row: auto;
        padding-block: 64px;
    }

    .container-banner-hero {
        grid-column: 1 / -1;
        gap: 24px;
    }

    .image-banner-hero {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .background-banner-hero {
        margin-left: -16px;
        height: 180px;
        max-height: 180px;
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .banner-hero-title {
        font-size: 48px;
    }

    .buttons-hero {
        flex-direction: column;
        gap: 24px;
    }

    .hero__background-image {
        height: 180px;
        max-height: 180px;
    }

    .marcas-title {
        font-size: 18px;
    }

    .faq01,
    .faq02,
    .faq03 {
        margin-bottom: 24px;
        margin-top: 40px;
    }

    .bloco-faq1 {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        row-gap: 32px;
        max-width: 100%;
        padding-inline: 16px;
    }

    .txt-xwing,
    .txt-xwing2 {
        grid-column: 1 / 5;
        grid-row-start: 1;
    }

    .faq-title {
        font-size: 2rem;
    }
    .panel-title a {
        font-size: 18px !important;
    }

    .img-faq1,
    .img2-faq1 {
        grid-column: 1 / 5;
        grid-row-start: 2;
        display: flex;
        height: 100%;
        width: 100%;
    }

    .box-gray {
        margin-bottom: 24px;
        margin-top: 40px;
    }

    .box-gray-container {
        column-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        margin-inline: 16px;
        padding-block: 24px;
    }

    .box-gray-txt {
        grid-column: 1 / -1;
    }

    .box-gray-title {
        padding-inline: 32px;
        font-size: 32px;
    }

    .box-gray-subtitle {
        padding-inline: 32px;
    }

    .button-box-gray {
        white-space: normal;
    }

    .box-gray-images {
        grid-column: 1 / -1;
    }

    .box-gray-images::before,
    .box-gray-images::after {
        width: 75px;
    }

    .images-grayb {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .carrousel-box-gray:first-child,
    .carrousel-box-gray:nth-child(9) {
        height: 80px;
        width: 80px;
    }

    .carrousel-box-gray:nth-child(2),
    .carrousel-box-gray:nth-child(8) {
        height: 96px;
        width: 96px;
    }

    .carrousel-box-gray:nth-child(3),
    .carrousel-box-gray:nth-child(7) {
        height: 80px;
        width: 80px;
    }

    .bg-gray {
        padding-block: 24px;
        margin-bottom: 24px;
        margin-top: 40px;
        width: 100%;
        border-radius: 0;
    }
    .bg-blue2 {
        padding-block: 24px;
        margin-bottom: 24px;
        margin-top: 40px;
        width: 100%;
        border-radius: 0;
    }

    .box-gray2 {
        column-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        gap: 32px;
        max-width: 100%;
        padding-inline: 16px;
    }

    .container-txt-gray2,
    .img-box-gray2 {
        grid-column: 1 / -1;
    }

    .title-box-gray2 h3 {
        font-size: 48px;
    }

    .boxes-gray2 {
        flex-wrap: wrap;
    }

    .boxes-gray3 {
        flex-wrap: wrap;
        padding: 20px;
    }

    .mockup-gray2 {
        min-height: 180px;
    }

    .txt-img-box-gray2 {
        gap: 32px;
        padding: 8px 24px 24px;
    }

    .bg-white2 {
        margin-bottom: 24px;
        margin-top: 40px;
    }

    .box-white2 {
        column-gap: 16px;
        grid-template-columns: repeat(1, 1fr);
        max-width: 100%;
        padding-inline: 16px;
    }

    .testimonial-container {
        display: grid;
        column-gap: 40px;
        padding-inline: 0;
        opacity: 1;
        z-index: 1;
        grid-row: 3 / 4;
        transition: opacity .5s ease-in-out;
        column-gap: 16px;
        grid-template-columns: repeat(1, 1fr);
    }

    .testimonial-title {
        font-size: 48px;
    }

    .testimonial-subtitle {
        line-height: 150%;
    }

    .testimonial-content {
        padding-inline: 0;
        grid-column: 1 / -1;
        margin-top: 24px;
        padding: 32px;
        gap: 18px;
    }

    .web-navigation {
        display: none !important;
    }

    .mobile-navigation {
        display: flex;
    }

    .testimonial__image2 {
        border-radius: 10000000000px;
        height: 226px;
        width: 226px;
    }

    .testimonial-clientes {
        gap: 18px;
        text-align: center;
    }

    .container-block-white2 {
        flex-direction: column;
        gap: 8px;
        margin-top: 24px;
        padding: 32px;
    }

    .txt-block-white2 {
        font-size: 20px;
        font-weight: 400;
        max-width: 100%;
    }

    .selos-testimonial {
        gap: 8px;
    }

    .img-selos-testimonial {
        width: 3.5em;
    }
    .mobile-text {
        display: none;
    }
    .block-teams {
        margin-bottom: 24px;
        margin-top: 40px;
        width: 100%;
        border-radius: 0%;
    }

    .box-blue {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        padding: 32px 0;
        padding-inline: 16px;
    }

    .container-txt-blue {
        align-items: flex-start;
        flex-direction: column;
    }

    .title-box-blue {
        width: fit-content;
    }

    .title-box-blue h3 {
        font-size: 48px;
        width: -moz-fit-content;
        width: fit-content;
    }

    .img-card-histories {
        display: none !important;
    }

    .container-histories-blue {
        gap: 8px;
        margin: 0;
        opacity: 1;
        min-width: 100%;
        min-height: 444px;
        padding: 32px 24px 24px;
        border-radius: 16px;
    }

    .title-card-histories {
        height: 100%;
        justify-content: center !important;
    }

    .histories-title {
        font-size: 24px;
    }

    .faq04 {
        margin-bottom: 24px;
        margin-top: 40px;
    }

    .title-faq04 {
        gap: 24px;
        grid-column: 1 / -1;
        grid-row: 1 / 1;
    }

    .faq04-txt-title {
        font-size: 48px;
    }

    .faq04-content {
        gap: 24px;
        grid-column: 1 / -1;
        grid-row: 2 / -1;
    }

    .faq04-container {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: auto !important;
        grid-row-gap: 32px !important;
        max-width: 100%;
        padding-inline: 16px;
    }

    .workflow-cta {
        padding-bottom: 24px;
        background-image: none;
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #eaeaea), linear-gradient(0deg, #fff, #fff);
        border-radius: 0 0 30px 30px;
    }

    .box-dark {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        margin-inline: 16px;
        padding: 32px 0;
    }

    .workflow-cta-logo {
        flex-direction: column;
        grid-column: 1 / 5;
    }

    .workflow-logo {
        width: 186px;
        height: auto;
    }

    .workflow-title {
        letter-spacing: -0.04em;
    }

    .workflow-cta-title {
        font-size: 32px;
        grid-column: 1 / 5;
        padding-inline: 8px;
        letter-spacing: -0.04em;
    }

    .workflow-cta-buttons {
        gap: 24px;
        padding-inline: 16px;
        flex-direction: column;
        grid-column: 1 / 5;
    }

    .button.button-primary,
    .button.button-primary:focus {
        width: 100%;
        white-space: normal;
        font-size: 16px !important;
    }

    .button2.button-primary,
    .button2.button-primary:focus {
        width: 100%;
        line-height: 1;
        text-align: center;
        white-space: break-spaces;
        font-size: 16px !important;
    }

    .footer-standard-main {
        padding: 80px 0 15px;
    }

    .footer-pb {
        padding-bottom: 40px;
        display: flex;
        flex-direction: column;
    }

    .text-copyright {
        font-size: .65rem;
    }

    .redes-footer {
        width: -webkit-fill-available;
        display: grid;
        grid-auto-flow: inherit;
        padding-bottom: 0;
    }
}

/* Responsive modo 2 */
/* Estilos específicos para iPad Mini no modo retrato */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .grid-banner-hero {
        -moz-column-gap: 32px;
        column-gap: 32px;
        grid-template-columns: repeat(4, minmax(148px, 148px));
        row-gap: 64px;
    }

    .container-banner-hero {
        grid-column: 1 / -1;
        gap: 24px;
    }

    .banner-hero-title {
        font-size: 48px;
    }

    .image-banner-hero {
        grid-column: 1 / -1;
        grid-row: 2;
        z-index: 2;
    }

    .background-banner-hero {
        margin-left: -20px;
        height: 406px;
        max-height: 406px;
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .buttons-hero {
        gap: 32px;
    }

    .button.button-primary,
    .button.button-primary:focus,
    .button2.button-primary,
    .button2.button-primary:focus {
        width: 50%;
        white-space: normal;
    }

    .faq01,
    .faq02,
    .faq03 {
        margin-bottom: 24px;
        margin-top: 40px;
    }

    .bloco-faq1 {
        column-gap: 32px;
        grid-template-columns: repeat(4, minmax(148px, 148px));
        row-gap: 32px;
    }

    .txt-xwing {
        grid-column: 1 / 5;
        grid-row-start: 1;
    }

    .faq-title {
        font-size: 2rem;
    }
    .panel-title a {
        font-size: 18px;
    }

    .img-faq1 {
        grid-column: 1 / 5;
        grid-row-start: 2;
        align-items: center;
        display: flex;
        height: 688px;
        width: 688px;
    }

    .txt-xwing2 {
        grid-column: 1 / 5;
        grid-row-start: 1;
    }

    .img2-faq1 {
        align-items: center;
        display: flex;
        height: 688px;
        width: 688px;
        grid-column: 1 / 5;
        grid-row-start: 2;
    }

    .box-gray {
        margin-bottom: 24px;
        margin-top: 40px;
    }

    .box-gray-container {
        -moz-column-gap: 32px;
        column-gap: 32px;
        grid-template-columns: repeat(4, minmax(148px, 148px));
    }

    .box-gray-txt {
        grid-column: 1 / -1;
    }

    .box-gray-title {
        font-size: 32px;
    }

    .box-gray-images {
        grid-column: 1 / -1;
    }

    .carrousel-box-gray {
        height: 80px;
        width: 80px;
    }

    .carrousel-box-gray:nth-child(6) {
        height: 72px;
        width: 72px;
    }

    .carrousel-box-gray:nth-child(7) {
        height: 56px;
        width: 56px;
    }

    .bg-gray {
        margin-bottom: 24px;
        margin-top: 40px;
        width: 100%;
        border-radius: 0;
    }
    .bg-blue2 {
        margin-bottom: 24px;
        margin-top: 40px;
        width: 100%;
        border-radius: 0;
    }

    .box-gray2 {
        -moz-column-gap: 32px;
        column-gap: 32px;
        grid-template-columns: repeat(4, minmax(148px, 148px));
        gap: 48px;
    }

    .container-txt-gray2 {
        grid-column: 1 / -1;
        padding-inline: 25px;
    }

    .title-box-gray2 h3 {
        font-size: 48px;
    }

    .img-box-gray2 {
        grid-column: 1 / -1;
        margin-inline: 25px;
    }

    .bg-white2 {
        margin-bottom: 24px;
        margin-top: 40px;
    }

    .box-white2 {
        -moz-column-gap: 32px;
        column-gap: 32px;
        grid-template-columns: repeat(4, minmax(148px, 148px));
        max-width: 688px;
    }

    .testimonial-title {
        font-size: 48px;
    }

    .testimonial-container {
        column-gap: 32px;
        grid-template-columns: repeat(4, minmax(148px, 148px));
    }

    .testimonial-content {
        padding-inline: 25px;
        padding: 32px;
        gap: 48px;
        grid-column: 1 / -1;
        margin-top: 24px;
    }

    .testimonial-clientes {
        align-items: center;
    }
    .testimonial__image {
        display: none;
    }
    .testimonial__image2 {
        border-radius: 10000000000px;
        height: 226px;
        width: 226px;
    }

    .image-container {
        display: flex !important;
        position: relative;
    }

    .web-navigation {
        display: none;
    }

    .image-container {
        display: flex !important;
        position: relative;
    }

    .mobile-navigation {
        display: flex;
    }

    .container-block-white2 {
        margin-top: 24px;
        padding: 32px;
    }

    .txt-block-white2 {
        font-size: 20px;
        font-weight: 400;
        max-width: 40%;
    }

    .block-teams {
        margin-bottom: 24px;
        margin-top: 40px;
        width: 100%;
        border-radius: 0;
    }

    .box-blue {
        -moz-column-gap: 32px;
        column-gap: 32px;
        grid-template-columns: repeat(4, minmax(148px, 148px));
        padding: 64px 0;
    }

    .title-box-blue h3 {
        font-size: 48px;
    }

    .container-histories-blue {
        gap: 8px;
        overflow-x: hidden;
        overflow-x: hidden;
        margin: 0;
        opacity: 1;
        min-width: 100%;
        gap: 24px;
        padding-left: 32px;
    }

    .img-card-histories {
        max-width: 171px;
        min-height: 400px;
        min-width: 30%;
        display: flex;
        justify-content: center;
        align-items: stretch;
    }

    .histories-title {
        font-size: 24px;
    }

    .card-logo {
        width: 96px;
    }

    .faq04 {
        margin-bottom: 24px;
        margin-top: 40px;
    }

    .faq04-container {
        -moz-column-gap: 32px;
        column-gap: 32px;
        grid-template-columns: repeat(4, minmax(148px, 148px));
        grid-template-rows: auto !important;
        grid-row-gap: 32px !important;
        max-width: 688px;
    }

    .title-faq04 {
        gap: 24px;
        grid-column: 1 / -1;
        grid-row: 1 / 1;
    }

    .faq04-content {
        gap: 24px;
        grid-column: 1 / -1;
        grid-row: 2 / -1;
    }

    .faq04-txt-title {
        font-size: 48px;
    }

    .panel-title a {
        font-weight: 500 !important;
    }

    .workflow-cta {
        padding-bottom: 64px;
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #eaeaea), linear-gradient(0deg, #fff, #fff);
    }

    .box-dark {
        -moz-column-gap: 32px;
        column-gap: 32px;
        grid-template-columns: repeat(4, minmax(148px, 148px));
        padding: 64px 0;
        max-width: 688px;
    }

    .workflow-cta-logo {
        grid-column: 1 / 5;
    }

    .workflow-cta-title {
        font-size: 48px;
        grid-column: 1 / 5;
    }

    .workflow-cta-buttons {
        grid-column: 1 / 5;
    }

    .button-xl {
        width: auto !important;
    }
    .grid-obrigado {
        -moz-column-gap: 32px;
        column-gap: 32px;
        grid-template-columns: repeat(1, minmax(148px, 148px));
        row-gap: 64px;
    }

}

@media screen and (max-width: 767px) {
    .box-quemsomos {
        column-gap: 40px;
        padding: 48px 0;
        display: flex;
        flex-direction: column;
        padding-inline: 16px;
    }
    .quemsomos-title {
        font-size: 2rem;
        text-align: center;
    }
    .quemsomos-cta-tilte h2 {
        font-size: 20px;
    }
    .quemsomos-subtitle {
        font-size: 1rem;
    }
    .bg-vision {
        column-gap: 40px;
        /* padding: 108px 0; */
        display: flex;
        flex-direction: column;
        padding-inline: 16px;
    }
    .container-txt-gray1 {
        min-height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 32px;
    }
    .container-txt-gray2, .img-box-gray2 {
        grid-column: 1 / -1;
    }
    .mission-title {
        font-size: 2rem;
    }
    .mockup-gray2 {
        min-height: 180px;
    }
    .container-txt-faleconosco-form, .container-faleconosco-form {
        grid-column: 1 / -1;
    }
    .grid-faleconosco {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        padding-block: 40px;
        row-gap: 8px;
        max-width: 100%;
        /* padding-inline: 16px; */
        align-items: center;
        grid-row: auto;
        padding-block: 64px;
        width: 90%;
    }
    .submit-container {
        flex-direction: column;
        display: flex;
        align-items: normal;
    }
    .form-container {
        gap: 1.5rem;
    }
    .px-12 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .form-separador {
        display: flex;
        gap: 1.5rem;
        flex-direction: column;
    }
    .floating-label input, .floating-label textarea {
        padding: 5px 14px 5px 14px;
        font-size: 1rem;
        border-radius: 10px;
    }
    .title-cases {
        font-size: 1.5rem;
    }
    .noticias-titulo {
        font-size: 2rem;
    }
    obrigado-cta {
        padding-bottom: 24px;
        background-image: none;
        /* border-radius: 0 0 30px 30px; */
    }
    .obrigado-container {
        background: #f5f5f5;
        color: white;
        padding: 3rem 2rem;
        border-radius: 16px;
        margin: 0 auto;
        text-align: center;
        margin-inline: 16px;
    }
    .obrigado-title {
        font-size: 32px;
        line-height: 1.2;
    }
    .obrigado-description {
        font-size: 14px;
        line-height: 1.6;
    }
    .msg-sucesso h2 {
        font-size: .875rem;
    }

    .grid-obrigado {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(1, 1fr);
        padding-block: 40px;
        grid-row: auto;
        padding-block: 64px;
    }
}

@media screen and (max-width: 767px) {
    .container-banner-sobre {
        grid-column: 1 / -1;
        gap: 24px;
        /* padding-top: 56px; */
    }
    .image-banner-sobre {
        grid-column: 1 / -1;
        grid-row: 2;
    }
    .grid-banner-sobre {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        padding-block: 40px;
        row-gap: 48px;
        max-width: 100%;
        padding-inline: 16px;
        align-items: center;
        grid-row: auto;
        padding-block: 64px;
    }
    .selo-bg2 {
        right: 0;
    }
}

/* Responsive modo 3 */
/* Ajustes para telas inteligentes em modo paisagem */
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
    .grid-banner-hero {}
}

/* Politicas Responsive*/
@media screen and (max-width: 767px) {
    .grid-politicas {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        padding-block: 40px;
        row-gap: 48px;
        max-width: 100%;
        /* padding-inline: 16px; */
        align-items: center;
        grid-row: auto;
        padding-block: 64px;
        width: 90%;
    }
    .container-politicas {
        grid-column: 1 / -1;
        gap: 24px;
        /* padding-top: 56px; */
    }
    .politicas-title {
        font-size: 2.2rem;
        line-height: 2.4rem;
    }
    .politicas-subtitle {
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: justify;
    }
}