:root {
    /* Cores Estáticas*/
        --preto: #000;
        --branco: #fff;
        --azul: #5934f0;
        --rosa: #f360d4;
        --laranja: #ffa343;
        --cinza: #d9d9d9;
        --azul-escuro: #060016;
        --roxo-escuro: #11061f;
        --cinza-escuro: #121212;

    /* Fontes */
        --_fonte-h1: 'Poppins', sans-serif;
        --_fonte-h2: 'Poppins', sans-serif;
        --_fonte-h3: 'Poppins', sans-serif;
        --_fonte-h4: 'Poppins', sans-serif;
        --_fonte-p: 'Open Sans', sans-serif;
        --_fonte-a: 'Poppins', sans-serif;
        --_fonte-cta: 'Poppins', sans-serif;
        --_fonte-input: 'Poppins', sans-serif;
        --_fonte-precos: "Fredoka", sans-serif;
        --_fonte-resultados: 'Poppins', sans-serif;
        --_fonte-rodape: 'Poppins', sans-serif;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style-type: none;
    font-size: 1em;
}

/*
    Configurações gerais
*/
body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

nav,
header,
section,
footer {
    width: 100%;
    display: flex;
    justify-content: center;
}

.menu-nav,
.cabecalho {
    display: flex;
    justify-content: center;
    width: 100%;
}

.conteudo-principal {
    padding: 7em 2em;
    display: flex;
    width: 100%;
}

.section-width {
    max-width: 1600px;
}

.logo img {
    width: 180px;
}

h1, h2, h3, h4 {
    font-family: var(--_fonte-h1);
    color: var(--clr-h1);
}
h1 {
    font-size: 2.5em;
    line-height: 55px;
}
h2 {
    font-size: 2em;
    line-height: 45px;
}
h3 {
    font-size: 1.5em;
    line-height: 45px;
}
h4 {
    font-size: 1.2em;
    line-height: 30px;
    color: var(--clr-h4);
}
p {
    font-size: 1.1em;
    font-family: var(--_fonte-p);
    color: var(--clr-p);
}

.subtitulo {
    font-size: .9em;
    font-family: var(--_fonte-p);
}

.title-divider {
    height: 5px;
    margin: .9rem auto 0;
    width: 250px;
    position: relative;
    border-radius: 5px;
}
.title-divider.gradiente-a23 {
    background: linear-gradient(-90deg, var(--azul), var(--rosa), var(--laranja));
}
.title-divider.laranja {
    background: var(--laranja);
}
.title-divider.azul {
    background: var(--azul);
}
.title-divider.rosa {
    background: var(--rosa);
}
.title-divider.gradiente-a23::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .2);
    left: 0;
}


/* Botões CTA */

.btn-cta {
    padding: .5em 2em;
    transition: all .2s;
    font-family: var(--_fonte-cta);
    border-radius: 10px;
    text-align: center;
}
.btn-cta:hover {
    filter: brightness(80%);
    transform: translateY(4px);
}

.btn-cta-gradient {
    text-align: center;
    color: var(--clr-cta);
    transition: all .2s;
}
.btn-cta-gradient:hover {
    transform: scale(1.05);
}


/* 
    Alertas
*/
.alert {
    font-family: var(--_fonte-p);
    font-size: .9em;
    margin-bottom: .5em;
    margin-left: .2em;
}
.error {
    color: red;
}
.sucess {
    color: green;
}


/*
    Menu de navegação
*/
.menu-nav {
    background-color: var(--bg-menu-nav);
    position: fixed;
    z-index: 9999;
    box-shadow: 0px -1px 30px 4px var(--box-shadow-menu);
}

.menu-nav .conteudo-principal {
    padding: 1.5em 2em;
    justify-content: space-between;
    align-items: center;
}

.menu-nav .menu-acionador {
    display: none;
}

.menu-nav .menu-nav-btns {
    display: flex;
    align-items: center;
    gap: .5em;
}

.menu-nav .menu-nav-btns li a:not(.btn-cta-gradient) {
    padding: .5em 1em;
    border-radius: 10px;
    transition: all .2s;
    color: var(--clr-menu-link);
    font-family: var(--_fonte-a);
}
.menu-nav .menu-nav-btns li a:not(.btn-cta-gradient):hover {
    background-color: var(--bg-menu-link-hover)
}

.menu-nav .menu-nav-btns .btn-cta-gradient {
    color: var(--clr-cta);
}
.menu-nav .menu-nav-btns .btn-cta-gradient:hover {
    transform: scale(1.05);
    filter: brightness(80%);
}


/*
    Cabeçalho
*/
.cabecalho {
    /* background-color: var(--bg-cabecalho); */
    position: relative;
    /* background: var(--bg-cabecalho); */
    background: var(--bg-introducao);
}
.cabecalho::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--bg-cabecalho-before);
    z-index: 1;
}

.cabecalho .conteudo-principal {
    padding: 12em 2em 8em 2em;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
}

