html{
    scroll-behavior: auto!important;
}

.container{
    max-width: 1410px;
    padding-right: 12px;
    padding-left: 12px;
}

.row{
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.row>*{
    padding-right: 7.5px;
    padding-left: 7.5px;
}

/******** GRID BOOTSTRAP CELULAR ********/
@media (max-width: 575.98px){
    .row{
        margin-right: -4.5px;
        margin-left: -4.5px;
    }

    .row>*{
        padding-right: 4.5px;
        padding-left: 4.5px;
    }
}
/******** ---- GRID BOOTSTRAP CELULAR ---- ********/

body,
input,
textarea{
    font-family: 'Menca', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.2;
    color: #4D1971;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

b,
strong{
    font-weight: 600;
}

p:last-child,
ul:last-child,
ol:last-child{
    margin-bottom: 0;
}

ul,
ol,
menu{
    list-style: none;
    margin: 0;
    padding: 0;
}

a,
a:hover,
a:active,
a:focus{
    text-decoration: none;
}

html,
body{
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#page-wrapper{
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

/* BOTOES */

.btn{
    border-radius: 9999px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    padding: 11.5px 23px;
    transition: opacity .15s ease-in-out, color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-amarelo{
    background: #F6E40E;
    border: 1px solid #F8399F;
    color: #F8399F;
}

.btn-amarelo:hover,
.btn-amarelo:focus{
    background: #E7D609;
    border: 1px solid #F8399F;
    color: #F8399F;
}

.btn-amarelo:active{
    background: #E7D609!important;
    border: 1px solid #F8399F!important;
    color: #F8399F!important;
    opacity: 0.8!important;
}

.btn-cinza{
    background: #E6E6E6;
    border: 1px solid #8A3FA8;
    color: #8A3FA8;
}

.btn-cinza:hover,
.btn-cinza:focus{
    background: #D9D9D9;
    border: 1px solid #8A3FA8;
    color: #8A3FA8;
}

.btn-cinza:active{
    background: #E6E6E6!important;
    border: 1px solid #8A3FA8!important;
    color: #8A3FA8!important;
    opacity: 0.8!important;
}

.btn-outlined{
    background: transparent;
    border: 1px solid #F8399F;
    color: #F8399F;
}

.btn-outlined:hover,
.btn-outlined:focus{
    background: transparent;
    border: 1px solid #C0076A;
    color: #C0076A;
}

.btn-outlined:active{
    background: transparent!important;
    border: 1px solid #F8399F!important;
    color: #F8399F!important;
    opacity: 0.8!important;
}

/* ---- BOTOES ---- */

/* CABECALHOS e TEXTOS */

h1{
    font-weight: 600;
    font-size: 50px;
    line-height: 86%;
    letter-spacing: -0.01em;
    margin-bottom: 0;
}

h1 .h1-cursive{
    font-family: 'Pacifico', cursive;
    font-size: 80px;
}

h2{
    font-size: 25px;
    line-height: 112%;
    margin-bottom: 0;
}

.texto-rosa{
    color: #F8399F;
}

.texto-amarelo{
    color: #F6E40E;
}

/* ---- CABECALHOS e TEXTOS ---- */

/*COMECA SITE*/

header{
    background: url('../images/bg-intro-hero.svg') 50% 1px repeat-x #F8399F;
    background-size: auto 100%;
    color: #ffffff;
}

#menu-topo{
    height: 100px;
    margin-bottom: 20px;
}

#menu-topo-logo img{
    width: 125px;
}

menu{
    font-size: 0;
    margin-right: 13px;
}

menu li{
    display: inline-block;
    font-size: 16px;
    margin: 0 18px;
}

menu a{
    font-weight: 600;
    color: #ffffff;
    transition: opacity .15s ease-in-out;
}

menu a:hover{
    opacity: 0.8;
}

#menu-topo-redes-sociais{
    font-size: 0;
    margin-right: 31px;
}

#menu-topo-redes-sociais li{
    display: inline-block;
    margin-right: 20px;
}

#menu-topo-redes-sociais li:last-child{
    margin-right: 0;
}

#menu-topo-redes-sociais a{
    transition: opacity .15s ease-in-out;
}

#menu-topo-redes-sociais a:hover{
    opacity: 0.8;
}

#menu-topo-redes-sociais img{
    height: 30px;
}

#menu-topo-btn-cta .btn{
    font-size: 16px;
    padding: 11px 17px;
}

#intro-content{
    padding-bottom: 75px;
}

#intro-content-col-content{
    /*padding left -> clamp(0px, calc(82px * (100vw - 1085px) / (1400 - 1085)), 82px)*/
    padding-left: clamp(0px, (100vw - 1085px) * 0.2603174603174603, 82px);
    padding-top: 63px;
    max-width: 505px;
}

#intro-content h1{
    font-weight: 600;
    font-size: 58px;
    line-height: 93%;
    letter-spacing: -0.01em;
    margin-bottom: 32px;
}

#intro-content h2{
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 35px;
}

#intro-content-img-produto-mobile{
    position: relative;
}

#intro-content-img-produto-mobile > img{
    width: 80%;
}

#intro-content-img-produto-mobile-selo-mtm{
    position: absolute;
    top: 18%;
    right: 15%;
    width: clamp(114px, calc((100vw - 424px) * 0.0987654321 + 114px), 170px);
    animation: float 4s ease-in-out infinite;
}

#intro-content-img-produto-mobile-selo-mtm img{
    width: 100%;
}

#intro-avaliacoes{
    font-size: 18px;
    margin-bottom: 33px;
}

#intro-avaliacoes img{
    width: 119px;
    margin-right: 13px;
}

#intro-content .btn{
    font-size: 20px;
    padding: 24.5px 45px;
}

#intro-content-img-prod-block{
    position: relative;
}

#intro-content-img-produto{
    width: 100%;
}

#intro-content-selo-mtm-wrapper{
    position: absolute;
    top: 115px;
    right: 55px;
    width: 169px;
}

@keyframes float{
  0%{
    transform: translatey(0px);
  }
  50%{
    transform: translatey(-20px);
  }
  100%{
    transform: translatey(0px);
  }
}

#intro-content-selo-mtm{
    width: 100%;
    transform: translatey(0px);
    animation: float 4s ease-in-out infinite;
}

#visao-futuro{
    background: #FFE6F6;
}

#visao-futuro-content{
    padding-top: 65px;
    position: relative;
}

.badge-outlined{
    border: 2px solid #F8399F;
    border-radius: 9999px;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    color: #F8399F;
    padding: 14px 35px;
}

#visao-futuro-content .badge-outlined{
    margin-bottom: 35px;
}

#visao-futuro-content h1{
    margin-bottom: 45px;
}

#visao-futuro-content .h1-cursive{
    color: #F8399F;
}

#visao-futuro-content p{
    max-width: 530px;
    margin-bottom: 50px;
}

#visao-futuro-content .visao-futuro-beneficios-img{
    width: 100%;
    max-width: 569px;
}

#visao-futuro-estrelas-desktop{
    position: absolute;
    top: 0;
    right: 0;
    width: 77px;
}

#visao-futuro-col-img{
    margin-top: -128px;
    position: relative;
    z-index: 2;
}

#visao-futuro-col-img img{
    width: 100%;
    padding-left: 70px;
}

#ciclo-da-culpa{
    background: #4D1971;
    color: #ffffff;
    text-align: center;
}

#onda-topo-ciclo-da-culpa{
    width: 100%;
    height: 100.43px;
    background: url('../images/onda-topo-ciclo-culpa.svg') 50% -1px repeat-x;
    background-size: auto 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}

#ciclo-da-culpa .container{
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

#ciclo-da-culpa h1{
    margin-bottom: 35px;
}

#ciclo-da-culpa .h1-cursive{
    color: #F8399F;
}

#ciclo-da-culpa p{
    display: block;
    max-width: 730px;
    margin: 0 auto;
    font-size: 25px;
    line-height: 128%;
    margin-bottom: 44px;
}

.ciclo-da-culpa-ciclo-svg{
    width: 84.24%;
    margin: 0 auto;
    margin-bottom: 44px;
}

#ciclo-da-culpa p.mb-0{
    max-width: 760px;
}

#ciclo-da-culpa-estrelas-1{
    position: absolute;
    top: 75px;
    right: 190px;
    width: 45px;
}

#ciclo-da-culpa-estrelas-2{
    position: absolute;
    top: 90px;
    left: 120px;
    width: 23px;
}

#ciclo-da-culpa-estrelas-3{
    position: absolute;
    bottom: 87px;
    right: 15%;
    width: 90px;
}

#ciclo-da-culpa-estrelas-4{
    position: absolute;
    bottom: 60px;
    /*left: 16%;*/
    left: clamp(30px, 200px - (1270px - 100vw) * ((200 - 30) / (1270 - 992)), 200px);
    width: 50px;
}

#creators{
    background: #F8399F;
    color: #ffffff;
    text-align: center;
}

#creators .container{
    padding-top: 50px;
    position: relative;
}

#creators-etiqueta-produto-viral{
    position: absolute;
    top: 15px;
    left: 55%;
    width: 200px;
    z-index: 1;
}

#onda-topo-creators{
    width: 100%;
    height: 100.43px;
    background: url('../images/onda-topo-creators.svg') 50% -1px repeat-x;
    background-size: auto 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}

#creators h1{
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
}

#creators .h1-cursive{
    color: #F6E40E;
}

#creators h2{
    margin-bottom: 50px;
}

.creators-item{
    position: relative;
    margin-top: -20px;
}

.creators-badge-hashtag{
    background: #8A3FA8;
    display: inline-block;
    border-radius: 9999px;
    font-size: 20px;
    font-weight: 600;
    padding: 7px 21px 9px;
    white-space: nowrap;
    transform: translateY(20px);
    z-index: 2;
    position: relative;
}

