:root {
    --laranja: #df5436;
}

.w-embed-youtubevideo {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
    background-position: 50%;
    background-size: cover;
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.w-embed-youtubevideo:empty {
    min-height: 75px;
    padding-bottom: 56.25%;
}

.body {
    color: #000;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
}

.nav-link-menu {
    font-size: 18px;
    line-height: 18px;
    transition: color 0.5s ease-in-out;
}

.nav-link-menu:hover {
    color: #df5436;
}

.nav-link-menu.ajust-mais-margin {
    margin-right: 20px;
}

.menu-conta-margem {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.grupo-links-menu {
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
    display: flex;
}

.cta-contato {
    color: #fff;
    background-color: #df5436;
    border-radius: 100px;
    margin-left: 0;
    padding: 20px 40px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

.cta-contato:hover {
    color: var(--laranja);
    background-color: #f4c22f;
}

.cta-contato.button-conteudo {
    margin-top: 30px;
}

.navbar {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.section-estrutura {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-page {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.titulo-estrutura {
    text-align: center;
    width: 100%;
    max-width: 640px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.h2-titulo {
    color: #df5436;
    margin-top: 0;
    margin-bottom: 30px;
    font-family: Fonnts, Arial, sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 48px;
}

.h2-titulo.text-amarelo,
.h2-titulo.text-amarelo-1 {
    color: #f4c22f;
}

.h2-titulo.plano-text-ajust {
    margin-bottom: 10px;
}

.h2-titulo.plano-text-ajust.branco-text,
.subtitulo-texto-h3.text-branco {
    color: #fff;
}

.listagem-itens-estrutura {
    justify-content: center;
    align-items: flex-start;
}

.linha-estrutura {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 40px;
    display: flex;
}

.estrutura-item {
    width: 100%;
    max-width: 225px;
    margin-bottom: 40px;
}

.descricao-item-estrutura {
    font-size: 18px;
    line-height: 25px;
}

.titulo-item-estrutura {
    color: #0bb2f1;
    margin-bottom: 10px;
}

.img-estrutura-itens {
    margin-bottom: 20px;
}

.section-quemsomos {
    background-image: url('../images/fundo-quemsomos.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 1000px;
    display: flex;
}

.conteudo-quemsomos {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.titulo-quemsomos {
    text-align: center;
    width: 100%;
    max-width: 480px;
}

.texto-quemsomos {
    color: #fff;
    text-align: center;
    width: 100%;
    max-width: 666px;
}

.section-missao-visao-valores {
    padding-top: 100px;
    padding-bottom: 100px;
}

.titulo-mvv {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 900px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.lista-mvv {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.box-mvv {
    text-align: center;
    background-color: #0bb2f1;
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 280px;
    height: 300px;
    padding-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
}

.titulo-box-mvv {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}

.text-block {
    color: #276185;
    font-size: 24px;
    font-weight: 700;
}

.icon-box-mvv {
    margin-right: 20px;
}

.descricao-mvv {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}

.section-antesxdepois {
    background-image: url('../images/bg-Antes-x-depois.png');
    background-position: 50%;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
}

.titulo-antesxdepois {
    text-align: center;
    width: 100%;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}

.video-institucional {
    width: 100%;
    max-width: 900px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

.section-planos-valores {
    padding-top: 100px;
    padding-bottom: 100px;
}

.titulo-planos-valores {
    text-align: center;
    width: 100%;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
}

.image {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.planos {
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.linha-um-planos {
    justify-content: space-around;
    align-items: center;
    display: flex;
}

.box-plano {
    border: 2px solid var(--laranja);
    border-radius: 10px;
    width: 100%;
    max-width: 516px;
    margin-bottom: 40px;
    padding: 50px;
}

.box-plano.ajust-box-vip {
    background-color: #276185;
}

.topico-itens-inclusos {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    display: flex;
}

.icon-check {
    margin-right: 10px;
}

.text-iten-descricao {
    font-size: 18px;
    line-height: 25px;
}

.text-iten-descricao.branco-text {
    color: #fff;
}

.incluso-titulo-b {
    color: #276185;
    font-size: 24px;
    font-weight: 700;
}

.incluso-titulo-b.text-amarelo-1 {
    color: #f4c22f;
}

.descricao-plano {
    margin-bottom: 25px;
}

.descricao-plano.branco-text {
    color: #fff;
}

.tabela-valores {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.cta-tabela-valores {
    justify-content: center;
    align-items: center;
    display: flex;
}

.section-contato {
    background-image: url('../images/bg-contato.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
}

.conteudo-contato {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.formulario-contato {
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
    max-width: 550px;
    padding: 50px;
}

.titulo-contato {
    width: 100%;
    max-width: 392px;
}

.sub-titulo-contato {
    width: 100%;
    max-width: 300px;
}

.links-contatos {
    color: #fff;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
    text-decoration: none;
    display: flex;
}

.icon-contato {
    margin-right: 15px;
}

.nome-campo {
    opacity: 0.6;
    color: #df5436;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.campo-preenchimento {
    color: var(--laranja);
    background-color: #b3464600;
    border: 2px solid #df5436;
    border-radius: 10px;
    height: 60px;
    font-size: 20px;
}

.campo-preenchimento.mensagem-ajust {
    height: auto;
}

.cta-form {
    background-color: #df5436;
    border-radius: 10px;
    width: 100%;
    height: 60px;
    margin-top: 15px;
    font-weight: 700;
}

.section-trabalhe-conosco {
    padding-top: 100px;
    padding-bottom: 100px;
}

.conteudo-trabalheconosco {
    justify-content: space-around;
    align-items: center;
    display: flex;
}

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

.image-traballhe-aqui {
    width: 100%;
    max-width: 588px;
}

.section-logotipo-socialmedia {
    background-image: linear-gradient(90deg, #2399c6, #267096);
    padding-top: 50px;
    padding-bottom: 50px;
}

.conteudo-logo-socialmeida {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.socialmedia {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.fiquepordentro-text {
    color: #fff;
}

.link-socialmedia {
    margin-right: 20px;
}

.link-socialmedia.sem-margin {
    margin-right: 0;
}

.assinatua-genia-copy {
    padding-top: 20px;
    padding-bottom: 20px;
}

.conteudo-assinatura-copy {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.direitos-reservados {
    color: #9d9b96;
    font-size: 18px;
}

.site-genia {
    color: #9d9b96;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.produzidopor {
    margin-right: 10px;
    font-size: 18px;
}

.slide-nav {
    font-size: 12px;
}

.img-01 {
    background-image: url('../images/banner-01.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-01._02 {
    background-image: url('../images/banner-02.png');
}

.img-01._03 {
    background-image: url('../images/banner-03.png');
}

.banners {
    height: 700px;
}

.icon-seta {
    font-size: 20px;
}

.imagem-mobile {
    display: none;
}

.cta-fixo-whastapp {
    z-index: 5000;
    background-color: #25d366;
    border-radius: 40px;
    align-items: center;
    width: 227px;
    height: 60px;
    padding: 13px 30px;
    position: fixed;
    inset: auto 2% 9% auto;
}

.imagem-icone-whatsapp {
    align-items: center;
    display: flex;
    position: relative;
}

.icon-whatsapp {
    margin-right: 10px;
}

.text-whatsapp {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.link-whastapp {
    position: absolute;
    inset: 0%;
}

.link-contato {
    width: 830px;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 991px) {
    .nav-link-menu {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
        font-size: 34px;
    }

    .nav-link-menu.ajust-mais-margin {
        margin-right: 0;
    }

    .grupo-links-menu {
        background-color: #fff;
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .linha-estrutura {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .box-mvv {
        height: 400px;
    }

    .linha-um-planos,
    .conteudo-contato {
        flex-flow: column;
    }

    .info-contatos {
        margin-bottom: 60px;
    }

    .conteudo-trabalheconosco {
        flex-flow: column;
    }

    .bloco-text {
        margin-bottom: 60px;
    }

    .img-01 {
        background-position: 23%;
    }

    .icon {
        color: #000;
    }

    .menu-button,
    .menu-button.w--open {
        background-color: #fff;
    }
}

@media screen and (max-width: 479px) {
    .nav-link-menu.ajust-mais-margin {
        line-height: 29px;
    }

    .grupo-links-menu {
        padding-top: 0;
    }

    .cta-contato {
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 20px;
    }

    .section-estrutura {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .padding-page {
        padding-left: 15px;
        padding-right: 15px;
    }

    .h2-titulo {
        font-size: 35px;
        line-height: 40px;
    }

    .estrutura-item {
        margin-bottom: 20px;
    }

    .section-quemsomos {
        height: 1080px;
    }

    .section-missao-visao-valores {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .lista-mvv {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    .box-mvv {
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-top: 0;
        padding-left: 35px;
        padding-right: 35px;
    }

    .section-antesxdepois,
    .section-planos-valores {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .box-plano {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tabela-valores {
        display: none;
    }

    .section-contato {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .formulario-contato {
        padding: 20px;
    }

    .links-contatos {
        font-size: 18px;
        line-height: 23px;
    }

    .icon-contato {
        margin-right: 10px;
    }

    .section-trabalhe-conosco {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .conteudo-logo-socialmeida,
    .socialmedia {
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    .fiquepordentro-text {
        text-align: center;
        width: 100%;
        max-width: 200px;
    }

    .logotipo-rodape-pirapora {
        margin-bottom: 40px;
    }

    .assinatua-genia-copy {
        padding-bottom: 100px;
    }

    .conteudo-assinatura-copy {
        flex-flow: column;
        justify-content: center;
    }

    .site-genia {
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }

    .img-01 {
        background-image: url('../images/Banner-Principal.png');
        background-position: 50%;
    }

    .img-01._02 {
        background-image: url('../images/banner-mobile-2.png');
    }

    .img-01._03 {
        background-image: url('../images/Banner-mobile-3.png');
    }

    .banners {
        height: 580px;
    }

    .imagem-mobile {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .image-2 {
        max-width: 90%;
    }

    .right-arrow,
    .left-arrow {
        display: none;
    }

    .link-contato {
        width: 300px;
        height: 340px;
    }
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Fonnts';
    src: url('../fonts/fonnts.com-Obviously_Bold.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}