@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,900&display=swap');
:root {
    --color1: #ec008c;
    --color2: #ff33ad;
}

html {
    background-color: white;
    font-size: 14px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 290px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
}

body {
    overflow: hidden;
}

html,
body,
button,
input,
select,
textarea {
    font-family: 'Montserrat', sans-serif;
}

.container {
    max-width: 1050px;
}

.cor-principal {
    color: var(--color1);
}

.font-semibold {
    font-weight: 600 !important;
}

.font-extrabold {
    font-weight: 800 !important;
}

header {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 15px;
    padding-right: 15px;
}

.header-absolute {
    position: absolute;
    width: 100%;
    z-index: 9;
}

.header-bg {
    background: rgba(0, 0, 0, 0.08)
}

.section-top-absolute {
    position: relative;
    padding-top: 75px;
}

.logo {
    max-height: 48px;
}

.sem-padding-bottom {
    padding-bottom: 0 !important;
}

.bg-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 249, 249, 0.7)), to(rgba(255, 255, 255, 0.85))), url(../img/bg-science.png);
    background-image: linear-gradient(180deg, rgba(249, 249, 249, 0.7), rgba(255, 255, 255, 0.85)), url(../img/bg-science.png);
    background-size: cover;
    background-attachment: fixed;
    border-bottom: 01px solid #eee;
}

.bg-faixa-newsletter {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
    background: rgb(254, 218, 147);
    background: linear-gradient(90deg, rgba(254, 218, 147, 1) 0%, rgba(238, 143, 90, 1) 50%, rgba(254, 218, 147, 1) 100%);
}

.section-padding {
    padding: 75px 30px;
}

.item-lista {
    display: inline-flex;
    padding: 11px 0px;
    border-bottom: 01px solid #eee;
}

.item-lista .icon-lista {
    margin-right: 8px;
    display: grid;
    align-content: center;
    font-size: 1.3em;
}

.margin-auto {
    margin: 0 auto;
}

.btn-chamada {
    margin-top: 0px;
    padding: 20px 28px;
    background: #ff1562;
    border-radius: 300px;
    color: #ffffff;
    font-weight: bold;
    font-size: 19px;
    line-height: 19px;
    font-family: 'Montserrat';
    letter-spacing: -1px;
    text-align: center;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.05);
    text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.04);
    border: none;
    transition: all .10s ease-in-out;
    box-shadow: 2px 2px 10px rgba(255, 21, 98, 0.43);
}

.btn-chamada-outline {
    margin-top: 0px;
    padding: 20px 28px;
    background: transparent;
    border-radius: 300px;
    color: #ff1562;
    font-weight: bold;
    font-size: 19px;
    line-height: 19px;
    font-family: 'Montserrat';
    letter-spacing: -1px;
    text-align: center;
    text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.04);
    border: none;
    transition: all .10s ease-in-out;
}

.btn-small {
    padding: 8px 10px !important;
}

.div-btn {
    display: inline-flex;
    border: 02px solid #ff1562;
    padding: 4px;
    border-radius: 300px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.div-btn:hover,
.div-btn:hover .btn-chamada,
.div-btn:hover .btn-chamada-outline {
    background: #ff1562;
    color: #ffffff;
    transform: scale(1.02);
}

.vertical-aling {
    display: grid;
    align-content: center;
}

.is-full {
    width: 100%;
}

.input-newsletter {
    height: 44px;
    border: 0;
    border-top-left-radius: 316px;
    border-bottom-left-radius: 316px;
    padding-left: 21px;
}

.btn-newsletter {
    height: 44px;
    font-weight: 700;
    padding-right: 15px;
    padding-left: 14px;
    background: #ff884a !important;
    margin-left: 1px;
    color: #ffffff;
    border-top-right-radius: 316px;
    border-left: 0;
    border-bottom-right-radius: 316px;
}

.coffee {
    position: absolute;
    left: -50px;
    top: 0;
    width: 190px;
    z-index: 99;
}

.coffee-blur {
    position: absolute;
    right: -91px;
    top: 67%;
    width: 271px;
    z-index: 99;
}

.modelo {
    position: absolute;
    top: -6%;
    left: -20px;
    max-width: 550px;
}

.modelo-garantia {
    position: absolute;
    bottom: -80px;
    right: 15px;
    max-width: 580px;
}

.slick-initialized .slick-slide {
    outline: none;
}

.bg-light {
    background-color: #fff8ea;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.coluna-video {
    max-width: 698px;
    margin: 0 auto;
}

.base-sobrepor {
    padding-bottom: 175px;
}

.sobrepor {
    margin-top: -165px;
    padding-left: 20px;
    padding-right: 20px;
}

.item-beneficio {
    margin-bottom: 20px;
    padding: 10px;
}

.item-beneficio img {
    margin-bottom: 10px;
}

.item-influencer {
    position: relative;
    text-align: center;
    padding: 10px;
}

.item-influencer img {
    border-radius: 70px 125px 85px 100px;
}

.item-influencer h2 {
    background: rgb(254, 218, 147);
    background: linear-gradient(90deg, rgba(254, 218, 147, 1) 0%, rgba(238, 143, 90, 1) 50%, rgba(254, 218, 147, 1) 100%);
    background: #ff1461;
    font-weight: 500;
    color: #ffffff;
    border-radius: 300px;
    text-align: center;
    display: inline-block;
    padding: 4px 17px;
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    right: 5px;
    box-shadow: 2px 4px 1px rgba(236, 0, 140, 0.17);
    -webkit-box-shadow: 2px 4px 1px rgba(236, 0, 140, 0.17);
}

.slick-prev:before,
.slick-next:before {
    font-size: 26px;
    color: #ff1962;
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #ef925d;
}

.slick-prev {
    left: -18px;
}

.slick-next {
    right: -18px;
}

.item-antes-depois {
    padding: 15px;
}

.faq {
    padding: 10px 22px;
    border: 0;
    border-radius: 3px;
    margin: 0 auto;
    background: rgba(254, 217, 147, 0.36);
    margin-bottom: 12px;
    color: #585858;
}

.faq .pergunta {
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
}

.faq .resposta {
    margin-top: 10px;
    display: none;
}

.na-midia-item img {
    margin-bottom: 10px;
    margin-top: 10px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all .2s ease-in-out;
    min-height: 58px;
}

.na-midia-item:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
}

footer {
    background: #232323;
    padding: 60px 24px 22px 24px;
}

footer hr {
    background-color: #313131;
    height: 1px;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #fed992;
}

@media all and (max-width: 768px) {
    .base-sobrepor {
        padding-bottom: 130px;
    }
    .sobrepor {
        margin-top: -120px;
    }
    .margin-auto-mobile {
        margin: 0 auto;
    }
    .logo {
        max-height: 32px;
    }
    .section-top-absolute {
        padding-top: 80px;
    }
    .header-absolute {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .title-headline {
        max-width: 80%;
    }
    .coffee {
        display: none;
    }
    .coffee-blur {
        display: none;
    }
    .modelo {
        position: relative;
        width: 300px;
        max-width: 100%;
        margin: 0 auto;
        bottom: auto;
        margin-bottom: -90px;
    }
}

@media all and (max-width: 460px) {
    .item-influencer h2 {
        font-size: calc(0.5em + 1.5vw);
    }
}