.creators-item-overflow{
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    aspect-ratio: 9 / 16;
    z-index: 1;
}

.creators-item-overflow > img,
.creators-item-overflow > video{
    width: 100%;
    pointer-events: none;
    user-select: none;
}

.creators-item-overflow > video::-webkit-media-controls,
.creators-item-overflow > video::-moz-media-controls,
.creators-item-overflow > video::-o-media-controls,
.creators-item-overflow > video::-ms-media-controls{
    display: none!important;
}

.creators-item-play-block{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url('../images/creators-play-icon.svg') center center no-repeat;
    background-size: 51px 67px;
    cursor: pointer;
}

.creators-item-legenda{
    background: #8A3FA8;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.creators-item-legenda:before{
    content: '';
    display: block;
    background: url('../images/onda-topo-creators-item-legenda.svg') 50% 0px no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 2vw;
    margin-top: calc(-2vw + 1px);
}

.creators-item-legenda > a{
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 9px;
}

.creators-item-legenda ul{
    font-size: 0;
    margin-bottom: 19px;
}

.creators-item-legenda li{
    display: inline-block;
    margin: 0 10px;
}

.creators-item-legenda li img{
    height: 30px;
}

#creators p{
    font-size: 25px;
    line-height: 128%;
    display: block;
    max-width: 760px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 20px;
}

#creators-divisor-estrela{
    margin-bottom: 25px;
}

#creators-quiz-box{
    border: 2px dashed #FFFFFF;
    border-radius: 30px;
    padding: 30px;
    max-width: 895px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

#creators-quiz-box-texto{
    text-align: right;
    font-size: 19px;
    margin-right: 25px;
}

#creators-quiz-box img{
    width: 55px;
    margin-right: 29px;
    display: block;
}

#creators-quiz-box .btn-amarelo{
    border-color: #8A3FA8;
    white-space: nowrap;
}

#creators-estrelas-1{
    position: absolute;
    top: 70px;
    right: 50px;
    width: 50px;
}

#creators-estrelas-2{
    position: absolute;
    top: -45px;
    left: 75px;
    width: 40px;
    z-index: 2;
}

#momento-tchau-magico{
    background: linear-gradient(180deg, #8A3FA8 0%, #4D1971 100%);
    color: #ffffff;
}

#onda-topo-mtm{
    width: 100%;
    height: 147px;
    background: url('../images/onda-topo-mtm.svg') 50% -1px repeat-x;
    background-size: auto 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}

#mtm-block{
    position: relative;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 160px;
}

#mtm-block *{
    z-index: 2;
}

#mtm-content{
    /*margin-left: 83px;*/
    margin-left: clamp(0px, 83px - (1200px - 100vw) * ((83 - 0) / (1200 - 992)), 83px);
    max-width: 555px;
    position: relative;
}

#mtm-content .badge-outlined{
    border-color: #F6E40E;
    color: #F6E40E;
    margin-bottom: 40px;
}

#mtm-content h1{
    margin-bottom: 35px;
}

#mtm-content .h1-cursive{
    color: #F6E40E;
}

#mtm-content > p{
    font-size: 21px;
    line-height: 119%;
    margin-bottom: 55px;
}

#mtm-passos{
    max-width: 390px;
    margin-bottom: 60px;
}

.mtm-passos-item:not(:last-child){
    margin-bottom: 35px;
}

.mtm-passos-numero{
    width: 45px;
    font-family: 'Pacifico', cursive;
    font-size: 70px;
    color: #F8399F;
    text-align: center;
    line-height: .6;
    margin-right: 16px;
    transform: translateY(-10px);
}

.mtm-passos-textos h2{
    font-family: 'Pacifico', cursive;
    font-weight: 600;
    font-size: 45px;
    line-height: 53%;
    margin-bottom: 15px;
}

.mtm-passos-textos p{
    font-size: 21px;
    line-height: 105%;
    margin-bottom: 0;
}

#mtm-box{
    position: relative;
    max-width: 401px;
    background: url('../images/mtm-box.svg') center center no-repeat;
    background-size: 100% 100%;
    padding: 33px 50px 45px;
    font-size: 21px;
    line-height: 119%;
    text-align: center;
}

#mtm-box-estrela{
    position: absolute;
    top: -3px;
    left: -3px;
    width: 31px;
}

#mtm-selo{
    position: absolute;
    top: 40px;
    right: -86px;
    width: 172px;
    animation: float 4s ease-in-out infinite;
}

#mtm-mulher{
    position: absolute;
    bottom: 124px;
    right: 0;
    width: 57%;
    z-index: 1;
}

#mtm-estrela-1{
    position: absolute;
    top: -88px;
    right: 32px;
    width: 22px;
}

#sabor-frutas{
    margin-top: -149px;
    z-index: 3;
    position: relative;
    text-align: center;
}

#onda-topo-sabor-frutas{
    width: 100%;
    height: 149px;
    background: url('../images/onda-topo-sabor-frutas.svg') 50% 0 repeat-x;
    background-size: auto 100%;
}

#sabor-frutas-content-block{
    background: linear-gradient(180deg, #EBE190 0%, #D1B52C 100%);
    padding-bottom: 60px;
}

#sabor-frutas-content-block .container{
    position: relative;
}

#sabor-frutas-content-block h1{
    margin-top: -30px;
    margin-bottom: 15px;
    line-height: 73%;
}

#sabor-frutas-content-block .h1-cursive{
    color: #F8399F;
}

#sabor-frutas-img-principal{
    width: 100%;
    max-width: 1131px;
    margin-bottom: 10px;
}

#sabor-frutas p{
    display: block;
    max-width: 857px;
    margin: 0 auto;
    font-size: 25px;
    line-height: 128%;
}

#sabor-frutas-estrelas-1{
    position: absolute;
    top: 0;
    /*right: 240px;*/
    right: clamp(120px, 240px - (1399px - 100vw) * ((240 - 120) / (1399 - 992)), 240px);
    width: 50px;
}

#sabor-frutas-estrelas-2{
    position: absolute;
    top: 70px;
    left: 120px;
    width: 30px;
}

#sabor-frutas-estrelas-3{
    position: absolute;
    bottom: 225px;
    right: 108px;
    width: 28px;
}

#onda-topo-complexo-reguladoce{
    width: 100%;
    height: 100px;
    background: url('../images/onda-topo-complexo-reguladoce.svg') 50% -1px repeat-x;
    background-size: auto 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}

#complexo-reguladoce{
    background: linear-gradient(180deg, #FFE6F6 0%, #FFD6F0 100%);
    text-align: center;
}

#complexo-reguladoce .container{
    position: relative;
}

#complexo-reguladoce-wrapper{
    padding-top: 70px;
    max-width: 893px;
    margin: 0 auto;
    position: relative;
}

#complexo-reguladoce h1{
    margin-bottom: 55px;
    line-height: 100%;
}

#complexo-reguladoce .h1-cursive{
    color: #F8399F;
}

#complexo-reguladoce h1 sup{
    font-size: 37%;
    top: -0.8em;
}

#complexo-reguladoce-badge-tecnologia{
    font-size: 22px;
    font-weight: 600;
    color: #8A3FA8;
    background: #F6E40E;
    border-radius: 9999px;
    display: inline-block;
    padding: 12px 35px;
    white-space: nowrap;
    margin-bottom: 40px;
}

#complexo-reguladoce-wrapper > p{
    line-height: 152%;
    margin-bottom: 40px;
}

#complexo-reguladoce-box{
    background: url('../images/complexo-reguladoce-box.svg') center center no-repeat;
    background-size: 100% 100%;
    padding: 71px 101px 90px;
    margin-top: 55px;
    margin-bottom: 65px;
    color: #ffffff;
}

#complexo-reguladoce-box h2{
    font-family: 'Pacifico', cursive;
    font-weight: 600;
    font-size: 60px;
    line-height: 90%;
    letter-spacing: -0.01em;
    margin-bottom: 43px;
    white-space: nowrap;
}

#complexo-reguladoce-box h2:before,
#complexo-reguladoce-box h2:after{
    content: '';
    display: inline-block;
    width: 14px;
    height: 22px;
    background: url('../images/1-estrela-amarela.svg') center center no-repeat;
    background-size: 100% 100%;
    margin: 0 18px;
}

#complexo-reguladoce-box h2:after{
    margin: 0 29px;
}

.pilares-cientificos-num{
    margin-bottom: 15px;
    width: 37px;
}

#complexo-reguladoce-box h3{
    font-family: 'Pacifico', cursive;
    font-size: 40px;
    line-height: 90%;
    letter-spacing: -0.01em;
    margin-bottom: 10px;
}

#complexo-reguladoce-box p{
    padding: 0 10px;
    color: #F6E40E;
    line-height: 110%;
}

#complexo-reguladoce-cta-btns{
    font-size: 0;
    position: relative;
    z-index: 2;
}

#complexo-reguladoce-cta-btns .btn{
    padding-left: 35px;
    padding-right: 35px;
    margin: 0 10px;
}

#complexo-reguladoce-estrelas-1{
    position: absolute;
    top: 115px;
    right: 8%;
    width: 45px;
}

#complexo-reguladoce-estrelas-2{
    position: absolute;
    top: 45px;
    left: 8%;
    width: 120px;
}

#complexo-reguladoce-estrelas-3{
    position: absolute;
    top: 50%;
    right: 7%;
    width: 50px;
}

#complexo-reguladoce-estrelas-4{
    position: absolute;
    top: 53%;
    left: 8%;
    width: 53px;
}

#complexo-reguladoce-estrelas-5{
    position: absolute;
    bottom: 4%;
    right: 3%;
    width: 45px;
}

#complexo-reguladoce-estrelas-6{
    position: absolute;
    bottom: 2%;
    left: 4%;
    width: 25px;
}

