:root {
    --brown: #260f0f;
    --pink: #f04e98;
    --purple: #9594d2;
    --yellow: #f1d98a;
    --green: #00a423;
    --offwhite: #f8f9fa;
    --cream: #f0ebe3;
    --gray: #495057;
    --light-brown: #d1986d;
    --red: #bf0123;
    --orange: #e7a81c;
    --black: #020407;
    --dark-gray: #212529
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 700;
    line-height: 44px
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

p {
    margin-bottom: 0
}

.body {
    color: var(--brown);
    font-family: Acumin Pro Cond, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2
}

.body.koala {
    font-family: Gt Pressura Standard, Arial, sans-serif
}

.body.roboto-condensed {
    font-family: Robotocondensed, Arial, sans-serif
}

.body.roboto-condensed.cream {
    background-color: #f1eee6
}

.body.gray {
    background-color: #e1e5e8
}

.body.bf {
    background-color: #260f0f
}

.body.brown {
    background-color: var(--brown);
    color: #fff
}

.body.relaxei {
    font-family: Archivonarrow, Arial, sans-serif
}

.header {
    z-index: 999;
    background-color: #fff;
    border-bottom-right-radius: 48px;
    border-bottom-left-radius: 48px;
    width: 100%;
    padding: 16px 30px;
    position: fixed;
    top: 0;
    left: 0
}

.header.koala {
    background-color: var(--purple);
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: sticky
}

.header.relaxei {
    background-color: var(--pink);
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: sticky
}

.header-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.header-logo {
    width: 100%;
    max-width: 307px
}

.header-logo.relaxei {
    max-width: 154px
}

.header-logo.relaxei.small {
    max-width: 88px
}

.img {
    width: 100%;
    display: block
}

.img.max-h {
    object-fit: cover;
    object-fit: cover;
    height: 100%
}

.header-button {
    background-color: var(--brown);
    border-radius: 8px;
    padding: 11px 24px;
    line-height: 1.2
}

.header-button:hover {
    color: var(--brown);
    background-image: linear-gradient(90deg, #edd993, #d4a43e)
}

.header-button.koala {
    background-color: var(--brown);
    color: #fff;
    font-family: Gt Pressura Standard, Arial, sans-serif;
    font-weight: 900;
    transition: transform .2s
}

.header-button.koala:hover {
    background-image: none;
    transform: scale(1.05)
}

.header-button.koala.small {
    font-size: 14px
}

.header-button.relaxei {
    color: #113122;
    background-color: #97d700;
    font-weight: 900;
    transition: transform .2s
}

.header-button.relaxei:hover {
    background-image: none;
    transform: scale(1.05)
}

.container-1180 {
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto
}

.container-1180.gap-34 {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    flex-flow: column;
    display: flex
}

.container-1180.gap-24 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex
}

.btn {
    color: var(--brown);
    text-align: center;
    background-image: linear-gradient(90deg, #edd993, #d4a43e);
    border-radius: 8px;
    width: 100%;
    max-width: 326px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 32px;
    transition: transform .2s
}

.btn:hover {
    transform: scale(1.05)
}

.btn.no-max {
    max-width: none
}

.btn.green {
    background-color: var(--green);
    color: #fff;
    background-image: none
}

.btn.mobile {
    display: none
}

.btn.black {
    background-color: var(--brown);
    color: #fff;
    background-image: none
}

.btn.koala {
    max-width: 390px;
    font-size: 25px
}

.btn.koala.purple {
    background-color: var(--purple);
    color: #fff;
    background-image: none
}

.btn.white-purple {
    color: var(--purple);
    background-color: #fff;
    background-image: none
}

.btn.small {
    font-size: 20px;
    line-height: 90%
}

.btn.small.center.bf {
    color: var(--offwhite);
    background-image: linear-gradient(90deg, #bf0123, #df986d)
}

.btn.small.fit-content {
    width: -moz-fit-content;
    width: fit-content;
    max-width: none
}

.btn.small.fit-content.bf {
    color: #fff;
    background-image: linear-gradient(90deg, #bf0123, #df986d)
}

.btn.smaller {
    max-width: 202px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 18px;
    line-height: 1em
}

.btn.small2 {
    width: -moz-fit-content;
    width: fit-content;
    max-width: none;
    padding: 14px 24px;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%
}

.btn.small2.bf {
    color: var(--offwhite);
    background-image: linear-gradient(90deg, #bf0123, #df986d)
}

.btn.product-btn {
    max-width: none;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 125%;
    display: none
}

.btn.product-btn.btn-active {
    display: block
}

.btn.product-btn.btn-active.bf {
    color: var(--offwhite);
    background-image: linear-gradient(90deg, #bf0123, #df986d)
}

.btn.product-btn-copy {
    max-width: none;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 125%
}

.btn.product-btn-copy.bf {
    color: var(--offwhite);
    background-image: linear-gradient(90deg, #bf0123, #df986d)
}

.btn.v2 {
    color: #fff;
    background-image: linear-gradient(90deg, #bf0123, #df986d);
    max-width: none;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 18px
}

.btn.v2-copy {
    max-width: none;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 18px
}

.btn.center {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.btn.center.bf {
    color: var(--offwhite);
    background-image: linear-gradient(90deg, #bf0123, #df986d)
}

.btn.pink {
    background-color: var(--pink);
    color: #fff;
    background-image: none
}

.btn._w-390 {
    max-width: 390px
}

.btn.white-pink {
    color: var(--pink);
    background-color: #fff;
    background-image: none
}

.div-block-4 {
    width: 100%;
    max-width: 572px
}

.div-block-4.mobile {
    display: none
}

.div-block-5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.div-block-6 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 560px;
    display: flex
}

.div-block-6.v2 {
    max-width: 587px
}

.section-pad70 {
    padding-top: 70px;
    padding-left: 20px;
    padding-right: 20px
}

.section-pad70.pad-bottom {
    padding-bottom: 70px
}

.section-pad70.pad-bottom.cream {
    background-color: var(--cream)
}

.section-pad70.pad-bottom.offwhite {
    background-color: var(--offwhite)
}

.section-pad70.pad-bottom.pink {
    background-color: #faeced
}

.h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 100%
}

.h2.center {
    text-align: center;
    text-align: center
}

.gap-b-30 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex
}

.container-960 {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    line-height: 90%
}

.h3.margin-bottom {
    margin-bottom: 10px
}

.h3.bf {
    color: var(--offwhite)
}

.h3.left {
    text-align: left
}

.h3.left-mobile {
    margin-bottom: 0
}

.swiper.swiper-rotina {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    margin-top: 40px;
    margin-bottom: 40px
}

.swiper.swiper-banner {
    border-radius: 16px;
    width: 100%;
    max-width: 500px;
    position: relative;
    overflow: hidden
}

.swiper.swiper-reviews {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.swiper.swiper-reviews.v2 {
    border-radius: 8px
}

.swiper.swiper-reviews.margin {
    margin-top: 30px;
    margin-bottom: 30px
}

.swiper.swiper-flavors {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.swiper-wrapper.flex {
    display: flex
}

.div-block-10 {
    background-color: var(--offwhite);
    border: 1px solid #e9ecef;
    border-radius: 24px;
    width: 100%;
    height: 100%;
    padding: 24px 16px
}

.div-block-11 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
    display: flex
}

.image {
    width: 39px
}

.heading-6 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%
}

.paragraph-3 {
    font-size: 14px;
    line-height: 110%
}

.colored-container {
    border-radius: 24px;
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px
}

.colored-container.offwhite {
    background-color: var(--offwhite)
}

.colored-container.purple {
    background-color: var(--purple);
    color: #fff
}

.colored-container.purple.gap-50 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    display: flex
}

.colored-container.light-purple {
    background-color: #f0efff
}

.colored-container.green {
    background-color: #97d700
}

.colored-container.pink {
    background-color: var(--pink);
    color: #fff
}

.colored-container.pink.gap-b-50 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    display: flex
}

.div-block-18 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #f0ebe3;
    border-top: 16px solid #000;
    border-radius: 16px;
    flex-flow: column;
    width: 100%;
    height: 100%;
    padding: 24px;
    display: flex
}

.div-block-18:where(.w-variant-2749a5f9-a5a9-9fbf-da14-021d3e046812) {
    border-top-color: #f16c6b
}

.div-block-18:where(.w-variant-a8a1ba5d-bb37-daa6-cdee-3fa809df49ca) {
    border-top-color: #7bd3f5
}

.div-block-18:where(.w-variant-27e73c61-9a5b-b21a-12a9-3a16d9550590) {
    border-top-color: #8ea5d4
}

.div-block-18:where(.w-variant-fb8f0c14-fc73-56bf-a67d-83324c03ca95) {
    border-top-color: #a5b07c
}

.div-block-18:where(.w-variant-0f8779d9-a5d2-a3dd-5357-79eb40667464) {
    border-top-color: #b88d80
}

.div-block-18:where(.w-variant-ec5d1837-0b8e-9c45-af82-5dad6cb16025) {
    border-top-color: #e0d2bf
}

.div-block-18:where(.w-variant-5c419642-7440-2b73-3654-e07962faa296) {
    border-top-color: #f27b25
}

.div-block-18:where(.w-variant-e18c0335-78fe-3d0c-30c3-9fad8e2d70f2) {
    background-color: #d9b79e;
    border-top-color: #513225
}

.div-block-18:where(.w-variant-414c01c9-e5a4-4845-45d5-9aefffc79fa0) {
    background-color: #efd3db;
    border-top-color: #ff7d97
}

.div-block-18:where(.w-variant-10234893-b369-0ddc-0998-0c24e02cc70d) {
    background-color: #d9f3a4;
    border-top-color: #c7d121
}

.div-block-18:where(.w-variant-3c15d379-3556-aecd-2219-bb7074f59474) {
    background-color: #f9c1d0;
    border-top-color: #ff3f4c
}

.div-block-18:where(.w-variant-0bf04f90-37e6-0f89-3594-9a90602a8b9a) {
    background-color: #fbdda3;
    border-top-color: #f1ae00
}

.div-block-18:where(.w-variant-a9fbe37e-35b0-1141-2f4c-a8e1c62cf11b) {
    border-top-color: #a92b30
}

.div-block-19 {
    width: 100%;
    max-width: 135px;
    margin-left: auto;
    margin-right: auto
}

.heading-8 {
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    line-height: 90%
}

.heading-8:where(.w-variant-0bf04f90-37e6-0f89-3594-9a90602a8b9a),
.heading-8:where(.w-variant-3c15d379-3556-aecd-2219-bb7074f59474),
.heading-8:where(.w-variant-10234893-b369-0ddc-0998-0c24e02cc70d) {
    font-weight: 600
}

.paragraph-4 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 111%
}

.paragraph-4:where(.w-variant-e18c0335-78fe-3d0c-30c3-9fad8e2d70f2),
.paragraph-4:where(.w-variant-414c01c9-e5a4-4845-45d5-9aefffc79fa0),
.paragraph-4.v2 {
    color: var(--gray);
    font-weight: 400
}

.paragraph-4.max-256 {
    max-width: 256px;
    margin-left: auto;
    margin-right: auto
}

.div-block-22 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex: 214px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.div-block-27 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.div-block-27.v2 {
    align-items: stretch
}

.div-block-27.v3 {
    justify-content: space-between;
    align-items: flex-start
}

.paragraph-5 {
    font-size: 31px;
    font-weight: 600;
    line-height: 64%
}

.weight-600 {
    font-weight: 600
}

.container-1700.gap-50 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    display: flex
}

.question:where(.w-variant-23089fad-9bb1-8d4d-5353-8849949d913f) {
    border-bottom: 1px solid var(--brown);
    padding-bottom: 24px
}

.question:where(.w-variant-db6f7483-1415-5908-6a79-07e3754f7000) {
    border-bottom: 1px solid #fff;
    padding-bottom: 24px
}

.question.border {
    border-bottom: 1px solid var(--brown);
    padding-bottom: 24px
}

.question.border:where(.w-variant-23089fad-9bb1-8d4d-5353-8849949d913f),
.question.border.white {
    border-bottom-color: #fff
}

.question-title {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.heading-13 {
    font-weight: 400;
    line-height: 110%
}

.question-answer {
    max-height: 0;
    transition: max-height .2s, margin .2s;
    overflow: hidden
}

.image-3 {
    transition: transform .2s
}

.footer {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    padding: 30px 20px;
    display: flex
}

.footer.v2 {
    border-radius: 24px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.footer.caffeine-labs {
    border-radius: 48px 48px 0 0;
    padding-top: 64px;
    padding-bottom: 64px;
    overflow: hidden
}

.footer-logo {
    width: 100%;
    max-width: 170px
}

.footer-logo.koala {
    max-width: 144px
}

.footer-logo.relaxei {
    max-width: 154px
}

.paragraph-7 {
    font-size: 14px
}

.marquee {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% + 40px);
    margin-left: -20px;
    display: flex;
    overflow: hidden
}

.marquee-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex
}

.hidden {
    display: none
}

.section-pad30 {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px
}

.div-block-34 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.div-block-35 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 100%;
    max-width: 444px;
    display: flex
}

.div-block-35.v2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    max-width: 515px
}

