@charset "UTF-8";
:root{
    font-family: "Roboto", serif;
    --colorPrincipal: #cf9803;
    --colorSecundaria: rgb(244, 255, 252);
    --colorSecundaria_2: rgb(223, 231, 229);
    --colorTextSecundario: rgb(148, 148, 148);
    --colorBoxClaro: rgb(241, 241, 241);
    --colorButtons:#FFF;
    --backGroundPrincipal:#FFF;
    --colorBackBtn: #e9e9e9;
    --colorButtonQuest:rgb(250, 235, 219);
    --colorBorderButtonQuest:rgb(226, 121, 0);
    --colorXmarck:rgb(250, 219, 219);
    --colorBorderXmark:rgb(226, 0, 0);
    --colorTextXmark: rgb(173, 6, 6);
    --colorButtonHover:rgb(0, 192, 134);
    --backGroundSecundario:rgb(255, 247, 238);
    --colorBluesLight:rgb(138, 193, 255);
    --colorGreenLight: rgb(129, 192, 147);
    --colorRedLight:rgb(194, 108, 108);
    --colorBlack: #000;
    --colorTextButton:#FFF;
    --bgClaro:rgb(243, 208, 208);
    --colorCheck:rgb(16, 179, 16);
    --bgGray:#bad3cd;
    --borderGray:#a4cfc5;
    --bgRoxo: #7550cc;
    --bgRoxoClaro: #efe9fd;
    --bgBtnMulher:#f759c2;
    --bgBtnHomem:#5c59f7;
    --colorPreco:rgb(226, 121, 0);
    --colorPrecoClaro:rgb(255, 221, 182);
    --colorFundoPreco:#FFF;
    --colorPrecoDesmarcado:rgb(173, 173, 173);
    --colorPrecoDesmarcadoClaro:rgb(236, 236, 236);
    --colorTimer:red;
    --colorTimerLight:rgb(255, 190, 190);
    --colorBoxRed:rgb(236, 218, 218);
    --borderBoxRed:rgb(255, 160, 160);
    --colorBoxGreen:rgb(209, 240, 205);
    --borderBoxGreen:rgb(52, 197, 59);
    --optBox1:rgb(255, 226, 226);
    --optBox2:rgb(232, 226, 255);
    --optBox3:rgb(226, 248, 255);
    --colorGradient: linear-gradient(to right, lightblue, lightgreen, yellow, orange, red);
    --colorGraficoSemanal1: linear-gradient(30deg, rgb(133, 5, 5), rgb(255, 0, 0));
    --colorGraficoSemanal2:linear-gradient(30deg, rgb(148, 93, 11), rgb(255, 153, 0));
    --colorGraficoSemanal3: linear-gradient(30deg, rgb(163, 161, 15), rgb(255, 251, 0));
    --colorGraficoSemanal4: linear-gradient(30deg, rgb(76, 156, 10),rgb(60, 255, 0))
}
html{
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
body{
    margin:0;
    padding:0;
    box-sizing:border-box
}
.containerApp{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:100%
}
.containerHome{
    display:flex;
    flex-direction:column;
    padding:20px;
    width:90%;
    max-width:600px
}
.containerHome .colorP{
    color:var(--colorPrincipal)
}
.containerHome header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px
}
.containerHome header .logo{
    font-size:25px;
    font-weight:700;
    color:var(--colorTextSecundario)
}
.containerHome .textBig{
    font-size:25px;
    width:100%;
    text-align:center;
    color:#3a2d5f;
    font-weight:700
}
.containerHome .textSmall{
    font-size:18px;
    width:100%;
    text-align:center;
    font-weight:600;
    color:var(--colorTextSecundario)
}
.containerHome .btnsDiv{
    display:flex;
    gap:15px;
    align-items:center;
    justify-content:center;
    margin-top:25px
}
.containerHome .btn{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    border-radius:15px;
    color:var(--colorButtons);
    cursor:pointer;
    transition:.4s;
    overflow:hidden;
    position:relative;
    opacity:0;
    right:130%
}
.containerHome .showImg{
    opacity:1;
    right:0%
}
.containerHome .btn img{
    width:100%
}
.containerHome .btn .idadeDiv{
    background-color:var(--colorPrincipal);
    padding:10px;
    width:80%;
    display:flex;
    border-radius: 22px;
    align-items:center;
    justify-content:center
}
.containerHome .btn:hover{
    opacity:.9
}