#manifesto{
    background: url('../images/bg-roxo-granulado.webp') center center repeat;
    color: #ffffff;
    padding-bottom: 70px;
}

#onda-topo-manifesto{
    width: 100%;
    height: 171px;
    background: url('../images/onda-topo-manifesto.svg') 50% -1px repeat-x;
    background-size: auto 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}

#manifesto img{
    width: 100%;
    position: relative;
    z-index: 3;
    margin-top: -107px;
    padding-right: 25px;
}

#comprar{
    text-align: center;
    margin-top: -180px;
    position: relative;
    /*z-index: 1;*/
}

#onda-topo-comprar{
    width: 100%;
    height: 197px;
    background: url('../images/onda-topo-comprar.svg') 50% 0px repeat-x;
    background-size: auto 100%;
    position: relative;
    z-index: 2;
    top: 2px;
}

#comprar-content-block{
    background: #FFE6F6;
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
}

#comprar h1{
    margin-bottom: 55px;
    line-height: 97%;
}

#comprar .h1-cursive{
    color: #F8399F;
}

#comprar-quiz-box{
    border: 2px dashed #F8399F;
    border-radius: 30px;
    padding: 30px;
    max-width: 895px;
    margin: 0 auto 40px;
    font-weight: 600;
}

#comprar-quiz-box-texto{
    font-size: 19px;
    margin-right: 25px;
}

#comprar-quiz-box img{
    width: 55px;
    margin-right: 29px;
    display: block;
}

#comprar-quiz-box .btn-amarelo{
    border-color: #8A3FA8;
    white-space: nowrap;
}

.comprar-item{
    position: relative;
    margin-top: -20px;
}

.oferta-badge{
    background: #F6E40E;
    color: #8A3FA8;
    display: inline-block;
    border-radius: 9999px;
    font-size: 20px;
    font-weight: 600;
    padding: 7px 21px 9px;
    white-space: nowrap;
    transform: translateY(20px);
    z-index: 2;
    position: relative;
    height: 40px;
}

.oferta-falso-badge{
    height: 40px;
}

.comprar-oferta-box{
    background: #ffffff;
    border: 1px solid #F8399F;
    border-radius: 30px;
    overflow: hidden;
}

.oferta-titulo{
    background: rgba(0, 0, 0, .03);
    font-family: 'Pacifico', cursive;
    font-size: 40px;
    font-weight: 600;
    line-height: 60%;
    text-align: center;
    padding: 40px 10px 20px;
    position: relative;
    margin-bottom: 30px;
}

.oferta-titulo:after{
    content: '';
    display: block;
    background: url('../images/onda-base-oferta-item-titulo.svg') 50% 0px no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 28px;
    position: absolute;
    bottom: -28px;
    left: 0;
    right: 0;
    opacity: .03;
}

.oferta-qtd{
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
}

.oferta-sublinhado{
    position: relative;
    display: inline-block;
}

.oferta-sublinhado:after{
    content: '';
    display: block;
    background: url('../images/oferta-sublinhado.svg') top center no-repeat;
    background-size: 100% 100%;
    width: calc(100% + 5px);
    height: 7px;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: -5px;
}

.oferta-indicacao{
    font-size: 19px;
    line-height: 126%;
    padding: 0 10px;
    max-width: 385px;
    margin: 0 auto 20px;
}

.oferta-img{
    position: relative;
    height: 115px;
    margin-bottom: 18px;
}

.oferta-img img{
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.oferta-frete{
    white-space: nowrap;
    font-size: 17px;
    line-height: .8;
    background: transparent;
    border-radius: 9999px;
    display: inline-block;
    padding: 9px 18px 10px;
    margin-bottom: 15px;
}

.oferta-frete:after{
    content: '';
    display: inline-block;
    background: url('../images/bandeira-brasil.svg') 50% 0px no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 17px;
    margin-top: -4px;
    margin-left: 7px;
    transform: translateY(3px);
}

.oferta-lista-beneficios{
    font-size: 0;
    padding: 0 20px;
    margin-bottom: 45px;
}

.oferta-lista-beneficios li{
    font-size: 19px;
    font-weight: 600;
    line-height: 95%;
    color: #F8399F;
    margin-bottom: 8px;
}

.oferta-lista-beneficios li:last-child{
    margin-bottom: 0;
}

.oferta-lista-beneficios li:before{
    content: '';
    display: inline-block;
    background: url('../images/1-estrela-roxa.svg') 50% 0px no-repeat;
    background-size: 100% 100%;
    width: 10px;
    height: 15px;
    transform: translateY(1px);
    margin-right: 5px;
}

.oferta-fonte-regular{
    font-weight: 400;
}

.oferta-preco-box{
    background: rgba(0, 0, 0, .03);
    padding: 13px 28px 34px;
    position: relative;
}

.oferta-preco-box:before{
    content: '';
    display: block;
    background: url('../images/onda-topo-oferta-item-preco-box.svg') 50% 0px no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 28px;
    position: absolute;
    top: -28px;
    left: 0;
    right: 0;
    opacity: .03;
}

.oferta-preco-parcelado{
    font-size: 19px;
    margin-bottom: 5px;
}

.oferta-preco-prestacao{
    font-size: 25px;
    font-weight: 600;
}

.oferta-preco-a-vista{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}

.oferta-preco-box .btn{
    display: block;
    font-size: 19px;
    padding: 22px 23px;
}

#oferta-2{
    background: #F8399F;
    border-color: #F0A234;
    color: #ffffff;
}

#oferta-2 .oferta-titulo,
#oferta-2 .oferta-preco-box,
#oferta-3 .oferta-titulo,
#oferta-3 .oferta-preco-box{
    background: rgba(0, 0, 0, .1);
}

#oferta-2 .oferta-titulo:after,
#oferta-2 .oferta-preco-box:before,
#oferta-3 .oferta-titulo:after,
#oferta-3 .oferta-preco-box:before{
    opacity: .1;
}

#oferta-2 .oferta-sublinhado:after,
#oferta-3 .oferta-sublinhado:after{
    background-image: url('../images/oferta-sublinhado-amarelo.svg');
}

#oferta-2 .oferta-frete,
#oferta-3 .oferta-frete{
    font-weight: 600;
}

#oferta-2 .oferta-frete{
    color: #F6E40E;
}

#oferta-2 .oferta-lista-beneficios li,
#oferta-3 .oferta-lista-beneficios li{
    color: #ffffff;
}

#oferta-2 .oferta-preco-box .btn-amarelo,
#oferta-3 .oferta-preco-box .btn-amarelo{
    border-color: #8A3FA8;
    color: #8A3FA8;
}

#oferta-3{
    background: #8A3FA8;
    color: #ffffff;
}

#oferta-3 .oferta-frete{
    background: #197120;
}

#oferta-3 .oferta-lista-beneficios li:before{
    background-image: url('../images/1-estrela-rosa.svg');
}

#comprar-icones-destaques{
    margin-top: 50px;
    margin-bottom: 50px;
}

#comprar-icones-destaques img{
    width: 90%;
    max-width: 886px;
    margin: 0 auto;
}

@keyframes shake-animation {
    0% { transform:translate(0,0) }
    1.78571% { transform:translate(5px,0) }
    3.57143% { transform:translate(0,0) }
    5.35714% { transform:translate(5px,0) }
    7.14286% { transform:translate(0,0) }
    8.92857% { transform:translate(5px,0) }
    10.71429% { transform:translate(0,0) }
    100% { transform:translate(0,0) }
}

#comprar-dica-block h2{
    font-family: 'Pacifico', cursive;
    font-size: 35px;
    font-weight: 600;
    line-height: 69%;
    color: #F8399F;
    margin-bottom: 5px;
    animation: shake-animation 4.72s ease infinite;
}

#comprar-dica-box{
    border: 2px dashed #F8399F;
    border-radius: 30px;
    padding: 25px;
    max-width: 785px;
    margin: 0 auto;
    font-size: 19px;
    line-height: 121%;
    z-index: 2;
    position: relative;
}

#comprar-estrelas-1{
    position: absolute;
    top: -85px;
    right: 7%;
    width: 27px;
    z-index: 3;
}

#comprar-estrelas-2{
    position: absolute;
    top: -130px;
    left: 2%;
    width: 27px;
    z-index: 3;
}

#comprar-estrelas-3{
    position: absolute;
    top: 160px;
    right: 3%;
    width: 49px;
}

#comprar-estrelas-4{
    position: absolute;
    top: 150px;
    left: 4%;
    width: 40px;
}

#comprar-estrelas-5{
    position: absolute;
    bottom: 125px;
    right: 4%;
    width: 49px;
}

#comprar-estrelas-6{
    position: absolute;
    bottom: 120px;
    /*left: 14%;*/
    left: clamp(0px, 200px - (1256px - 100vw) * ((200 - 0) / (1256 - 855)), 200px);
    width: 43px;
}

#comprar-estrelas-7{
    position: absolute;
    bottom: 330px;
    left: 2%;
    width: 16px;
}

#faq{
    padding-bottom: 85px;
    position: relative;
    text-align: center;
}

#onda-topo-faq{
    width: 100%;
    height: 150px;
    background: url('../images/onda-topo-faq.svg') 50% -1px repeat-x;
    background-size: auto 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}

#faq-onda-roxa-meio{
    width: 100%;
    height: 330px;
    background: url('../images/onda-meio-faq.svg') top center repeat-x;
    background-size: auto 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 660px;
    z-index: 1;
}

#faq .container{
    padding-top: 65px;
    position: relative;
    z-index: 2;
}

#faq h1{
    margin-bottom: 40px;
}

#faq .h1-cursive{
    color: #F8399F;
}

#faq h2{
    margin-bottom: 50px;
}