.paragraph-9 {
    font-size: 22px;
    line-height: 110%
}

.heading-14 {
    font-size: 75px;
    font-weight: 600;
    line-height: 90%
}

.pink-text {
    color: var(--pink)
}

.div-block-36 {
    width: 100%;
    max-width: 686px
}

.div-block-36.v2 {
    max-width: 615px
}

.div-block-36.mobile {
    display: none
}

.max-400 {
    max-width: 400px
}

.paragraph-10 {
    max-width: 401px;
    font-size: 18px
}

.container-1080 {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto
}

.container-1080.gap-80 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    display: flex
}

.gap-b-18 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: column;
    display: flex
}

.div-block-37 {
    background-color: var(--offwhite);
    border-radius: 20px;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    overflow: hidden
}

.div-block-38 {
    width: 100%;
    max-width: 337px
}

.div-block-39 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    width: 100%;
    padding: 50px 30px;
    font-weight: 300;
    display: flex
}

.div-block-39.center {
    justify-content: center;
    align-items: flex-start
}

.heading-16 {
    font-size: 30px;
    font-weight: 600;
    line-height: 90%
}

.paragraph-11 {
    font-size: 20px;
    line-height: 140%
}

.container-1120 {
    width: 100%;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto
}

.div-block-42 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.div-block-43 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.gap-b-50 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    display: flex
}

