@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


:root {
    --cor-dourado: #A88957;
    --cor-nudebg: #F5F3EB;
    --cor-nude: #C4AA9D;
    --cor-nudeclaro: #E5DBD4;
    --cor-nudeescuro: #B9A095;
    --cor-preto: #000000;
    --cor-preto-cinza: #333333;
    --cor-cinza: #999999;
    --cor-navbar: #FFFFFF;
    --cor-textos: #000000;
    --cor-txt-brancos: #FFFFFF;
    --cor-btns: #AB905B;
    --cor-txt-btns: #000000;
    --cor-branco: #FFFFFF;
    --gradient-nude: rgba(196, 170, 157, 1);
    --gradient-nudeclaro: rgba(229, 219, 212, 1);
    --gradient-dourado: rgba(168, 137, 87, 1);
    --gradient-douradoclaro: rgb(207, 169, 107);
    --fnt-primary: "Montserrat", sans-serif;
    --fnt-titulos: "Playfair Display", serif;
}

.border-end-preto {
   border-right: 1px solid var(--cor-preto);
   border-top: 0px!important;
}

.border-bottom-preto {
    border-bottom: 1px solid var(--cor-preto);
}

.border-bottom-cinza {
    border-bottom: 1px solid var(--cor-cinza);
}

.btn-preto {
    background-color: var(--cor-preto);
    color: var(--cor-txt-brancos);
    font-family: var(--fnt-primary);
    font-size: 15px;
}

.btn-preto:hover {
    background-color: var(--cor-preto-cinza);
    color: var(--cor-txt-brancos);
}


.primeira-dobra {
    padding-top: 130px;
    padding-bottom: 40px;
    margin-top: -90px;
    background-color: var(--cor-nudebg);
}

.primeira-dobra .title {
    font-family: var(--fnt-titulos);
    font-size: 28px;
    font-weight: 600;
}

.primeira-dobra .subtitle {
    font-family: var(--fnt-primary);
    color: var(--cor-dourado);
    font-size: 20px;
    margin-top: 26px;
}

.primeira-dobra .scroll-img {
    width: 25px;
    display: flex;
}


.frase-1 {
    background-color: var(--cor-dourado);
    color: var(--cor-txt-brancos);
    padding-top: 12px;
    padding-bottom: 12px;
}

.frase-1 .title {
    font-family: var(--fnt-titulos);
    color: var(--cor-txt-brancos);
    font-size: 30px;
    font-weight: 400;
}

.video {
    padding-top: 40px;
    background-color: var(--cor-nudebg)
}


.video .video-wrapper {
    position: relative;
    width: 100%;
    margin: auto;
}

.video .video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video .play-button {
    font-size: 64px;
    color: white;
    opacity: 0.8;
}

.video .video-element {
    width: 100%;
    height: auto;
    display: block;
}

.inscricao {
    font-family: var(--fnt-primary);
    background-color: var(--cor-nudebg);
    padding-bottom: 35px;
    font-size: 18px;
}

.inscricao .title {
    font-family: var(--fnt-titulos);
    font-weight: 800;
}

.inscricao .alerta-box .bonus {
    font-family: var(--fnt-titulos);
    font-weight: 800;
    font-size: 28px;
}


.inscricao small{
    font-size: 15px;;
}


.contato {
    font-family: var(--fnt-primary);
    background-color: var(--cor-nudebg);
    font-size: 15px;
    border-top: 10px solid var(--cor-dourado);
}

.contato .info {
    padding-top: 30px;
}

.contato .info .nome {
    font-size: 18px;
    font-weight: 600;
}

.contato .info .destaque {
    font-size: 18px;
    font-weight: 600;
    color: var(--cor-dourado);
}

.contato .info  i{
    color: var(--cor-dourado);
    font-size: 20px;
    margin-right: 5px;
}

.contato .redes-sociais i {
    margin-right: 12px;
    font-size: 25px;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contato .redes-sociais .fa-envelope {
    background-color: var(--cor-dourado);
    color: var(--cor-branco);
}

.contato .redes-sociais .fa-whatsapp {
    background-color: #128C7E;
    color: var(--cor-branco);
}

.contato .redes-sociais .fa-instagram {
    background: #F9CB35;
    background: linear-gradient(151deg,rgba(249, 203, 53, 1) 0%, rgba(238, 42, 123, 1) 50%, rgba(108, 40, 208, 1) 100%);
    color: var(--cor-branco);
}

.copy {
    padding-top: 8px;
    padding-bottom: 8px;
    color: var(--cor-preto);
    background-color: var(--cor-dourado);
}



@media (min-width: 1200px) { 
    .container {
        max-width: 1345px;
    }
}

@media (max-width: 1024px) {

    
    .primeira-dobra .scroll-img{
        display: none!important;
    }

    .primeira-dobra .scroll-img-mobile {
        width: 25px;
    }

    .primeira-dobra .logotipo .logo {
        width: 300px;
        margin-top: 30px;
        margin-bottom: 10px;
        text-align: center;
    }

    .primeira-dobra .dancarina .bailarina {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }

    .video {
        padding-top: 20px;
        padding-left: 11px;
        padding-right: 11px;
    }


    .frase-1 {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .frase-1 .title {
        font-size: 18px;
    }

    .inscricao {
        font-size: 16px;
    }

    .inscricao .title {
        font-size: 25px;
    }

    .inscricao .alerta-box .bonus {
        font-size: 22px;
    }


}