.cabecalho .cabecalho-conteudo {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.cabecalho .partner-cabecalho {
    display: flex;
    align-items: center;
    gap: 1em;
    padding: .6em 1em .6em 2em;
    border-radius: 15px;
    background: linear-gradient(90deg, var(--bg-partner-cabecalho) 0%, rgba(0, 0, 0, 0) 60%);
}

.cabecalho .partner-cabecalho span {
    text-align: right;
    font-size: .9em;
    font-weight: 600;
    font-family: var(--_fonte-p);
    color: var(--clr-p);
}

.cabecalho .partner-cabecalho img {
    width: 120px;
}

.cabecalho .btn-cta-gradient {
    width: 100%;
}

.cabecalho .cabecalho-img {
    width: 50%;
    display: flex;
    justify-content: center;
}

.cabecalho .cabecalho-img video {
    width: 90%;
    border-radius: 24px;
    opacity: .9;
}
/* .cabecalho .cabecalho-img img {
    width: 100%;
    height: 500px;
    border-radius: 20px;
} */


/*
    Introdução 
*/
.introducao {
    background-color: var(--bg-introducao);
}

.introducao .conteudo-principal {
    flex-direction: column;
    align-items: center;
    gap: 5em;
}

.introducao .introducao-conteudo {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5em;
}

.introducao .introducao-titulo h2 {
    color: var(--clr-h2-introducao);
}

.introducao .introducao-conteudo .introducao-bloco {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 2em;
    width: 33%;
    height: 100%;
    background: var(--bg-introducao-bloco);
    border-radius: 20px;
    padding: 3rem 1.5rem;
    transition: all .3s;
    transition-delay: 70ms;
}

.introducao .introducao-conteudo .introducao-bloco img {
    height: 140px;
    border-radius: 20px;
}

.introducao .introducao-conteudo .introducao-bloco .conteudo-bloco {
    display: flex;
    flex-direction: column;
    gap: .7rem;
}
.introducao .introducao-conteudo .introducao-bloco .subtitulo {
    font-size: 1.4rem;
    color: var(--clr-h2-introducao);
    font-weight: 700;
}
.introducao .introducao-conteudo .introducao-bloco p {
    text-align: start;
    color: var(--clr-p-introducao);
    font-weight: 300;
    margin-bottom: 1rem;
}

.introducao .introducao-conteudo .introducao-bloco .btn-cta {
    margin-top: auto;
    background-color: var(--bg-introducao-cta);
    color: var(--clr-cta-introducao);
    width: 100%;
}
.introducao .introducao-conteudo .introducao-bloco .btn-cta:hover {
    background-color: var(--bg-introducao-cta);
}

.introducao .swiper {
    display: none;
}

/* 
    Método Científico
*/
.metodo-cientifico {
    background: var(--bg-metodo-cientifico);
}

.metodo-cientifico .conteudo-principal {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
}

.metodo-cientifico .titulo {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-width: 800px;
    text-align: center;
}
.metodo-cientifico .titulo .title-divider {
    margin-bottom: 1rem;
}
.metodo-cientifico .titulo .subtitulo {
    color: var(--clr-metodo-cientifico-subtitulo);
}

.metodo-cientifico .fluxo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    width: 90%;
}

.metodo-cientifico .fluxo .metodo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    width: 800px;
}
.metodo-cientifico .fluxo .metodo span {
    color: var(--clr-metodo-cientifico-p);
    font-family: var(--_fonte-p);
    text-align: center;
    font-weight: 600;
}
.metodo-cientifico .fluxo .metodo .metodo-video {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.metodo-cientifico .fluxo .metodo img {
    height: 500px;
    border-radius: 20px;
}

.metodo-cientifico .fluxo .etapas {
    display: flex;
    justify-content: center;
    gap: 1rem;
    width: 100%;
}
.metodo-cientifico .fluxo .etapas .etapa {
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: .5rem;
    background: var(--bg-metodo-cientifico-etapa);
    border: 2px solid var(--bd-metodo-cientifico-etapa);
    border-radius: 20px;
    padding: 1rem;
}
.metodo-cientifico .fluxo .etapas .etapa .titulo {
    font-family: var(--_fonte-h4);
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--clr-metodo-cientifico-etapa-titulo);
}
.metodo-cientifico .fluxo .etapas .etapa p {
    color: var(--clr-metodo-cientifico-etapa-p);
    font-size: .9rem;
}

.metodo-cientifico .conteudo-principal .btn-cta {
    background: var(--bg-metodo-cientifico-cta);
    color: var(--clr-metodo-cientifico-cta);
}



/* 
    Formuçário Lead
*/
.formulario {
    background-color: var(--bg-formulario);
}

.formulario .conteudo-principal {
    align-items: center;
    justify-content: space-between;
}

.formulario .formulario-conteudo {
    display: flex;
    flex-direction: column;
    gap: 2.5em;
    width: 40%;
}

.formulario .formulario-conteudo h2 {
    color: var(--clr-h2-formulario);
}
.formulario .formulario-conteudo .title-divider {
    margin-left: 0;
    width: 200px;
}

.formulario .formulario-conteudo .btn-cta {
    width: 70%;
    text-align: center;
    background-color: var(--bg-formulario-cta);
    color: var(--clr-cta);
}
.formulario .formulario-conteudo .btn-cta:hover {
    background-color: var(--bg-formulario-cta);
}

.formulario .formulario-conteudo p {
    margin-bottom: 1em;
    color: var(--clr-p-formulario);
    font-weight: 400;
}

.formulario .formulario-form {
    width: 45%;
}

.formulario .formulario-form form {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 2em 1.2rem 1.2rem;
    border-radius: 20px;
    background-color: var(--bg-formulario-form);
    border: 3px solid var(--bd-formulario-form);
}

.formulario .formulario-form form input,
.formulario .formulario-form form textarea {
    font-family: var(--_fonte-input);
    padding: .5em;
    border: none;
    background-color: var(--bg-formulario-form-input);
    border-radius: 7px;
    color: var(--clr-input);
}

.formulario .formulario-form form input,
.formulario .formulario-form form textarea {
    padding-left: .7em;
}

.formulario .formulario-form form textarea {
    resize: none;
}

.formulario .formulario-form form input::placeholder,
.formulario .formulario-form form textarea::placeholder {
    color: var(--clr-input-placeholder);
}

.formulario .formulario-form form button {
    font-weight: 600;
    margin-top: 1.5em;
    background-color: var(--bg-formulario-form-btn);
    color: var(--clr-form-btn);
    border: none;
    padding: 1em;
    border-radius: 10px;
    cursor: pointer;
    transition: all .2s;
}

.formulario .formulario-form form button:hover {
    filter: brightness(80%);   
}


/* 
    Vantagens
*/
.vantagens {
    background-color: var(--bg-vantagens);
}

.vantagens .conteudo-principal {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2.5em;
}

.vantagens .vantagens-titulo {
    text-align: center;
}

.vantagens .vantagens-titulo .subtitulo {
    color: var(--clr-p);
}

.vantagens .vantagens-conteudo {
    margin-top: 1em;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
}

.vantagens .vantagens-conteudo .vantagens-divisao {
    display: flex;
    gap: 1.5em;
}

.vantagens .vantagens-bloco {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 1.5em;
    background-color: var(--bg-vantagens-bloco);
    padding: 2rem;
    border-radius: 20px;
    max-width: 400px;
    word-break: break-word;
}

.vantagens .vantagens-bloco img {
    width: 100px;
    height: 80px;
}

.vantagens .vantagens-bloco h3 {
    font-size: 1.3rem;
}