.div-block-47 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
}

.section-pad60 {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px
}

.section-pad60.bf {
    color: #fff
}

.section-pad60.pad-bottom {
    padding-bottom: 60px
}

.section-pad60.pad-bottom.purple {
    background-color: var(--purple);
    color: #fff
}

.section-pad60.pad-bottom.pink {
    background-color: var(--pink);
    color: #fff;
    background-color: var(--pink)
}

.pad-bottom-30 {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px
}

.paragraph-27 {
    font-size: 26px;
    font-weight: 500
}

.div-block-88 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    width: 100%;
    max-width: 509px;
    display: flex
}

.div-block-89 {
    max-width: 601px
}

.valor-wrap {
    grid-row-gap: 4px;
    border-radius: 2px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
    display: flex
}

.valor-tag-cortado {
    grid-column-gap: 4px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    text-decoration: none;
    display: flex
}

.text-2 {
    color: #adb5bd;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Acumin Pro Cond, Arial, sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 110%;
    text-decoration: line-through
}

.text-2.koala {
    color: #495057
}

.text-2.sub {
    color: #343a40
}

.arrowsnarrow-right {
    object-fit: cover;
    overflow: hidden
}

.text-3 {
    color: #f1d98a;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Acumin Pro Cond, Arial, sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 110%;
    text-decoration: none
}

.text-3.koala {
    color: #6570a8;
    font-weight: 600
}

.text-3.sub {
    color: #f04e98
}

.valor-tag-frete {
    grid-column-gap: 4px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: auto;
    text-decoration: none;
    display: flex
}

.frete-fixo-de-r1990-bla-ganhe-um-voucher {
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Acumin Pro Cond, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 110%;
    text-decoration: none
}