#faq-box{
    width: 100%;
    max-width: 921px;
    margin: 0 auto;
    background: #ffffff;
    border: 2px dashed #F8399F;
    border-radius: 30px;
    padding: 34px;
    text-align: left;
}

.faq-item{
    border-radius: 30px;
    overflow: hidden;
}

.faq-item:not(:last-child){
    margin-bottom: 25px;
}

.faq-item-topo{
    background: #FFF5FB;
    padding: 19px 32px;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
}

.faq-item-topo:not(.collapsed){
    background: #F8399F;
    color: #ffffff;
}

.faq-item-topo:not(.collapsed) .faq-item-topo-abrir svg{
    transform: rotate(45deg);
}

.faq-item-topo:not(.collapsed) .faq-item-topo-abrir svg path{
    fill: #F6E40E;
}

.faq-item-topo-duvida{
    font-weight: 600;
    line-height: 100%;
    margin-right: 15px;
}

.faq-item-topo-abrir svg{
    width: 26px;
    aspect-ratio: 1 / 1;
    transition: transform .15s ease-in-out;
}

.faq-item-topo-abrir svg path{
    transition: fill .15s ease-in-out;
}

.faq-item-resposta{
    background: #FFE6F6;
}

.faq-item-resposta-content{
    padding: 20px 32px 30px;
    font-size: 19px;
    line-height: 121%;
}

#faq-estrelas-1{
    position: absolute;
    top: 50px;
    right: 8%;
    width: 40px;
}

#faq-estrelas-2{
    position: absolute;
    top: 110px;
    left: 8%;
    width: 53px;
}

#faq-estrelas-3{
    position: absolute;
    top: 800px;
    right: 10%;
    width: 45px;
}

#faq-estrelas-4{
    position: absolute;
    bottom: -50px;
    right: 13%;
    width: 30px;
}

#faq-estrelas-5{
    position: absolute;
    bottom: 0;
    left: 11%;
    width: 40px;
}

#movimento{
    text-align: center;
}

#movimento h1{
    margin-bottom: 35px;
}

#movimento .h1-cursive{
    color: #F8399F;
}

#movimento-redes-sociais{
    width: 270px;
    margin: 0 auto;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 120px;
}

#movimento-redes-sociais img{
    height: 35px;
}

#movimento-imagem-ondas-wrapper{
    position: relative;
}

#onda-topo-imagem-movimento{
    width: 100%;
    height: 180px;
    background: url('../images/onda-topo-imagem-movimento.svg') 50% 0px repeat-x;
    background-size: auto 100%;
    position: absolute;
    top: -96px;
    left: 0;
    right: 0;
    z-index: 3;
}

#movimento-imagem-fullwidth{
    width: 100%;
    max-width: 4000px;
    min-height: 658px;
    aspect-ratio: 715 / 329;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

#movimento-imagem-camada-cor{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(248, 57, 159, 0.2) 30.29%, rgba(77, 25, 113, 0.8) 100%);
    z-index: 2;
}

#onda-rodape-movimento{
    width: 100%;
    height: 119px;
    background: url('../images/onda-rodape-movimento.svg') 50% 0px repeat-x;
    background-size: auto 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 3;
}

footer{
    background: #4D1971;
    color: #ffffff;
    position: relative;
    z-index: 4;
}

#footer-content{
    transform: translateY(-50px);
}

#footer-logo-block{
    text-align: center;
    margin-bottom: 40px;
}

#footer-logo-block img{
    width: 125px;
    display: inline-block;
}

#footer-logo-nlab-block{
    margin-bottom: 20px;
}

#footer-logo-nlab-block img{
    width: 90%;
    max-width: 143px;
}

#footer-endereco{
    font-size: 14px;
    margin-bottom: 40px;
}

#footer-redes-sociais{
    font-size: 0;
}

#footer-redes-sociais a{
    display: inline-block;
    margin-right: 17px;
}

#footer-redes-sociais img{
    height: 26px;
}

.footer-titulo-coluna{
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: #F8399F;
    margin-bottom: 20px;
}

#footer-menu li{
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
}

#footer-menu a{
    color: #ffffff;
}

#footer-menu a:hover,
#footer-menu a:focus{
    opacity: .8;
}

#footer-formas-pagamento-box{
    border: 1px dashed #F6E40E;
    border-radius: 20px;
    padding: 21px 30px;
}

#footer-formas-pagamento-box img{
    width: 100%;
}

#footer-formas-de-entrega img{
    width: 81.8%;
    max-width: 280px;
}

#footer-selos-criptografia{
    margin: 40px 0;
    text-align: center;
}

#footer-selos-criptografia img{
    display: inline-block;
    width: 100%;
    max-width: 481px;
}

#footer-links-e-copyright{
    border-top: 1px solid #8A3FA8;
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
}

#footer-links-e-copyright ul{
    font-size: 0;
    margin-bottom: 20px;
}

#footer-links-e-copyright li{
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    border-right: 1px solid #ffffff;
    padding-right: 8px;
    margin-right: 8px;
}

#footer-links-e-copyright li:last-child{
    border: 0;
    padding: 0;
    margin: 0;
}

#footer-links-e-copyright a{
    color: #ffffff;
}

#footer-links-e-copyright a:hover,
#footer-links-e-copyright a:focus{
    opacity: .8;
}

#barra-topo{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 82px;
    background: url('../images/onda-barra-topo-2.svg') center bottom no-repeat;
    background-size: cover;
    z-index: 99999;
    
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .7s cubic-bezier(.165, .84, .44, 1);
    transform: translateY(-100%);
}

#barra-topo.show{
    transform: translateY(0);
}

#barra-topo-content-block{
    height: 65px;
}

#barra-topo-logo img{
    height: 40px;
}

#barra-topo-redes-sociais{
    font-size: 0;
}

#barra-topo-redes-sociais li{
    display: inline-block;
    margin-right: 20px;
}

#barra-topo-redes-sociais a{
    transition: opacity .15s ease-in-out;
}

#barra-topo-redes-sociais a:hover,
#barra-topo-redes-sociais a:focus{
    opacity: .8;
}

#barra-topo-redes-sociais img{
    height: 25px;
}

#barra-topo-btn-cta .btn{
    font-size: 16px;
    padding: 10px 18px;
}

.modal-backdrop{
    --bs-backdrop-opacity: 0.7;
    --bs-backdrop-zindex: 999995;
}

.modal{
    --bs-body-color: #4D1971;
    --bs-modal-zindex: 999999;
}

.modal-dialog,
.modal-content{
    border-radius: 30px;
    overflow: hidden;
    box-shadow: none;
    border: 0;
}

.td-modal-header{
    background: #F8399F;
    color: #F6E40E;
    padding: 30px;
}

.td-modal-header h1{
    font-family: 'Pacifico', cursive;
    font-size: 40px;
    font-weight: 600;
    line-height: 60%;
    white-space: nowrap;
}

.td-modal-close{
    color: #F6E40E;
    border: 0;
    background: none;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}

.td-modal-close:after{
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url('../images/1-estrela-amarela.svg') center center no-repeat;
    background-size: 100% 100%;
    transform: rotate(45deg);
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 3px;
}

.td-modal-body{
    padding: 31px 28px;
}

#quiz-passo-1,
#quiz-passo-2,
#quiz-passo-3,
#quiz-resultado,
#quiz-resultado-diario,
#quiz-resultado-emergencia{
    display: none;
}

#modal-quiz .badge-outlined{
    margin-bottom: 19px;
}

.quiz-passos h2{
    font-size: 25px;
    line-height: 128%;
    font-weight: 600;
    color: #4D1971;
    margin-bottom: 20px;
}

.quiz-respostas-opcoes-block{
    margin-bottom: 20px;
}

.quiz-respostas-opcao{
    background: #4D1971;
    color: #ffffff;
    margin-bottom: 10px;
    border-radius: 30px;
    padding: 23px 31px;
    cursor: pointer;
    transition: transform .08s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.quiz-respostas-opcao:last-child{
    margin-bottom: 0;
}

.quiz-respostas-opcao:hover{
    transform: scale(1.02);
}

.quiz-respostas-opcao-letra{
    width: 45px;
    font-family: 'Pacifico', cursive;
    font-size: 45px;
    color: #F8399F;
    text-align: center;
    line-height: .6;
    margin-right: 20px;
    text-transform: uppercase;
}

.quiz-respostas-opcao-texto-resposta{
    font-size: 19px;
    line-height: 116%;
}

.td-modal-body p{
    font-size: 19px;
    line-height: 121%;
    margin-bottom: 25px;
}

#quiz-resultado{
    text-align: center;
    padding: 10px 20px 30px;
}

#quiz-resultado h1{
    font-size: 35px;
    line-height: 106%;
    margin-bottom: 20px;
}

#quiz-resultado h1 .h1-cursive{
    font-size: 45px;
    color: #F8399F;
}

#quiz-resultado h2{
    font-family: 'Pacifico', cursive;
    font-weight: 600;
    font-size: 45px;
    line-height: 53%;
    color: #4D1971;
    margin-bottom: 25px;
    margin-top: 30px;
}

#quiz-resultado .btn{
    padding: 15px 40px;
}

.loader{
    width: 45px;
    height: 45px;
    border: 3px solid #4D1971;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    vertical-align: middle;
}

@keyframes rotation{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

#quiz-loader-block{
    text-align: center;
    padding: 20px 0;
}


.modal-videos .modal-dialog{
    aspect-ratio: 9 / 16;
    margin-left: auto;
    margin-right: auto;
    max-width: 90vw;
}

.modal-videos .modal-content{
    position: relative;
}

.modal-videos .modal-videos-close{
    position: absolute;
    top: 10px;
    right: 10px;
    background: #F6E40E;
    color: #8B3FA8;
    border-radius: 9999px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    padding: 0 11px;
    line-height: 31px;
    height: 31px;
    cursor: pointer;
}

