@font-face{
    font-family: 'gotham-regular';
    src: url('fontes/GothamMedium.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'gotham-bold';
    src: url('fontes/GothamBold.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'gotham-light';
    src: url('fontes/GothamLight.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'gotham-italic';
    src: url('fontes/GothamLightItalic.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* cores
TURQUEZA
HEX: #32BDB3
AZUL-MARINHO PROFUNDO
HEX: #0F2A4C
LARANJA VIBRANTE
HEX: #FF7A00
BEGE OFF-WHITE
HEX: #F8F3EC*/
body{
    width: 100%;
    color: #0F2A4C;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'gotham-regular';
}
.mobile{
    display: none;
}
.pc{
    display: flex;
}

/*header*/ 

header{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1vw 0vw;
    background: transparent;
    position: fixed;
    top: 0%;
    z-index: 9999;
    transition: 0.6s;
}
header.scrolled {
    background-color: rgba(255, 255, 255, 0.95); /* pode trocar a cor */
    box-shadow: 0px 2px 10px rgba(0,0,0,0.1);   /* sombra opcional */
    transition: 0.6s;
}
.desktop{
    transition: 0.6s;
}
.a-logo-header{
    width: 28%;
    margin-left: 2vw;
}
.img-logo-header{
    width: 80%;
    transition: 0.6s;
}
.img-logo-header:hover{
    transition: 0.6s;
    filter: brightness(200%);
}
.agende-agora-header{
    text-decoration: none;
    font-family: 'gotham-bold';
    font-size: 1.5vw;
    color: #32BDB3;
    background-color: #0F2A4C;
    padding: 0.5vw 1vw;
    border-radius: 2vw;
    transition: 0.6s;
}
.agende-agora-header:hover{
    transition: 0.6s;
    filter: brightness(200%);
}
.div-redes-nav-header{
    width: 25%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:flex-end;
    margin-right: 1vw;
}
.a-nav-redes-sociais-header{
    width: 13%;
    margin-right: 0.7vw;
}
.img-nav-redes-sociais-header{
    width: 70%;
    transition: 0.6s;
}
.img-nav-redes-sociais-header:hover{
    transition: 0.6s;
    filter: brightness(200%);
}

/*primeria sessao*/

.div-video-home{
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.video{
    width: 100%;
    object-fit: cover;
}
.primeira-sessao-home{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: url(imagens/bannermobile.png);
    background-size: cover;     
  background-position: center; 
  background-repeat: no-repeat;
}

/*segunda sessao*/

.segunda-sessao-home{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 2vw 0vw;
    background-color: #F8F3EC;
}
.titulo-primeira-sessao-home{
    text-align: center;
    font-size: 2.3vw;
    line-height: 2.5vw;
    font-family: 'gotham-bold';
    color: #32BDB3;
}
.texto-primeira-sessao-home{
    width: 75%;
    text-align: center;
    font-size: 1.2vw;
    margin: 2vw 0vw;
    font-family: 'gotham-light';
    line-height: 1.5vw;
}
.span-paragrafo-segunda-sessao-home{
    font-family: 'gotham-bold';
}
.a-agende-agora-segunda-sesao{
    font-family: 'gotham-bold';
    font-size: 1.7vw;
    padding: 0.6vw 1.6vw;
    color: #32BDB3;
    background-color: #0F2A4C;
    border-radius: 1.6vw;
    text-decoration: none;
    transition: 0.6s;
}
.a-agende-agora-segunda-sesao:hover{
    transition: 0.6s;
    filter: brightness(200%);
}

/*terceira sessao*/

.terceira-sessao-home{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.bloco-img-texto-terceira-sessao-home{
    height: 40vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.quadro-img-bloco-home{
    overflow: hidden;
    width: 35%;
    border-radius: 0vw 6vw 0vw 6vw;
}
.quadro-direito{
     border-radius: 0vw 6vw 6vw 0vw;
}
.quadro-esquerdo{
    border-radius: 6vw 0vw 0vw 6vw;
}
.quadro-final{
     border-radius: 6vw 0vw 6vw 0vw;
}
.img-bloco-terceria-sessao-home{
    height: 40vw;
    transition: 0.6s;
}
.img-bloco-terceria-sessao-home:hover{
    transform: scale(115%);
    transition: 0.6s;
}
.cartao-texto-bloco-home{
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.subtitulo-cartao-texto-bloco-home{
    font-size: 2vw;
    line-height: 2.2vw;
    color: #32BDB3;
    text-align: center;
}
.span-italic{
    font-family: 'gotham-italic';
}
.span-verde{
    color: #32BDB3;
}
.span-preto{
    color: #000000;
}
.paragrafo-cartao-texto-bloco-home{
    width: 80%;
    text-align: center;
    font-family: 'gotham-light';
    font-size: 1.6vw;
    line-height: 1.9vw;
    margin: 1vw 0vw;
}

/*quarta sessao*/

.quarta-sessao-home{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding-top: 4vw;
    background-color: #F8F3EC;
}
.logo-quarta-sessao{
    width: 45%;
    transition: 0.6s;
}
.logo-quarta-sessao:hover{
    transition: 0.6s;
    filter: brightness(150%);
}
.titulo-quarta-sessao-home{
    color: #32BDB3;
    font-size: 2.5vw;
    margin: 2vw;
    text-align: center;
}
.p-quarta-sessao-home{
    width: 75%;
    text-align: center;
    font-size: 1.4vw;
    line-height: 1.7vw;
    font-family: 'gotham-light';
}
.div-quarta-sessao-franz{
    width: 80%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin-top: 4vw;
}
.zoom-img-franz{
    width: 30%;
    border-radius: 0vw 5vw 0vw 0vw;
    overflow: hidden;
}
.img-franz-quarta-seesao{
    width: 100%;
    border-radius: 0vw 5vw 0vw 0vw;
    transition: 0.6s;
}
.img-franz-quarta-seesao:hover{
    transform: scale(115%);
    transition: 0.6s;
}
.texto-div-quarta-sessao-franz{
    text-align: center;
    width: 40%;
    font-size: 2vw;
}
.span-paragrafo-franz{
    font-family: 'gotham-bold';
    align-self: start;
    justify-self: flex-start;
}
.espaco-direito-franz{
    margin-right: 4vw;
}
.span-espaco-franz{
    margin-left: 5vw;
}
.a-linkedin-franz{
    width: 7%;
}
.img-logo-linkedin-azul{
    width: 10%;
    transition: 0.6s;
}
.img-logo-linkedin-azul:hover{
    transition: 0.6s;
    filter: brightness(350%);
}

/*quinta sessao*/

footer{
    width: 100%;
    margin-top: -0.2vw;
    z-index: 99;
}
.primeira-sessao-footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    background-color: #32BDB3;
    padding: 2vw 0vw;
}
.p-agendamento-footer{
    text-align: center;
    font-size: 2vw;
    line-height: 2.4vw;
    font-family: 'gotham-italic';
}
.agende-agora-footer{
    background-color: #0F2A4C;
    padding: 0.6vw 2.3vw;
    margin-top: 2vw;
    text-decoration: none;
    font-family: 'gotham-bold';
    font-size: 1.7vw;
    color: #32BDB3;
    border-radius: 4vw;
    transition: 0.6s;
}
.agende-agora-footer:hover{
    transition: 0.6s;
    filter: brightness(200%);
}
.segunda-sessao-footer{
    width: 100%;
    margin: 3vw 0vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.p-segunda-sessao-footer{
    font-size: 1.2vw;
    line-height: 1.4vw;
    width: 25%;
    text-align: center;
}
.mapa-google-footer{
    width: 30%;
    height: 15vw;
    margin: 0vw 5vw;
}
.p-texto-segunda-sessao-footer-mapa{
    width: 25%;
    font-family: 'gotham-light';
    font-size: 1.2vw;
    line-height: 1.4vw;
    text-align: center;
    
}
.botao-segunda-sessao-footer-mapa{
    font-size: 1.2vw;
    font-family: 'gotham-bold';
    text-decoration: none;
    color: #32BDB3;
    background-color: #0F2A4C;
    padding: 0.5vw 1.5vw;
    border-radius: 3vw;
    transition: 0.6s;
}
.botao-segunda-sessao-footer-mapa:hover{
    transition: 0.6s;
    filter: brightness(200%);
}
.terceira-sessao-footer{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding: 1vw 0vw;
}
.a-politica-privacidade{
    text-decoration: none;
    color: #0F2A4C;
    font-size: 1.3vw;
    font-family: 'gotham-bold';
    transition: 0.6s;
}
.a-politica-privacidade:hover{
    transition: 0.6s;
    filter: brightness(350%);
}
.p-marketing-direitos-reservados{
    font-size: 1.3vw;
    font-family: 'gotham-light';
}
.a-ffdna-criativo{
    width: 10%;
}
.img-ffdnacriativo{
    width: 25%;
    transition: 0.6s;
}
.img-ffdnacriativo:hover{
    transition: 0.6s;
    filter: brightness(200%);
}

/*POLITICA*/

.div-politica{
    width: 85%;
}
.titulo-politica{
    font-family: 'gotham-bold';
    font-size: 2.5vw;
    margin-top: 7vw;
}
.subtitulo-politica{
    font-family: 'gotham-italic';
    font-size: 2.2vw;
    margin: 2vw 0vw;
}
.texto-politica{
    font-family: 'gotham-light';
    font-size: 1.5vw;
    line-height: 1.8vw;
    margin-bottom: 4vw;
}