.frete-fixo-de-r1990-bla-ganhe-um-voucher.koala,
.frete-fixo-de-r1990-bla-ganhe-um-voucher.sub,
.frete-fixo-de-r1990-bla-ganhe-um-voucher.sub {
    color: #343a40
}

.div-block-91 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.div-block-92 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    flex: 0 354px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.div-block-92.big {
    flex-basis: 552px
}

.div-block-93 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    width: 100%;
    display: flex
}

.heading-25 {
    font-size: 24px;
    line-height: 100%
}

.paragraph-29 {
    font-size: 20px
}

.container-1832 {
    width: 100%;
    max-width: 1832px
}

.image-21 {
    margin-top: auto;
    margin-bottom: auto
}

.gap-24 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex
}

.div-block-102 {
    width: 100%;
    max-width: 338px
}

.max-921 {
    width: 100%;
    max-width: 921px;
    margin-left: auto;
    margin-right: auto
}

.paragraph-33 {
    font-size: 69px;
    font-weight: 700;
    line-height: 98%
}

@media screen and (max-width:991px) {
    .header {
        padding-left: 20px;
        padding-right: 20px
    }

    .swiper.swiper-flavors {
        width: calc(100% + 30px)
    }

    .swiper.swiper-rotina {
        width: calc(100% + 20px)
    }

    .swiper.swiper-banner {
        border-radius: 0;
        width: calc(100% + 40px);
        max-width: none;
        margin-left: -20px
    }

    .div-block-21 {
        justify-content: space-between;
        align-items: center
    }

    .image-2 {
        display: none
    }

    .section-pad60.no-pad-tablet {
        padding-top: 0
    }

    .card-rotina-inteligente {
        background-color: red
    }

    .aba {
        flex-flow: column-reverse
    }

    .div-block-64 {
        max-width: none
    }

    .div-block-73 {
        display: none
    }

    .div-block-73.mobile {
        aspect-ratio: 622/401;
        aspect-ratio: 622/401;
        max-width: none;
        display: block
    }

    .div-block-74 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .container-1238.center {
        flex-flow: column
    }

    .container {
        max-width: 728px
    }

    .navbar-wrapper-three {
        justify-content: space-between
    }

    .navbar-brand-three {
        position: relative
    }

    .nav-menu-wrapper-three {
        background-color: #0000;
        top: 70px
    }

    .nav-menu-three {
        background-color: #fff;
        border-radius: 50px;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        padding: 20px;
        display: flex;
        box-shadow: 0 8px 50px #0000000d
    }

    .nav-link {
        padding-left: 5px;
        padding-right: 5px
    }

    .nav-dropdown-list.shadow-three.w--open {
        position: absolute
    }

    .menu-button {
        padding: 12px
    }

    .menu-button.w--open {
        color: #fff;
        background-color: #a6b1bf
    }

    .products-container {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .div-block-116 {
        flex-flow: column
    }

    .container-2 {
        max-width: 728px
    }

    .navbar-wrapper-three-2 {
        justify-content: space-between
    }

    .navbar-brand-three-2 {
        position: relative
    }

    .nav-menu-wrapper-three-2 {
        background-color: #0000;
        top: 70px
    }

    .nav-menu-three-2 {
        background-color: #fff;
        border-radius: 50px;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        padding: 20px;
        display: flex;
        box-shadow: 0 8px 50px #0000000d
    }

    .nav-link-2 {
        padding-left: 5px;
        padding-right: 5px
    }

    .menu-button-2 {
        padding: 12px
    }

    .menu-button-2.w--open {
        color: #fff;
        background-color: #a6b1bf
    }

    .div-block-155 {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .div-block-157 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        max-width: 182px
    }

    .paragraph-54 {
        font-size: 12px
    }

    .div-block-160 {
        flex-flow: column
    }

    .div-block-161 {
        max-width: none
    }

    .div-block-183 {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }
}

@media screen and (max-width:767px) {
    .header-logo {
        max-width: 182px
    }

    .section {
        background-image: url(https://cdn.prod.website-files.com/689361fb8599ed0fd2990fba/689b2bfbe89d08d0be2fff34_hero%20\(1\).webp);
        padding-top: 88px
    }

    .div-block-2 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        max-width: none
    }

    .heading {
        font-size: 53px
    }

    .heading-2 {
        text-align: center
    }

    .btn {
        max-width: none
    }

    .btn.desk {
        display: none
    }

    .btn.mobile {
        display: block
    }

    .btn.koala {
        max-width: none
    }

    .btn.smaller {
        max-width: 103px
    }

    .div-block-4 {
        display: none
    }

    .div-block-4.mobile {
        max-width: none;
        display: block
    }

    .div-block-5 {
        flex-flow: column
    }

    .section-pad70 {
        padding-top: 30px
    }

    .section-pad70.pad-bottom {
        padding-bottom: 30px
    }

    .div-block-7 {
        flex-flow: column
    }

    .div-block-8 {
        max-width: none;
        padding: 24px 16px
    }

    .h2 {
        font-size: 28px
    }

    .h3.left-mobile {
        text-align: left;
        text-align: left
    }

    .swiper.swiper-reviews {
        width: calc(100% + 20px)
    }

    .swiper.swiper-reviews.v2 {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: calc(100% + 20px)
    }

    .swiper.swiper-flavors {
        width: calc(100% + 20px)
    }

    .swiper.swiper-rotina {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .colored-container {
        padding: 24px 16px
    }

    .colored-container.pink.gap-b-50 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        padding-left: 30px;
        padding-right: 30px
    }

    .div-block-14 {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        max-width: none
    }

    .div-block-17 {
        display: none
    }

    .div-block-20 {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        padding: 24px 26px
    }

    .heading-9 {
        font-size: 34px
    }

    .div-block-21 {
        grid-row-gap: 14px;
        flex-flow: column
    }

    .div-block-22 {
        flex-basis: auto;
        width: 100%
    }

    .div-block-23 {
        width: 100%;
        max-width: none
    }

    .div-block-24 {
        flex-flow: column
    }

    .div-block-25 {
        max-width: none
    }

    .div-block-26 {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        max-width: none;
        display: none
    }

    .heading-10.mobile {
        display: block
    }

    .paragraph-5.center-mobile {
        text-align: center;
        text-align: center
    }

    .div-block-28 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        max-width: none
    }

    .div-block-29 {
        max-width: none
    }

    .heading-12 {
        text-align: center
    }

    .div-block-30 {
        display: none
    }

    .div-block-30.mobile {
        display: block
    }

    .container-1700.gap-50 {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-column-gap: 24px;
        grid-row-gap: 24px
    }

    .footer {
        flex-flow: column
    }

    .footer.v2 {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .footer.caffeine-labs {
        padding-top: 44px;
        padding-bottom: 44px
    }

    .div-block-31 {
        display: block
    }

    .image-4 {
        display: none
    }

    .image-5 {
        display: block
    }

    .gap-b-6-copy {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .div-block-35 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        max-width: none
    }

    .div-block-35.v2 {
        max-width: none
    }

    .paragraph-9 {
        text-align: center
    }

    .heading-14 {
        text-align: center;
        font-size: 52px
    }

    .div-block-36 {
        display: none
    }

    .div-block-36.mobile {
        display: block
    }

    .paragraph-10 {
        max-width: none
    }

    .div-block-37 {
        flex-flow: column
    }

    .div-block-38 {
        max-width: none;
        height: 330px
    }

    .div-block-39 {
        padding: 20px
    }

    .div-block-40 {
        flex-flow: column
    }

    .div-block-42 {
        flex-flow: column;
        display: flex
    }

    .heading-17 {
        text-align: center;
        font-size: 39px
    }

    .paragraph-12 {
        text-align: center
    }

    .heading-19 {
        font-size: 81px;
        line-height: 103%
    }

    .text-span-2 {
        font-size: 84px
    }

    .paragraph-8-copy {
        margin-top: 8px
    }

    .div-block-48 {
        display: none
    }

    .div-block-48.mobile {
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .disclaimer.desk {
        display: none
    }

    .disclaimer.mobile {
        display: block
    }

    .div-block-49.v2 {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .div-block-54 {
        flex-flow: column;
        padding: 24px 12px
    }

    .div-block-55 {
        display: none
    }

    .div-block-55.mobile {
        max-width: none;
        display: block
    }

    .div-block-56 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        max-width: none
    }

    .div-block-58.gray-text {
        flex-flow: column
    }

    .div-block-59 {
        border-bottom: 1px solid #e9ecef;
        border-right-width: 0;
        padding-bottom: 8px;
        padding-right: 0
    }

    .div-block-59.no-border {
        border-bottom-width: 0
    }

    .section-pad60 {
        padding-top: 30px
    }

    .section-pad60.pad-bottom {
        padding-bottom: 30px
    }

    .container-1085.gap-40 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .div-block-62 {
        max-width: none
    }

    .aba {
        padding-left: 16px;
        padding-right: 16px
    }

    .div-block-70 {
        flex-grow: 1
    }

    .div-block-74 {
        flex-flow: column;
        display: flex
    }

    .div-block-76 {
        flex-flow: column
    }

    .div-block-77 {
        max-width: none
    }

    .heading-23 {
        margin-top: 20px
    }

    .div-block-79 {
        border-radius: 16px 16px 0 0;
        padding: 12px 16px
    }

    .div-block-80 {
        max-width: 99px
    }

    .div-block-81 {
        display: none
    }

    .paragraph-22 {
        font-size: 16px
    }

    .paragraph-24 {
        font-size: 18px
    }

    .div-block-85 {
        display: none
    }

    .div-block-87 {
        max-width: 142px
    }

    .image-9 {
        position: static
    }

    .image-10 {
        width: 28px;
        margin-top: -35px;
        display: block
    }

    .paragraph-25 {
        font-size: 12px
    }

    .paragraph-26 {
        text-align: center
    }

    .div-block-88 {
        max-width: none
    }

    .div-block-88.div-block-22 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .div-block-89 {
        display: none
    }

    .section-64pd.transparent {
        padding-left: 16px;
        padding-right: 16px
    }

    .container-1238.gap-50 {
        grid-column-gap: 34px;
        grid-row-gap: 34px;
        grid-column-gap: 34px;
        grid-row-gap: 34px
    }

    .cardrow {
        flex-flow: row
    }

    .flex-block {
        flex-flow: column
    }

    .div-block-90 {
        max-width: none
    }

    .div-block-91 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column
    }

    .div-block-92,
    .div-block-92.big,
    .div-block-92.big {
        flex-basis: auto
    }

    .div-block-94 {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .div-block-95 {
        max-width: none
    }

    .image-21 {
        margin-left: auto;
        margin-right: auto;
        transform: rotate(90deg)
    }

    .heading-19-copy {
        font-size: 81px;
        line-height: 103%
    }

    .div-block-99 {
        flex-flow: column
    }

    .div-block-100,
    .div-block-102 {
        max-width: none
    }

    .paragraph-33 {
        font-size: 52px
    }

    .navbar-brand-three {
        padding-left: 0
    }

    .nav-menu-three {
        border-radius: 20px;
        flex-direction: column;
        padding-bottom: 30px
    }

    .nav-menu-block {
        flex-direction: column
    }

    .nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block
    }

    .nav-dropdown {
        flex-direction: column;
        align-items: center;
        display: flex
    }

    .nav-dropdown-toggle {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .nav-dropdown-list.shadow-three {
        box-shadow: 0 8px 50px #0000000d
    }

    .nav-dropdown-list.shadow-three.w--open {
        position: relative
    }

    .nav-dropdown-list.shadow-three.mobile-shadow-hide {
        box-shadow: none;
        box-shadow: none
    }

    .nav-link-accent {
        margin-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block
    }

    .mobile-margin-top-10 {
        margin-top: 10px
    }

    .div-block-104 {
        display: none
    }

    .div-block-104.mobile {
        max-width: none;
        display: block
    }

    .div-block-105 {
        max-width: none
    }

    .div-block-106 {
        grid-column-gap: 22px;
        grid-row-gap: 22px
    }

    .products-container {
        flex-flow: column;
        display: flex
    }

    .div-block-117,
    .div-block-117.reverse,
    .div-block-117.reverse {
        flex-flow: column
    }

    .div-block-119 {
        max-width: none
    }

    .div-block-119.desk {
        display: none
    }

    .div-block-119.mobile {
        display: block
    }

    .div-block-122 {
        justify-content: flex-start;
        align-items: center
    }

    .heading-32,
    .paragraph-40 {
        text-align: left
    }

    .div-block-124 {
        justify-content: flex-start;
        align-items: center
    }

    .paragraph-43 {
        max-width: 95px;
        padding-left: 0;
        padding-right: 0;
        font-size: 16px
    }

    .paragraph-44 {
        justify-content: flex-start;
        align-items: center;
        min-height: 64px;
        padding-top: 8px;
        padding-bottom: 8px;
        display: flex
    }

    .div-block-132 {
        min-height: 64px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .div-block-137 {
        max-width: 127px
    }

    .div-block-140 {
        flex-flow: column
    }

    .div-block-152 {
        display: none
    }

    .div-block-152.mobile {
        display: block
    }

    .navbar-brand-three-2 {
        padding-left: 0
    }

    .nav-menu-three-2 {
        border-radius: 20px;
        flex-direction: column;
        padding-bottom: 30px
    }

    .nav-menu-block-2 {
        flex-direction: column
    }

    .nav-link-2 {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block
    }

    .mobile-margin-top-11 {
        margin-top: 10px
    }

    .container-966.gap-40 {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-column-gap: 24px;
        grid-row-gap: 24px
    }

    .div-block-171 {
        flex-flow: column
    }

    .div-block-172,
    .div-block-175 {
        max-width: none
    }

    .div-block-178 {
        flex-flow: column
    }

    .div-block-182 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }
}

@media screen and (max-width:479px) {
    .header-button {
        padding-left: 8px;
        padding-right: 8px
    }

    .paragraph.big {
        font-size: 20px
    }

    .btn.no-max.green {
        display: block
    }

    .btn.small2 {
        width: 100%
    }

    .gray-text {
        font-size: 14px
    }

    .paragraph-9 {
        font-size: 20px
    }

    .paragraph-10.center-mobile {
        text-align: center;
        text-align: center
    }

    .div-block-44 {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .paragraph-13 {
        font-size: 26px
    }

    .disclaimer.desk {
        display: block
    }

    .div-block-79,
    .div-block-86 {
        grid-column-gap: 4px;
        grid-row-gap: 4px
    }

    .section-64pd._80-120,
    .section-64pd._0-72 {
        padding-left: 16px;
        padding-right: 16px
    }

    .section-64pd.koala._80pd,
    .section-64pd.sub._80pd {
        padding-left: 24px;
        padding-right: 24px
    }

    .section-64pd.transparent {
        padding-top: 72px;
        padding-left: 16px;
        padding-right: 16px
    }

    .section-64pd.marrom {
        padding-left: 32px;
        padding-right: 32px
    }

    .section-64pd._120-180.surfaceprimary {
        padding: 64px 16px 100px
    }

    .section-64pd._80-120,
    .section-64pd._0-72 {
        padding-left: 16px;
        padding-right: 16px
    }

    .section-64pd._72 {
        height: 100vh;
        padding-left: 24px;
        padding-right: 24px;
        overflow: hidden
    }

    .section-64pd.koala._80pd,
    .section-64pd.sub._80pd,
    .section-64pd.sub._80pd {
        padding-left: 24px;
        padding-right: 24px
    }

    .container-1238 {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        max-width: none;
        display: flex
    }

    .container-1238.center {
        grid-column-gap: 48px;
        grid-row-gap: 48px
    }

    .container-1238.vertical.center {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        grid-column-gap: 32px;
        grid-row-gap: 32px
    }

    .hero-content {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        min-width: auto;
        max-width: 360px;
        padding-top: 0
    }

    .subh {
        text-align: center
    }

    .valor-wrap {
        justify-content: flex-start;
        align-items: center;
        padding-left: 0;
        padding-right: 0
    }

    .valor-tag-cortado {
        grid-column-gap: 6px;
        justify-content: center;
        width: 100%
    }

    .text-2,
    .text-3 {
        font-size: 40px
    }

    .frete-fixo-de-r1990-bla-ganhe-um-voucher {
        letter-spacing: 3px;
        width: 100%
    }

    .cta-wrap,
    .cta-wrap.mobile,
    .cta-wrap.mobile {
        display: flex
    }

    .button-style {
        width: 100%
    }

    .h1-novo {
        text-align: center;
        font-size: 56px;
        line-height: 56px
    }

    .saches-wrap {
        grid-row-gap: 0px;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 277px;
        margin-left: -14px
    }

    .sache.incial {
        width: 112px
    }

    .sache.incial.koala {
        height: 100%
    }

    .sache._2 {
        width: 112px;
        margin-left: -55px
    }

    .sache._2.koala {
        height: 100%;
        margin-left: -69px
    }

    .sache._3 {
        width: 112px;
        margin-left: -56px
    }

    .sache._3.koala {
        height: 100%;
        margin-left: -74px
    }

    .sache._4 {
        width: 112px;
        margin-left: -65px
    }

    .sache._4.koala {
        height: 100%;
        margin-left: -74px
    }

    .sache._5 {
        width: 112px;
        margin-left: -63px
    }

    .sache._5.koala {
        height: 100%;
        margin-left: -71px
    }

    .sache-image {
        vertical-align: baseline;
        object-fit: contain;
        inset: 0 0% 0%
    }

    .sache-image.sc,
    .sache-image.ms,
    .sache-image.sc,
    .sache-image.ms {
        object-fit: contain
    }

    .badge-text {
        font-size: 16px
    }

    .h2-novo,
    .h2-novo.lastcta,
    .h2-novo.lastcta {
        font-size: 56px
    }

    .card-beneficios {
        justify-content: flex-start;
        align-items: center;
        min-width: auto;
        max-width: none;
        height: 100%;
        min-height: auto;
        max-height: none
    }

    .card-sabores-row {
        flex-flow: column;
        height: auto
    }

    .card-sabores-row.koala {
        padding-left: 0;
        padding-right: 0
    }

    .card-sabor.semtag.vanilla,
    .card-sabor.semtag.original {
        max-width: none;
        padding-top: 32px;
        padding-bottom: 32px
    }

    .card-sabor.semtag.vanilla,
    .card-sabor.semtag.original,
    .card-sabor.semtag.vanilla,
    .card-sabor.semtag.original {
        max-width: none;
        padding-top: 32px;
        padding-bottom: 32px
    }

    .card-sabor.docedeleite {
        max-width: none;
        max-height: none;
        padding-top: 32px;
        padding-bottom: 32px
    }

    .card-sabor.linguadegato.semtag {
        max-width: none;
        padding-top: 32px;
        padding-bottom: 32px
    }

    .card-sabor.misterioso {
        max-width: none;
        height: 240px;
        max-height: none
    }

    .card-sabor.lajotinha {
        background-color: #e4c985;
        max-width: none;
        max-height: none;
        padding-top: 32px;
        padding-bottom: 32px
    }

    .badge-3.dourado {
        color: #260f0f
    }

    .imagecardsabor-wrap {
        width: 100%;
        height: 72px;
        display: none
    }

    .imagecardsabor._180 {
        transform: rotate(180deg)
    }

    .quotes-row {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
        overflow: auto
    }

    .quotes-row._1 {
        display: none
    }

    .quotes-row.mobilee {
        display: flex
    }

    .card-quaote {
        grid-row-gap: 16px;
        flex-flow: row;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        min-width: 320px;
        max-width: none;
        padding: 24px 16px
    }

    .quote-text {
        font-size: 16px
    }

    .quote-person {
        font-size: 14px
    }

    .quote-avatar {
        width: 48px;
        height: 48px
    }

    .logo_supercoffee {
        width: 60%;
        height: 32px
    }

    ._2023_06_13_novascores_logo_prancheta-1-cpia-20 {
        object-fit: contain;
        width: 100%;
        height: 100%
    }

    .text-6 {
        padding-left: 0;
        padding-right: 0;
        font-size: 24px
    }

    .container-1110 {
        max-width: 380px
    }

    .frame-1 {
        flex-flow: column
    }

    .footer-sampling {
        justify-content: center;
        align-items: flex-start;
        height: auto;
        padding-bottom: 272px;
        padding-left: 16px;
        padding-right: 16px
    }

    .botombar {
        padding-left: 16px;
        padding-right: 16px
    }

    .bottombar-content {
        justify-content: space-between
    }

    .sachespng {
        position: absolute;
        inset: -115% 0% auto 35%;
        transform: translate(-17%, -5%)
    }

    .sachespng.ms:where(.w-variant-4c48b9a3-a33a-1b22-6c3a-da78cbdfefdf) {
        top: -56px;
        left: 34%;
        transform: translate(-23%, -5%)
    }

    .info2 {
        max-width: 110px
    }

    .titulobottombar {
        font-size: 14px
    }

    .doce-de-leite-lngua-de-gato-lajotinha-vanilla-latte-original {
        font-size: 12px;
        display: block
    }

    .preo-frete {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        width: auto
    }

    .frame-1000004653 {
        height: auto
    }

    .text-8 {
        width: auto
    }

    .text-9,
    .text-10 {
        font-size: 14px;
        line-height: 14px
    }

    .frete-fixo-de-r1990 {
        letter-spacing: 0;
        font-size: 12px
    }

    .button-style-5 {
        width: 100%;
        max-width: 300px;
        padding-left: 16px;
        padding-right: 16px
    }

    .headernova {
        justify-content: center
    }

    .nav-itens {
        display: none
    }

    .social-proof {
        justify-content: center;
        align-items: center
    }

    .avatar {
        margin-left: -10px
    }

    .text-14,
    .text-14.marrom,
    .text-14.marrom {
        max-width: 60%
    }

    .voucher-2 {
        display: none
    }

    .valor-cupom-wrap {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: column
    }

    .regulamento {
        height: auto;
        padding: 8px 16px
    }

    .regulamentotext {
        text-align: center
    }

    .instruction-item-3 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column
    }

    .instruction-icon-2 {
        width: 48px;
        height: 48px;
        padding: 0
    }

    .instruction-title-3 {
        white-space: normal;
        line-height: 24px
    }

    .icondivider {
        display: none
    }

    .pouchewrap {
        width: 100%;
        height: auto;
        margin-top: 0;
        display: none
    }

    .contentepouche {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        flex-flow: column;
        padding-right: 0
    }

    .selo {
        width: 120px;
        height: 120px
    }

    .cardrow {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-flow: row;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        display: flex;
        overflow: hidden
    }

    .cardrow.desk {
        flex-flow: column
    }

    .pouchewrapmobile {
        width: 100%;
        height: auto;
        margin-top: -36px;
        padding-left: 20px;
        padding-right: 20px;
        display: block
    }

    .bottombar {
        z-index: 1000;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        padding: 16px;
        font-size: 14px;
        display: flex;
        position: fixed;
        inset: auto 0% 0% 50%
    }

    .info3 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        max-width: none
    }

    .buttommobilewrap {
        width: 30%;
        position: relative
    }

    .faq-container {
        max-width: 380px
    }

    .heading-24 {
        font-size: 40px
    }

    .text-block {
        font-size: 24px;
        line-height: 32px
    }

    .faq-section {
        padding-left: 16px;
        padding-right: 16px
    }

    .faq-item-title {
        grid-column-gap: 24px;
        grid-row-gap: 24px
    }

    .paragraph-28 {
        font-size: 16px
    }

    .flex-block {
        width: 100%
    }

    .imagemcardsabormobile {
        width: 100%;
        height: 70px;
        display: block
    }

    .imagemsabormobile {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    .imagemsabormobile.koala {
        object-fit: contain;
        object-fit: contain
    }

    .carroselcontainer {
        border-radius: 16px;
        width: 100%;
        display: none;
        overflow: hidden
    }

    .contador {
        display: none
    }

    .contadormobile {
        width: 100%;
        height: auto;
        max-height: none;
        display: block
    }

    .herowrap {
        grid-column-gap: 33px;
        grid-row-gap: 33px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%
    }

    .bannerwrap {
        max-width: 360px
    }

    .bannerwrap.desk {
        display: none
    }

    .bannerwrap.mobile {
        height: 80px;
        display: block
    }

    .image-20 {
        width: 100%
    }

    .heading-19-copy {
        font-size: 39px
    }

    .wrap-info-bottom,
    .wrap-info-bottom:where(.w-variant-51cbdc24-895f-8882-b421-835aec54489f) {
        grid-column-gap: 24px;
        grid-row-gap: 24px
    }

    .navbar-logo-center-container.shadow-three {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding: 8px 16px 10px
    }

    .container {
        max-width: none;
        height: 100%
    }

    .navbar-wrapper-three {
        justify-content: space-between;
        align-items: center;
        height: 40px
    }

    .navbar-brand-three {
        height: 100%
    }

    .nav-menu-wrapper-three {
        display: block
    }

    .nav-menu-three {
        flex-flow: column
    }

    .nav-menu-block {
        grid-column-gap: 24px;
        grid-row-gap: 24px
    }

    .nav-menu-block.botao {
        display: none
    }

    .nav-link {
        font-size: 20px
    }

    .nav-dropdown-list.shadow-three.mobile-shadow-hide {
        display: none
    }

    .menu-button {
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: 11px 4px 4px;
        display: flex
    }

    .image-22 {
        object-fit: scale-down;
        width: 120px;
        height: 100%
    }

    .list-item {
        display: none
    }

    .list-item-2 {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: column;
        font-size: 16px;
        display: flex
    }

    .list-item-3 {
        font-size: 20px
    }

    .div-block-106 {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .div-block-107 {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .red-text {
        font-size: 14px
    }

    .div-block-109 {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: column-reverse
    }

    .div-block-124,
    .div-block-124.reverse,
    .div-block-124.reverse {
        flex-flow: wrap
    }

    .text-block-3 {
        font-size: 17px
    }

    .paragraph-50.bf {
        color: #ced4da
    }

    .container-1238-copy {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        max-width: none
    }

    .flex-block-3,
    .flex-block-4 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        justify-content: flex-start;
        align-items: center
    }

    .flex-block-5 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        justify-content: flex-start;
        align-items: center
    }

    .image-24 {
        width: 300px
    }

    .container-2 {
        max-width: none
    }

    .navbar-wrapper-three-2 {
        padding-left: 16px;
        padding-right: 16px
    }

    .nav-menu-three-2 {
        flex-direction: column
    }

    .div-block-165 {
        position: relative
    }

    .div-block-180 {
        height: 200px;
        min-height: 0%
    }

    .paragraph-62 {
        font-size: 11px
    }

    .paragraph-62.small {
        font-size: 8px
    }

    .selectors-grid {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .selector-card-text {
        font-size: 12px
    }

    .heading-39 {
        font-size: 16px
    }

    .paragraph-63 {
        font-size: 14px
    }

    .paragraph-64 {
        font-size: 12px
    }

    .tag-melhor-oferta {
        position: absolute;
        inset: -7% 0% auto
    }

    .text-17,
    .text-18 {
        font-size: 40px
    }
}