.modal-videos .modal-videos-close:after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../images/1-estrela-roxa.svg') center center no-repeat;
    background-size: 100% 100%;
    transform: rotate(45deg);
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 3px;
    margin-right: -3px;
}

.modal-videos video{
    width: 100%;
    aspect-ratio: 9 / 16;
    max-width: 90vw;
}

#whatsapp-botao-fixo{
    display: block;
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    left: 20px;
    border-radius: 12px;
    overflow: hidden;
    width: 60px;
    aspect-ratio: 1 / 1;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .3);
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
    
    transform: translateY(80px);
    opacity: 0;
}

#whatsapp-botao-fixo.show{
    transform: translateY(0);
    opacity: 1;
}

#whatsapp-botao-fixo.shake{
    animation: shake-animation 4.72s ease infinite;
    transform-origin: 50% 50%;
}

#whatsapp-botao-fixo img{
    width: 100%;
}

#header-internas{
    background: #F8399F;
}

#internas-content{
    background: #4D1971;
    color: #ffffff;
    min-height: 500px; /*****************/
}

#internas-content .container{
    padding-top: 40px;
    padding-bottom: 180px;
}

#onda-internas-content{
    width: 100%;
    height: 126px;
    background: url('../images/onda-topo-internas-content.svg') 50% -1px repeat-x;
    background-size: auto 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}

#internas-content h1{
	margin-bottom: 70px;
    text-align: center;
}

#internas-content .h1-cursive{
    color: #F8399F;
}

#internas-content-col-textos{
    padding-right: 40px;
    line-height: 152%;
}

#internas-content-col-textos p{
    margin-bottom: 35px;
}

#internas-content-col-textos ul{
    padding-left: 45px;
    margin-bottom: 35px;
    list-style: disc;
}

#internas-content-col-textos ol{
    padding-left: 45px;
    margin-bottom: 35px;
    list-style: decimal;
}

#internas-sidebar{
    background: #ffffff;
    border-radius: 30px;
    overflow: hidden;
}

#internas-sidebar-topo{
    background: #F8399F;
    color: #F6E40E;
    font-family: 'Pacifico', cursive;
    font-weight: 600;
    font-size: 30px;
    line-height: 80%;
    padding: 21px 25px;
}

#internas-sidebar-content-box{
    padding: 35px 30px;
}

#internas-sidebar-content-box ul{
    margin-bottom: 25px;
}

#internas-sidebar-content-box li{
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 5px;
}

#internas-sidebar-content-box li:before{
    content: '';
    display: inline-block;
    background: url('../images/1-estrela-rosa.svg') 50% 0px no-repeat;
    background-size: 100% 100%;
    width: 10px;
    height: 17px;
    transform: translateY(2px);
    margin-right: 10px;
}

#internas-sidebar-content-box a{
    color: #4D1971;
}

#internas-sidebar-content-box ul a:hover,
#internas-sidebar-content-box ul a:active,
#internas-sidebar-content-box ul a:focus{
    text-decoration: underline;
}

#internas-sidebar-content-box .btn{
    width: 100%;
}

.mr-0{
    margin-right: 0!important;
}

#obrigado-content{
    background: #FFE6F6;
    text-align: center;
}

#onda-obrigado-content{
    width: 100%;
    height: 45px;
    background: url('../images/onda-topo-internas-content.svg') 50% -1px repeat-x;
    background-size: auto 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}

#obrigado-content .container{
    position: relative;
    padding-top: 40px;
}

#obrigado-content h1{
    margin-bottom: 45px;
    line-height: 73%;
}

#obrigado-content h2{
    font-weight: 600;
    margin-bottom: 40px;
    color: #5fd117;
}

#obrigado-content h2 img{
    transform: translateY(-2px);
    margin-right: 2px;
    width: 30px;
}

#obrigado-content .h1-cursive{
    color: #F8399F;
}

#obrigado-box{
    border: 2px dashed #8A3FA8;
    border-radius: 30px;
    padding: 30px;
    max-width: 780px;
    margin: 0 auto;
    position: relative;
    font-size: 20px;
    line-height: 128%;
}

#obrigado-box-estrela{
    position: absolute;
    top: -23.355px;
    left: 50%;
    width: 27.82px;
    transform: translateX(-50%);
}

#obrigado-4-fotos-block{
    margin-top: 55px;
    margin-bottom: -140px;
    z-index: 2;
    position: relative;
}

#obrigado-4-fotos-block img{
    width: 100%;
    max-width: 1155px;
    margin: 0 auto;
}

#obrigado-topo-estrelas-1{
    position: absolute;
    top: -15px;
    right: clamp(0px, 100px - (1440px - 100vw) * ((100 - 0) / (1440 - 300)), 100px);
    width: 77px;
}

#obrigado-topo-estrelas-2{
    position: absolute;
    top: 10px;
    left: clamp(10px, 100px - (1440px - 100vw) * ((100 - 10) / (1440 - 300)), 100px);
    width: 27.82px;
}

#obrigado-processo{
    background: #4D1971;
    color: #ffffff;
    text-align: center;
}

#onda-topo-obrigado-processo{
    width: 100%;
    height: 100.43px;
    background: url(../images/onda-topo-ciclo-culpa.svg) 50% -1px repeat-x;
    background-size: auto 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}

#obrigado-processo .container{
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;
}

#obrigado-processo h1{
    margin-bottom: 60px;
    line-height: 73%;
}

#obrigado-processo .h1-cursive{
    color: #F8399F;
}

#obrigado-processo-etapas{
    margin: 0 auto;
    max-width: 900px;
}

.obrigado-processo-etapa-item{
    width: 28.89%;
}

.obrigado-processo-etapa-item h2{
    font-family: 'Pacifico', cursive;
    font-size: 40px;
    line-height: 90%;
    letter-spacing: -0.01em;
    margin-bottom: 15px;
    margin-top: 25px;
}

.obrigado-processo-etapa-item p{
    font-size: 21px;
    line-height: 120%;
    color: #F6E40E;
}

#obrigado-processo-estrelas-1{
    position: absolute;
    top: 100px;
    right: clamp(0px, 100px - (1440px - 100vw) * ((100 - 0) / (1440 - 300)), 100px);
    width: 53px;
}

#obrigado-processo-estrelas-2{
    position: absolute;
    top: 120px;
    left: clamp(10px, 100px - (1440px - 100vw) * ((100 - 10) / (1440 - 300)), 100px);
    width: 58px;
}

#obrigado-comunidade-suporte{
    background: #F8399F;
    color: #ffffff;
    text-align: center;
}

#onda-topo-obrigado-comunidade-suporte{
    width: 100%;
    height: 100.43px;
    background: url(../images/onda-topo-creators.svg) 50% -1px repeat-x;
    background-size: auto 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}

#obrigado-comunidade-suporte .container{
    position: relative;
    padding-top: 60px;
    padding-bottom: 30px;
}

#obrigado-comunidade-suporte h1{
    margin-bottom: 50px;
    line-height: 73%;
}

#obrigado-comunidade-suporte .h1-cursive{
    color: #F6E40E;
}

#obrigado-comunidade-suporte p{
    font-size: 25px;
    line-height: 128%;
    display: block;
    max-width: 760px;
    margin: 0 auto 50px;
}

#obrigado-comunidade-suporte .btn-amarelo{
    border-color: #8A3FA8;
    white-space: nowrap;
}

#obrigado-comunidade-suporte-btn-comunidade{
    padding: 11.5px 33px;
    margin-bottom: 50px;
}

#obrigado-comunidade-suporte-btn-comunidade img{
    transform: translateY(2px);
}

#obrigado-comunidade-suporte-box{
    border: 2px dashed #FFFFFF;
    border-radius: 30px;
    padding: 30px;
    max-width: 730px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

#obrigado-comunidade-suporte-box-texto{
    text-align: right;
    font-size: 19px;
    margin-right: 25px;
}

#obrigado-comunidade-suporte-box img{
    width: 55px;
    margin-right: 29px;
    display: block;
}

#obrigado-comunidade-suporte-estrelas-1{
    position: absolute;
    top: 100px;
    right: clamp(0px, 100px - (1440px - 100vw) * ((100 - 0) / (1440 - 300)), 100px);
    width: 55px;
}

#obrigado-comunidade-suporte-estrelas-2{
    position: absolute;
    top: 0;
    left: clamp(10px, 100px - (1440px - 100vw) * ((100 - 10) / (1440 - 300)), 100px);
    width: 41px;
}

#obrigado-comunidade-suporte-estrelas-3{
    position: absolute;
    bottom: 150px;
    left: clamp(10px, 100px - (1440px - 100vw) * ((100 - 10) / (1440 - 300)), 100px);
    width: 22px;
}

#fim-obrigado-apenas-onda{
    margin-bottom: 60px;
}

#onda-fim-obrigado{
    width: 100%;
    height: 147.02px;
    background: url(../images/onda-fim-obrigado.svg) 50% -1px repeat-x;
    background-size: auto 100%;
    position: relative;
    top: -2px;
    z-index: 1;
}













/*TEMPORARIO DEV ------------------*/
#break{
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #fff;
    border-radius: 5px;
    padding: 3px;
    font-size: 14px;
    font-weight: 600;
    z-index: 999999;
}






/*********************** RESPONSIVIDADE ***********************/

