html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: #1A0303 ;
    max-width: 1440px;
    margin: 0 auto;
    color: #ffffff;
    box-sizing: border-box;
}

.home {
    background: url(../images/93f8dd102abf7a5dfe2df92854c011b8eff26e64.png) no-repeat;
    background-size: 1440px;
    height: 740px;
}

.header {
    display: flex;
    align-items: center;
    padding: 20px 60px;
    font-family: 'Heebo';
}

.home .principal {
    display: inline;
}

.home .principal h1 {
    font-size: 57px;
    font-weight: 800;
    line-height: 60px;
    letter-spacing: -2px;
    text-transform: uppercase;
    max-width: 760px;
    padding-top: 180px;
    padding-left: 120px;
    margin-bottom: 10px;
}

.home .principal p {
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    text-transform: uppercase;
    max-width: 800px;
    padding-left: 120px;
    margin-bottom: 30px;
}

.home .principal p span {
    font-weight: 700;
}

.home .principal a {
    color: #ffffff;
    background-color: #009951;
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 700;
    padding: 10px 35px;
    border-radius: 6px;
    margin-left: 120px;
    transition: 0.4s;
}

.home .principal a:hover {
    color: #009951;
    background-color: #ffffff;
}

.pop-up-whatsapp {
    position: fixed;
    right: 30px;
    bottom: 10px;
    z-index: 1000;
    transition: 0.4s;
}

.pop-up-whatsapp img {
    width: 65px;
}

.pop-up-whatsapp:hover {
    transform: scale(1.1);
}

.transformacao-carreira {
    background: url(../images/7dabfaae4caf128861cb5c714829c44091e1fe3e.png) no-repeat #1a0303c4;
    background-blend-mode: multiply;
    background-position: 1090px 140px;
    background-size: 380px;
}

.transformacao-carreira .faixa-transformacao {
    background-color: #C14B74;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
}

.transformacao-carreira .faixa-transformacao p {
    font-size: 44px;
    font-weight: 800;
    line-height: 41px;
    text-transform: uppercase;
    text-align: center;
    max-width: 730px;
}

.transformacao-carreira .info-transformacao {
    display: grid;
    grid: 'info-frases info-frases'
    'seta info-mentoria';
    margin: 40px auto 0;
    padding-bottom: 80px;
    max-width: 900px;
}

.transformacao-carreira .info-transformacao .info-frases {
    grid-area: info-frases;
}

.transformacao-carreira .info-transformacao .info-frases h2 {
    font-size: 35px;
    font-weight: 800;
    line-height: 40px;
    text-transform: uppercase;
    max-width: 600px;
    margin-bottom: 20px;
}

.transformacao-carreira .info-transformacao .info-frases ul li {
    list-style: disc;
    margin-left: 22px;
    margin-bottom: 10px;
}

.transformacao-carreira .info-transformacao .info-frases ul li::marker {
    font-size: 10px;
}

.transformacao-carreira .info-transformacao .info-frases ul li p {
    font-family: 'Barlow';
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    max-width: 540px;
}

.transformacao-carreira .info-transformacao .seta {
    grid-area: seta;
    width: 300px;
    margin-left: 23px;
}

.transformacao-carreira .info-transformacao .info-mentoria {
    grid-area: info-mentoria;
    margin-top: 30px;
}

.transformacao-carreira .info-transformacao .info-mentoria h2 {
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    text-transform: uppercase;
    max-width: 520px;
    margin-bottom: 15px;
}

.transformacao-carreira .info-transformacao .info-mentoria h2 span {
    color: #EA8BB6;
}

.transformacao-carreira .info-transformacao .info-mentoria ul li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 10px;
}

.transformacao-carreira .info-transformacao .info-mentoria ul li::marker {
    font-size: 10px;
}

.transformacao-carreira .info-transformacao .info-mentoria ul li p {
    font-family: 'Barlow';
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
    max-width: 540px;
}

.dra-paola {
    background: url(../images/ACB04245.jpg) no-repeat;
    background-size: 1440px;
    background-position: 0px -340px;
    height: 760px;
}

.dra-paola .info-primaria {
    padding: 160px 0 0 120px;
    margin-bottom: 25px;
}

.dra-paola .info-primaria h2 {
    font-size: 34px;
    font-weight: 800;
    line-height: 38px;
    letter-spacing: -2px;
    text-transform: uppercase;
    max-width: 540px;
    margin-bottom: 15px;
}

.dra-paola .info-primaria p {
    font-size: 21px;
    font-weight: 300;
    line-height: 21px;
    max-width: 420px;
}