.vantagens .vantagens-bloco p {
    font-size: 1em;
    font-weight: 300;
    margin-top: .7em;
}

.vantagens .btn-cta-gradient .gradient {
    padding: .5em 5em;
    color: var(--clr-cta);
}

.vantagens .swiper {
    display: none;
}



/* 
    Soluções
*/
.solucoes {
    background-color: var(--bg-solucoes);
}

.solucoes .conteudo-principal {
    flex-direction: column;
    align-items: center;
}

.solucoes .solucoes-conteudo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    width: 100%;
}

.solucoes .solucoes-conteudo .titulo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 800px;
}
.solucoes .solucoes-conteudo .titulo h2,
.solucoes .solucoes-conteudo .titulo .subtitulo {
    text-align: center;
}
.solucoes .solucoes-conteudo .titulo .azul {
    color: var(--azul);
}
.solucoes .solucoes-conteudo .titulo .subtitulo {
    color: var(--branco);
    font-weight: 400;
    margin-top: 1rem;
    width: 40%;
}

.solucoes .swiper-container {
    position: relative;
    overflow: hidden;
    width: 80%;
}
.solucoes .swiper-container .swiper-wrapper {
    width: 100%;
}

.solucoes .swiper-container .swiper-slide {
    width: 100%;
    display: flex;
    align-items: center;

}
.solucoes .swiper-slide .servico {
    width: 85%;
    height: 100%;
    display: flex;
    align-items: start;
    gap: 2.5rem;
    background: var(--bg-solucoes-slide);
    border: 2px solid var(--bd-solucoes-slide);
    border-radius: 25px;
    margin: 0 auto;
    padding: 3rem 2.5rem 5.5rem 2.5rem;
}
.solucoes .swiper-slide .conteudo {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    font-family: var(--_fonte-p);
    width: 40%;
}
.solucoes .swiper-slide .conteudo .icone img {
    width: 35px;
}
.solucoes .swiper-slide .conteudo .conteudo-titulo {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: .5rem;
}
.solucoes .swiper-slide .conteudo .conteudo-titulo .slide-cabecalho {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}
.solucoes .swiper-slide .conteudo .conteudo-titulo .titulo {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}
.solucoes .swiper-slide .conteudo .conteudo-titulo .titulo span:nth-child(1) {
    color: var(--clr-solucoes-slide);
    font-family: var(--_fonte-h4);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 32px;
}
.solucoes .swiper-slide .conteudo .conteudo-titulo .titulo .subtitulo {
    font-size: 1.1rem;
    margin: 0;
    text-align: end;
    color: var(--clr-solucoes-subtitulo);
}
.solucoes .swiper-slide .conteudo .conteudo-titulo .descricao p {
    font-size: 1rem;
    color: var(--clr-solucoes-descricao);
}

.solucoes .swiper-slide .conteudo .conteudo-titulo .title-divider {
    margin-left: 0;
    height: 3px;
    width: 100px;
}

.solucoes .swiper-slide .conteudo .conteudo-titulo .pontos {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    margin-top: .8em;
    font-size: 1rem;
    color: var(--clr-solucoes-descricao);
    padding-left: 1.15rem;
}
.solucoes .swiper-slide .conteudo .conteudo-titulo .pontos li {
    list-style-type: disc;
}
.solucoes .swiper-slide .conteudo .conteudo-titulo .pontos li::marker {
    color: var(--rosa);
}

.solucoes .swiper-container .swiper-slide .image {
    width: 60%;
    display: flex;
    margin: auto 0;
}
.solucoes .swiper-container .swiper-slide .image img {
    width: 100%;
    border-radius: 20px;
}

.solucoes .swiper-container .swiper-button-prev,
.solucoes .swiper-container .swiper-button-next {
    color: var(--rosa);
}
.solucoes .swiper-container .swiper-button-prev {
    left: 0;
}
.solucoes .swiper-container .swiper-button-next {
    right: 0;
}
.solucoes .swiper-container .swiper-button-prev::after,
.solucoes .swiper-container .swiper-button-next::after {
    font-size: 2.5rem !important;
}
.solucoes .swiper-container .swiper-pagination {
    margin-bottom: 1rem;
}
.solucoes .swiper-container .swiper-pagination-bullet {
    background-color: var(--bg-solucoes-dots);
    height: 12px;
    width: 12px;
}
.solucoes .swiper-container .swiper-pagination-bullet-active {
    background-color: var(--laranja);
}

.solucoes .solucoes-conteudo .btn-cta {
    background: var(--bg-solucoes-cta);
    color: var(--clr-solucoes-cta);
}



/* 
    Módulos & Planos
*/
.modulos_planos {
    background: var(--bg-modulos_planos);
}

.modulos_planos .conteudo-principal {
    padding: 4rem 2rem;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
}

.modulos_planos .conteudo {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 1000px;
}

.modulos_planos .bloco {
    display: flex;
    gap: 3rem;
    padding: 1rem;
    border-radius: 20px;
    border: 1px solid var(--bd-modulos_planos-bloco);
    background: var(--bg-modulos_planos-bloco);
}

.modulos_planos .bloco .conteudo-bloco {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 2rem;
}
.modulos_planos .bloco .conteudo-bloco .titulo {
    color: var(--clr-modulos_planos-titulo);
    font-family: var(--_fonte-h4);
    font-size: 1.15rem;
}
.modulos_planos .bloco .conteudo-bloco .title-divider {
    width: 80px;
    margin-left: 0;
    height: 3px;
    margin-bottom: 1rem;
}
.modulos_planos .bloco .conteudo-bloco p {
    font-size: 1rem;
}

.modulos_planos .bloco.segundo {
    flex-direction: row-reverse;
}
.modulos_planos .bloco.segundo .conteudo-bloco {
    margin-left: 0;
    margin-right: 2rem;
}

.modulos_planos .btn-cta {
    background: var(--bg-modulos_planos-cta);
    color: var(--clr-cta);
}


.modulos_planos .bloco .imagem {
    width: 55%;
    /* height: 350px; */
}
.modulos_planos .bloco .imagem img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}





/* 
    Resultados
*/
.resultados {
    background-color: var(--bg-resultados);
}

.resultados .conteudo-principal {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5em;
}

.resultados .resultados-conteudo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3em;
    justify-content: center;
}