/*SOMENTE CELULAR - Abaixo de 576*/
@media (max-width: 575.98px){
    #menu-topo{
        height: 70px;
        margin-bottom: 15px;
    }
    
    #menu-topo-logo img{
        width: 68px;
    }
    
    #menu-topo-redes-sociais{
        margin-right: 10px;
    }
    
    #menu-topo-redes-sociais li{
        margin-right: 15px;
    }
    
    #menu-topo-redes-sociais img{
        height: 23px;
    }
    
    #menu-topo-btn-cta .btn{
        font-size: 14px;
        padding: 9.5px 13px;
    }
    
    #intro-content-col-content{
        padding-top: 0!important;
        text-align: center;
    }
    
    #intro-content h1{
        font-size: 40px;
        line-height: 1;
        padding: 0 10px!important;
        margin-bottom: 23px;
    }
    
    #intro-content h2{
        font-size: 20px;
        line-height: 120%;
        padding: 0 20px!important;
        margin-bottom: 15px;
    }
    
    #intro-content-img-produto-mobile-selo-mtm{
        top: 17%;
        right: 4%;
    }
    
    #intro-content-img-produto-mobile > img{
        width: 100%;
    }
    
    #intro-avaliacoes img{
        width: 90px;
    }
    
    #visao-futuro-content{
        padding-top: 30px;
    }
    
    .badge-outlined{
        font-size: 17px;
        padding: 10.35px 21px;
    }
    
    #visao-futuro-content .badge-outlined{
        margin-bottom: 10px;
    }
    
    h1{
        font-size: 35px;
    }
    
    h1 .h1-cursive{
        font-size: 55px;
    }
    
    #visao-futuro-content h1{
        line-height: 100%;
        margin-bottom: 30px;
    }
    
    #visao-futuro-content p{
        font-size: 18px;
        padding: 0 10px;
        margin-bottom: 28px;
    }
    
    #visao-futuro-estrelas-mobile{
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 95vw;
        max-width: 384px;
        min-width: 320px;
    }
    
    #visao-futuro-estrelas-mobile-2{
        position: absolute;
        top: 155px;
        right: 10px;
        width: 10px;
    }
    
    #ciclo-da-culpa .container{
        padding-top: 25px;
        padding-bottom: 10px;
    }
    
    #ciclo-da-culpa p{
        font-size: 18px;
        line-height: 122%;
        padding: 0 10px;
        margin-bottom: 30px;
    }
    
    .ciclo-da-culpa-ciclo-svg{
        margin-bottom: 30px;
        max-width: 410px;
    }
    
    #ciclo-da-culpa-estrelas-1{
        width: 33px;
        top: 10px;
        right: clamp(10px, 60px - (575px - 100vw) * ((60 - 10) / (575 - 300)), 60px);
    }
    
    #ciclo-da-culpa-estrelas-2{
        width: 14px;
        top: 67px;
        left: clamp(10px, 80px - (575px - 100vw) * ((80 - 10) / (575 - 300)), 80px);
    }
    
    #ciclo-da-culpa-estrelas-5-mobile{
        position: absolute;
        width: 50px;
        bottom: -10px;
        left: clamp(0px, 35px - (575px - 100vw) * ((35 - 0) / (575 - 365)), 35px);
        z-index: 2;
    }
    
    #ciclo-da-culpa-estrelas-6-mobile{
        position: absolute;
        width: 62px;
        bottom: 13px;
        right: 10px;
    }
    
    #creators .container{
        padding-top: 25px;
    }
    
    #creators-etiqueta-produto-viral{
        width: 150px;
        top: -5px;
        left: 58%;
    }
    
    #creators h2{
        font-size: 18px;
        line-height: 122%;
        padding: 0 30px;
        margin-bottom: 30px;
    }
    
    .creators-badge-hashtag{
        font-size: 3.3vw;
    }
    
    .creators-item-play-block{
        background-size: 9vw auto;
    }
    
    .creators-item-legenda:before{
        height: 3vw;
        margin-top: calc(-3vw + 1px);
        margin-bottom: -4px;
    }
    
    .creators-item-legenda > a{
        font-size: 17px;
        margin-bottom: 5px;
    }
    
    .creators-item-legenda ul{
        margin-bottom: 12px;
    }
    
    .creators-item-legenda li{
        margin: 0 7px;
    }
    
    .creators-item-legenda li img{
        height: 22px;
    }
    
    #creators p{
        font-size: 18px;
        line-height: 122%;
        margin-top: 25px;
        padding: 0 10px;
    }
    
    #momento-tchau-magico{
        margin-top: -40px;
    }
    
    #mtm-block{
        padding-top: 40px;
    }
    
    #mtm-content{
        text-align: center;
        max-width: none;
    }
    
    #mtm-content .badge-outlined{
        margin-bottom: 20px;
    }
    
    #mtm-passos{
        max-width: 323px;
        margin-bottom: 40px;
    }
    
    #mtm-content > p{
        font-size: 18px;
        line-height: 122%;
        margin-bottom: 40px;
        padding: 0 20px;
    }
    
    #mtm-passos{
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
    
    .mtm-passos-textos h2{
        font-size: 33px;
        line-height: 80%;
        margin-bottom: 10px;
    }
    
    .mtm-passos-textos p{
        font-size: 17px;
        line-height: 118%;
    }
    
    #mtm-box{
        margin: 0 auto 8px;
        font-size: 18px;
        line-height: 122%;
        padding: 27px 50px 40px;
    }
    
    #mtm-box-estrela{
        width: 23px;
        top: 1px;
        left: 1px;
    }
    
    #mtm-selo{
        top: 25px;
        right: unset;
        left: 73vw;
        width: 89px;
    }
    
    #mtm-mulher{
        position: relative;
        bottom: unset;
        right: unset;
        width: 100%;
        z-index: 1;
        margin-bottom: -50px;
    }
    
    #sabor-frutas-content-block{
        margin-top: -60px;
        padding-bottom: 20px;
    }
    
    #sabor-frutas-content-block h1{
        margin-bottom: 15px;
    }
    
    #sabor-frutas-img-principal{
        /*margin-bottom: 15px;*/
    }
    
    #sabor-frutas p{
        font-size: 18px;
        line-height: 122%;
    }
    
    #sabor-frutas-estrelas-1{
        right: 10px;
        width: 35px;
        top: -25px;
    }
    
    #sabor-frutas-estrelas-2{
        left: 10px;
        top: 10px;
        width: 18px;
    }
    
    #sabor-frutas-estrelas-3{
        bottom: unset;
        /*top: 240px;*/
        top: clamp(260px, 360px - (575px - 100vw) * ((360 - 260) / (575 - 345)), 360px);
        right: 20px;
        width: 3.5vw;
    }
    
    #complexo-reguladoce-wrapper{
        padding-top: 30px;
    }
    
    #complexo-reguladoce h1{
        line-height: 95%;
        margin-bottom: 35px;
    }
    
    #complexo-reguladoce .h1-cursive{
        font-size: 49px;
    }
    
    #complexo-reguladoce-badge-tecnologia{
        font-size: 16px;
        margin-bottom: 30px;
    }
    
    #complexo-reguladoce-wrapper > p{
        font-size: 18px;
        line-height: 125%;
        margin-bottom: 30px;
    }
    
    #complexo-reguladoce-box h2{
        font-size: 41px;
    }
    
    #complexo-reguladoce-box h2:before,
    #complexo-reguladoce-box h2:after{
        width: 12px;
        height: 19px;
        margin: 0 5px;
    }
    
    #complexo-reguladoce-box h2:after{
        margin: 0 15px;
    }
    
    .pilares-cientificos-num{
        width: 29px;
        margin-bottom: 10px;
    }
    
    #complexo-reguladoce-box h3{
        font-size: 32px;
        line-height: 91%;
    }
    
    #complexo-reguladoce-box p{
        font-size: 17px;
        line-height: 118%;
    }
    
    #complexo-reguladoce-cta-btns{
        margin-bottom: -80px;
    }
    
    #complexo-reguladoce-cta-btns .btn{
        margin: 5px 10px;
    }
    
    #complexo-reguladoce-estrelas-1{
        top: 38px;
        right: -1%;
        width: 40px;
    }
    
    #complexo-reguladoce-estrelas-2{
        top: -23px;
        width: 100px;
        left: 12px;
    }
    
    #comprar-content-block{
        padding: 0;
    }
    
    #comprar h1{
        margin-bottom: 45px;
    }
    
    #comprar-quiz-box{
        padding: 20px 19px 23px;
    }
    
    #comprar-quiz-box-texto{
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    #comprar-quiz-box .btn{
        width: 100%;
        display: block;
    }
    
    .oferta-badge{
        font-size: 18px;
        height: 36px;
        padding: 6px 21px 9px;
    }
    
    .oferta-titulo{
        font-size: 35px;
        padding-top: 37px;
    }
    
    #oferta-1 .oferta-titulo{
        padding-top: 29px;
    }
    
    .oferta-qtd{
        font-size: 21px;
    }
    
    .oferta-indicacao{
        font-size: 17px;
        line-height: 131%;
        padding: 0 20px;
    }
    
    .oferta-frete{
        font-size: 16px;
    }
    
    .oferta-lista-beneficios li{
        font-size: 18px;
    }
    
    .oferta-preco-parcelado{
        font-size: 18px;
    }
    
    .oferta-preco-prestacao{
        font-size: 22px;
    }
    
    .oferta-preco-box .btn{
        font-size: 18px;
    }
    
    #comprar-icones-destaques img{
        max-width: 336px;
    }
    
    #comprar-dica-box{
        font-size: 17px;
        line-height: 118%;
        padding: 20px;
        margin-bottom: -65px;
    }
    
    #comprar-estrelas-1{
        width: 19px;
        right: 6px;
        top: -75px;
    }
    
    #comprar-estrelas-2{
        width: 19px;
        top: -60px;
        left: 1%;
    }
    
    #comprar-estrelas-5{
        bottom: 171px;
    }
    
    #comprar-estrelas-6{
        width: 33px;
        bottom: 144px;
    }
    
    #comprar-estrelas-7{
        bottom: 16%;
        width: 15px;
    }
    
    #faq-onda-roxa-meio{
        top: 600px;
    }
    
    #faq h1{
        margin-bottom: 30px;
    }
    
    #faq h2{
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 122%;
    }
    
    #faq-box{
        padding: 15px;
    }
    
    .faq-item{
        border-radius: 20px;
    }
    
    .faq-item:not(:last-child){
        margin-bottom: 15px;
    }
    
    .faq-item-topo{
        padding: 18px 20px;
    }
    
    .faq-item-topo-duvida{
        font-size: 17px;
        line-height: 106%;
    }
    
    .faq-item-topo-abrir svg{
        width: 18px;
    }
    
    .faq-item-resposta-content{
        padding: 18px 21px 22px;
        font-size: 16px;
        line-height: 119%;
    }
    
    #faq-estrelas-1{
        width: 33px;
        top: 32px;
        right: 2%;
    }
    
    #faq-estrelas-2{
        width: 41px;
        top: 139px;
        left: 2%;
    }
    
    #faq-estrelas-4{
        width: 20px;
        bottom: -37px;
    }
    
    #faq-estrelas-5{
        left: 1%;
        bottom: -46px;
        width: 32px;
    }
    
    #movimento h1{
        margin-bottom: 30px;
    }
    
    #movimento-redes-sociais{
        font-size: 25px;
        width: 215px;
        margin-bottom: 100px;
    }
    
    #movimento-redes-sociais img{
        height: 29px;
    }
    
    #onda-topo-imagem-movimento{
        height: 121px;
        top: -75px;
    }
    
    #movimento-imagem-fullwidth{
        min-height: 340px;
        aspect-ratio: 212 / 190;
    }
    
    #movimento-imagem-camada-cor{
        height: 90%;
    }
    
    #footer-content{
        transform: translateY(-65px);
    }
    
    #footer-logo-block{
        margin-bottom: 30px;
    }
    
    #footer-logo-block img{
        width: 83px;
    }
    
    #footer-formas-pagamento-box{
        padding: 19px 21px;
    }
    
    #footer-formas-de-entrega img{
        /*max-width: 115px;*/
        margin-left: 20px;
    }
    
    #footer-links-e-copyright li{
        display: block;
        border: 0;
        padding: 0;
        margin: 0 0 10px;
    }
    
    #barra-topo{
        height: 75px;
    }
    
    #barra-topo-redes-sociais li{
        margin-right: 13px;
    }
    
    #barra-topo-redes-sociais img{
        height: 22px;
    }
    
    #barra-topo-btn-cta .btn{
        font-size: 14px;
        padding: 9px 14px;
    }
    
    .td-modal-header{
        padding: 26px;
    }
    
    .td-modal-header h1{
        font-size: 31px;
    }
    
    .td-modal-close{
        font-size: 15px;
    }
    
    .td-modal-close:after{
        width: 20px;
        height: 20px;
    }
    
    .td-modal-body{
        padding: 27px 20px;
    }
    
    .td-modal-body p{
        font-size: 17px;
    }
    
    .quiz-passos h2{
        font-size: 23px;
        line-height: 110%;
    }
    
    .quiz-respostas-opcao{
        padding: 20px 22px;
    }
    
    .quiz-respostas-opcao-letra{
        width: 35px;
        font-size: 40px;
        margin-right: 15px;
    }
    
    .quiz-respostas-opcao-texto-resposta{
        font-size: 17px;
        line-height: 123%;
    }
    
    #quiz-resultado{
        padding: 5px 5px 30px;
    }
    
    #quiz-resultado h1{
        font-size: 29px;
    }
    
    #quiz-resultado h1 .h1-cursive{
        font-size: 40px;
    }
    
    #quiz-resultado h2{
        font-size: 37px;
        line-height: 81%;
    }
    
    #internas-content .container{
        padding-top: 0;
        padding-bottom: 130px;
    }
    
    #internas-content h1{
        margin-bottom: 40px;
    }
    
    #internas-content-col-textos{
        font-size: 17px;
    }
    
    #internas-content-col-textos p,
    #internas-content-col-textos ul,
    #internas-content-col-textos ol{
        margin-bottom: 20px;
    }
    
    #internas-sidebar{
        margin-top: 25px;
    }
    
    #onda-obrigado-content{
        height: 45px;
    }
    
    #obrigado-content .container{
        padding-top: 20px;
    }
    
    #obrigado-content h1{
        margin-bottom: 30px;
    }
    
    #obrigado-content h2{
        font-size: 18px;
        line-height: 78%;
        margin-bottom: 25px;
    }
    
    #obrigado-content h2 img{
        width: 25px;
    }
    
    #obrigado-box{
        font-size: 18px;
        line-height: 22px;
    }
    
    #obrigado-box-estrela{
        width: 20px;
        top: -17.355px;
    }
    
    #obrigado-4-fotos-block{
        margin-top: 30px;
        margin-bottom: -190px;
    }
    
    #obrigado-topo-estrelas-1{
        width: 49px;
    }
    
    #obrigado-topo-estrelas-2{
        width: 14px;
    }
    
    #obrigado-processo .container{
        padding-top: 125px;
        padding-bottom: 30px;
    }
    
    .obrigado-processo-etapa-item{
        width: 100%;
        margin-bottom: 50px;
    }
    
    .obrigado-processo-etapa-item:last-child{
        margin-bottom: 0;
    }
    
    .obrigado-processo-etapa-item h2{
        font-size: 32px;
        margin-top: 18px;
    }
    
    .obrigado-processo-etapa-item p{
        font-size: 17px;
        line-height: 118%;
        display: block;
        max-width: 320px;
        margin: 0 auto;
    }
    
    #obrigado-processo-estrelas-1{
        width: 35px;
        top: 216px;
    }
    
    #obrigado-processo-estrelas-2{
        width: 46.72px;
        top: 456px;
    }
    
    #obrigado-comunidade-suporte .container{
        padding-top: 30px;
        padding-bottom: 0;
    }
    
    #obrigado-comunidade-suporte h1{
        margin-bottom: 35px;
    }
    
    #obrigado-comunidade-suporte p{
        font-size: 18px;
        line-height: 122%;
        padding: 0 15px;
        margin-bottom: 35px;
    }
    
    #obrigado-comunidade-suporte-btn-comunidade{
        margin-bottom: 35px;
    }
    
    #obrigado-comunidade-suporte-box{
        padding: 24px 16px;
    }
    
    #obrigado-comunidade-suporte-box-texto{
        text-align: center;
        font-size: 17px;
        margin-right: 0;
        padding: 0 15px;
    }
    
    #obrigado-comunidade-suporte-box img{
        width: auto;
        margin: 10px auto;
    }
    
    #obrigado-comunidade-suporte-box .btn-amarelo{
        display: block;
        width: 100%;
    }
    
    #obrigado-comunidade-suporte-estrelas-1{
        width: 42px;
        top: -60px;
    }
    
    #obrigado-comunidade-suporte-estrelas-2{
        width: 32px;
    }
}
/*---------- SOMENTE CELULAR ----------*/