.dra-paola .info-primaria p span {
    font-weight: 700;
}

.dra-paola .info-secundaria {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-left: 120px;
}

.dra-paola .info-secundaria p {
    font-size: 17px;
    font-weight: 300;
    line-height: 16px;
    text-transform: uppercase;
    padding: 8px 15px;
    background-color: #994F7A;
    border-radius: 12px;
    margin-bottom: 10px;
}

.dra-paola .info-secundaria p span {
    font-weight: 700;
}

.dra-paola .info-secundaria p.text1 {
    max-width: 285px;
}

.dra-paola .info-secundaria p.text2 {
    max-width: 460px;   
}

.dra-paola .info-secundaria p.text3 {
    max-width: 450px;   
}

.aprendizado {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    background: url(../images/7dabfaae4caf128861cb5c714829c44091e1fe3e.png) no-repeat #1a0303c4;
    background-blend-mode: multiply;
    background-position: -260px -40px;
    background-size: 740px;
    padding: 100px 0 60px;
}

.aprendizado .info-aprendizado {
    display: flex;
    justify-content: center;
    gap: 120px;
}

.aprendizado h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 43px;
    letter-spacing: -2px;
    text-transform: uppercase;
    color: #F08DC7;
    max-width: 380px;
}

.aprendizado .itens-aprendizado {
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: 'Barlow';
}

.aprendizado .itens-aprendizado .item-aprendizado h3 {
    font-size: 19px;
    font-weight: 800;
    line-height: 19px;
    text-transform: uppercase;
    color: #F08DC7;
    max-width: 360px;
    margin-bottom: 5px;
}

.aprendizado .itens-aprendizado .item-aprendizado ul li {
    list-style: disc;
    font-size: 19px;
    font-weight: 400;
    line-height: 19px;
    text-transform: uppercase;
    max-width: 430px;
    margin-left: 15px;
    margin-bottom: 5px;
}

.aprendizado .itens-aprendizado .item-aprendizado ul li::marker{
    font-size: 12px;
}

.aprendizado a {
    font-size: 24px;
    font-weight: 800;
    padding: 10px 50px;
    border-radius: 8px;
    color: #ffffff;
    background-color: #994F7A;
    transition: 0.4s;
}

.aprendizado a:hover {
    color: #994F7A;
    background-color: #ffffff;
}

.receber {
    background: url(../images/7dabfaae4caf128861cb5c714829c44091e1fe3e.png) no-repeat #1a0303c4;
    background-blend-mode: multiply;
    background-position: 1060px 400px;
    background-size: 660px;
}

.receber .faixa-receber {
    background-color: #C14B74;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
}

.receber .faixa-receber p {
    font-size: 38px;
    font-weight: 400;
    line-height: 38px;
    text-transform: uppercase;
    text-align: center;
    max-width: 340px;
}

.receber .faixa-receber p span {
    font-weight: 700;
}

.receber .info-receber {
    display: flex;
    justify-content: center;
    gap: 120px;
    padding: 80px 0 100px;
}

.receber .info-receber h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 43px;
    text-transform: uppercase;
    max-width: 420px;
    color: #F08DC7;
}

.receber .info-receber ul li {
    list-style: disc;
    font-size: 19px;
    font-weight: 800;
    line-height: 22px;
    text-transform: uppercase;
    max-width: 530px;
    margin-bottom: 20px;
}

.receber .inscricao-receber {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding-bottom: 120px;
}

.receber .inscricao-receber p {
    font-size: 34px;
    font-weight: 800;
    line-height: 34px;
    letter-spacing: -1px;
    text-align: center;
    text-transform: uppercase;
    color: #B66996;
    max-width: 800px;
}

.receber .inscricao-receber a {
    font-size: 24px;
    font-weight: 800;
    line-height: 24px;
    text-transform: uppercase;
    padding: 10px 80px;
    border-radius: 8px;
    color: #ffffff;
    background-color: #994F7A;
    transition: 0.4s;
}

.receber .inscricao-receber a:hover {
    color: #994F7A;
    background-color: #ffffff;
}

.vagas {
    font-family: 'Inter';
}

.vagas .faixa-vagas {
    background-color: #C14B74;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
}

.vagas .faixa-vagas p {
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
    text-align: center;
    max-width: 500px;
}

.vagas .info-vagas {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 60px 0 40px;
    background: url(../images/7dabfaae4caf128861cb5c714829c44091e1fe3e.png) no-repeat #1a0303c4;
    background-blend-mode: multiply;
    background-position: 1060px -800px;
    background-size: 660px;
}

.vagas .info-vagas .blocos {
    display: flex;
    gap: 20px;
}