.resultados .resultados-conteudo .resultados-bloco {
    width: 400px;
    height: 230px;
    background-color: var(--bg-resultados-bloco);
    border-radius: 15px;
    display: flex;
    gap: .3em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .2s;
}
.resultados .resultados-conteudo .resultados-bloco:hover {
    transform: scale(1.1);
    background-color: var(--bg-resultados-hover);
}

.resultados .resultados-conteudo .resultados-bloco .resultado-contador {
    display: flex;
    gap: .5em;
    align-items: center;
}
.resultados .resultados-conteudo .resultados-bloco .resultado-contador span {
    font-size: 3.5em;
    font-weight: 700;
    font-family: var(--_fonte-resultados);
    color: var(--clr-resultados);
}

.resultados .resultados-conteudo .resultados-bloco p {
    width: 80%;
    text-align: center;
    font-weight: 600;
    font-size: 1.1em;
    text-transform: uppercase;
    color: var(--clr-resultados);
}

.value {
    font-size: 3.5em;
    font-weight: bold;
    color: var(--clr-resultados);
    font-family: var(--_fonte-resultados);
}


/*
    Clientes
*/ 
.clientes {
    background-color: var(--bg-clientes);
}

.clientes .conteudo-principal {
    flex-direction: column;
    align-items: center;
    gap: 4em;
    padding: 5em 2em;
}

.clientes .conteudo-principal .title-divider {
    width: 150px;
}

.clientes .clientes-conteudo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2em;
    overflow: hidden;
}

.clientes .clientes-conteudo .swiper-container {
    width: 100%;
    position: relative;
}

.clientes .clientes-conteudo .swiper-container .swiper-slide {
    display: flex;
    justify-content: center;
}

.clientes .clientes-conteudo img {
    /*width: 230px;
    border: 2px solid rgba(255, 255, 255, .1); */
    border-radius: 10px;
    padding: .5rem;
    height: 120px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

@-webkit-keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 10));
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 10));
    }
}



/* 
    Valores
*/
.valores {
    background-color: var(--bg-valores);
}

.valores .conteudo-principal {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5em;
}

.valores .valores-titulo {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    align-items: center;
    text-align: center;
}

.valores .valores-conteudo {
    display: flex;
    gap: 2em;
    justify-content: center;
    flex-wrap: wrap;
}

.valores .produto-bloco {
    background-color: var(--bg-valores-bloco);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 2.5em 2em 1em 2em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2em;
    width: 500px;
}

.valores .produto-bloco .produto-titulo {
    display: flex;
    gap: .3em;
    justify-content: center;
    align-items: flex-end;
}

.valores .produto-bloco .produto-titulo span,
.valores .produto-bloco .produto-preco .produto-brl {
    font-size: 1.2em;
    color: var(--preto);
    font-weight: 400;
    font-family: var(--_fonte-h4);
}

.valores .produto-brl,
.valores .produto-tempo {
    padding-bottom: .6em;
}

.valores .produto-bloco .produto-preco {
    display: flex;
    align-items: flex-end;
}

.valores .produto-bloco .produto-preco span {
    font-size: 4em;
    font-weight: 600;
    font-family: var(--_fonte-precos);
    color: var(--clr-valores-preco);
}

.valores .produto-beneficios {
    display: flex;
    flex-direction: column;
    gap: .5em;
    align-items: flex-start;
}

.valores .produto-beneficios span {
    font-family: var(--_fonte-p);
    font-size: 1.1em;
    color: var(--preto);
}

.valores .produto-cta {
    padding: 1em 0;
    display: flex;
    justify-content: center;
}

.valores .produto-cta .btn-cta {
    text-align: center;
    background-color: var(--bg-valores-btn);
    color: var(--clr-cta);
}
.valores .produto-cta .btn-cta:hover {
    transform: translateY(0) scale(1.1);
}


/* 
    FAQ
*/
.faq {
    background-color: var(--bg-faq);
}

.faq .conteudo-principal {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4em;
}

.faq .faq-conteudo {
    display: flex;
    flex-direction: column;
    gap: .8em;
}

.faq .faq-conteudo .faq-box {
    width: 800px;
    background-color: var(--bg-faq-box);
    border-radius: 10px;
    cursor: pointer;
    transition: all .15s;
    border: 3px solid rgba(0, 0, 0, .2);
}
.faq .faq-conteudo .faq-box:hover {
    background-color: var(--bg-faq-hover);
} 

.faq .faq-conteudo .faq-box .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    margin: .8em 1.5em;
}

.faq .faq-conteudo .faq-box .faq-answer {
    margin: 0 1em;
    padding: 1em 1rem 1.5em 1rem;
    border-top: 2px solid var(--preto);
    display: none;
    flex-direction: column;
    gap: 1rem;
    transition: all .2s;
}
.faq .faq-conteudo .faq-box .faq-answer p {
    font-size: 1em;
    line-height: 20px;
    color: var(--clr-faq-p);
    text-align: justify;
}

.faq .faq-box.active .faq-answer {
    display: flex;
}

.faq .faq-box.active i {
    transform: rotate(180deg);
    transition: transform .2s .1s;
}


/* 
    Análise gratuita
*/
.analise-gratuita {
    background-color: var(--bg-analise-gratuita);
}

.analise-gratuita .conteudo-principal {
    justify-content: center;
    padding: 2em 2em 7em 2em;
}

.analise-gratuita .analise-gratuita-bloco {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2em;
    width: 70%;
    padding: 2em;
    border-radius: 15px;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, .5);
    background-color: var(--bg-analise-gratuita-bloco);
    text-align: center;
}

.analise-gratuita .analise-gratuita-bloco h3 {
    color: var(--clr-analise-gratuita-h3);
}
.analise-gratuita .analise-gratuita-bloco p {
    color: var(--clr-analise-gratuita-p);
}

.analise-gratuita .analise-gratuita-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1em;
}

.analise-gratuita .analise-gratuita-btns a {
    padding: 1em;
    width: 200px;
    border-radius: 30px;
    color: var(--clr-analise-gratuita-btn);
    font-weight: 600;
    transition: all .2s;
    font-family: var(--_fonte-p);
}
.analise-gratuita .analise-gratuita-btns a:hover {
    transform: scale(1.1);
}