/*SOMENTE SM - Entre 576 e 768*/
@media (min-width: 576px) and (max-width: 767.98px){
    #intro-content h2{
        margin-bottom: 15px;
    }
    
    #visao-futuro-content .badge-outlined{
        margin-bottom: 20px;
    }
    
    #visao-futuro-content h1{
        margin-bottom: 25px;
    }
    
    #visao-futuro-content p{
        margin-bottom: 30px;
    }
    
    #ciclo-da-culpa .container{
        padding-bottom: 20px;
    }
    
    #ciclo-da-culpa-estrelas-1{
        right: 50px;
    }
    
    #ciclo-da-culpa-estrelas-2{
        left: 65px;
    }
    
    #ciclo-da-culpa-estrelas-3{
        display: none!important;
    }
    
    #ciclo-da-culpa-estrelas-4{
        display: none!important;
    }
    
    .creators-badge-hashtag{
        font-size: 17px;
    }
    
    #mtm-block{
        padding-top: 60px;
    }
    
    #mtm-content .badge-outlined{
        margin-bottom: 25px;
    }
    
    #mtm-selo{
        top: 4px;
        right: 0;
    }
    
    #mtm-mulher{
        right: -200px;
        width: 80%;
    }
    
    #sabor-frutas-estrelas-1{
        right: 10px;
        width: 40px;
    }
    
    #sabor-frutas-estrelas-2{
        left: 30px;
        width: 20px;
    }
    
    #sabor-frutas-estrelas-3{
        width: 3.5vw;
        right: 40px;
        bottom: 180px;
    }
    
    #complexo-reguladoce-box{
        padding-left: 60px;
        padding-right: 60px;
    }
    
    #comprar-icones-destaques img{
        max-width: 400px;
    }
    
    #comprar-dica-box{
        margin-bottom: -50px;
    }
    
    #comprar-estrelas-3{
        width: 30px;
        top: 142px!important;
        right: 1%;
    }
    
    #comprar-estrelas-7{
        bottom: 460px;
    }
    
    #faq-estrelas-1{
        right: 4%;
    }
    
    #faq-estrelas-2{
        top: 174px;
        left: 2%;
    }
    
    #faq-estrelas-5{
        left: 1%;
        bottom: -62px;
    }
}
/*---------- SOMENTE SM ----------*/