.vagas .info-vagas .blocos .inicio-imediato {
    background-color: #FFFFFF;
    border: solid 1px #D9D9D9;
    width: 440px;
    height: 130px;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.vagas .info-vagas .blocos .inicio-imediato h2 {
    color: #1E1E1E;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 5px;
}

.vagas .info-vagas .blocos .inicio-imediato p {
    color: #757575;
    font-size: 17px;
    line-height: 23px;
    max-width: 340px;
}

.vagas .info-vagas .blocos .acesso {
    background-color: #EA8BB6;
    width: 440px;
    height: 160px;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.vagas .info-vagas .blocos .acesso h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}

.vagas .info-vagas .blocos .acesso p {
    font-size: 17px;
    line-height: 23px;
    max-width: 380px;
}

.vagas .info-vagas .blocos .mentoria-diferente {
    background-color: #593444;
    width: 440px;
    height: 160px;
    padding: 20px 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;    
}

.vagas .info-vagas .blocos .mentoria-diferente h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 31px;
    text-align: center;
    max-width: 420px;
    margin-bottom: 10px;
}

.vagas .info-vagas .blocos .mentoria-diferente p {
    font-size: 17px;
    line-height: 23px;
    text-align: center;
    max-width: 390px;
}

.vagas .info-vagas .blocos .investimento {
    background-color: #FFFFFF;
    border: solid 1px #D9D9D9;
    width: 330px;
    height: 310px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0;
    border-radius: 8px;
    margin-bottom: 20px;
}

.vagas .info-vagas .blocos .investimento .cortado {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.vagas .info-vagas .blocos .investimento .cortado h2 {
    color: #00000080;
    font-size: 33px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.vagas .info-vagas .blocos .investimento .cortado span {
    color: #00000080;
    font-size: 33px;
    font-weight: 700;
    text-decoration: line-through;
}

.vagas .info-vagas .blocos .investimento .para-voce {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;    
}

.vagas .info-vagas .blocos .investimento .para-voce h2 {
    color: #000000;
    font-size: 33px;
    font-weight: 400;
}

.vagas .info-vagas .blocos .investimento .para-voce span {
    color: #994F7A;
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 5px;
}

.vagas .info-vagas .blocos .investimento .para-voce p {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    max-width: 220px;
}

.vagas .info-vagas .blocos .investimento a {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 30px;
    border-radius: 6px;
    color: #F5F5F5;
    background-color: #994F7A;
    transition: 0.4s;
}

.vagas .info-vagas .blocos .investimento a:hover {
    color: #994F7A;
    background-color: #F5F5F5;
    border: solid 1px #994F7A;
}

.vagas .info-vagas .blocos .vagas-limitadas {
    background-color: #EA8BB6;
    width: 330px;
    height: 190px;
    padding: 20px;
    border-radius: 8px;
}

.vagas .info-vagas .blocos .vagas-limitadas h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 31px;
    max-width: 290px;
    margin-bottom: 10px;
}

.vagas .info-vagas .blocos .vagas-limitadas p {
    font-size: 17px;
    line-height: 23px;
}

.vagas .info-vagas .inscricao-vagas {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.vagas .info-vagas .inscricao-vagas p {
    font-size: 34px;
    font-weight: 800;
    line-height: 33px;
    text-transform: uppercase;
    text-align: center;
    color: #FFDCF0;
    max-width: 800px;
}

.vagas .info-vagas .inscricao-vagas a {
    font-family: 'Montserrat';
    font-size: 24px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -1px;
    text-transform: uppercase;
    padding: 10px 80px;
    border-radius: 8px;
    color: #ffffff;
    background-color: #994F7A;
    transition: 0.4s;
}

.vagas .info-vagas .inscricao-vagas a:hover {
    color: #994F7A;
    background-color: #ffffff;
}

.faixa-sua-imagem {
    background-color: #C14B74;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    margin-bottom: 40px;
}

.faixa-sua-imagem p {
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
    text-align: center;
    max-width: 840px;
}

.bandeira-harmonize {
    width: auto;
    height: 600px;
    background: url(../images/Free_Flag_Mockup_2.jpg) no-repeat;
    background-size: 1550px;
    background-position: -80px -250px;
    border-radius: 35px;
}

.rodape {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 100px;
}

.rodape p {
    font-size: 16px;
    line-height: 15px;
    text-transform: uppercase;
}

.rodape img {
    width: 40px;
}

.hidden {
    opacity: 0;
    transform: translateY(-30px);
    transition: all 1s;
}

.show {
    opacity: 1;
    transform: translateY(0px);
    transition: all 1s;
}