.analise-gratuita .analise-gratuita-btns .btn-analise-gratuita {
    background-color: var(--bg-analise-gratuita-btn1);
}
.analise-gratuita .analise-gratuita-btns .btn-contato {
    background-color: var(--bg-analise-gratuita-btn2);
}


/* 
    Rodapé
*/
.rodape {
    background-color: var(--bg-rodape);
}

.rodape .conteudo-principal {
    flex-direction: column;
    gap: 5em;
    padding: 4em 2em 2em 2em;
}

.rodape a {
    transition: all .1s;
}
.rodape a:hover {
    filter: brightness(80%);    
}

.rodape .rodape-infos {
    display: flex;
    justify-content: space-between;
    gap: 2em;
}

.rodape .rodape-infos .contato {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.rodape .rodape-infos .contato i {
    font-size: 1.3em;
    color: var(--clr-rodape);
}

.rodape .rodape-infos .contato .tel-email a {
    display: flex;
    gap: .8em;
    align-items: center;
    color: var(--clr-rodape);
    font-size: 1.1em;
    font-family: var(--_fonte-rodape);
}

.rodape .rodape-infos .contato .redes-sociais {
    margin-top: 2em;
    display: flex;
    gap: .9em;
}

.rodape .rodape-infos .google-partner {
    display: flex;
    gap: 3em;
}

.rodape .rodape-infos .google-partner .certificacoes {
    display: flex;
    gap: 1.5em;
}

.rodape .google-partner .certificacoes .certificacao {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5em;
    width: 70px;
}

.rodape .google-partner .certificacoes .certificacao img {
    width: 100%
}
.rodape .google-partner .certificacoes .certificacao span {
    font-size: .65em;
    font-family: var(--_fonte-rodape);
    color: var(--clr-rodape);
    text-align: center;
}

.rodape .google-partner .selo-partner img {
    width: 180px;
}

.rodape .politicas {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-family: var(--_fonte-rodape);
}

.rodape .politicas .copyright-cnpj {
    display: flex;
    flex-direction: column;
    gap: .5em;
    color: var(--clr-rodape);
    font-size: .9em;
}

.rodape .politicas .termos-de-uso span {
    font-weight: 300;
    color: var(--clr-rodape);
}
.rodape .politicas .termos-de-uso a {
    color: var(--clr-rodape);
    font-size: .9em;
    font-weight: 800;
    transition: all .1s;
}


/* 
    Whatsapp CTA
*/
.whatsapp-cta.form {
    right: -1000px;
    transition: all .2s;
    bottom: 6em;
}
.whatsapp-cta.form.ativo {
    right: 2em;
    transition: all .1s;
}
.whatsapp-cta {
    position: fixed;
    right: 2em;
    bottom: 1.5em;
    z-index: 9999;
}
.whatsapp-cta .btn-whatsapp i {
    font-size: 2.5em;
    color: var(--preto);
    pointer-events: auto;
    /* background: linear-gradient(135deg, var(--azul) 0%, var(--rosa) 50%, var(--laranja) 100%); */
    background-color: var(--cinza);
    border-radius: 50%;
    padding: .25em .25em .18em .25em;
    box-shadow: 0px 0px 15px var(--preto);
    cursor: pointer;
}

.whatsapp-cta .form-whatsapp {
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 20px rgba(255, 255, 255, .15);
    background-color: transparent;
    border-radius: 15px;
    width: 500px;
    margin-right: .5em;
    transition: all .2s ease-in-out;
}
.form-whatsapp .whatsapp-titulo,
.form-whatsapp form {
    border: 1px solid var(--cinza-escuro);
    padding: .8em;
    font-family: var(--_fonte-p);
    font-size: 1em;
}
.form-whatsapp .whatsapp-titulo {
    display: flex;
    gap: 1.5em;
    justify-content: space-between;
    align-items: center;
    background-color: var(--cinza-escuro);
    color: var(--branco);
    border-radius: 10px 10px 0 0;
}
.form-whatsapp .whatsapp-titulo i {
    display: flex;
    cursor: pointer;
    font-size: 24px;
    padding: .3rem;
    transition: all .2s;
    border-radius: 50%;
}
.form-whatsapp .whatsapp-titulo i:hover {
    background-color: rgba(255, 255, 255, .1);
}
.form-whatsapp form {
    background-color: var(--cinza);
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    gap: .5em;
}
.form-whatsapp form input,
.form-whatsapp form button {
    padding: .5em;
    border-radius: 5px;
    border: none;
}
.form-whatsapp form button {
    margin-top: 1em;
    background-color: var(--cinza-escuro);
    color: var(--branco);
    font-size: .9em;
    font-weight: 600;
    cursor: pointer;
} 

/* 
    Animação Botão Gradiente
*/
@keyframes red {
    25% {
        left: -240%;
        top : -130%;
    }

    50% {
        left: -100%;
        top : -120%;
    }

    75% {
        left: -160%;
        top : -230%;
    }

    100% {
        left: -250%;
        top : -300%;
    }
}

@keyframes blue {
    25% {
        left: -180%;
        top : -100%;
    }

    50% {
        left: -120%;
        top : -250%;
    }

    75% {
        left: -250%;
        top : -300%;
    }

    100% {
        left: -280%;
        top : -80%;
    }
}

@keyframes green {
    25% {
        left: -120%;
        top : -250%;
    }

    50% {
        left: -250%;
        top : -300%;
    }

    75% {
        left: -280%;
        top : -80%;
    }

    100% {
        left: -180%;
        top : -100%;
    }
}

@keyframes wrap-background {
    25% {
      background-color: var(--rosa);
    }
  
    50% {
      background-color: var(--azul);
    }
  
    75% {
      background-color: var(--laranja);
    }
  
    100% {
      background-color: var(--rosa);
    }
  }

  .gradient {
    padding: .5em 2em;
    transition: all .2s;
    font-family: var(--_fonte-cta);
    border-radius: 10px;
    text-align: center;
}
  
:is(div, section).gradient {
    z-index: 0;
    position: relative;
    overflow: hidden;
    animation-duration: 30s;
    animation-name: wrap-background;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
    animation-timing-function: ease-in-out;
    background-color: var(--rosa);
}
  
:is(div, section).gradient > div:not(.gradient) {
    z-index: -1000;
    width: 500%;
    height: 500%;
    position: absolute;
    pointer-events: none;
    filter: blur(10px);
    animation-duration: 12s;
    background-repeat: no-repeat;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
  
:is(div, section).gradient > div.red {
    left: -250%;
    top: -300%;
    animation-name: red;
    background-image: radial-gradient(
      circle,
      var(--rosa) 0%,
      rgba(0, 0, 0, 0) 35%
    );
}
  
:is(div, section).gradient > div.blue {
    left: -280%;
    top: -80%;
    animation-name: blue;
    background-image: radial-gradient(
      circle,
      var(--laranja) 0%,
      rgba(0, 0, 0, 0) 35%
    );
}
  
:is(div, section).gradient > div.green {
    left: -180%;
    top: -100%;
    animation-name: green;
    background-image: radial-gradient(
      circle,
      var(--azul) 0%,
      rgba(0, 0, 0, 0) 35%
    );
}


/* 
Responsividade
*/
@media(max-width: 1200px) {
    h1 {
        font-size: 2.1em;
    }
    h2 {
        font-size: 1.8em;
    }
    h3 {
        font-size: 1.3em;
        line-height: 35px;
    }
    p {
        font-size: 1.1em;
    }
    .subtitulo {
        font-size: .8em;
    }

    .cabecalho .conteudo-principal {
        padding: 10.5rem 2rem 6rem 2rem;
    }

    .introducao .introducao-conteudo {
        gap: 2rem;
    }

    .vantagens .vantagens-bloco p {
        font-size: .9em;
    }

    .solucoes .swiper-container {
        width: 100%;
    }
    .solucoes .solucoes-conteudo .titulo .subtitulo {
        width: auto;
    }
}

@media(max-width: 1050px) {
    .logo img {
        width: 140px;
    }
    p {
        font-size: 1em;
    }

    .menu-nav .menu-nav-btns li a:not(.btn-cta-gradient),
    .menu-nav .menu-nav-btns .btn-cta-gradient {
        font-size: .9em;
    }

    .cabecalho .partner-cabecalho span {
        font-size: .8em;
    }

    .introducao .introducao-conteudo {
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
    }
    .introducao .introducao-conteudo .introducao-bloco {
        width: calc(50% - 32px);
        height: auto;
    }

    .solucoes .swiper-slide .conteudo .icone img {
        width: 30px;
    }
    .solucoes .swiper-slide .conteudo .conteudo-titulo .slide-cabecalho {
        gap: .5rem;
    }
    .solucoes .swiper-slide .conteudo .conteudo-titulo .titulo span:nth-child(1) {
        font-size: 1.2rem;
        line-height: 26px;
    }
    .solucoes .swiper-slide .conteudo .conteudo-titulo .titulo .subtitulo {
        font-size: .9rem;
    }
    .solucoes .swiper-slide .conteudo .conteudo-titulo .pontos {
        font-size: .9rem;
    }

    .rodape .rodape-infos .contato .tel-email a {
        font-size: 1em;
    }
    .rodape .rodape-infos .google-partner {
        gap: 1em;
    }
    .rodape .google-partner .certificacoes .certificacao {
        width: 60px;
    }
    .rodape .google-partner .certificacoes .certificacao span {
        font-size: .6em;
    }
    .rodape .google-partner .selo-partner img {
        width: 150px;
    }
    .rodape .politicas .copyright-cnpj,
    .rodape .politicas .termos-de-uso span {
        font-size: .7em;
    }
} 

@media(max-width: 970px) {
    h1 {
        font-size: 1.8em;
        line-height: 43px;
    }
    h2 {
        font-size: 1.4em;
        text-align: center;
        line-height: 33px;
    }
    h3 {
        font-size: 1.1em;
        line-height: 28px;
    }
    h4 {
        font-size: 1em;
    }

    .title-divider {
        margin-top: .7rem;
        width: 150px;
    }

    .menu-nav .conteudo-principal {
        position: relative;
    }
    .menu-nav .menu-acionador {
        display: block;
        transition: all .2s ease-in-out;
    }
    .menu-nav .menu-acionador.active {
        filter: brightness(80%);
    }
    .menu-nav .menu-acionador i {
        color: var(--clr-menu-link);
        font-size: 1.5em;
    }
    .menu-nav .menu-nav-btns {
        transform: rotateX(90deg);
        position: absolute;
        flex-direction: column;
        top: 81px;
        gap: 0;
        left: 0;
        width: 100%;
        background-color: var(--bg-menu-nav-dropdown);
        border-radius: 0 0 20px 20px;
        border-bottom: 1px solid var(--preto);
        transform-origin: top;
        transition: all .3s ease-in-out; 
    }
    .menu-nav .menu-nav-btns.active {
        transform: rotateX(0deg);
    }
    .menu-nav .menu-nav-btns li {
        width: 100%;
        text-align: center;
    }
    .menu-nav .menu-nav-btns li a:not(.btn-cta-gradient),
    .menu-nav .menu-nav-btns .btn-cta-gradient {
        border-radius: 0;
        display: block;
        width: 100%;
        padding: 1em;
    }
    .menu-nav .menu-nav-btns li a:not(.btn-cta-gradient) {
        border-bottom: 1px solid var(--preto);
    }
    .menu-nav .menu-nav-btns .btn-cta-gradient:hover {
        transform: scale(1);
    }

    .conteudo-principal {
        padding: 5rem 1.5rem;
    }

    .cabecalho .conteudo-principal {
        padding: 10rem 1.5rem 5rem 1.5rem;
    }

    .introducao .introducao-conteudo .introducao-bloco p {
        font-size: .9em;
    }

    .metodo-cientifico .conteudo-principal {
        gap: 2rem;
    }
    .metodo-cientifico .titulo {
        gap: 0;
    }
    .metodo-cientifico .fluxo .etapas .etapa .titulo {
        font-size: 1rem;
    }
    .metodo-cientifico .conteudo-principal .btn-cta {
        margin-top: 1.5rem;
    }

    .formulario .formulario-conteudo h2 {
        text-align: start;
    }
    .formulario .formulario-form {
        width: 50%;
    }
    .formulario .formulario-form form {
        padding: 1em;
    }

    .vantagens .vantagens-bloco img {
        width: 150px;
        height: 120px;
    }

    .resultados .resultados-conteudo {
        flex-direction: column;
        align-items: center;
        gap: 1em;
    }
    .resultados .resultados-conteudo .resultados-bloco {
        width: 90%;
        height: auto;
        padding: 2em 1em;
    }
    .resultados .resultados-conteudo .resultados-bloco .resultado-contador span {
        font-size: 2.5em;
    }
    .resultados .resultados-conteudo .resultados-bloco p {
        font-size: 1em;
    }
    .value {
        font-size: 3em;
    }

    .clientes .clientes-conteudo img {
        width: 180px;
    }

    .analise-gratuita .analise-gratuita-btns a {
        font-size: .9em;
    }

    .rodape .rodape-infos {
        flex-direction: column;
        gap: 3em;
    }
    .rodape .rodape-infos .google-partner {
        justify-content: space-between;
    }
}

@media(max-width: 900px) {
    .conteudo-principal {
        padding: 5em 1em;
    }

    .cabecalho .conteudo-principal {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 9.5em 1em 4em 1em;
        gap: 2em;
    }
    .cabecalho .cabecalho-conteudo {
        width: 100%;
    }
    .cabecalho .cabecalho-img {
        display: none;
    }
    .cabecalho .cabecalho-conteudo {
        align-items: center;
    }
    .cabecalho .partner-cabecalho {
        justify-content: center;
        max-width: 500px;
    }
    .cabecalho .btn-cta-gradient {
        width: 100%;
    }

    .introducao .conteudo-principal {
        gap: 2.5em;
    }
    .introducao .introducao-conteudo {
        flex-direction: column;
        align-items: center;
        gap: 1.5em;
    }
    .introducao .introducao-conteudo .introducao-bloco {
        gap: 1.3em;
        width: 90%;
        margin: 0 auto 2rem auto;
        padding: 3rem 1.5rem 1.5rem 1.5rem;
    }
    .introducao .introducao-conteudo .introducao-bloco p {
        text-align: center;
    }
    .introducao .introducao-conteudo .introducao-bloco .btn-cta {
        width: 100%;
    }
    .introducao .swiper {
        display: flex;
    }

    .metodo-cientifico .fluxo,
    .metodo-cientifico .titulo {
        width: 100%;
    }
    .metodo-cientifico .fluxo .metodo {
        width: 90%;
    }
    .metodo-cientifico .fluxo .metodo img {
        width: 100%;
    }
    .metodo-cientifico .fluxo .etapas .etapa {
        width: 25%;
    }

    .formulario .conteudo-principal {
        flex-direction: column;
        align-items: center;
        gap: 4em;
    }
    .formulario .formulario-conteudo,
    .formulario .formulario-form {
        width: 100%;
    }
    .formulario .formulario-conteudo {
        align-items: center;
        gap: 1rem
    }
    .formulario .formulario-conteudo .title-divider {
        margin-left: auto;
    }
    .formulario .formulario-conteudo p {
        margin-top: 0;
        text-align: center;
    }
    .formulario .formulario-conteudo .btn-cta {
        width: 100%;
    }
    .formulario .formulario-form form input,
    .formulario .formulario-form form textarea,
    .formulario .formulario-form form button {
        font-size: .9em;
    }

    .vantagens .vantagens-conteudo {
        gap: 1em;
    }
    .vantagens .vantagens-conteudo .vantagens-divisao {
        flex-direction: column;
        width: 100%;
        gap: 1rem;
    }
    .vantagens .vantagens-bloco {
        flex-direction: column;
        max-width: 90%;
        align-items: center;
        margin: 0 auto 2rem auto;
    }
    .vantagens .vantagens-bloco-texto {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .vantagens .swiper {
        display: flex;
    }

    .solucoes .swiper-slide .servico {
        flex-direction: column;
        padding: 2.5rem 2.5rem 5rem;
        gap: 1.5rem;
    }
    .solucoes .swiper-slide .conteudo {
        gap: .7rem;
    }
    .solucoes .swiper-slide .conteudo {
        width: 100%;
    }
    .solucoes .swiper-container .swiper-slide .image {
        display: none;
    }

    .modulos_planos .conteudo-principal {
        padding: 4rem 1rem;
    }
    .modulos_planos .bloco,
    .modulos_planos .bloco.segundo {
        flex-direction: column-reverse;
    }
    .modulos_planos .bloco {
        padding: 1.5rem 1.5rem 2rem 1.5rem;
        gap: 2rem;
    }
    .modulos_planos .bloco .conteudo-bloco,
    .modulos_planos .bloco .imagem {
        width: 100%;
    }
    .modulos_planos .bloco .conteudo-bloco {
        margin: 0;
    }

    .resultados .conteudo-principal,
    .clientes .conteudo-principal,
    .faq .conteudo-principal {
        gap: 2.5rem;
    }

    .faq .faq-conteudo {
        width: 100%;
        align-items: center;
    }
    .faq .faq-conteudo .faq-box {
        width: 90%;
    }
    .faq .faq-conteudo .faq-box:hover {
        background-color: var(--bg-faq-box);
    } 
    .faq .faq-conteudo .faq-box .faq-answer {
        padding: 1rem .5rem 1.5rem .5rem;
    }
    .faq .faq-conteudo .faq-box .faq-answer p {
        font-size: 14px;
    }
}

@media(max-width: 800px) {
    .logo img {
        width: 120px;
    }
}

@media(max-width: 750px) {
    .metodo-cientifico .fluxo .etapas .etapa {
        gap: .2rem;
    }
    .metodo-cientifico .fluxo .etapas .etapa .titulo {
        font-size: .9rem;
    }
    .metodo-cientifico .fluxo .etapas .etapa p {
        font-size: .8rem;
    }

    .vantagens .conteudo-principal {
        gap: 2em;
    }
    .vantagens .vantagens-conteudo {
        margin-top: 0;
    }

    .modulos_planos .bloco .conteudo-bloco p {
        font-size: .9rem;
    }

    .clientes .clientes-conteudo img {
        width: 150px;
    }

    .faq .faq-conteudo .faq-box .faq-question {
        margin: .6em 1.5em;
    }

    .analise-gratuita .analise-gratuita-bloco {
        width: 90%;
    }

    .rodape .conteudo-principal {
        padding: 3em 2em 1.5em 2em;
        gap: 4em;
    }
    .rodape .rodape-infos .contato .tel-email a {
        font-size: .9em;
    }
    .rodape .rodape-infos .contato .redes-sociais {
        margin-top: 1em;
    }
    .rodape .rodape-infos .google-partner {
        gap: 1.5rem;
    }
    .rodape .rodape-infos .google-partner .certificacoes {
        flex-direction: column;
    }
    .rodape .rodape-infos .google-partner .certificacoes .certificacao {
        flex-direction: row;
        width: 100%;
    }
    .rodape .rodape-infos .google-partner .certificacoes .certificacao img {
        width: 50px;
    }
    .rodape .rodape-infos .google-partner .certificacoes .certificacao span {
        font-size: .7rem;
        text-align: start;
    }
}

@media (max-width: 700px) {
    .metodo-cientifico .fluxo .etapas {
        flex-wrap: wrap;
        gap: 1rem .5rem;
    }
    .metodo-cientifico .fluxo .etapas .etapa {
        width: calc(50% - .5rem);
        align-items: center;
    }
    .metodo-cientifico .fluxo .etapas .etapa p {
        text-align: center;
    }
}

@media(max-width: 680px) {
    .solucoes .swiper-container .swiper-button-prev::after,
    .solucoes .swiper-container .swiper-button-next::after {
        font-size: 1.5rem !important;
    }

    .resultados .resultados-conteudo .resultados-bloco:nth-child(2) {
        transform: scale(1.05);
        background-color: var(--bg-resultados-hover); 
    }
    .resultados .resultados-conteudo .resultados-bloco:nth-child(3):hover,
    .resultados .resultados-conteudo .resultados-bloco:nth-child(1):hover {
        transform: scale(1);
        background-color: var(--bg-resultados-bloco);
    }

    .analise-gratuita .analise-gratuita-bloco {
        padding: 2em 1em;
    }

    .rodape .politicas {
        flex-direction: column-reverse;
        align-items: center;
        gap: 1.5em;
        text-align: center;
    }

    .whatsapp-cta.form {
        width: 100%;
    }
    .whatsapp-cta.form.ativo {
        right: 0;
    }
    .whatsapp-cta {
        right: 0;
        padding: 0 1em;
    }
    .whatsapp-cta .form-whatsapp {
        margin-right: 0;
    }
    .whatsapp-cta .btn-whatsapp i {
        font-size: 2em;
    }
    .whatsapp-cta .form-whatsapp {
        width: 100%;
    }
    .form-whatsapp .whatsapp-titulo,
    .form-whatsapp form {
        font-size: .9em;
    }
}

@media(max-width: 600px) {
    .cabecalho .partner-cabecalho {
        width: 100%;
    }

    .metodo-cientifico .fluxo .metodo img {
        height: 340px;
    }

    .formulario .formulario-conteudo h2 {
        text-align: center;
    }
    
    .clientes .clientes-conteudo img {
        width: 120px;
    }

    .valores .conteudo-principal {
        gap: 3em;
    }
    .valores .produto-bloco {
        width: 90%;
    }
    .valores .produto-bloco .produto-titulo span {
        font-size: 1em;
    }
    .valores .produto-brl,
    .valores .produto-tempo {
        padding-bottom: .4em;
    }
    .valores .produto-bloco .produto-preco span {
        font-size: 3em;
    }
    .valores .produto-beneficios span {
        font-size: 1em;
    }

    .analise-gratuita .analise-gratuita-bloco {
        width: 100%;
    }
    .analise-gratuita .analise-gratuita-btns {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: .3em;
    }
    .analise-gratuita .analise-gratuita-btns a {
        width: 100%;
    }

    .faq .faq-conteudo .faq-box {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .metodo-cientifico .fluxo .metodo .metodo-video video {
        width: 90%;
    }

    .solucoes .swiper-slide .servico {
        padding: 2rem 1.5rem 5rem 1.5rem;
    }
    .solucoes .swiper-slide .conteudo .conteudo-titulo .titulo {
        flex-direction: column-reverse;
        gap: .1rem;
    }
    .solucoes .swiper-slide .conteudo .conteudo-titulo .titulo span:nth-child(1) {
        font-size: 1.1rem;
    }
    .solucoes .swiper-slide .conteudo .conteudo-titulo .titulo .subtitulo {
        font-size: .85rem;
    }

    .modulos_planos .bloco .conteudo-bloco .titulo {
        font-size: 1.1rem;
    }
}

@media(max-width: 450px) {
    h1 {
        font-size: 1.5em;
        line-height: 38px;
    }
    h2 {
        font-size: 1.3em;
        line-height: 29px;
    }
    h3 {
        font-size: 1.1em;
    }
    h4 {
        font-size: 1em;
    }
    p {
        font-size: .9em;
    }

    .cabecalho .partner-cabecalho {
        background: linear-gradient(45deg, var(--bg-partner-cabecalho) 0%, rgba(0, 0, 0, 0) 80%);
        padding: 1em;
        gap: 1.5em;
    }
    .cabecalho .partner-cabecalho span {
        font-size: .8em;
    }
    .cabecalho .partner-cabecalho img {
        width: 100px;
    }
    .cabecalho .btn-cta-gradient {
        font-size: .9rem;
    }

    .vantagens .vantagens-titulo h2 {
        margin-top: .3rem;
    }

    .valores .produto-bloco {
        width: 100%;
        padding: 2em 1.5em 1em 1.5em;
    }

    .clientes .clientes-conteudo img {
        width: 100px;
    }

    .rodape .rodape-infos .contato {
        align-items: center;
    }
    .rodape .rodape-infos .contato .redes-sociais {
        gap: 1.2em;
    }
}

@media(max-width: 400px) {
    .cabecalho .partner-cabecalho {
        background: linear-gradient(45deg, var(--bg-partner-cabecalho) 0%, rgba(0, 0, 0, 0) 80%);
        padding: .6em 1em .6em 1em;
        gap: 1em;
    }
    .cabecalho .partner-cabecalho span {
        font-size: .7em;
    }

    .valores .produto-bloco .produto-titulo {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .rodape .rodape-infos .google-partner {
        flex-direction: column-reverse;
        align-items: center;
    }
    .rodape .rodape-infos .google-partner .certificacoes {
        gap: 1.2rem;
    }
}