/*SOMENTE MD - Entre 768 e 992*/
@media (min-width: 768px) and (max-width: 991.98px){
    #visao-futuro-content .badge-outlined{
        margin-bottom: 25px;
    }
    
    #visao-futuro-content h1{
        margin-bottom: 30px;
    }
    
    #visao-futuro-content p{
        margin-bottom: 35px;
    }
    
    #ciclo-da-culpa-estrelas-1{
        right: 100px;
    }
    
    #ciclo-da-culpa-estrelas-3{
        display: none!important;
    }
    
    #ciclo-da-culpa-estrelas-4{
        display: none!important;
    }
    
    .creators-badge-hashtag{
        font-size: 1.7vw;
    }
    
    .creators-item-play-block{
        background-size: 4vw auto;
    }
    
    .creators-item-legenda:before{
        height: 2vw;
        margin-top: calc(-2vw + 1px);
        margin-bottom: -4px;
    }
    
    .creators-item-legenda > a{
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    .creators-item-legenda ul{
        margin-bottom: 12px;
    }
    
    .creators-item-legenda li{
        margin: 0 7px;
    }
    
    .creators-item-legenda li img{
        height: 22px;
    }
    
    #mtm-block{
        padding-top: 60px;
    }
    
    #mtm-mulher{
        right: -187px;
        width: 71%;
    }
    
    #sabor-frutas-estrelas-1{
        right: 35px;
    }
    
    #sabor-frutas-estrelas-2{
        left: 70px;
    }
    
    #sabor-frutas-estrelas-3{
        width: 3vw;
        right: 20px;
        bottom: unset;
        top: 530px;
    }
    
    #complexo-reguladoce-estrelas-5{
        bottom: 1%;
    }
    
    #manifesto img{
        /*margin-top: -107px;*/
        margin-top: calc((-1) * (clamp(60px, 97px - (991px - 100vw) * ((97 - 60) / (991 - 768)), 97px)));
    }
    
    .oferta-badge{
        font-size: 15px;
        height: 31px;
        padding: 6px 21px 9px;
    }
    
    .oferta-falso-badge {
        height: 31px;
    }
    
    #comprar-estrelas-5{
        bottom: 160px;
        right: 1%;
        width: 38px;
    }
    
    #comprar-estrelas-6{
        bottom: 160px;
    }
    
    #faq-estrelas-5{
        left: 1%;
        bottom: -62px;
    }
    
    #footer-menu-col{
        padding-left: 30px;
    }
}
/*---------- SOMENTE MD ----------*/

/*SOMENTE LG - Entre 992 e 1200*/
@media (min-width: 992px) and (max-width: 1199.98px){
    #intro-content-col-content{
        padding-top: 30px;
    }
    
    #intro-content h1{
        font-size: clamp(52px, 58px - (1070px - 100vw) * (6 / 78), 58px);
    }
    
    #intro-content-img-prod-block{
        margin-top: clamp(0px, (1199px - 100vw) * (50 / (1199 - 992)), 50px);
    }
    
    #visao-futuro-col-img{
        margin-top: -50px;
    }
    
    #visao-futuro-col-img img{
        padding: 0 30px;
    }
    
    #visao-futuro-content h1{
        white-space: nowrap;
    }
    
    #visao-futuro-content .visao-futuro-beneficios-img{
        margin-bottom: 30px;
    }
    
    #ciclo-da-culpa-estrelas-3{
        right: 7%;
    }
    
    .creators-badge-hashtag{
        font-size: 17px;
    }
    
    #mtm-mulher{
        right: -105px;
        width: 65%;
    }
    
    #sabor-frutas-estrelas-3{
        bottom: 165px;
        right: 20px;
    }
    
    #complexo-reguladoce-estrelas-3{
        right: 2%;
    }
    
    #complexo-reguladoce-estrelas-4{
        left: 4%;
    }
    
    #faq-estrelas-5{
        left: 1%;
        bottom: -62px;
    }
}
/*---------- SOMENTE LG ----------*/

/*SOMENTE XL - Entre 1200 e 1400*/
@media (min-width: 1200px) and (max-width: 1399.98px){
    #intro-content-col-content{
        padding-top: 45px;
    }
    
    #visao-futuro-col-img img{
        padding-right: 60px;
    }
    
    #visao-futuro-col-img{
        margin-top: clamp(-128px, -128px + (1290px - 100vw) * (43 / 90), -85px);
    }
    
    #mtm-block{
        padding-top: 60px;
    }
    
    #sabor-frutas-estrelas-3{
        bottom: 165px;
        right: 20px;
    }
    
    #faq-estrelas-3{
        right: 4%;
    }
    
    #faq-estrelas-5{
        left: 6%;
    }
}
/*---------- SOMENTE XL ----------*/



/*SOMENTE XXL nao precisa pois e o programado padrao*/



/*SM E ABAIXO - Abaixo de 768*/
@media (max-width: 767.98px){
    .creators-item{
        margin-bottom: 1.6vw;
    }
    
    #creators-quiz-box{
        padding: 24px 16px;
    }
    
    #creators-quiz-box-texto{
        text-align: center;
        font-size: 17px;
        margin-right: 0;
        padding: 0 15px;
    }
    
    #creators-quiz-box img{
        width: auto;
        margin: 10px auto;
    }
    
    #creators-quiz-box .btn-amarelo{
        display: block;
        width: 100%;
    }
    
    #creators-estrelas-1{
        width: 37px;
        right: 20px;
    }
    
    #creators-estrelas-2{
        width: 33px;
        left: 7%;
    }
    
    #complexo-reguladoce-box{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 40px;
        margin-bottom: 40px;
        width: 893px;
        padding-bottom: 80px;
    }
    
    #complexo-reguladoce-box-content{
        max-width: calc(100vw - 24px);
        margin: 0 auto;
    }
    
    #complexo-reguladoce-box .row > .col-6:last-child{
        margin-top: 20px;
    }
    
    #manifesto img{
        margin-top: 0;
        width: 134%;
        position: relative;
        left: 50%;
        transform: translateX(-48%);
        max-width: 630px;
    }
    
    #comprar-quiz-box{
        margin-bottom: -10px;
    }
    
    .comprar-item{
        margin-top: -18px;
        margin-bottom: 10px;
    }
    
    .oferta-falso-badge{
        height: 36px;
    }
    
    #footer-content .row > div{
        margin-bottom: 30px;
    }
    
    #footer-selos-criptografia{
        margin: 10px 0 30px;
    }
}
/*---------- SM E ABAIXO ----------*/

/*MD E ABAIXO - Abaixo de 992*/
@media (max-width: 991.98px){
    #intro-content-col-content{
        padding-top: 15px;
        text-align: center;
        max-width: none;
    }
    
    #intro-content h1{
        padding: 0 40px;
    }
    
    #intro-content h2{
        padding: 0 50px;
    }
    
    #intro-avaliacoes{
        justify-content: center;
    }
    
    #visao-futuro-content{
        text-align: center;
    }
    
    #visao-futuro-content p{
        max-width: none;
    }
    
    #visao-futuro-content .visao-futuro-beneficios-img{
        margin: 0 auto 15px;
        max-width: 510px;
    }
    
    #visao-futuro-col-img{
        margin-top: 0;
        text-align: center;
    }
    
    #visao-futuro-col-img img{
        padding: 0;
        max-width: 750px;
        margin-bottom: -70px;
    }
    
    .ciclo-da-culpa-ciclo-svg{
        width: 100%;
    }
    
    #creators-quiz-box-texto{
        text-align: center;
    }
    
    #sabor-frutas p{
        padding: 0 15px;
    }
    
    #comprar-icones-destaques{
        margin-top: 20px;
        margin-bottom: 40px;
    }
    
    #comprar-estrelas-4{
        top: 149px;
        left: 1%;
        width: 35px;
    }
    
    #internas-content-col-textos{
        padding-right: 0;
    }
}
/*---------- MD E ABAIXO ----------*/

/*LG E ABAIXO - Abaixo de 1200*/
@media (max-width: 1199.98px){
    .creators-item{
        margin-top: -11.5px;
    }
    
    .creators-badge-hashtag{
        padding: 2.21px 9px 4px;
        transform: translateY(11.5px);
    }
    
    #comprar-estrelas-3{
        top: 100px;
    }
    
    #faq-estrelas-4{
        right: 2%;
    }
}
/*---------- LG E ABAIXO ----------*/

/*XL E ABAIXO - Abaixo de 1400*/
@media (max-width: 1399.98px){
    
}
/*---------- XL E ABAIXO ----------*/





/*MEDIA QUERIES PERSONALIZADOS*/

@media (max-width: 375px){
    #intro-avaliacoes img{
        margin-right: 5px;
    }
    
    #intro-avaliacoes span{
        width: 155px;
    }
}

@media (max-width: 380px){
    #intro-content .btn{
        font-size: 18px;
        padding: 24.5px 28px;
    }
}

@media (max-width: 414px){
    #visao-futuro-estrelas-mobile-2{
        top: 200px;
    }
}

@media (min-width: 304px) and (max-width: 373px){
    #ciclo-da-culpa-estrelas-6-mobile{
        bottom: 40px;
    }
}

@media (max-width: 303px){
    #ciclo-da-culpa-estrelas-6-mobile{
        bottom: 58px;
    }
    
    #complexo-reguladoce-box h2{
        white-space: normal;
    }
    
    #complexo-reguladoce-box h2:before,
    #complexo-reguladoce-box h2:after{
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 576px) and (max-width: 991.98px){
    #complexo-reguladoce-estrelas-1{
        top: -7px;
        right: 6%;
    }
    
    #complexo-reguladoce-estrelas-2{
        top: 0px;
    }
}

@media (min-width: 344px) and (max-width: 388.98px){
    #comprar-estrelas-5{
        bottom: 185px;
    }
    
    #comprar-estrelas-6{
        bottom: 170px;
    }
}

@media (min-width: 286px) and (max-width: 343.98px){
    #comprar-estrelas-5{
        bottom: 227px;
    }
    
    #comprar-estrelas-6{
        bottom: 211px;
    }
}

@media (max-width: 285.98px){
    #comprar-estrelas-5{
        bottom: 284px;
        width: 38px;
    }
    
    #comprar-estrelas-6{
        bottom: 256px;
    }
}

@media (max-width: 263.98px){
    #barra-topo-redes-sociais,
    #menu-topo-redes-sociais{
        display: none;
    }
    
    #barra-topo-btn-cta,
    #menu-topo-btn-cta{
        margin-left: auto;
    }
}