.containerHome .homem{
    background-color:var(--colorSecundaria)
}
.logoDiv{
    display:flex;
    width:120px
}
.logoDiv img{
    width:100%
}
.containerMenu{
    position:fixed;
    right:0;
    top:0;
    background-color:var(--backGroundPrincipal);
    width:90%;
    height:100%;
    padding:20px;
    transition:transform .3s ease-in-out;
    transform:translate(100%);
    display:flex;
    flex-direction:column
}
.containerMenu.open{
    transform:translate(0)
}
.containerMenu .colorP{
    color:var(--colorPrincipal)
}
.containerMenu header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:30px
}
.containerMenu header .logo{
    font-size:25px;
    font-weight:700;
    color:var(--colorTextSecundario)
}
.containerMenu .btnPage{
    padding-block:15px;
    border-bottom:solid 1px #ccc;
    font-weight:700;
    font-size:16px;
    cursor:pointer;
    text-decoration:none;
    color:#000
}
.containerQuiz{
    display:flex;
    flex-direction:column
}
.containerQuiz header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    border-bottom:solid 3px black
}
.containerQuiz header .backBtn{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    background-color:var(--colorBackBtn);
    border-radius:50%;
    color:#000
}
.containerQuiz .quest{
    padding:20px;
    max-width:600px;
    align-self:center;
    display:flex;
    flex-direction:column;
    gap:10px
}
.containerQuiz .quest .headLineSmall{
    width:100%;
    text-align:center;
    color:var(--colorTextSecundario);
    font-weight:600
}
.containerQuiz .quest .btnContinuar{
    text-decoration:none;
    color:var(--colorTextButton);
    background-color:var(--colorPrincipal);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px;
    border-radius:50px;
    width:100%;
    font-size:20px;
    margin-top:30px;
    border:none;
    font-weight:700
}
.containerQuiz .quest .btnQuest{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:solid 1px #ccc;
    border-radius:10px;
    transition:.3s;
    cursor:pointer;
    font-size:14px;
    text-decoration:none;
    color:#000;
    padding:15px;
    overflow:hidden
}
.containerQuiz .quest .btnQuest .textQuest{
    font-weight:700
}
.containerQuiz .quest .rowDiv{
    display:flex;
    gap:10px
}
.containerQuiz .quest .comImg{
    padding:5px;
    width:100%
}
.containerQuiz .quest .comImg .divIcons{
    width:22px;
    display:flex;
    align-items:center;
    justify-content:center
}
.containerQuiz .quest .divBtnQuestText{
    display:flex;
    flex-direction:column;
    border-radius:5px
}
.containerQuiz .quest .comImg .divBtnQuestText{
    display:flex;
    flex-direction:column;
    border-radius:5px;
    width:100%
}
.containerQuiz .quest .divBtnQuestText .textDiv{
    display:flex;
    padding-inline:3px;
    padding-block:8px;
    align-items:center;
    justify-content:space-between;
    font-size:10px
}
.containerQuiz .quest .divBtnQuestText img{
    width:100%;
    border-radius:5px
}
.containerQuiz .quest .divBtnQuestText .textBig{
    font-weight:700
}
.containerQuiz .quest .divBtnQuestText .textSmall{
    font-size:10px;
    color:var(--colorTextSecundario)
}
.containerQuiz .quest .btnQuestCheck{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:solid 1px #ccc;
    padding:15px;
    border-radius:10px;
    transition:.3s;
    cursor:pointer;
    font-size:14px;
    text-decoration:none
}
.containerQuiz .quest .check{
    background-color:var(--colorSecundaria);
    border:solid 1px var(--colorPrincipal)
}
.containerQuiz .quest .xmark{
    background-color:var(--colorXmarck);
    border:solid 1px var(--colorBorderXmark)
}
.containerQuiz .quest .xmark span{
    text-decoration:line-through;
    color:var(--colorTextXmark)
}
.containerQuiz .quest .notificMsg{
    display:flex;
    align-items:center;
    justify-content:center;
    border:solid 2px var(--colorPrincipal);
    border-radius:10px;
    padding:10px;
    color:var(--colorPrincipal);
    font-weight:700
}
.containerQuiz .btnProximo{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px;
    border-radius:10px;
    background-color:var(--colorPrincipal);
    color:var(--colorButtons);
    font-weight:700;
    cursor:pointer;
    transition:.3s;
    text-decoration:none
}
.containerQuiz .btnProximo:hover{
    background-color:var(--colorPrincipal)
}
.conatinerForm{
    padding:25px;
    max-width:600px;
    align-self:center;
    display:flex;
    flex-direction:column;
    gap:10px
}
.conatinerForm .divLabel{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    align-self:center
}
.conatinerForm .divLabel .label{
    font-size:15px;
    width:100%;
    font-weight:700
}
.conatinerForm .divLabel .divInput{
    width:100%;
    background-color:var(--colorBackBtn);
    padding:10px;
    border-radius:10px
}
.conatinerForm .divLabel .divInput input{
    width:90%;
    border:none;
    background-color:transparent;
    outline:none;
    font-size:18px;
    font-family:Poppins,sans-serif
}
.conatinerForm .btnProximo2{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px;
    align-self:center;
    border-radius:10px;
    background-color:var(--colorPrincipal);
    color:var(--colorButtons);
    font-weight:700;
    cursor:pointer;
    transition:.3s;
    text-decoration:none;
    width:100%;
    margin-top:20px
}
.conatinerForm .btnProximo2:hover{
    background-color:var(--colorButtonHover)
}
.conatinerForm .msgText{
    color:red;
    font-size:12px;
    width:100%
}
.conatinerForm .msgOpen{
    border:solid 1px red
}
.imgItens{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px
}
.imgItens img{
    width:30px
}
.infosInput{
    background-color:var(--colorBoxClaro);
    padding:10px;
    border-radius:10px;
    display:flex;
    flex-direction:column;
    gap:3px
}
.infosInput .textBold{
    font-weight:700
}
.infosInput .textBig{
    font-size:16px
}
.infosInput .textSmall{
    font-size:13px
}
.containerHeaderQuiz{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    position:fixed;
    background-color:#fff;
    width:100vw;
    z-index:5000
}
.containerHeaderQuiz .logo{
    font-size:25px;
    font-weight:700;
    color:var(--colorTextSecundario)
}
.containerHeaderQuiz .colorP{
    color:var(--colorPrincipal)
}
.containerHeaderQuiz .headerContent{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%
}
.containerHeaderQuiz .backBtn{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    background-color:var(--colorBackBtn);
    border-radius:50%
}
.containerHeaderQuiz .complemento{
    width:60px
}
.containerHeaderQuiz .progressBar{
    width:10%;
    height:3px;
    background-color:var(--colorBlack);
    position:absolute;
    bottom:0;
    left:0
}
.containerQuizType_1{
    display:flex;
    flex-direction:column
}
.containerQuizType_1 .quest{
    padding:20px;
    max-width:600px;
    align-self:center;
    display:flex;
    flex-direction:column;
    gap:10px
}
.containerQuizType_1 .btnQuest{
    margin-top:10px
}
.containerQuizType_1 .divCenter{
    display:flex;
    flex-direction:column;
    max-width:600px
}
.containerQuiz{
    padding:20px;
    display:flex;
    align-items:center;
    justify-content:center
}
.containerQuiz .bold{
    font-weight:700;
    margin-top:10px
}
.containerQuiz .checks{
    display:flex;
    align-items:center;
    gap:5px;
    font-weight:700;
    margin-top:10px
}
.containerQuiz .btnEntendi{
    display:flex;
    background-color:var(--colorPrincipal);
    padding:15px;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:18px;
    font-weight:700;
    border-radius:10px;
    margin-top:20px
}
.containerQuiz .HeadLine{
    font-size:35px;
    font-weight:700;
    margin-bottom:10px
}
.containerQuiz .textBold{
    font-weight:700
}
.resultsDiv{
    padding-block:10px;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    margin-top:10px;
    margin-bottom:10px
}
.results{
    display:flex;
    align-items:center
}
.dot{
    width:8px;
    height:8px;
    background-color:var(--colorPrincipal);
    border-radius:10px;
    margin-right:10px
}
.label{
    margin-right:5px
}
.value{
    font-weight:700
}
.boxBust{
    padding:15px;
    display:flex;
    flex-direction:column;
    gap:10px;
    background-color:var(--colorBoxClaro);
    border-radius:10px;
    margin-top:10px
}
.checkDiv{
    display:flex;
    align-items:center
}
.checkDiv span{
    margin-left:5px;
    width:100%
}
.marginB{
    margin-bottom:10px
}
.marginT{
    margin-top:10px
}
.borderB{
    border-bottom:solid 1px #adadad;
    padding-bottom:10px
}
.divPesquisa{
    display:flex;
    align-items:center;
    padding:10px;
    background-color:var(--colorBoxClaro);
    margin-top:15px;
    border-radius:10px
}
.divPesquisa .img{
    width:15%
}
.divPesquisa .img img{
    width:100%
}
.divPesquisa .text{
    display:flex;
    flex-direction:column;
    margin-left:10px
}
.divPesquisa .text span{
    font-size:12px
}
.imgComida{
    border-radius:10px;
    margin-top:20px
}
.containerImgProvas .item .results{
    position:absolute;
    bottom:0;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    background:linear-gradient(to top,#863232,#fff0)
}
.containerQuiz .divCenter{
    display:flex;
    flex-direction:column;
    max-width:600px
}
.containerUsuariosUsam{
    display:flex;
    flex-direction:column;
    padding:40px 20px 20px;
    align-items:center;
    position:relative
}
.containerUsuariosUsam .colorP{
    color:var(--colorPrincipal)
}
.containerUsuariosUsam .textBig{
    font-size:25px;
    text-align:center
}
.containerUsuariosUsam .textSmall{
    text-align:center;
    font-size:18px;
    margin-top:15px;
    margin-bottom:15px
}
.containerUsuariosUsam .textBold{
    font-weight:600
}
.containerUsuariosUsam .btnContinuar{
    text-decoration:none;
    color:var(--colorTextButton);
    background-color:var(--colorPrincipal);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    border-radius:50px;
    width:90%;
    font-size:20px;
    margin-top:30px
}
.containerUsuariosUsam .imgMulheres{
    width:100%
}
.containerUsuariosUsam .divCenter{
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width:600px
}
.containerImgType_1{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    min-height:200px
}
.containerImgType_1 .img{
    width:100%;
    border-radius:10px;
    position:relative;
    transition:.4s;
    opacity:0
}
.right,.left{
    left:130%
}
.containerImgType_1 .showImg{
    animation:animImg .8s ease forwards
}
@keyframes animImg{
    0%{
        left:130%;
        opacity:0
    }
    to{
        left:0%;
        opacity:1
    }
}
.containerQuizType_3{
    display:flex;
    flex-direction:column
}
.containerQuizType_3 .btnQuest{
    margin-top:10px;
    position:relative;
    opacity:0;
    right:130%
}
.containerQuizType_3 .showImg{
    animation:animBtnImg .8s ease forwards
}
.check{
    background-color:var(--colorSecundaria);
    border:solid 1px var(--colorPrincipal)
}
@keyframes animBtnImg{
    0%{
        opacity:0;
        right:130%
    }
    to{
        opacity:1;
        right:0%
    }
}
.containerQuizType_3 .divCenter{
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width:600px
}
.containerQuizCafe{
    display:flex;
    flex-direction:column
}
.containerQuizCafe header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    border-bottom:solid 3px black
}
.containerQuizCafe header .backBtn{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    background-color:var(--colorBackBtn);
    border-radius:50%;
    color:#000
}
.containerQuizCafe .quest{
    padding:20px;
    max-width:600px;
    align-self:center;
    display:flex;
    flex-direction:column;
    gap:10px
}
.containerQuizCafe .quest .headLineSmall{
    width:100%;
    text-align:center;
    color:var(--colorTextSecundario);
    font-weight:600
}
.containerQuizCafe .quest .btnContinuar{
    text-decoration:none;
    color:var(--colorTextButton);
    background-color:var(--colorPrincipal);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px;
    border-radius:50px;
    width:100%;
    font-size:20px;
    margin-top:30px;
    border:none;
    font-weight:700
}
.containerQuizCafe .quest .btnQuest{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:solid 1px #ccc;
    border-radius:10px;
    transition:.3s;
    cursor:pointer;
    font-size:14px;
    text-decoration:none;
    color:#000;
    padding:15px;
    overflow:hidden;
    width:100%
}
.containerQuizCafe .quest .rowDiv{
    display:flex;
    gap:10px
}
.containerQuizCafe .quest .comImg{
    padding:5px
}
.containerQuizCafe .quest .comImg .divIcons{
    width:30px;
    display:flex;
    align-items:center;
    justify-content:center
}
.containerQuizCafe .quest .divBtnQuestText,.containerQuizCafe .quest .comImg .divBtnQuestText{
    display:flex;
    flex-direction:column;
    border-radius:5px;
    width:100%
}
.containerQuizCafe .quest .divBtnQuestText .textDiv{
    display:flex;
    padding-inline:3px;
    padding-block:8px;
    align-items:center;
    justify-content:space-between;
    font-size:10px;
    width:100%
}
.containerQuizCafe .quest .divBtnQuestText .textBig{
    font-weight:700;
    font-size:12px
}
.containerQuizCafe .quest .divBtnQuestText .textSmall{
    font-size:10px;
    color:var(--colorTextSecundario)
}
.containerQuizCafe .quest .btnQuestCheck{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:solid 1px #ccc;
    padding:15px;
    border-radius:10px;
    transition:.3s;
    cursor:pointer;
    font-size:14px;
    text-decoration:none
}
.containerQuizCafe .quest .check{
    background-color:var(--colorSecundaria);
    border:solid 1px var(--colorPrincipal)
}
.imgBig{
    width:100%;
    border-radius:10px
}
.containerQuizType_4{
    display:flex;
    flex-direction:column
}
.containerQuizType_4 .btnQuest{
    margin-top:10px
}
.containerQuizType_2{
    display:flex;
    flex-direction:column
}
.containerQuizType_2 .btnQuest{
    margin-bottom:10px
}
.containerQuizType_2 .btnQuest span{
    font-weight:700
}
.containerQuizType_2 .notificMsg{
    margin-bottom:10px
}
.containerQuizType_2 .divCenter{
    display:flex;
    flex-direction:column;
    max-width:600px
}
.containerQuiz_Celebridades{
    padding:20px;
    display:flex;
    flex-direction:column
}
.containerQuiz_Celebridades .bold{
    font-weight:700;
    margin-top:10px
}
.containerQuiz_Celebridades .checks{
    display:flex;
    align-items:center;
    gap:5px;
    font-weight:700;
    margin-top:10px
}
.containerQuiz_Celebridades .btnEntendi{
    display:flex;
    background-color:var(--colorPrincipal);
    padding:15px;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:18px;
    font-weight:700;
    border-radius:10px;
    margin-top:15px
}
.containerQuiz_Celebridades .HeadLine{
    font-size:35px;
    font-weight:700;
    margin-bottom:10px
}
.containerQuiz_Celebridades .textBold{
    font-weight:700
}
.containerQuiz_Celebridades .resultsDiv{
    padding-block:10px;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    margin-top:10px;
    margin-bottom:10px
}
.containerQuiz_Celebridades .results{
    display:flex;
    align-items:center
}
.containerQuiz_Celebridades .dot{
    width:8px;
    height:8px;
    background-color:var(--colorPrincipal);
    border-radius:10px;
    margin-right:10px
}
.containerQuiz_Celebridades .label{
    margin-right:5px
}
.containerQuiz_Celebridades .value{
    font-weight:700
}
.containerQuiz_Celebridades .boxBust{
    padding:15px;
    display:flex;
    flex-direction:column;
    gap:10px;
    background-color:var(--colorBoxClaro);
    border-radius:10px;
    margin-top:10px
}
.containerQuiz_Celebridades .checkDiv{
    display:flex;
    align-items:center
}
.containerQuiz_Celebridades .checkDiv span{
    margin-left:5px;
    width:100%
}
.containerQuiz_Celebridades .marginB{
    margin-bottom:10px
}
.containerQuiz_Celebridades .marginT{
    margin-top:10px
}
.containerQuiz_Celebridades .borderB{
    border-bottom:solid 1px #adadad;
    padding-bottom:10px
}
.containerQuiz_Celebridades .divPesquisa{
    display:flex;
    align-items:center;
    padding:10px;
    background-color:var(--colorBoxClaro);
    margin-top:15px;
    border-radius:10px
}
.containerQuiz_Celebridades .divPesquisa .img{
    width:15%
}
.containerQuiz_Celebridades .divPesquisa .img img{
    width:100%
}
.containerQuiz_Celebridades .divPesquisa .text{
    display:flex;
    flex-direction:column;
    margin-left:10px
}
.containerQuiz_Celebridades .divPesquisa .text span{
    font-size:12px
}
.containerQuiz_Celebridades .imgComida{
    border-radius:10px;
    margin-top:20px;
    width:100%
}
.containerQuiz_Celebridades .containerImgProvas_Celebridades .item .results{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:15px;
    font-size:13px;
    background-color:var(--colorBoxClaro);
    border-radius:10px;
    min-height:220px;
    margin-top:10px
}
.containerQuiz_Celebridades .containerImgProvas_Celebridades .item .results .boldResults{
    font-weight:700
}
.containerQuiz_Celebridades .containerImgProvas_Celebridades .item .results .textClaro{
    color:var(--colorTextSecundario)
}
.containerQuiz_Celebridades .containerImgProvas_Celebridades .item .text0{
    background-color:var(--optBox1)
}
.containerQuiz_Celebridades .containerImgProvas_Celebridades .item .text1{
    background-color:var(--optBox2)
}
.containerQuiz_Celebridades .containerImgProvas_Celebridades .item .text2{
    background-color:var(--optBox3)
}
.containerQuiz_Celebridades .divCenter{
    display:flex;
    flex-direction:column;
    max-width:600px
}
.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translateZ(0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:before,.slick-track:after{
    display:table;
    content:""
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-loading .slick-list{
    background:#fff url(/neurofit/assets/ajax-loader-BcnMEykj.gif) center center no-repeat
}
@font-face{
    font-family:slick;
    font-weight:400;
    font-style:normal;
    src:url(data:application/vnd.ms-fontobject;
    base64,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);
    src:url(data:application/vnd.ms-fontobject;
    base64,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) format("embedded-opentype"),url(data:font/woff;
    base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;
    base64,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) format("truetype"),url(/neurofit/assets/slick-BlzDm7g2.svg#slick) format("svg")
}
.slick-prev,.slick-next{
    font-size:0;
    line-height:0;
    position:absolute;
    top:50%;
    display:block;
    width:20px;
    height:20px;
    padding:0;
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translateY(-50%);
    cursor:pointer;
    color:transparent;
    border:none;
    outline:none;
    background:transparent
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
    color:transparent;
    outline:none;
    background:transparent
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
    opacity:1
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
    opacity:.25
}
.slick-prev:before,.slick-next:before{
    font-family:slick;
    font-size:20px;
    line-height:1;
    opacity:.75;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-prev{
    left:-25px
}
[dir=rtl] .slick-prev{
    right:-25px;
    left:auto
}
.slick-prev:before{
    content:"←"
}
[dir=rtl] .slick-prev:before{
    content:"→"
}
.slick-next{
    right:-25px
}
[dir=rtl] .slick-next{
    right:auto;
    left:-25px
}
.slick-next:before{
    content:"→"
}
[dir=rtl] .slick-next:before{
    content:"←"
}
.slick-dotted.slick-slider{
    margin-bottom:30px
}
.slick-dots{
    position:absolute;
    bottom:-25px;
    display:block;
    width:100%;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center
}
.slick-dots li{
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 5px;
    padding:0;
    cursor:pointer
}
.slick-dots li button{
    font-size:0;
    line-height:0;
    display:block;
    width:20px;
    height:20px;
    padding:5px;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:none;
    background:transparent
}
.slick-dots li button:hover,.slick-dots li button:focus{
    outline:none
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
    opacity:1
}
.slick-dots li button:before{
    font-family:slick;
    font-size:6px;
    line-height:20px;
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    content:"•";
    text-align:center;
    opacity:.25;
    color:#000;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
    opacity:.75;
    color:#000
}
.containerError{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:100vh
}
.containerError h2{
    text-align:center
}
.containerPageEmail{
    display:flex;
    flex-direction:column;
    align-items:center;
    min-height:100vh;
    background-color:var(--colorSecundaria);
    padding-top:50px
}
.containerPageEmail header{
    padding:20px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.containerPageEmail .headline{
    font-size:25px;
    width:90%;
    font-weight:600;
    margin-bottom:20px
}
.containerPageEmail .headline .chamativo{
    color:var(--colorPrincipal)
}
.containerPageEmail .btnPlano{
    background-color:var(--colorPrincipal);
    padding:15px;
    width:80%;
    text-align:center;
    color:#fff;
    border-radius:15px;
    font-weight:700
}
.containerPageEmail .seguranca{
    width:90%;
    text-align:center;
    margin-top:40px;
    color:var(--colorTextSecundario);
    font-size:13px
}
.containerPageEmail .msgOpen{
    border:solid 1px red
}
.containerPageNome{
    display:flex;
    flex-direction:column;
    align-items:center;
    min-height:100vh;
    background-color:var(--colorSecundaria);
    padding-top:50px
}
.containerPageNome header{
    padding:20px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.containerPageNome .headline{
    font-size:25px;
    width:90%;
    font-weight:600;
    margin-bottom:20px
}
.containerPageNome .headline .chamativo{
    color:var(--colorPrincipal)
}
.divInputName{
    width:90%;
    display:flex;
    flex-direction:column;
    font-size:16px;
    margin-bottom:20px;
    font-weight:700
}
.divInputName input{
    border:none;
    padding:15px;
    font-size:16px;
    background-color:var(--colorBackBtn);
    border-radius:10px;
    outline:none;
    font-family:Poppins,sans-serif
}
.containerPageNome .btnPlano{
    background-color:var(--colorPrincipal);
    padding:15px;
    width:80%;
    text-align:center;
    color:#fff;
    border-radius:15px;
    font-weight:700
}
.containerPageNome .seguranca{
    width:90%;
    text-align:center;
    margin-top:40px;
    color:var(--colorTextSecundario);
    font-size:13px
}
.msgTextName{
    font-size:12px;
    color:red;
    font-weight:lighter
}
.containerPageNome .msgOpen{
    border:solid 1px red
}
.containerPercaPeso{
    display:flex;
    flex-direction:column;
    align-items:center;
    height:100%;
    min-height:100vh;
    background-color:var(--backGroundSecundario)
}
.containerPercaPeso header{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:20px
}
.containerPercaPeso .text{
    width:90%
}
.containerPercaPeso .mid{
    font-size:18px;
    font-weight:700
}
.containerPercaPeso .great{
    font-size:30px;
    font-weight:700
}
.containerPercaPeso .small{
    font-size:15px
}
.containerPercaPeso .checkDiv{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:90%;
    gap:10px;
    font-size:12px;
    margin-top:10px
}
.containerPercaPeso .btnEntendi{
    width:90%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    background-color:var(--colorPrincipal);
    border-radius:10px;
    color:#fff;
    font-weight:700;
    margin-top:20px;
    text-decoration:none;
    font-size:18px;
    margin-bottom:20px
}
.containerPercaPeso .divImg{
    width:80%;
    margin-top:20px;
    margin-bottom:20px
}
.containerPercaPeso .divImg img{
    width:100%;
    border-radius:10px
}
.containerTermosDeUso{
    display:flex;
    flex-direction:column;
    align-items:center
}
.containerTermosDeUso .divText{
    padding:15px;
    display:flex;
    flex-direction:column
}
.containerTermosDeUso .divText .bold{
    font-weight:700;
    margin-top:15px
}
.containerPoliticas{
    display:flex;
    flex-direction:column;
    align-items:center
}
.containerPoliticas .divText{
    padding:15px;
    display:flex;
    flex-direction:column
}
.containerPoliticas .divText .bold{
    font-weight:700;
    margin-top:15px
}
.containerAvaliacoes{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%
}
.containerAvaliacoes header{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px
}
.containerAvaliacoes header .logo{
    font-size:25px;
    font-weight:700;
    color:var(--colorTextSecundario)
}
.containerAvaliacoes .colorP{
    color:var(--colorPrincipal)
}
.containerAvaliacoes .divContent{
    display:flex;
    flex-direction:column;
    padding:20px;
    max-width:600px
}
.containerAvaliacoes .divContent .clienteDiv{
    display:flex;
    flex-direction:column;
    padding:20px;
    align-items:center
}
.containerAvaliacoes .divContent .clienteDiv img{
    width:60%;
    border-radius:50%;
    border:solid 5px var(--bgRoxo)
}
.containerAvaliacoes .bold{
    font-weight:700;
    margin-top:10px
}
.containerAvaliacoes .divContent .clienteDiv .border{
    padding:5px;
    padding-inline:20px;
    border-radius:40px;
    background-color:var(--bgRoxoClaro);
    color:var(--bgRoxo);
    margin-top:10px
}
.containerAvaliacoes .divContent .clienteDiv .text{
    font-style:italic;
    width:80%;
    margin-top:20px
}
.containerAvaliacoes .textCenter{
    text-align:center;
    margin-bottom:20px;
    margin-top:30px
}
.containerAvaliacoes .btn{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px;
    margin-bottom:10px;
    border-radius:5px;
    text-decoration:none;
    color:#000;
    font-weight:700;
    color:#fff
}
.containerAvaliacoes .mulher{
    background-color:var(--bgBtnMulher)
}
.containerAvaliacoes .homem{
    background-color:var(--bgBtnHomem)
}
.containerAnalizandoLoading{
    display:flex;
    align-items:center;
    flex-direction:column;
    padding:50px 20px 20px
}
.containerAnalizandoLoading .loadingDiv{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40%
}
.containerAnalizandoLoading .divText{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center
}
.containerAnalizandoLoading .divText_Plano{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:20px
}
.CircularProgressbar{
    width:100%;
    vertical-align:middle
}
.CircularProgressbar .CircularProgressbar-path{
    stroke:#3e98c7;
    stroke-linecap:round;
    -webkit-transition:stroke-dashoffset .5s ease 0s;
    transition:stroke-dashoffset .5s ease 0s
}
.CircularProgressbar .CircularProgressbar-trail{
    stroke:#d6d6d6;
    stroke-linecap:round
}
.CircularProgressbar .CircularProgressbar-text{
    fill:#3e98c7;
    font-size:20px;
    dominant-baseline:middle;
    text-anchor:middle
}
.CircularProgressbar .CircularProgressbar-background{
    fill:#d6d6d6
}
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{
    fill:#3e98c7
}
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{
    fill:#fff
}
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{
    stroke:#fff
}
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{
    stroke:transparent
}
.containerResultadoIMC{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:50px 20px 20px;
    background-color:var(--colorSecundaria);
    min-height:100vh;
    height:100%;
    max-width:600px
}
.containerResultadoIMC .headLine{
    font-size:18px;
    font-weight:700
}
.containerResultadoIMC .graficoIMC{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    gap:5px;
    margin-top:40px;
    margin-bottom:15px
}
.containerResultadoIMC .graficoIMC .values{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    font-size:12px
}
.containerResultadoIMC .graficoIMC .bar{
    background:var(--colorGradient);
    width:100%;
    height:10px;
    border-radius:20px;
    display:flex;
    align-items:center;
    position:relative
}
.containerResultadoIMC .graficoIMC .bar .dot{
    width:15px;
    height:15px;
    border-radius:30px;
    background-color:#fff;
    box-shadow:.8px .8px 4px .8px #9b9b9b;
    position:relative
}
.containerResultadoIMC .graficoIMC .bar .dot .textDot{
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#1d1d1d;
    border-radius:5px;
    font-size:12px;
    color:#fff;
    position:absolute;
    padding:3px;
    width:100px;
    bottom:36px;
    right:-10px;
    opacity:0;
    transition:.4s
}
.containerResultadoIMC .graficoIMC .bar .dot .arrow{
    width:5px;
    height:5px;
    background-color:#1d1d1d;
    position:absolute;
    bottom:33px;
    transform:rotate(45deg);
    left:5px;
    opacity:0;
    transition:.4s
}
.containerResultadoIMC .graficoIMC .bar .dot .show{
    opacity:1
}
.containerResultadoIMC .graficoIMC .status{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    font-size:10px
}
.containerResultadoIMC .infosDiv{
    display:flex;
    flex-direction:column;
    width:100%
}
.containerResultadoIMC .infosDiv .info{
    display:flex;
    align-items:center;
    padding-inline:10px;
    padding-block:3px;
    border-radius:5px;
    border:solid 1px var(--colorBackBtn);
    gap:10px;
    margin-top:10px
}
.containerResultadoIMC .infosDiv .info .icon{
    background-color:#eee;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    border-radius:50%
}
.containerResultadoIMC .infosDiv .info .text{
    display:flex;
    flex-direction:column
}
.containerResultadoIMC .infosDiv .info .text .textSmall{
    font-size:12px
}
.containerResultadoIMC .infosDiv .info .text .textBig{
    font-size:18px;
    font-weight:700
}
.containerResultadoIMC .notific{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:10px;
    border-radius:10px;
    opacity:0;
    transition:.4s
}
.containerResultadoIMC .normal{
    background-color:var(--colorBoxGreen);
    border:solid 1px var(--borderBoxGreen)
}
.containerResultadoIMC .risco{
    background-color:var(--colorBoxRed);
    border:solid 1px var(--borderBoxRed)
}
.containerResultadoIMC .show{
    opacity:1
}
.containerResultadoIMC .notific .textBold{
    font-weight:700;
    font-size:14px
}
.containerResultadoIMC .notific .text{
    font-size:12px
}
.containerResultadoIMC .btnContinuar{
    border:none;
    background-color:var(--colorPrincipal);
    width:100%;
    margin-top:30px;
    padding:15px;
    font-size:18px;
    font-weight:700;
    color:var(--colorButtons);
    border-radius:50px;
    opacity:0;
    transition:.4s
}
.containerResultadoIMC .showBtn{
    opacity:1
}
.containerPlanoExclusivo{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:50px 20px 20px;
    background-color:var(--colorSecundaria);
    min-height:100vh;
    height:100%;
    max-width:600px
}
.containerPlanoExclusivo .headLine{
    font-size:18px;
    font-weight:700
}
.containerPlanoExclusivo .btnContinuar{
    border:none;
    background-color:var(--colorPrincipal);
    width:100%;
    margin-top:30px;
    padding:15px;
    font-size:18px;
    font-weight:700;
    color:var(--colorButtons);
    border-radius:50px
}
.containerPlanoExclusivo .text{
    margin-top:10px
}
.containerPlanoExclusivo .textBold{
    font-weight:700
}
.containerPlanoExclusivo .divResults{
    width:100%;
    padding:10px;
    border-top:solid 1px #ccc;
    margin-top:10px;
    border-bottom:solid 1px #ccc
}
.containerPlanoExclusivo .results{
    width:100%;
    font-weight:700
}
.containerPlanoExclusivo .graficoSemanal{
    display:flex;
    margin-top:30px;
    background-color:var(--colorSecundaria)
}
.containerPlanoExclusivo .graficoSemanal .graficoUnico{
    display:flex;
    flex-direction:column;
    align-items:center
}
.containerPlanoExclusivo .graficoSemanal .label{
    font-size:10px;
    text-align:center;
    margin-bottom:5px;
    border-right:solid 1px #ccc;
    padding:5px
}
.containerPlanoExclusivo .graficoSemanal .bar{
    width:10px;
    height:100px;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    margin-bottom:-10px
}
.containerPlanoExclusivo .graficoSemanal .bar .progress{
    border-top-left-radius:50px;
    border-top-right-radius:50px;
    width:100%;
    transition:1s;
    height:0
}
.containerPlanoExclusivo .graficoSemanal .bar .progress1{
    height:10%
}
.containerPlanoExclusivo .graficoSemanal .bar .progress2{
    height:30%
}
.containerPlanoExclusivo .graficoSemanal .bar .progress3{
    height:60%
}
.containerPlanoExclusivo .graficoSemanal .bar .progress4{
    height:100%
}
.containerPlanoExclusivo .graficoSemanal .bar .s_1{
    background:var(--colorGraficoSemanal1)
}
.containerPlanoExclusivo .graficoSemanal .bar .s_2{
    background:var(--colorGraficoSemanal2)
}
.containerPlanoExclusivo .graficoSemanal .bar .s_3{
    background:var(--colorGraficoSemanal3)
}
.containerPlanoExclusivo .graficoSemanal .bar .s_4{
    background:var(--colorGraficoSemanal4)
}
.containerPlanoExclusivo .graficoSemanal .text{
    font-size:10px;
    text-align:center;
    font-weight:700;
    border-top:solid 1px #ccc;
    width:100%
}
.containerPlanoExclusivo .notific{
    display:flex;
    flex-direction:column;
    padding:10px;
    background-color:var(--colorBoxGreen);
    border:solid 1px var(--borderBoxGreen);
    border-radius:10px;
    margin-top:15px
}
.containerPlanoExclusivo .notific .textBig{
    font-size:16px;
    font-weight:700;
    margin-bottom:5px
}
.containerPlanoExclusivo .notific .textSmall{
    font-size:12px
}
.containerCriandoPlanoLoading{
    display:flex;
    flex-direction:column;
    padding:50px 20px 20px
}
.containerCriandoPlanoLoading .loadingDiv{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40%;
    align-self:center
}
.containerCriandoPlanoLoading .divText{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center
}
.containerCriandoPlanoLoading .divText_Plano{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:20px
}
.containerCriandoPlanoLoading .divText_Plano .textBig{
    font-size:25px;
    font-weight:700;
    color:var(--colorPrincipal);
    margin-top:20px
}
.containerCriandoPlanoLoading .containerProvasPlano{
    margin-top:20px
}
.containerCriandoPlanoLoading .containerProvasPlano .item .results{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    border:solid 3px var(--colorBoxClaro);
    overflow:hidden;
    font-size:13px;
    background-color:#fff;
    border-radius:10px;
    min-height:230px;
    position:relative
}
.containerCriandoPlanoLoading .containerProvasPlano .item .results span{
    padding:3px
}
.containerCriandoPlanoLoading .containerProvasPlano .item .results .boldResults{
    font-weight:700;
    position:absolute;
    background-color:var(--colorPrincipal);
    color:#fff;
    border-radius:5px;
    padding-inline:10px;
    top:5px;
    left:5px
}
.containerCriandoPlanoLoading .containerProvasPlano .item .results .textClaro{
    color:var(--colorTextSecundario)
}
.slick-next:before,.slick-prev:before{
    color:var(--colorPrincipal)!important
}
.slick-next,.slick-prev{
    margin:0 15px;
    z-index:1000
}
.containerCriandoPlanoLoading .containerProvasPlano .item .imgProvas{
    width:100%;
    margin-bottom:30px
}
.containerCriandoPlanoLoading .containerProvasPlano .item .results .textResults{
    position:absolute;
    bottom:5px;
    text-align:center;
    background-color:#fff;
    left:5px;
    right:5px;
    box-shadow:.8px .8px 4px .8px #ccc;
    border-radius:5px;
    font-weight:700
}
.containerCriandoPlanoLoading .containerProvasPlano .item .results .red{
    color:#f06771
}
.containerMainPage{
    display:flex;
    flex-direction:column;
    padding-top:100px
}
.containerMainPage .slick-next:before,.containerMainPage .slick-prev:before{
    color:#fff!important
}
.containerMainPage .slick-next,.containerMainPage .slick-prev{
    margin:0 30px;
    z-index:1000
}
.containerMainPage .containerPlanoPronto{
    display:flex;
    flex-direction:column;
    padding:20px
}
.containerMainPage .containerPlanoPronto h2{
    text-align:center
}
.containerMainPage .containerProvasText{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:20px
}
.containerMainPage .containerProvasText h2{
    text-align:center
}
.containerMainPage .containerProvasText .provasDiv{
    display:flex;
    flex-direction:column;
    padding:10px;
    background-color:var(--colorSecundaria_2);
    border-radius:10px;
    margin-bottom:15px;
    gap:5px
}
.containerMainPage .containerProvasText .provasDiv .textBold{
    font-weight:700
}
.containerMainPage .containerSeguranca{
    display:flex;
    align-items:center;
    padding:20px;
    max-width:600px
}
.containerMainPage .containerSeguranca img{
    width:100%
}
.containerMainPage .divCenter{
    display:flex;
    flex-direction:column;
    max-width:600px
}
.header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    border-bottom:solid 1px #ccc;
    position:fixed;
    top:0;
    left:0;
    width:90%;
    background-color:#fff;
    z-index:2000;
    width:90vw
}
.header .timer{
    font-size:27px;
    font-weight:700;
    color:var(--colorPrincipal);
    padding-inline:15px;
    border-radius:10px
}
.header .btnDiv{
    display:flex;
    align-items:center;
    justify-content:center
}
.header .divTimer{
    display:flex;
    align-items:center
}
.containerMainPage .divBtn{
    display:flex;
    width:100%
}
.containerMainPage .divBtn button{
    border:none;
    padding-block:15px;
    padding-inline:40px;
    border-radius:50px;
    width:100%;
    background-color:var(--colorPrincipal);
    color:#fff;
    font-weight:700;
    font-size:13px
}
.objetivo{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    max-width:600px
}
.objetivo .box{
    padding:10px;
    background-color:var(--colorSecundaria_2);
    display:flex;
    flex-direction:column;
    width:100%;
    border-radius:10px;
    min-height:280px
}
.objetivo .box .divImg{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px
}
.objetivo .box .divImg .to{
    display:flex;
    align-items:center;
    justify-content:center
}
.objetivo .box .divImg .to .seta{
    opacity:0;
    transition:.3s
}
.objetivo .box .divImg .to .showSeta{
    opacity:1
}
.objetivo .box .divImg .img{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%
}
.objetivo .box .divImg .img img{
    width:100%
}
.objetivo .herderText{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background-color:#fff;
    padding:15px;
    border-radius:10px
}
.objetivo .herderText .text{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    font-weight:600
}
.objetivo .herderText .b{
    border-right:solid 1px #ccc
}
.objetivo .herderText .a{
    color:var(--colorPrincipal)
}
.containerNiveis{
    display:flex;
    padding-inline:20px;
    margin-bottom:20px
}
.containerNiveis .marginL{
    border-left:solid 1px #ccc
}
.containerNiveis .nivel{
    display:flex;
    flex-direction:column;
    width:100%;
    padding:10px
}
.containerNiveis .nivel .textDiv{
    display:flex;
    flex-direction:column;
    margin-top:15px
}
.containerNiveis .nivel .textDiv .label{
    font-size:12px
}
.containerNiveis .nivel .textDiv .value{
    font-size:14px
}
.containerNiveis .nivel .textDiv .nivelDiv{
    display:flex;
    align-items:center;
    gap:3px
}
.containerNiveis .nivel .textDiv .nivelDiv .nivelV{
    height:10px;
    width:100%;
    background-color:var(--colorSecundaria_2);
    border-radius:2px
}
.containerNiveis .nivel .textDiv .nivelDiv .check{
    background-color:var(--colorPrincipal)
}
.divPreco{
    width:100%;
    padding-inline:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    flex-direction:column;
    max-width:600px;
    align-self:center
}
.divPreco .containerPreco{
    width:100%;
    flex-direction:column;
    border-radius:10px;
    display:flex;
    margin-bottom:15px;
    background-color:var(--colorPrecoDesmarcado);
    transition:.3s;
    cursor:pointer
}
.divPreco .divPopular{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    color:#fff;
    font-weight:700
}
.divPreco .preco{
    background-color:var(--colorPrecoDesmarcadoClaro);
    padding:5px;
    border-radius:10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    color:var(--colorPrincipal)
}
.divPreco .preco .leftDiv{
    display:flex;
    align-items:center;
    gap:10px;
    padding-left:15px
}
.divPreco .preco .textPreco{
    font-size:14px;
    font-weight:700;
    color:var(--colorPrecoDesmarcado)
}
.divPreco .preco .circuloEx{
    width:20px;
    height:20px;
    border:solid 2px var(--colorPrecoDesmarcado);
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center
}
.divPreco .preco .circuloIn{
    width:80%;
    height:80%;
    border-radius:50%;
    background-color:var(--colorPrecoDesmarcado)
}
.divPreco .preco .ticketDiv{
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color:var(--colorPrecoDesmarcadoClaro);
    padding-inline:20px;
    padding-block:3px;
    border-radius:5px
}
.divPreco .preco .small{
    font-size:10px;
    color:var(--colorPrecoDesmarcado)
}
.divPreco .preco{
    background-color:#fff;
    border:none
}
.divPreco .preco .circuloEx{
    border:solid 2px var(--colorPrincipal)
}
.divPreco .preco .circuloIn{
    background-color:var(--colorPrincipal)
}
.divPreco .preco .textPreco{
    color:var(--colorPrincipal)
}
.divPreco .preco .ticketDiv{
    background-color:var(--colorPrecoDesmarcadoClaro)
}
.divPreco .preco .ticketDiv .small{
    font-size:10px;
    color:#000
}
.divPreco .preco .hard{
    font-size:25px;
    font-weight:700;
    color:var(--colorPrincipal)
}
.divPreco .popular .preco{
    border:none;
    box-shadow:.8px 2px 8px .8px #666;
    color:var(--colorPrincipal);
    padding-inline:20px;
    padding-block:30px;
    border:solid 3px var(--colorPrincipal)
}
.divPreco .preco{
    padding-inline:20px;
    padding-block:30px;
    box-shadow:.8px 2px 10px .8px #666
}
.divPreco .recompensasDiv{
    width:100%;
    border-top:solid 1px #000;
    margin-top:15px;
    padding-top:15px
}
.divPreco .popular .recompensasDiv{
    width:100%;
    border-top:solid 1px var(--colorPrincipal);
    margin-top:15px;
    padding-top:15px;
    display:flex;
    flex-direction:column;
    gap:3px
}
.divPreco .btnReceber{
    border:none;
    background-color:var(--colorPrincipal);
    width:80%;
    padding:20px;
    border-radius:50px;
    font-size:18px;
    font-weight:700;
    color:#fff;
    margin-block:30px
}
.divPreco .popular .btnReceber{
    border:none;
    background-color:var(--colorPrincipal);
    width:80%;
    padding:20px;
    border-radius:50px;
    font-size:18px;
    font-weight:700;
    color:var#fff;
    margin-block:30px
}
@keyframes animBtn{
    0%{
        scale:1
    }
    50%{
        scale:1.01
    }
    to{
        scale:1
    }
}
.divPreco .preco .hard{
    font-size:45px
}
.divPreco .popular .hard{
    color:var(--colorPrincipal);
    font-size:45px
}
.divPreco .popular{
    position:relative
}
.divPreco .popular .preco{
    padding-top:50px
}
.divPreco .popular .maisPopular{
    position:absolute;
    top:10px;
    left:10px;
    background-color:var(--colorPrincipal);
    color:#fff;
    padding-inline:10px;
    border-radius:5px
}
.divPreco .containerPreco{
    border:none
}
.divPreco .containerPreco .textRiscado{
    position:relative
}
.divPreco .containerPreco .textRiscado:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    border-top:1px solid red
}
.containerGanhar{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-inline:20px
}
.containerGanhar .ganho{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px
}
.containerGanhar .ganho .icon{
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background-color:var(--colorSecundaria_2);
    padding:5px
}
.containerProfissionais{
    display:flex;
    flex-direction:column;
    text-align:center;
    padding:20px
}
.containerProfissionais .proficionalDiv .profissional{
    background-color:var(--colorSecundaria_2);
    margin-top:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    border-radius:10px;
    overflow:hidden;
    position:relative;
    border:solid 2px var(--colorSecundaria_2)
}
.containerProfissionais .imgProf{
    width:100%
}
.containerProfissionais .proficionalDiv .profissional .text{
    padding:10px;
    font-size:12px;
    font-weight:600;
    position:absolute;
    bottom:5px;
    background-color:#fff;
    width:90%;
    border-radius:5px
}
.containerProfissionais .proficionalDiv .profissional .nome{
    position:absolute;
    left:10px;
    top:10px;
    font-size:18px;
    font-weight:700;
    color:#fff;
    background-color:var(--colorPrincipal);
    border-radius:5px;
    padding-inline:10px;
    padding-block:5px
}
.containerImgProvas{
    width:90%;
    align-self:center;
    margin-top:30px
}
.containerImgProvas h2{
    text-align:center
}
.containerImgProvas .item{
    display:flex;
    flex-direction:column;
    position:relative;
    border-radius:10px;
    overflow:hidden;
    width:100%;
    box-sizing:border-box
}
.containerImgProvas .item img{
    width:100%;
    height:auto
}
.containerImgProvas .item .results{
    position:absolute;
    bottom:0;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    background:linear-gradient(to top,#37a078,#fff0)
}
.containerImgProvas .item .results span{
    font-size:25px;
    text-align:center;
    color:#fff
}
.containerImgProvas .item .results .boldResults{
    font-size:30px;
    font-weight:700
}
.slick-next:before,.slick-prev:before{
    color:#fff!important
}
.slick-next,.slick-prev{
    margin:0 30px;
    z-index:1000
}
.containerPerguntas{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:20px
}
.containerPerguntas .option{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    width:100%;
    border-bottom:solid 1px #ccc;
    padding-block:15px;
    gap:10px
}
.containerPerguntas .option .optClick{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%
}
.containerPerguntas .option .optClick .btnIcon{
    display:flex;
    align-items:center;
    justify-content:center
}
.containerPerguntas .option .textDiv{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease-out
}
.containerPerguntas .option .textDiv.active{
    max-height:500px
}
.containerPerguntas .option .text{
    color:var(--colorTextSecundario);
    font-size:15px
}
.containerPerguntas .option .label{
    font-weight:700;
    font-size:16px;
    width:90%
}
.containerProvasText{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:20px
}
.containerProvasText h2{
    text-align:center
}
.containerProvasText .provasDiv{
    display:flex;
    flex-direction:column;
    padding:10px;
    background-color:var(--colorSecundaria_2);
    border-radius:10px;
    margin-bottom:15px;
    gap:5px
}
.containerProvasText .provasDiv .textBold{
    font-weight:700
}
.containerModal{
    display:none;
    position:fixed;
    height:100vh;
    width:100vw;
    align-items:center;
    justify-content:center;
    z-index:5000;
    background-color:#0000002c;
    top:0;
    left:0;
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px)
}
.divModal{
    background-color:#fff;
    display:none;
    flex-direction:column;
    width:90%;
    position:absolute;
    bottom:-100%;
    height:80%;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    padding:20px;
    transition:bottom .3s ease;
    text-align:center;
    overflow-y:auto
}
.divModal .modal_1{
    display:flex;
    flex-direction:column
}
.divModal .modal_1 .textBig{
    font-size:25px;
    font-weight:700;
    color:var(--colorPrincipal);
    margin-bottom:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px
}
.divModal .text{
    text-align:center;
    font-size:18px
}
.divModal .textBold{
    font-weight:700;
    color:var(--colorPrincipal)
}
.divModal .modal_1 .animBorder{
    animation:animBorder .5s infinite
}
@keyframes animBorder{
    0%{
        border:solid 4px rgb(2,177,124)
    }
    50%{
        border:solid 4px rgba(2,177,124,.644)
    }
    to{
        border:solid 4px rgb(2,177,124)
    }
}
.divModal .modal_1 .btnAceitar{
    border:none;
    background-color:var(--colorPrincipal);
    color:#fff;
    font-size:18px;
    font-weight:700;
    padding-block:10px;
    border-radius:50px;
    margin-top:30px;
    width:200px;
    align-self:center
}
.divModal .modal_1 .divCheckIcon{
    background-color:#fff;
    display:flex;
    align-items:center;
    position:absolute;
    padding:5px;
    border-radius:50%;
    bottom:0;
    right:100px;
    opacity:0;
    transition:.3s
}
.divModal .modal_1 .showCheck{
    opacity:1
}
.showModal{
    display:flex
}
.showModalAnim{
    display:flex;
    animation:animModal .3s ease forwards
}
@keyframes animModal{
    0%{
        bottom:-100%
    }
    to{
        bottom:0
    }
}
.divModal .headLine{
    font-size:25px;
    font-weight:700;
    color:var(--colorPrincipal)
}
.divModal .textCopy{
    font-size:15px;
    color:var(--colorTextSecundario)
}
.divModal .divButton button{
    border:none;
    background-color:var(--colorPrincipal);
    width:100%;
    font-size:18px;
    font-weight:700;
    color:#fff;
    padding-block:15px;
    border-radius:50px;
    margin-top:10px
}
@keyframes animBtn{
    0%{
        scale:1
    }
    50%{
        scale:1.02
    }
    to{
        scale:1
    }
}
.divModal .divBtnClose{
    position:absolute;
    right:20px
}
.divModal .textP{
    color:var(--colorPrincipal);
    font-weight:700
}
.containerGarantia{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:20px
}
.containerGarantia .box{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:10px;
    background-color:var(--colorSecundaria_2);
    width:100%;
    border-radius:10px
}
.containerGarantia .box h3{
    text-align:center
}
.containerFooter{
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color:var(--colorSecundaria_2);
    padding:20px;
    color:#747474;
    font-size:12px;
    gap:8px
}
.containerFooter .bold{
    font-weight:700
}
.containerMeta{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.containerMeta .box{
    display:flex;
    align-items:center;
    width:100%
}
.containerMeta .box .text{
    display:flex;
    flex-direction:column;
    margin-left:10px
}
.containerMeta .box .text .textBold{
    font-weight:700
}
.containerPlanoPronto{
    display:flex;
    flex-direction:column;
    padding:20px
}
.containerPlanoPronto h2{
    text-align:center
}
.containerHelloUser{
    display:flex;
    align-items:center;
    flex-direction:column;
    padding:20px
}
.containerHelloUser img{
    width:60%;
    max-width:600px
}
.containerHelloUser .btnContinuar{
    width:100%;
    border:none;
    background-color:var(--colorPrincipal);
    padding:15px;
    border-radius:50px;
    font-size:18px;
    font-weight:700;
    color:var(--colorButtons)
}
.containerHelloUser .gray{
    color:var(--colorTextSecundario)
}
.containerHelloUser .big{
    font-size:25px;
    font-weight:700
}
.containerHelloUser .imgInicial{
    width:60%;
    margin-top:20px
}
.containerHelloUser .textSmall{
    margin-block:20px;
    text-align:center;
    font-size:18px;
    font-weight:700
}
.containerHelloUser .divCenter{
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width:600px
}
.containerUpsell{
    display:flex;
    flex-direction:column
}
.containerUpsell header{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px
}
.containerUpsell header img{
    width:40%;
    max-width:400px
}
.containerUpsell .content{
    max-width:600px;
    align-self:center;
    display:flex;
    flex-direction:column
}
.containerHeader header{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px
}
.containerHeader header img{
    width:40%;
    max-width:400px
}
.containerProgressBar{
    display:flex;
    flex-direction:column;
    margin-bottom:70px
}
.containerProgressBar .barDiv{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    padding-inline:40px;
    box-sizing:border-box
}
.containerProgressBar .barDiv .bar{
    position:absolute;
    height:5px;
    left:40px;
    right:40px;
    background-color:#dae6e4;
    display:flex
}
.containerProgressBar .barDiv .bar .prog{
    width:65%;
    height:5px;
    background-color:var(--colorPrincipal)
}
.containerProgressBar .barDiv .divCheck{
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--colorPrincipal);
    padding:4px;
    width:20px;
    height:20px;
    border-radius:50%;
    color:#fff;
    z-index:1000
}
.containerProgressBar .barDiv .now{
    background-color:#fff;
    display:flex;
    padding:4px;
    border-radius:50%;
    width:20px;
    height:20px;
    align-items:center;
    justify-content:center;
    box-shadow:.8px .8px 8px .8px #949494;
    z-index:1000;
    position:relative
}
.containerProgressBar .barDiv .now .dot{
    background-color:var(--colorPrincipal);
    position:absolute;
    display:flex;
    right:0
}
.containerProgressBar .barDiv .off{
    background-color:#dae6e4;
    display:flex;
    padding:4px;
    border-radius:50%;
    width:20px;
    height:20px;
    align-items:center;
    justify-content:center;
    z-index:1000;
    position:relative
}
.containerProgressBar .barDiv .off .dot{
    background-color:#fff;
    position:absolute;
    display:flex;
    right:0
}
.containerProgressBar .textDiv{
    display:flex;
    align-items:center;
    justify-content:space-around;
    box-sizing:border-box;
    margin-top:10px
}
.containerProgressBar .textDiv div{
    font-size:70%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:20%;
    text-align:center
}
.containerProgressBar .textNow{
    border-bottom:solid 3px var(--colorPrincipal)
}
.containerProgressBar .barDiv .text{
    position:absolute;
    color:#000;
    top:40px;
    font-size:70%;
    display:flex;
    width:60px;
    align-items:center;
    justify-content:center;
    text-align:center
}
.containerParabens{
    display:flex;
    text-align:center;
    padding:20px;
    flex-direction:column;
    color:var(--colorPrincipal)
}
.containerEscolhido{
    display:flex;
    padding:40px;
    text-align:center;
    font-size:18px
}
.containerEscolhido .bold{
    font-weight:700
}
.containerEscolhido .green{
    color:var(--colorPrincipal)
}
.containerCardVip{
    display:flex;
    justify-content:center
}
.containerTextCheck{
    display:flex;
    padding:40px
}
.containerTextCheck .divIcon{
    display:flex;
    align-items:flex-start;
    padding-top:5px;
    margin-right:10px
}
.containerTextCheck .divText{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start
}
.containerTextCheck span{
    font-size:18px
}
.containerTextCheck .bold{
    font-weight:700
}
.containerButton{
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:20px;
    margin-bottom:20px
}
.containerButton button{
    border:none;
    font-weight:700;
    padding:10px 20px;
    width:80%;
    border-radius:10px;
    background-color:var(--colorPrincipal);
    color:#fff;
    transition:.3s;
    cursor:pointer
}
.containerButton button:hover{
    scale:1.01
}
.containerEntregamos{
    display:flex;
    padding:40px;
    text-align:center;
    font-size:18px
}
.containerCardUsers{
    display:flex;
    flex-direction:column;
    padding:20px
}
.containerCardUsers .content{
    width:90%;
    display:flex;
    flex-direction:column;
    padding:20px;
    border-radius:20px;
    box-shadow:.8px .8px 8px .8px #ccc
}
.containerCardUsers .divName{
    display:flex;
    flex-direction:column
}
.containerCardUsers .divUser{
    padding:10px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.containerCardUsers .check{
    background-color:var(--colorPrincipal);
    color:#fff
}
.containerCardUsers .nameText{
    font-size:18px;
    font-weight:700
}
.containerCardUsers .horaText,.containerCardUsers .code{
    font-size:12px
}
.containerCardUsers .bold{
    font-weight:700
}
.containerCardUsers .headLine{
    border-bottom:solid 1px #000
}
.containerCardUsers .green{
    color:var(--colorPrincipal)
}
.containerPare{
    display:flex;
    padding:20px
}
.containerPare .content{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    background-color:var(--colorPrincipal);
    padding:5px;
    border-radius:10px;
    color:#fff;
    gap:10px;
    box-shadow:.8px .8px 8px .8px #acacac
}
.containerPare .content .text{
    color:#fff;
    font-weight:700;
    font-size:18px
}
.containerPare .content .small{
    font-weight:400
}
.containerTextArrow{
    display:flex;
    align-items:center;
    flex-direction:column;
    padding:20px;
    text-align:center
}
.containerTextArrow .content{
    border-top:solid 1px #000;
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%
}
 
.noEmailOption {
    display: flex;
    align-items: center;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

.noEmailOption input[type="checkbox"] {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.noEmailOption input[type="checkbox"]:checked {
    background-color: #007BFF;
    border-color: #007BFF;
}

.noEmailOption input[type="checkbox"]:focus {
    outline: 2px solid #007BFF;
    outline-offset: 2px;
}