/* Fonts */
@font-face {
    font-family: 'Gotham Rounded';
    src: url('../fonts/GothamRounded-Bold.eot');
    src: url('../fonts/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamRounded-Bold.woff2') format('woff2'),
        url('../fonts/GothamRounded-Bold.woff') format('woff'),
        url('../fonts/GothamRounded-Bold.ttf') format('truetype'),
        url('../fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('../fonts/GothamRounded-Book.eot');
    src: url('../fonts/GothamRounded-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamRounded-Book.woff2') format('woff2'),
        url('../fonts/GothamRounded-Book.woff') format('woff'),
        url('../fonts/GothamRounded-Book.ttf') format('truetype'),
        url('../fonts/GothamRounded-Book.svg#GothamRounded-Book') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('../fonts/GothamRounded-Light.eot');
    src: url('../fonts/GothamRounded-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamRounded-Light.woff2') format('woff2'),
        url('../fonts/GothamRounded-Light.woff') format('woff'),
        url('../fonts/GothamRounded-Light.ttf') format('truetype'),
        url('../fonts/GothamRounded-Light.svg#GothamRounded-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('../fonts/GothamRounded-Medium.eot');
    src: url('../fonts/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamRounded-Medium.woff2') format('woff2'),
        url('../fonts/GothamRounded-Medium.woff') format('woff'),
        url('../fonts/GothamRounded-Medium.ttf') format('truetype'),
        url('../fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Variables */

:root {
    /* Fonts */
    --font-default: 'Gotham Rounded';
    --font-size-12: 0.75rem;
    --font-size-14: 0.875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-40: 2.5rem;
    --font-size-48: 3rem;
    --line-height-19-6: 1.225rem;
    --line-height-22-4: 1.4rem;
    --line-height-33-6: 2.1rem;
    --line-height-42-6: 2.663rem;
    --line-height-57-6: 3.6rem;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --letter-space-1-2: .075;

    /* Colors */
    --color-primary-pure:        #CD002B;
    --color-primary-super-light: #FFCCD6;
    --color-primary-light:       #F50033;
    --color-primary-medium:      #990020;
    --color-neutral-color-0:     #ffffff;
    --color-neutral-color-100:   #F3F2F2;
    --color-neutral-color-200:   #E7E4E5;
    --color-neutral-color-300:   #DBD7D8;
    --color-neutral-color-400:   #C2BCBD;
    --color-neutral-color-500:   #928789;
    --color-neutral-color-600:   #6D6E78;
    --color-neutral-color-700:   #5E5557;
    --color-neutral-color-800:   #433D3E;
    --color-neutral-color-1000:  #000000;
    --color-helper-pure:         #ED552F;
    --color-warning-pure:        #F3AE3D;
    --color-warning-light:       #FEF7EC;
    --color-positive-pure:       #00A659;
    --color-info-pure:           #2C70D2;
    --color-green:               #708C0E;

    /* Shadows */
    --box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

/* General */
body {
    font-family: var(--font-default);
    font-size: 16px;
    line-height: var(--line-height-22-4);
    font-weight: var(--font-weight-400);
    color: var(--color-neutral-color-700);
   -webkit-font-smoothing: antialiased;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

h1, h2, h3, h4, h5, h6 {

}

p {
    margin-bottom: 0;
}

a {
    transition: all .3s ease;
}

img {
    max-width: 100%;
    height: auto;
}

select:focus, :focus {
    outline: 0;
    box-shadow: none;
}

.button {
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    border-radius: .5rem;
    font-weight: var(--font-weight-500);
    display: table;
}
.button.smaller {
    padding: .5rem 1rem;
    font-size: 0.75rem;
    line-height: 1.05rem;
}
.button.red {
    color: var(--color-neutral-color-0);
    background-color: var(--color-primary-pure);
}
.button.green {
    color: var(--color-neutral-color-0);
    background-color: var(--color-green);
}
.button.red:hover {
    background-color: var(--color-primary-light);
}
.button.red:active {
    background-color: var(--color-primary-medium);
}
.button.white {
    color: var(--color-primary-pure);
    background-color: var(--color-neutral-color-0);
}
.button.bord {
    border: 1px solid;
}
.button.grey.bord {
    border-color: var(--color-neutral-color-200);
    color: var(--color-neutral-color-700);
}
.button.white.bord {
    background-color: transparent;
    border-color: var(--color-neutral-color-0);
    color: var(--color-neutral-color-0);
}
.button.white.bord-red:hover, .button.white.bord-red.active {
    background-color: var(--color-primary-pure);
    color: var(--color-neutral-color-0);
}
.button.white.bord-red {
    border: 1px solid var(--color-primary-pure);
}
.button.icon-left i {
    margin-right: 1rem;
}
.button.icon-left img {
    margin-right: .5rem;
}
.button.icon-right i {
    margin-left: 1rem;
}
.button-cat-recipes-mobile {
    display: none !important;
}
.bg-red {
    background-color: var(--color-primary-pure);
}

.padding-tb {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.padding-t {
    padding-top: 4rem;
}
.padding-b {
    padding-bottom: 4rem;
}
.margin-b {
    margin-bottom: 4rem;
}

.row {
    --bs-gutter-x: 1rem;
}
.no-bg {
    background: none !important;
}
.tags a {
    border: 1px solid var(--color-primary-pure);
    padding: .25rem .5rem;
    font-size: .75rem;
    text-decoration: none;
    border-radius: 0.375rem;
    color: var(--color-primary-pure);
    white-space: nowrap;
}

.swiper-horizontal.nav-bullets, .cards .swiper-horizontal {
    padding-bottom: 46px;
}
.swiper-horizontal .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: var(--color-neutral-color-200);
    opacity: 1;
}
.swiper-horizontal .swiper-pagination-bullet-active {
    background-color: var(--color-primary-pure);
}

/* nav-swiper navbutton */
.nav-swiper.nav-button .nav-button-prev, .nav-swiper.nav-button .nav-button-next {
    width: 40px;
    height: 40px;
    padding: .5rem;
    font-size: 1.5rem;
    background-color: var(--color-neutral-color-200);
    color: var(--color-neutral-color-400);
    border-radius: .5rem;
    transition: all .3s ease;
}
.nav-swiper.nav-button .nav-button-prev:hover, .nav-swiper.nav-button .nav-button-next:hover {
    color: var(--color-neutral-color-0);
    background-color: var(--color-primary-pure);
}

/* Header */
header {
    background-color: var(--color-neutral-color-0);
    height: 72px;

}
header .navbar-expand-lg {
    border-bottom: 1px solid var(--color-neutral-color-200);
    height: 72px;
    padding: 0.5rem 2rem;
}
header .navbar-expand-lg .navbar-nav .nav-link {
    color: var(--color-neutral-color-600);
    padding: .5rem 1rem;
}
header .navbar-expand-lg .navbar-nav .nav-item.current_page_item .nav-link, header .navbar-expand-lg .navbar-nav .nav-link:hover, .single-receitas header .navbar-expand-lg .navbar-nav .nav-item-30 .nav-link {
    color: var(--color-primary-pure);
}
header .navbar-expand-lg .navbar-nav .nav-item.current_page_item .nav-link {
    font-weight: var(--font-weight-500);
}
header .navbar-brand {
    padding-top: 0;
}
header .dropdown-toggle::after {
    display: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    z-index: 10000;
}

/* Slider */
.slider {
    height: 600px;
    overflow: hidden;
    position: relative;
}
.slider .infos {
    width: 600px;
    height: 100%;
    position: absolute;
    z-index: 2;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}
.slider .infos .bg {
    position: absolute;
    right: 201px;
    top: 0;
    width: 2000px;
    height: 600px;
    background-color: var(--color-primary-pure);
}
.slider .infos .bg::before {
    content: '';
    position: absolute;
    right: -204px;
    top: -21px;
    width: 602px;
    height: 641px;
    background: url(../img/home/bg-banner.svg) center center no-repeat;
}
.slider .infos .text {
    position: relative;
    z-index: 1;
}
.slider .infos .text h1 {
    font-size: var(--font-size-40);
    line-height: 3.325rem;
    color: var(--color-neutral-color-0);
    font-weight: var(--font-weight-500);
    position: relative;
    letter-spacing: var(--letter-space-1-2);
}
.slider .infos .text h1::before {
    content: '';
    width: 137px;
    height: 80.8px;
    position: absolute;
    left: 249px;
    top: -16px;
    background: url(../img/home/line-text.svg) center center/cover no-repeat;
    background-size: 100%;
}
.slider .infos .text p {
    font-size: var(--font-size-20);
    line-height: 1.75rem;
    color: var(--color-neutral-color-0);
    max-width: 415px;
}
.slider .infos .text p strong {
    color: var(--color-warning-pure);
}
.slider .images {
    width: 66%;
    position: absolute;
    z-index: 1;
    right: 0;
    background-color: var(--color-primary-pure);
}
.slider .images .swiper {
    margin: 0;
}
.slider .images .swiper .swiper-slide {
    width: 100%;
    height: 600px;
    position: relative;
}
.slider .images .swiper .swiper-slide:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--color-primary-pure);
    opacity: .05;
    position: absolute;
    left: 0;
    top: 0;
}
.slider .images .swiper .swiper-slide img {
    opacity: 0;
    visibility: hidden;
}
.slider .buttons {
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
}
.slider .text-bottom {
    position: relative;
    z-index: 1;
}
.slider .text-bottom p {
    color: var(--color-neutral-color-0);
    max-width: 300px;
    font-size: var(--font-size-40);
    line-height: 3.325rem;
    font-weight: var(--font-weight-500);
    position: relative;
}
.slider .text-bottom p::before {
    content: '';
    width: 137px;
    height: 80.8px;
    position: absolute;
    right: -12px;
    top: 37px;
    background: url(../img/home/line-text.svg) center center / cover no-repeat;
    background-size: 100%;
}

/* section-recipes */
.section-recipes {
    background: url(../img/home/bg-receitas.svg) center 100px/cover no-repeat;
}

.search-box {
    position: relative;
}
.search-box .box {
    margin: 0 auto;
    border-radius: 1.438rem;
    border: 0.50px var(--color-neutral-color-200) solid;
    background-color: var(--color-neutral-color-0);
    max-width: 684px;
    padding: 1rem 2rem 0;
}
.search-box .box h3 {
    color: var(--color-primary-pure);
    text-align: center;
    font-size: var(--font-size-24);
    margin-bottom: 1rem;
}
.search-box .box form {
    width: 100%;
    position: relative;
}
.search-box .box form input[type="text"] {
    width: 100%;
    height: 46px;
    border: 1px solid var(--color-neutral-color-200);
    background-color: var(--color-neutral-color-0);
    border-radius: .5rem;
    padding: 0 .75rem;
}
.search-box .box form input[type="text"]::placeholder {
    color: var(--color-neutral-color-400);
}
.search-box .box form button {
    color: var(--color-primary-pure);
    border: none;
    background: none;
    position: absolute;
    top: 0.813rem;
    right: .4rem;
}
.search-box .create-list {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 165px;
    padding: 2rem 0 1.2rem 7rem;
    gap: 1rem;
    border-radius: 1.125rem 1.125rem 0 0;
    margin-top: 1.5rem;
    margin-left: 0;
    margin-right: 0;
}
.search-box .create-list p {
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-12);
    color: var(--font-weight-600);
    line-height: 17px;
    max-width: 271px;
}
.search-box .create-list p strong {
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-600);
    display: block;
}
.search-box .create-list .ico {
    position: absolute;
    left: -3px;
    top: 9px;
    z-index: 1;
}
.search-box .create-list .ico-bg {
    position: absolute;
    left: -32px;
    bottom: 0px;
    border-radius: 0 0 0 21px;
}
.search-box .create-list .ico-balls {
    position: absolute;
    left: 57px;
    bottom: 0;
}
.search-box .button.red {
    height: 46px;
}


/* cards */
.cards .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem;
}
.cards .box {
    border: 1px solid var(--color-neutral-color-200);
    background-color: var(--color-neutral-color-0);
    border-radius: 1.5rem 1.5rem;
    overflow: hidden;
    margin-bottom: 1rem;
    transition: all .3s ease;
    height: 293px;
}
.cards .box:hover {
    border-color: var(--color-primary-super-light);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.cards .box .text {
    padding: 1rem;
}
.cards .box h2 {
    font-size: var(--font-size-16);
    margin-bottom: 0;
    text-decoration: none;
    color: var(--color-neutral-color-800);
    transition: color .3s ease;
}
.cards .box:hover h2 {
    color: var(--color-primary-pure);
}
.cards .box a {
    text-decoration: none;
}
.cards .box .tags {
    margin-bottom: .75rem;
}
.cards .button {
    margin: 3rem .5rem 0;
    /* display: table; */
}

/* carousel-banner-products */
.carousel-banner-products .swiper {
    padding: 0;
}
.carousel-banner-products .swiper-slide {
    padding: 2.5rem 2.5rem 2rem;
    height: 660px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.carousel-banner-products .box {
    background-color: rgba(243, 242, 242, 0.8);
    padding: 2rem;
    border-radius: 1.5rem;
    width: 444px;
    position: relative;
}
.carousel-banner-products .box .tags {
    margin-bottom: 1rem;
}
.carousel-banner-products .box h2 {
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-800);
}
.carousel-banner-products .box p {
    color: var(--color-neutral-color-700);
    margin-bottom: 2rem;
}
.carousel-banner-products .box p strong {
    color: var(--color-primary-pure);
}
.carousel-banner-products .products .item {
    width: 286px;
    height: 124px;
    background-color: var(--color-neutral-color-0);
    display: grid;
    grid-template-columns: 108px 1fr;
    padding: .75rem 1rem .75rem .75rem;
    align-items: center;
    border-radius: 1.5rem;
    text-decoration: none;
    border: 1px solid var(--color-neutral-color-0);
}
.carousel-banner-products .products .item h3 {
    font-size: var(--font-size-16);
    line-height: var(--line-height-22-4);
    margin-bottom: 0;
    color: var(--color-neutral-color-800);
    transition: color .3s ease;
}
.carousel-banner-products .nav-swiper {
    display: flex;
    color: var(--color-primary-pure);
    position: absolute;
    right: 2rem;
    gap: 2rem;
}
.carousel-banner-products .products .item:hover {
    border-color: var(--color-primary-super-light);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.carousel-banner-products .products .item:hover h3 {
    color: var(--color-primary-pure);
}
.carousel-banner-products.center .swiper-slide {
    height: 520px;
}
.carousel-banner-products.center .box {
    width: 602px;
    padding-bottom: 0;
    position: absolute;
    bottom: -150px;
    left: 50%;
    transform: translateX(-50%);
    height: 276px;
    background-color: var(--color-neutral-color-0);
}
.carousel-banner-products.center .swiper {
    padding-bottom: 156px;
}

/* tabs-products */
.tabs-products {
    padding: 2.5rem 0 5.75rem;
    position: relative;
    background: var(--color-warning-light) url(../img/home/bg-produtos.svg) center center/cover;
}
.tabs-products.no-bg {
    padding: 0;
}
.tabs-products.no-bg:before {
    display: none;
}
.tabs-products:before {
    content: '';
    background: rgba(205, 0, 43, 1);
    width: 100%;
    height: 160px;
    position: absolute;
    top: 0;
}
.tabs-products h2 {
    text-align: center;
    color: var(--color-neutral-color-0);
    position: relative;
    font-size: var(--font-size-32);
    line-height: var(--line-height-42-6);
    letter-spacing: var(--letter-space-1-2);
    position: relative;
    display: table;
    margin: 0 auto;
}
.tabs-products h2:before {
    content: '';
    background: url(../img/home/poits-left.svg) center;
    width: 36px;
    height: 17px;
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}
.tabs-products h2:after {
    content: '';
    background: url(../img/home/poits-right.svg) center;
    width: 36px;
    height: 17px;
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
}
.tabs-products .nav-pills {
    position: relative;
    gap: .5rem;
    justify-content: center;
    margin-top: 2rem;
}
.tabs-products.no-bg .nav-pills {
    margin-top: 0;
}
.tabs-products .nav-pills .swiper {
    padding: 26px 0;
}
.tabs-products .nav-pills .nav-item.swiper-slide {
    width: 128px;
}
.tabs-products .nav-pills .nav-link {
    width: 128px;
    height: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--color-neutral-color-0);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    color: var(--color-neutral-color-700);
    font-size: 1rem;
    font-weight: var(--font-weight-500);
    text-align: center;
}
.tabs-products .nav-pills .nav-link .img {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .5rem;
}
.tabs-products .nav-pills .nav-link img {
    max-width: 100%;
    max-height: 100%;
    filter: grayscale(1);
}
.tabs-products .nav-pills .nav-link.active, .tabs-products .nav-pills .show >.nav-link {
    background-color: var(--color-primary-super-light);
    color: var(--color-primary-pure);
}
.tabs-products .nav-pills .nav-link.active img, .tabs-products .nav-pills .show >.nav-link img {
    filter: grayscale(0);
}
.tabs-products .tab-content {
    margin-top: 5rem;
}
.tabs-products .nav-pills .nav-button-next {
    position: absolute;
    right: 17px;
    color: #fff;
    top: 0;
}
.tabs-products .nav-pills .nav-button-prev {
    position: absolute;
    right: 40px;
    color: #fff;
    top: 0;
}
.tabs-products .tab-content .box {
    padding: 1.5rem 1rem;
    background-color: var(--color-neutral-color-0);
    border-radius: 1rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    display: block;
    text-decoration: none;
    text-align: center;
    min-height: 318px;
}
.tabs-products .tab-content .box .img {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs-products .box h3 {
    font-size: 1.25rem;
    color: var(--color-neutral-color-800);
    margin: 1rem 0 0;
    text-align: center;
}
.tabs-products .button {
    margin: 3rem auto 0;
    display: table;
}

/* brands */
.brands {
    padding: 7.25rem 0;
    background: url(../img/home/pattern-animado.svg) center center/cover;
}
.brands .brand {
    background-color: var(--color-neutral-color-0);
    border-radius: 1.5rem;
    border: 1px solid var(--color-neutral-color-200);
    width: 187px;
    height: 156px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(.66);
    transition: all .3s ease-in-out;
    margin: 0 auto;
}
.brands .brand img {
    width: 115px;
}
.brands .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    max-width: 685px;
    margin: 1.25rem auto 0;
}
.brands .grid .brand:hover {
    transform: scale(1);
}
.brands h2 {
    text-align: center;
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-800);
}

/* modal */
.modal-content {
    border-radius: 1.5rem;
}
.modal-content h2 {
    font-size: 1.25rem;
}
.modal-header {
    border: none;
    padding: 1rem 1.5rem;
}
.modal-footer {
    border: none;
    padding-bottom: 1rem;
}
.modal-body {
    padding: 1rem 1.5rem;
}
.modal-body p {
    margin-bottom: 1rem;
}
.modal .img {
    height: 160px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal .button {
    margin: 0 auto;
    display: table;
}
.modal .btn-close {
    font-size: .75rem;
}

/* Cards Blog */
.card-blog {
    width: 100%;
    min-height: 430px;
    background-color: var(--color-neutral-color-0);
    border-radius: .5rem;
    overflow: hidden;
    border: 1px solid var(--color-primary-pure);
    transition: all .3s ease;
}
.card-blog.border-none {
    border: none;
}
.card-blog:hover {
    border-color: var(--color-primary-super-light);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
    border-color: var(--color-primary-light);
}
.card-blog .text {
    padding: 1rem;
}
.card-blog h3 {
    font-size: var(--font-size-16);
    margin-bottom: .5rem;
    text-decoration: none;
    color: var(--color-neutral-color-800);
    transition: color .3s ease;
    font-weight: bold;
}
.card-blog:hover h3 {
    color: var(--color-primary-pure);
}
.card-blog a {
    text-decoration: none;
}
.card-blog a p {
    color: var(--color-neutral-color-700);
    font-size: var(--font-size-14);
    line-height: var(--line-height-19-6);
}
.card-blog a p span {
    color: var(--color-primary-pure);
    font-weight: 500;
}
.card-blog .tags {
    margin-bottom: .5rem;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

/* carousel-blog */
.carousel-blog {
    border-radius: 1.5rem 1.5rem 0 0;
    position: relative;
}
.carousel-blog:before {
    content: '';
    position: absolute;
    background: url(../img/home/points-filled.svg) center center no-repeat;
    width: 167px;
    height: 52px;
    left: 50%;
    top: -26px;
    transform: translateX(-50%);
}
.carousel-blog .container-fluid {
    padding: 2rem 0 7rem 2rem;
}
.carousel-blog h2 {
    display: block;
    color: var(--color-neutral-color-0);
    margin-bottom: 1.25rem;
}
.carousel-blog .button {
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
}
.carousel-blog .swiper-slide {
    width: 317px;
}
.carousel-blog .swiper {
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
    margin-top: -3rem;
}
.carousel-blog .nav-swiper {
    position: absolute;
    top: 0;
    right: 2rem;
    display: flex;
    font-size: 1.5rem;
    color: var(--color-neutral-color-0);
    gap: 1.5rem;
}
.carousel-blog .swiper-pagination {
    display: none;
}
.carousel-blog.bg-warning-light {
    background-color: var(--color-warning-light);
    border-radius: 0;
}
.carousel-blog.bg-warning-light h2 {
    font-size: var(--font-size-24);
    margin-bottom: 2rem;
    font-weight: var(--font-weight-600);
    color: var(--color-neutral-color-800);
}
.carousel-blog.bg-warning-light .card-blog {
    border: none;
}
.carousel-blog.bg-warning-light:before {
    display: none;
}
.carousel-blog.bg-warning-light .nav-swiper {
    color: var(--color-neutral-color-800);
}


/* carousel-banner-blog */
.carousel-banner-blog  {
    position: relative;
}
.carousel-banner-blog .swiper-big {
    padding: 0;
}
.carousel-banner-blog .swiper-big .swiper-slide {
    padding: 2.5rem 2.5rem 2rem;
    height: 560px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.carousel-banner-blog .swiper-big .swiper-slide:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(5, 2, 14, 0) 52%, rgba(5, 2, 14, 0.60) 100%, rgba(5, 2, 14, 0) 100%);
    left: 0;
    top: 0;
}
.carousel-banner-blog .swiper-big .swiper-slide .container {
    position: relative;
}
.carousel-banner-blog .box {
    background-color: rgba(243, 242, 242, 0.8);
    padding: 2rem;
    border-radius: 1.5rem;
    max-width: 756px;
    width: 100%;
    position: relative;
}
.carousel-banner-blog .box .tags {
    margin-bottom: 1rem;
}
.carousel-banner-blog .box h2 {
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-800);
}
.carousel-banner-blog .box p {
    color: var(--color-neutral-color-700);
    margin-bottom: 2rem;
}
.carousel-banner-blog .swiper-big .nav-swiper {
    display: flex;
    color: var(--color-primary-pure);
    position: absolute;
    right: 2rem;
    gap: 2rem;
}

.other-contents {
    position: absolute;
    bottom: -3.75rem;
    z-index: 1;
    width: 100%;
}
.other-contents h3 {
    color: var(--color-neutral-color-0);
    font-size: 1.25rem;
}
.other-contents .swiper-slide {
    width: 310px;
    height: 124px;
}

/* card-other */
.card-other {
    display: grid;
    grid-template-columns: 108px 1fr;
    border-radius: .5rem;
    background-color: var(--color-neutral-color-0);
    overflow: hidden;
    max-width: 310px;
    max-height: 124px;
    align-items: center;
}
.card-other .text {
    padding: 1rem;
}
.card-other .text h4 {
    font-size: 1rem;
    color: var(--color-neutral-color-800);
    margin-bottom: .5rem;
    display: block;
}
.card-other .text .button {
    display: inline-block;
}

/* blog-grid */
.blog-grid {
    background: var(--color-warning-light) url(../img/home/bg-produtos.svg) center center/cover;
    padding: 6.563rem 0 5.375rem;
}
.blog-grid .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
}
.blog-grid .card-blog {
    max-width: 384px;
    border-color: var(--color-neutral-color-200);
    margin-bottom: 1.5rem;
}
.blog-grid .nav-cat-search {
    margin-bottom: 3rem;
}
.nav-cat-search  {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav-cat-search form {
    width: 100%;
    position: relative;
    max-width: 600px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.nav-cat-search form input[type="text"] {
    width: 100%;
    height: 46px;
    border: 1px solid var(--color-neutral-color-200);
    background-color: var(--color-neutral-color-0);
    border-radius: .5rem;
    padding: 0 .75rem 0 2.5rem;
    transition: width .3s ease-in-out;
}
.nav-cat-search form input[type="text"]::placeholder {
    color: var(--color-neutral-color-400);
}
.nav-cat-search form i {
    color: var(--color-primary-pure);
    border: none;
    background: none;
    position: absolute;
    top: .9rem;
    left: .8rem;

}
.nav-cat-search form input[type="submit"] {
    background-color: var(--color-primary-pure);
    color: var(--color-neutral-color-0);
    padding: .75rem 1.5rem;
    display: block;
    border-radius: .5rem;
    border: none;
    display: none;
    height: 46px;
}
.nav-cat-search form.active input[type="submit"] {
    display: block;
}

/* pagination */
.pagination, .wp-pagenavi {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    margin-top: 1.5rem;
}
.pagination a, .pagination span, .wp-pagenavi a, .wp-pagenavi span {
    font-size: 1rem;
    color: var(--color-neutral-color-800);
    display: block;
    padding: .5rem !important;
    border: none !important;
    text-decoration: none;
}
.pagination span.current, .wp-pagenavi span.current {
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-600);
}
.pagination a.nav {
    font-size: 1.25rem;
    color: var(--color-neutral-color-800);
    margin: 0 .25rem;
}
.wp-pagenavi span.pages {
    display: none;
}
.wp-pagenavi a.last, .wp-pagenavi a.first {
    display: none;
}


/* nav-tab */
.nav-tab {
    display: flex;
    gap: 8px;
    align-items: center;
}
.nav-tab .nav-link {
    color: var(--color-neutral-color-600);
    padding: 0.5rem 1rem;
    border-bottom: 2px solid transparent;
    font-size: 1.25rem;
}
.nav-tab .nav-link:hover, .nav-tab .nav-link.active {
    border-color: var(--color-primary-pure);
    color: var(--color-primary-pure);
}

/* content-error */
.content-error {
    display: flex;
    align-items: center;
    max-width: 800px;
    gap: 2rem;
    justify-content: center;
    margin: 0 auto;
}
.content-error p {
    color: var(--color-neutral-color-500);
}
.content-error h4 {
    color: var(--color-primary-pure);
    font-size: var(--font-size-20);
    margin: .5rem 0 1rem;
    display: block;
}
.content-error {
    display: flex;
    align-items: center;
    max-width: 800px;
    gap: 2rem;
}
.content-error .button {
    display: inline-block;
}

/* Post */
.img-post {
    width: 100%;
    height: 480px;
}
.img-post.bg-curve {
    background: var(--color-primary-pure) url(../img/receitas/bg-banner.svg);
    border-radius: 0 0 1000% 1000% /  0 0 100% 100%; /* Curva a base inferior */
}
.img-post img {
    width: 100%;
    height: 480px;
    object-fit: cover;
}
.img-post .container {
    position: relative;
}
.img-post .container .button {
    position: absolute;
    font-size: .875rem;
    height: 44px;
    padding: 0.75rem 1rem;
    top: 1.5rem;
}
.img-post .container .button i {
    font-size: 1rem;
}

.img-post.bg-curve h1 {
    color: var(--color-neutral-color-0);
    font-size: var(--font-size-48);
    line-height: var(--line-height-57-6);
    font-weight: var(--font-weight-600);
}
.img-post.bg-curve p {
    color: var(--color-neutral-color-0);
    margin-bottom: 1rem;
}
.img-post.bg-curve p strong {
    color: var(--color-warning-pure);
    font-size: var(--font-size-20);
}
.img-post.bg-curve .text {
    max-width: 436px;
    padding: 6rem 1.25rem 0;
}

/* grid-post */
.grid-post {
    padding: 3rem 0 12.438rem;
}
.grid-post .grid {
    display: grid;
    grid-template-columns: 1fr 405px;
    gap: 2.688rem;
}
.grid-post .carousel-blog {
    display: none;
}
.content-post .tags {
    display: block;
    margin-bottom: 1rem;
}
.content-post h1 {
    color: var(--color-neutral-color-800);
    font-size: var(--font-size-32);
    line-height: var(--line-height-42-6);
    margin-bottom: .75rem;
    font-weight: bold;
}
.content-post .meta {
    font-size: var(--font-size-14);
    color: var(--color-neutral-color-700);
    margin-bottom: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.content-post .meta .share {
    display: flex;
    color: var(--color-primary-pure);
    gap: .5rem;
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-14);
}
.content-post p {
    color: var(--color-neutral-color-700);
    margin-bottom: 1.5rem;
}
.content-post a {
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-500);
    text-decoration: none;
}
.content-post a.button {
    display: inline-block;
}
.content-post h4 {
    color: var(--color-primary-pure);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-600);
    margin-bottom: 1.5rem;
}
.content-post img.alignleft {
    float: left;
    margin: 0 1.5rem 1.5rem 0;
}
.content-post img.alignright {
    float: right;
    margin: 0 0 1.5rem 1.5rem;
}
.responsive-video {
    position: relative;
    padding-bottom: 35%;
    height: 0;
    overflow: hidden;
    max-width: 505px;
    margin: 0 auto 1.5rem;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid-post .sidebar {

}
.grid-post .sidebar p {
    color: var(--color-neutral-color-800);
    font-weight: bold;
    margin-bottom: .5rem;
    display: block;
}
.grid-post .sidebar .social {
    padding: 0 2.75rem;
}
.grid-post .sidebar .social .links {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}
.grid-post .sidebar .social .links a {
    font-size: 1.5rem;
    color: var(--color-primary-pure);
}
.grid-post .sidebar .list-posts {
    margin-top: 2rem;
    padding: 2rem 2.75rem;
    background: rgba(243, 174, 61, 0.15);
    border-radius: 1.875rem 0 0 1.875rem;
}
.grid-post .sidebar .list-posts .card-blog {
    margin-bottom: 1rem;
}

/* box-units */
.box-units {
    padding-bottom: 6.125rem;
    margin-top: -5.5rem;
}
.box-units .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.box-units .box {
    background-color: var(--color-neutral-color-0);
    border-radius: 1rem;
    border: 1px solid var(--color-neutral-color-200);
    margin-bottom: 1.5rem;
    overflow: hidden;
}
.box-units .box h3 {
    color: var(--color-neutral-color-800);
    padding: 1rem;
    margin: 0 0 .5rem;
    background-color: var(--color-neutral-color-100);
    font-size: 24px;
    font-weight: 600;
}
.box-units .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.box-units .box .item {
    padding: 1rem;
    margin-bottom: .5rem;
}
.box-units .box .item h4 {
    font-size: 20px;
    color: var(--color-neutral-color-800);
    margin-top: .5rem;
    margin-bottom: 1.5rem;
    display: block;
}
.box-units .box .item .icon {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
    color: var(--color-neutral-color-800);
    font-weight: 500;
}
.box-units .box .item p {
    margin-bottom: 0;
}


/* Footer */
footer {
    padding: 0;
    background-color: var(--color-neutral-color-0);
}
footer h3 {
    font-size: var(--font-size-20);
    line-height: 1.75rem;
    color: var(--color-neutral-color-700);
    margin-bottom: .5rem;
}
footer h2 {
    font-size: var(--font-size-32);
    line-height: var(--line-height-42-6);
    color: var(--color-neutral-color-800);
    letter-spacing: var(--letter-space-1-2);
    font-weight: var(--font-weight-600);
    color: var(--color-neutral-color-800);
}
footer .top {
    padding-top: 1.5rem;
    border-top: 0.50px var(--color-neutral-color-200) solid;
    min-height: 210px;
}
footer .varejista {
    display: none;
}
.select-user {
    margin-top: 3rem;
    display: table;
    gap: 1rem;
}
.select-user p {
    font-size: var(--font-size-14);
    color: var(--color-neutral-color-1000);
    font-weight: var(--font-weight-500);
    margin-bottom: .25rem;
}
.select-user .buttons {
    padding: .25rem;
    background-color: var(--color-neutral-color-100);
    display: flex;
    border-radius: .5rem;
}
.select-user .buttons a {
    padding: .5rem 1rem;
    background-color: var(--color-neutral-color-100);
    color: var(--font-weight-600);
    text-decoration: none;
    border-radius: .5rem;
}
.select-user .buttons a.active {
    background-color: var(--color-neutral-color-0);
    color: var(--color-helper-pure);
    font-weight: var(--font-weight-600);
}
footer .info {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}
footer .info h4 {
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-20);
    color: var(--color-neutral-color-800);
    margin-bottom: .2rem;
}
footer .info a {
    color: var(--color-neutral-color-700);
    text-decoration: none;
}
footer .info .button {
    font-size: var(--font-size-12);
    padding: .5rem 1rem;
    border-radius: .5rem;
    margin-top: .5rem;
    display: table;
}
footer .bottom {
   margin-top: 3rem;
   padding: 1.5rem 0;
   border-top: 1px solid var(--color-neutral-color-200);
}
footer .bottom .container {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}
footer .bottom .logo {
    margin-right: 3rem;
}
footer .bottom .menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    list-style: none;
}
footer .bottom .menu > li:first-child {
    display: none;
}
footer .bottom .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
footer .bottom .menu ul li {
    margin-bottom: .3rem;
    display: block;
}
footer .bottom .menu ul li a {
    font-size: var(--font-size-14);
    color: var(--font-weight-600);
}
footer .bottom .menu a {
    text-decoration: none;
}
footer .bottom .menu a.title, footer .bottom .menu > li > a {
    color: var(--color-neutral-color-800);
    font-weight: var(--font-weight-600);
    color: var(--color-neutral-color-800);
    margin-bottom: 1rem;
    display: block;
}
footer .bottom .social {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    height: 70px;
}
footer .bottom .social a {
    width: 2rem;
    height: 2rem;
    color: var(--color-primary-pure);
    border: 1px solid var(--color-neutral-color-400);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .2rem;
    border-radius: .5rem;

}
footer .copy {
    background-color: var(--color-primary-pure);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem;
}
footer .copy p {
    margin-bottom: 0;
    color: var(--color-neutral-color-0);
    font-size: var(--font-size-14);
}

/* banner-recipes */
.banner-recipes {
    height: 480px;

    overflow: hidden;
    background: var(--color-primary-pure) url(../img/receitas/bg-banner.svg);
    background-size: 40%;
    background-position: center;
    margin-bottom: -50px;
}
.banner-recipes .container {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    height: 100%;
}
.banner-recipes .bg {
    height: 480px;
    width: 800px;
    background-size: cover;
    background-position: center center;
    border-radius: 78px 110px;
    transform: skewX(343deg);
    position: relative;
    overflow: hidden;
    margin-left: -17%;
    position: absolute;
    top: 0;
}
.banner-recipes .bg img {
    transform: skewX(-343deg);
    position: absolute;
    max-width: none;
    left: -60px;
}
.banner-recipes .text {
    position: relative;
    max-width: 540px;
    padding-left: 50px;
}
.banner-recipes .text h3 {
    position: relative;
    font-size: var(--font-size-20);
    color: var(--color-neutral-color-0);
    display: block;
    margin-bottom: 1.938rem;
    margin-left: 20px;
}
.banner-recipes .text h3::before {
    content: '';
    width: 181px;
    height: 71px;
    position: absolute;
    left: -19px;
    top: -27px;
    background: url(../img/receitas/line-text.svg) center center/cover no-repeat;
    background-size: 100%;

}
.banner-recipes .text h1 {
    font-size: var(--font-size-40);
    line-height: 3.325rem;
    color: var(--color-neutral-color-0);
    margin-bottom: 1.563rem;
    display: block;
}

/* banner-calculator */
.banner-calculator {
    height: 480px;
    overflow: hidden;
    background: var(--color-primary-pure) url(../img/receitas/bg-banner.svg);
    background-size: 40%;
    background-position: center;
}
.banner-calculator .container {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    height: 100%;
}
.banner-calculator .bg {
    height: 480px;
    width: 800px;
    background-size: cover;
    background-position: center center;
    border-radius: 78px 110px;
    transform: skewX(343deg);
    position: relative;
    overflow: hidden;
    margin-left: -17%;
    position: absolute;
    top: 0;
}
.banner-calculator .bg img {
    transform: skewX(-343deg);
    position: absolute;
    max-width: none;
    left: -60px;
}
.banner-calculator .text {
    position: relative;
    max-width: 540px;
    padding-left: 50px;
}
.banner-calculator .text p {
    position: relative;
    color: var(--color-neutral-color-0);
    display: block;
    margin-bottom: 0;
}
.banner-calculator .text h1 {
    font-size: var(--font-size-40);
    line-height: 3.325rem;
    color: var(--color-neutral-color-0);
    margin-bottom: .5rem;
    display: block;
}

/* Conversor */
.calculator, .send-recipe {
    margin-top: -50px;
    position: relative;
}
.box-conversor, .box-send-recipe {
    background-color: var(--color-neutral-color-0);
    max-width: 693px;
    border: 1px solid var(--color-neutral-color-200);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    border-radius: 1.5rem;
    margin: 0 auto;
    overflow: hidden;
}
#conversor-form, #acf-form {
    padding: 2.5rem 2rem;
}
#conversor-form label, #acf-form label {
    font-size: var(--font-size-20);
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-600);
    margin-bottom: .25rem;
    display: block;
    position: relative;
}
#conversor-form label span {
    font-size: var(--font-size-24);
    position: absolute;
    left: -35px;
}

#conversor-form input, #conversor-form select, #acf-form input, #acf-form select {
    width: 100%;
    height: 46px;
    border: 1px solid var(--color-neutral-color-200);
    color: var(--color-neutral-color-400);
    padding: 0.75rem;
    border-radius: 8px;
}
#conversor-form .select {
    position: relative;
}
#acf-form .acf-fields > .acf-field {
    border: none;
    padding: 0;
    margin-bottom: 2rem;
}
#acf-form .acf-table .acf-fields > .acf-field {
    margin-bottom: 30px;
}
.acf-repeater .acf-row-handle.order, .acf-repeater .acf-row-handle .acf-icon.-plus {
    display: none !important;
}
.acf-repeater .acf-row-handle.remove, .acf-repeater>table {
    background: none !important;
    border: none !important;
    position: unset !important;
}
.acf-repeater .acf-row-handle a.acf-icon.-minus {
    position: absolute !important;
    display: flex !important;
    opacity: 1;
    bottom: -56px;
    top: unset;
    left: 0;
    color: var(--color-neutral-color-0);
    background-color: var(--color-primary-pure);
    width: 188px;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    border-radius: 0.5rem;
    font-weight: var(--font-weight-500);
    font-family: var(--bs-body-font-family);
    border: none !important;
    align-items: center;
    height: 48px;
}
#acf-form .acf-fields > .acf-field.acf-field-repeater {
    margin-bottom: 87px !important;
}
/* .acf-field-repeater.acf-field .acf-row:last-child a.acf-icon.-minus {
    right: 218px;
} */
.acf-repeater .acf-row-handle a.acf-icon.-minus:before {
    content: 'Remover etapa';
    font-family: var(--bs-body-font-family);
    width: 100%;
    font-size: 20px;
    font-weight: var(--font-weight-500);
}
.acf-repeater > table {
    border: none;
}
.send-recipe #acf-form .acf-repeater .acf-row-handle.order + td {
    padding: 0 !important;
    border: none;
}
.acf-field-repeater.acf-field .acf-row {
    margin-top: 100px;
    display: block;
    position: relative;
}
.acf-field-repeater.acf-field .acf-row:first-child {
    margin-top: 25px;
}
.send-recipe .acf-input a {
    color: var(--color-primary-pure);
}
#acf-form .acf-oembed .input-search {
    border: none;
    padding: 0;
}
#acf-form .acf-basic-uploader {
    font-size: 1rem;
}
#acf-form .acf-basic-uploader input {
    border: none;
}
#conversor-form .select i {
    color: var(--color-primary-pure);
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .75rem;
    pointer-events: none;
}
#conversor-form select {
    appearance: none;
    -webkit-appearance:none;
    -moz-appearance: none;
    -ms-appearance: none;
}
#conversor-form .group {
    margin-bottom: 2rem;
    display: block;
    padding-left: 35px;
    position: relative;
}

#conversor-form .group .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
}
#conversor-form input[type="text"]::placeholder {
    color: var(--color-neutral-color-400);
}
#conversor-form input[type="submit"], #conversor-form button, #acf-form input[type="submit"], .acf-repeater .acf-actions .acf-button {
    width: auto;
    color: var(--color-neutral-color-0);
    font-size: var(--font-size-20);
    width: 164px;
}
#acf-form input[type="submit"], .acf-repeater .acf-actions .acf-button, #acf-form a.acf-button.button {
    color: var(--color-neutral-color-0);
    background-color: var(--color-primary-pure);
    width: auto;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    border-radius: 0.5rem;
    font-weight: var(--font-weight-500);
    display: block;
}
#acf-form .acf-image-uploader a.acf-button.button {
    display: table;
}
#acf-form .acf-table .acf-field label {
    font-size: 1rem;
    color: #667085;
    font-weight: var(--font-weight-400);
}
#acf-form .acf-repeater .acf-row-handle.order + td {
    padding: 1rem !important;
}
#conversor-form button {
    color: var(--color-primary-pure);
    background-color: var(--color-neutral-color-0);
    border-color: var(--color-neutral-color-400);
}
#conversor-form .buttons {
    display: flex;
    align-items: center;
    padding-left: 35px;
    justify-content: space-between;
}

#result-conversor {
    background-color: var(--color-primary-pure);
    margin-top: 2rem;
    padding: 1.5rem 0 2.5rem;
    text-align: center;
    color: var(--color-neutral-color-0);
    display: none;
}
#result-conversor h4 {
    font-size: 1rem;
    display: block;
    margin: 0 auto 1rem;
    position: relative;
    width: 206px;
}
#result-conversor h4:before, #result-conversor h4:after {
    content: '';
    width: 50px;
    height: 1px;
    background-color: var(--color-neutral-color-0);
    position: absolute;
    left: 0;
    top: 50%;
}
#result-conversor h4:after {
    right: 0;
    left: unset;
}
#result-conversor p {
    font-size: var(--font-size-20);
}
#result-conversor p span {
    font-size: var(--font-size-32);
    display: block;
    font-weight: 600;
    line-height: var(--line-height-42-6);
    margin-top: .5rem;
}

/* title-cat */
.title-cat-recipes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.title-cat-recipes h2 {
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-600);
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: var(--font-size-24);
    margin-bottom: 0;
}

/* carousel-videos-list */
.carousel-videos-list .swiper-slide {
    width: 228px;
}

/* card-video */
.card-video {
    width: 228px;
    height: 360px;
    border-radius: 1.125rem;
    position: relative;
    background-size: cover;
    overflow: hidden;
}
.card-video:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 157px;
    background: linear-gradient(rgba(5, 2, 14, 0), rgba(5, 2, 14, 1));
    left: 0;
    bottom: 0;
    z-index: 1;
}
.card-video:after {
    content: '';
    background: url(../img/receitas/ico-play.svg);
    width: 56px;
    height: 56px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 2;
}
.card-video:hover:after {
    opacity: 1;
}
.card-video .click {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    cursor: pointer;
}
.card-video .text {
    position: absolute;
    bottom: 0;
    height: 157px;
    padding: 1.5rem 0.875rem;
    z-index: 4;
}
.card-video h2 {
    margin-top: .5rem;
    color: var(--color-neutral-color-0);
    font-size: var(--font-size-20);
    line-height: 1.75rem;
    display: block;
}
.card-video .tags {
    position: relative;
    z-index: 3;
}
.card-video .tags a {
    color: var(--color-neutral-color-0);
    border-color: var(--color-neutral-color-0) ;
}
.card-video .videoPreview {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.card-video .videoPreview iframe {
    width: 300%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
}
/* #videomodal */
#videomodal {
    position: fixed;
    z-index: 10;
    display: none;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#videomodal .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
#videomodal .content {
    max-width: 960px;
    width: 100%;
    position: relative;
    z-index: 1;
}
#videomodal.active {
    display: flex;
}
#videomodal a#closeIframeVideo {
    position: absolute;
    z-index: 1;
    width: 36px;
    height: 32px;
    top: 1.25rem;
    right: 1.25rem;
    border: 1px solid var(--color-neutral-color-0);
    border-radius: 6px;
    transition: width .3s ease-in-out;
    text-decoration: none;
    color: var(--color-neutral-color-0);
    font-size: var(--font-size-14);
    display: flex;
    align-items: center;
    padding-left: .5rem;
    white-space: nowrap;
}
#videomodal a#closeIframeVideo:before {
    content: '';
    position: absolute;
    background: url(../img/receitas/close.svg) center center no-repeat;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 11px;
    transform: translateY(-50%);
}
#videomodal a#closeIframeVideo span {
    opacity: 0;
    transition: opacity .3s ease;
}
#videomodal a#closeIframeVideo:hover {
    width: 150px;
}
#videomodal a#closeIframeVideo:hover span {
    opacity: 1;
}

/* section-recipes-cat */
.section-recipes-cat .swiper-slide {
    width: 288px;
}
.section-recipes-cat .cards .button {
    margin: 0;
}

/* banner-red */
.banner-red {
    height: 160px;
    background-color: var(--color-primary-pure);
    margin-bottom: -110px;
}
.banner-red .bg {
    opacity: .10;
    height: 160px;
    background: url(../img/receitas/bg-red.svg) center center/cover;
}

/* breadcrumbs */
.breadcrumbs {

}
.breadcrumbs a.back {
    float: left;
    font-size: var(--font-size-24);
    color: var(--color-primary-pure);
    margin-right: 1.5rem;
}
.breadcrumbs p {
    color: var(--color-neutral-color-500);
    font-size: var(--font-size-12);
    margin-bottom: .25rem;
}
.breadcrumbs .links {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.breadcrumbs .links a, .breadcrumbs .links span {
    color: var(--color-neutral-color-600);
    text-decoration: none;
}
.breadcrumbs .links span.current {
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-500);
}

/* recipes-result */
.recipes-result .meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.recipes-result .content-error {
    max-width: 630px;
}

/* filter-page-order */
.filter-page-order {
    display: flex;
    align-items: flex-end;
    gap: 16px;

}
.filter-page-order .button {
    font-size: var(--font-size-14);
    padding: 0.75rem 1rem;
}
.filter-page-order .text span {
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-500);
}

/* cards-videos-result */
.cards-videos-result .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 1.25rem;
}
.cards-videos-result .grid .card-video {
    margin-bottom: .75rem;
}

/* recipes-related */
.recipes-related {
    position: relative;
}
.recipes-related .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.recipes-related h2 {
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-800);
    margin-bottom: 0;
}
.recipes-related .swiper-slide {
    width: 288px;
}
.recipes-related .nav-swiper {
    display: flex;
    gap: 16px;
}

/* recipe-slider */
.recipe-slider {
    height: 600px;
    background-color: var(--color-primary-pure);
    display: flex;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
}
.recipe-slider .text {
    padding-bottom: 8rem;
}
.recipe-slider .text h3 {
    color: var(--color-warning-pure);
    font-size: var(--font-size-24);
    margin-bottom: 0.25rem;
}
.recipe-slider .text h1 {
    color: var(--color-neutral-color-0);
    font-size: var(--font-size-40);
    line-height: 3.325rem;
    margin-bottom: 1rem;
    max-width: 40%;
}
.recipe-slider .meta {
    display: flex;
    gap: 1rem;
    font-size: var(--font-size-20);
    color: var(--color-neutral-color-0);
}
.recipe-slider .meta i {
    font-size: var(--font-size-24);
    color: var(--color-warning-pure);
    margin-right: 0.375rem;
}
.recipe-slider span.author {
    display: block;
    color: var(--color-warning-pure);
    margin-top: 1rem;
}
.recipe-slider .video {
    height: 600px;
    width: 70%;
    background-size: cover;
    background-position: center center;
    border-radius: 160px 0 0 60px;
    transform: skewX(-345deg);
    position: relative;
    overflow: hidden;
    position: absolute;
    right: -15%;
    top: 0;
    transform: skewX(-344deg);
}
.recipe-slider .video .bg {
    position: absolute;
    left: -50px;
    top: 0;
    max-width: none;
    transform: skewX(344deg);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recipe-slider .video:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.37) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}
.recipe-slider .popupVideo {
    transform: skewX(344deg);
    z-index: 1;
    margin-left: -10%;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    justify-content: center;
}
.recipe-slider .popupVideo a  {
    font-size: var(--font-size-20);
    color: var(--color-neutral-color-0);
    text-decoration: none;
    position: relative;
    z-index: 1;
}
.recipe-slider .popupVideo img {
    display: block;
    margin: 0 auto .5rem;
}
.recipe-slider .videoPreview {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.recipe-slider .videoPreview iframe {
    width: 114%;
    height: 114%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

/* recipes-carousel-products */
.recipes-carousel-products {
    margin-top: -5rem;
    position: relative;
    background: url(../img/receitas/bg-products.svg) center bottom repeat-x;
    height: 163px;
}
.recipes-carousel-products .degradee {
    background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 82px;
}
.recipes-carousel-products h2 {
    color: var(--color-neutral-color-0);
    font-size: var(--font-size-20);
    line-height: 1.75rem;
    font-weight: var(--font-weight-400);
}
.recipes-carousel-products .swiper-slide {
    width: 302px;
    padding: 0.375rem 0;
}
.recipes-carousel-products .swiper-slide.more p {
    display: none;
}
.recipes-carousel-products .swiper-slide.more .box {
    width: 106px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(231, 228, 229, 1)
}
.recipes-carousel-products .swiper-slide.more {
    width: 106px;
}
.recipes-carousel-products .box {
    width: 100%;
    height: 100px;
    background-color: var(--color-neutral-color-0);
    border-radius: 1.5rem;
    display: grid;
    grid-template-columns: 108px 1fr;
    padding: .75rem;
    align-items: center;
    text-decoration: none;
    color: var(--color-neutral-color-800);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
}

/* recipe-text */
.recipe-text {
    padding: 3rem 0;
}
.recipe-text .container {
    display: grid;
    grid-template-columns: 40.72% 1fr;
    gap: 1rem;
}
.recipe-text h2 {
    font-size: var(--font-size-24);
    margin-bottom: 1rem;
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-600);
    display: block;
}
.recipe-text .text a {
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-500);
}
.recipe-text .text p {
    margin-bottom: 1rem;
}
.recipe-text .list p {
    display: block;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--color-primary-pure);
}
.recipe-text .list ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: block;
}
.recipe-text .list ul li {
    counter-increment: num;
    margin-bottom: 1.5rem;
    position: relative;
    display: grid;
    grid-template-columns: 2rem 1fr;
    align-items: center;
    gap: 1.5rem;
}
.recipe-text .list ul li:last-child {
    margin-bottom: 0;
}
.recipe-text .list ul li:before {
    content: counter(num);
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--color-primary-pure);
    border-radius: .375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-primary-pure);
}

/* recipes-comments */
.recipes-comments {
    padding: 3rem 0;
}
/* separator */
.separator {
    background: url(../img/receitas/separator.svg) center center no-repeat;
    width: 100%;
    height: 30px;
}

/* products */

/* banner-products */
.banner-products {
    height: 420px;
    overflow: hidden;
    background: var(--color-primary-pure) url(../img/receitas/bg-banner.svg);
    align-items: center;
    position: relative;
    background-size: 45%;
    background-position: center;
    margin-bottom: -80px;
}
.banner-products.no-bg {
    background: none;
}
.banner-products .bg {
    height: 440px;
    width: 700px;
    background-size: cover;
    background-position: center center;
    border-radius: 78px 0px 139px 63px;
    transform: skewX(-343deg);
    position: absolute;
    overflow: hidden;
    top: -20px;
    left: 60%;
}
.banner-products .bg img {
    transform: skewX(343deg);
    position: absolute;
    left: -60px;
    top: 19px;
    max-width: none;
}
.banner-products .text {
    position: relative;
    max-width: 540px;
    height: 420px;
    display: flex;
    justify-content: center;
    padding-left: 30px;
    flex-direction: column;
}
.banner-products .text h1 {
    position: relative;
    font-size: var(--font-size-40);
    color: var(--color-neutral-color-0);
    line-height: 133%;
    margin-bottom: .5rem;
    display: block;
}
.banner-products .text h2 {
    font-size: var(--font-size-24);
    line-height: 2.1rem;
    margin-bottom: 0.25rem;
}
.banner-products .text p {
    color: var(--color-neutral-color-0);
}
.banner-products.no-bg .text p {
    color: var(--color-neutral-color-800);
}

/* result-products */
.search-filter-results {
    padding-top: 60px;
}
.result-products {
    margin-top: 2.5rem;
    padding-bottom: 5rem;
}
.result-products ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.result-products ul li.sf-field-search {
    width: calc(100% - 324px);
    position: absolute;
    left: 307px;
    top: 0;
}
.result-products ul li.sf-field-search:before {
    content: '\f52a';
    display: inline-block;
    font-family: bootstrap-icons!important;
    font-style: normal;
    font-weight: 400!important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: var(--color-primary-pure);
    left: 22px;
    top: 15px;
}

.result-products ul li.sf-field-search input[type="text"]::placeholder {
    color: var(--color-neutral-color-400);
}
.result-products ul li.sf-field-search label {
    width: 100%;
}
.result-products ul li.sf-field-search input[type="text"] {
    width: 100%;
    height: 46px;
    border: 1px solid var(--color-neutral-color-200);
    background-color: var(--color-neutral-color-0);
    border-radius: 0.5rem;
    padding: 0 0.75rem 0 2.5rem;
    transition: width .3s ease-in-out;
}
.result-products .container {
    position: relative;
    display: grid;
    grid-template-columns: 272px 1fr;
    gap: 2rem;
}
.result-products .sidebar h2 {
    font-size: var(--font-size-20);
    color: var(--color-neutral-color-800);
    border-bottom: 1px solid var(--color-neutral-color-200);
    padding-bottom: .5rem;
}
.result-products .sidebar h4 {
    font-size: var(--font-size-16);
    color: var(--color-primary-pure);
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}
.result-products .sidebar .linha a {
    display: flex;
    width: 100%;
    max-width: 134px;
    font-size: var(--font-size-12);
    padding: .5rem .1rem;
    color: var(--color-primary-pure);
    border: 1px solid var(--color-primary-pure);
    border-radius: .5rem;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    font-weight: var(--font-weight-500);
    gap: .5rem;
    line-height: 1.05rem;
}
.result-products .sidebar .linha li:first-child, .result-products .sidebar li:first-child {
    margin-top: 0;
}
.result-products .sidebar .linha li {
    margin-top: 1rem;
}
.result-products .sidebar .linha a i {
    font-size: var(--font-size-14)
}
.result-products .sidebar li {
    margin-top: .75rem;
    padding: 0;
}
.result-products .searchandfilter li[data-sf-field-input-type=checkbox] label {
    padding: 0;
}
.result-products .sidebar label {
    color: var(--color-neutral-color-600);
    margin-left: .5rem;
}
.result-products .result .nav-cat-search {
    margin-bottom: 1rem;
}
.result-products .result .nav-cat-search form {
    max-width: 100%;
}
.result-products .result .number {
    font-size: var(--font-size-20);
    color: var(--color-neutral-color-700);
    margin-bottom: 2rem;
}
.result-products .result .number span {
    font-weight: var(--font-weight-600);
    color: var(--color-primary-pure);
}
.result-products .result .list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem;
}
.result-products .result .pagination {
    margin-top: 2rem;
}
.result-products .filter-page-order {
    display: none;
}
li.sf-field-taxonomy-produto-categoria {
    display: none !important;
}


.card-product {
    padding: 1.5rem 1rem;
    text-align: center;
    text-decoration: none;
    border-radius: .5rem;
    border: 1px solid var(--color-neutral-color-0);
}
.card-product:hover {
    border-color: var(--color-neutral-color-200);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 8%);
}
.card-product .img {
    display: block;
    margin: 0 auto 1rem;
    text-align: center;
    width: 180px;
    height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-product h3 {
    color: var(--color-neutral-color-800);
    font-size: var(--font-size-16);
}

/* product-page */

.product-page {
    padding: 3.75rem 0 5rem;
}
.product-page .grid {
    display: flex;
    gap: 74px;
    width: 100%;
    justify-content: space-between;
}
.product-page .content {
    width: 100%;
    max-width: 795px;
}
.product-page .content h1 {
    font-size: 1.5rem;
    font-weight: var(--font-weight-600);
    color: var(--color-neutral-color-800);
    margin-top: 2rem;
}
.product-page .image-description {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 389px 1fr;
    gap: 1rem;
}
.product-page .image-description .img {
    width: 389px;
    text-align: center;
    position: relative;
}
.product-page .image-description .img img.download {
    transition: all .3s ease;
    background: var(--color-primary-pure);
    width: 40px;
    height: 40px;
    padding: .5rem;
    border-radius: .5rem;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
}
.product-page .image-description .img:hover img.download {
    opacity: 1;
}
.product-page .image-description p {
    color: var(--color-neutral-color-700);
    margin: 2.5rem 0;
}
.product-page .image-description .sizes p {
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-600);
    margin:0 0 1rem;
    display: block;
}
.product-page .image-description .sizes .buttons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: .5rem;
}
.product-page .side .card-product {
    display: block;
    margin-top: 1rem;
    border-color: var(--color-neutral-color-200);
}
.product-page .description {
    margin-top: 4.5rem;
}
.product-page .description h2 {
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-800);
    font-weight: var(--font-weight-600);
}
.product-page .description p strong {
    color: var(--color-primary-pure);
    margin-top: 1.5rem;
    font-weight: var(--font-weight-600);
    display: block;
}
.product-page .description p {
    margin-top: .5rem;
}
.product-page .description .tags {
    margin-top: 1.5rem;
    display: block;
}

.product-page .side h2 {
    font-size: var(--font-size-20);
    color: var(--color-neutral-color-800);
    font-weight: var(--font-weight-600);
}

.table-nutri {
    border-radius: .5rem;
    margin-top: 3.5rem;
    border: 1px solid var(--color-neutral-color-200);
}
.table-nutri h2 {
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-800);
    font-weight: var(--font-weight-600);
    padding: 1rem;
    margin-bottom: 0;
    border-bottom: 1px solid var(--color-neutral-color-200);
}
.table-nutri .item {
    padding: .75rem 1rem;
    color: var(--color-neutral-color-700);
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--color-neutral-color-200);
}
.table-nutri .tablepress {
    margin-bottom: 0;
}
.table-nutri p {
    padding: 0.5rem 1rem;
}
.table-nutri p.small {
    font-size: var(--font-size-12);
    border-top: 1px solid var(--color-neutral-color-200);
}
.table-nutri .tablepress {
    border-top: 1px solid var(--color-neutral-color-200);
}
.table-nutri .tablepress>*+tbody>*>*, .table-nutri .tablepress>tbody>*~*>*, .table-nutri .tablepress>tfoot>*>* {
    padding: .75rem 1rem;
}
.table-nutri .tablepress>:where(thead,tfoot)>*>th {
    background-color: var(--color-neutral-color-0);
}
.table-nutri .tablepress>:where(thead,tfoot)>*>th {
    color: var(--color-neutral-color-700);
}
/* recipes-product */
.recipes-product {
    position: relative;
    max-width: 286px;
    margin: 4rem auto 0;
}
.recipes-product:before {
    content: '';
    width: 360px;
    height: calc(100% + 76px);
    border-radius: 30px 0 0 30px;
    background-color: var(--color-warning-light);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.recipes-product > h2 {
    font-size: var(--font-size-20);
    margin-bottom: 0;
    position: relative;
}
.recipes-product > h2 strong {
    font-weight: var(--font-weight-600);
    color: var(--color-primary-pure);
}
.recipes-product .box {
    display: block;
    margin-top: 1rem;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    position: relative;
}
.recipes-product .box h2 {
    font-weight: var(--font-weight-400);
    color: var(--color-neutral-color-800);
    font-size: var(--font-size-16);
}

img.test {
    position: absolute;
    top: 0;
    right: 0;
}

/* banner-institutional */
.banner-institutional {
    height: 850px;
    background: var(--color-warning-light) url(../img/home/bg-produtos.svg) center center/cover;
    padding-top: 4rem;
    overflow: hidden;
    position: relative;
}
p.sub {
    color: var(--color-neutral-color-500);
    text-align: center;
    height: 22px;
    position: relative;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
p.sub:before, p.sub:after {
    content: '';
    width: 160px;
    height: 1px;
    background-color: var(--color-neutral-color-500);
}
.banner-institutional h2 {
    max-width: 680px;
    margin: 0 auto;
    font-size: var(--font-size-48);
    line-height: var(--line-height-57-6);
    font-weight: var(--font-weight-600);
    text-align: center;
    color: var(--color-primary-pure);
}
.banner-institutional h2 strong {
    color: var(--color-warning-pure);
}
.banner-institutional img {
    margin: -15px auto 0;
    display: block;
}
.banner-institutional:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: url(../img/institucional/tape.svg) center top repeat-x;
}

/* counters */
.counters {
    background-color: #990020;
    position: relative;
}
.counters .container {
    display: flex;
    gap: 2.5rem;
    justify-content: center;
}
.counters .container .box {
    width: 278px;
    height: 302px;
    border-radius: 1.5rem;
    padding: 2rem 1rem;
    background-color: var(--color-neutral-color-0);
    margin-top: -118px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}
.counters .container .box .img {
    text-align: center;
    width: 100%;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.counters .number {
    font-size: var(--font-size-48);
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-600);
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0 auto 1rem;
    justify-content: center;
    height: 58px;
}
.counters p {
    color: var(--color-neutral-color-800);
    text-align: center;
    line-height: var(--line-height-22-4);
    font-weight: var(--font-weight-500);
}

/* box-text*/
.box-text {
    background-color: #990020;
    padding: 3rem;
    position: relative;
}
.box-text .container {
    position: relative;
}
.box-text .img-1 {
    position: absolute;
    top: 15px;
    left: 27px;
}
.box-text .img-2 {
    position: absolute;
    bottom: -34px;
    right: 64px;
}
.box-text .box {
    width: 100%;
    max-width: 914px;
    background-color: var(--color-warning-light);
    margin: 0 auto;
    padding: 2rem 2rem 1rem;
    border-radius: 1.5rem;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
    position: relative;
}
.box-text .box .title {
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
}
.box-text .box h2 {
    display: table;
    color: var(--color-neutral-color-800);
    font-size: 1.5rem;
    font-weight: var(--font-weight-600);
    position: relative;
    text-align: center;
    margin: 0 auto;

}
.box-text .box h2 span {
    display: inline-block;
    margin-left: 0;
}
.box-text .box h2 strong {
    color: var(--color-primary-pure);
}
.box-text .box h2 .words {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    right: 0;
    width: 200px;
    margin-right: -205px;
    color: var(--color-primary-pure);
}
.box-text .box .text p {
    color: var(--color-neutral-color-700);
    margin-bottom: 1rem;
    text-align: center;
}
.box-text .box .text p strong {
    color: var(--color-primary-pure);
}
.box-text .box .text .ratio {
    display: block;
    max-width: 566px;
    margin: 2rem auto 3rem;
}
.box-text .box .text p.sub {
    margin-bottom: 1.625rem;
}

/* timeline */
.timeline {
    background-color: #990020;
    padding-left: 2.5rem;
    padding-bottom: 4rem;
    position: relative;
    border-bottom: 8px solid var(--color-warning-pure);
}
.timeline h2 {
    color: var(--color-neutral-color-0);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}
.timeline p {
    color: var(--color-neutral-color-0);
    margin-bottom: 2rem;
}
.timeline .nav-swiper {
    position: absolute;
    right: 2.5rem;
    top: 0;
    display: flex;
    font-size: 1.5rem;
    color: var(--color-neutral-color-0);
    gap: 1rem;
}
.timeline .nav-swiper .nav-button-prev, .timeline .nav-swiper .nav-button-next {
    width: 40px;
    height: 40px;
    padding: .5rem;
}
.timeline .swiper {
    padding-top: 22px;
}
.timeline .swiper:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-neutral-color-0);
    position: absolute;
    top: 10px;
    left: 143px;
}
.timeline .box:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 100px;
    background-color: var(--color-neutral-color-0);
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.timeline .box {
    width: 288px;
    background-color: var(--color-neutral-color-0);
    padding: 1rem 1rem 0.75rem 1rem;
    border-radius: 1rem;
    position: relative;
    display: block;
    text-decoration: none;
    min-height: 485px;
}
.timeline .swiper-slide {
    width: 288px;
}
.timeline .box .year {
    font-size: var(--font-size-20);
    color: var(--color-neutral-color-800);
    margin-bottom: 1rem;
    text-align: center;
    font-weight: var(--font-weight-600);
}
.timeline .box img {
    display: block;
    margin-bottom: 1.5rem;
}
.timeline .box p {
    margin-bottom: 0.25rem;
    display: block;
    color: var(--color-neutral-color-700);
}
.timeline .box p strong {
    color: var(--color-primary-pure);
}
.timeline .modal .year {
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-600);
}
.timeline .modal-body {
    padding-top: 0;
    padding-bottom: 1.5rem;
}
.timeline .modal-body p {
    margin-top: 0.625rem;
    display: block;
    color: var(--color-neutral-color-800);
}
.timeline .modal-body p strong {
    color: var(--color-primary-pure);
}
.timeline .modal-body img {
    margin-bottom: 0.375rem;
}

/* carousel-words */
.carousel-words {
    height: 80px;
    background-color: var(--color-helper-pure);
    margin-top: -156px;
}

/* carousel-banner-half */
.carousel-banner-half {
    background: var(--color-warning-light) url(../img/home/bg-produtos.svg) center center/cover;
}
.carousel-banner-half h2 {
    font-size: var(--font-size-48);
    font-weight: var(--font-weight-600);
    line-height: var(--line-height-57-6);
    margin-bottom: 0;
    margin-top: 2rem;
    color: var(--color-neutral-color-800);
}
.carousel-banner-half h2 strong {
    color: var(--color-primary-pure);
}
.carousel-banner-half .img {
    height: 600px;
    width: 100%;
    border-radius: 0 0 200px 0;
    overflow: hidden;
    position: relative;
}
.carousel-banner-half .tags {

}
.carousel-banner-half .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}
.carousel-banner-half .swiper {
    width: 100%;
    position: relative;
}
.carousel-banner-half .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.75rem;
    height: 600px;
}
.carousel-banner-half .text {
    padding-top: 2rem;
    max-width: 540px;
}
.carousel-banner-half .line {
    width: 226px;
    height: 8px;
    background-color: var(--color-primary-pure);
    margin: 1rem 0;
    display: block;
}
.carousel-banner-half p {
    margin-bottom: 2rem;
}
.carousel-banner-half p strong {
    color: var(--color-primary-pure);
}
.carousel-banner-half .nav-swiper {
    display: flex;
    gap: 1rem;
    position: absolute;
    top: 10px;
    z-index: 1;
    right: 0;
}
.carousel-banner-half .nav-button-prev, .carousel-banner-half .nav-button-next {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-neutral-color-0);
    cursor: pointer;
}

/* shop-concept */
.shop-concept {
    padding-top: 10.75rem;
    padding-bottom: 4.508rem;
    background: var(--color-warning-light) url(../img/home/bg-produtos.svg) center center/cover;
}
.shop-concept .content {
    max-width: 912px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.shop-concept .content h2 {
    color: var(--color-primary-pure);
    font-size: var(--font-size-48);
    line-height: var(--line-height-57-6);
    font-weight: var(--font-weight-600);
    text-align: center;
    margin-bottom: 4.375rem;
}
.shop-concept .bg {
    width: 874px;
    height: 520px;
    background-image: url(../img/institucional/brunolavorato.png);
    mask-image: url(../img/institucional/mask-image.svg);
    mask-size: 100vmin;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(../img/institucional/mask-image.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}
.shop-concept .text {
    margin: 2rem auto 3rem;
    display: block;
    text-align: center;
    max-width: 850px;
}
.shop-concept .text p {
    margin-bottom: 1.5rem;
}
.shop-concept .text p strong {
    color: var(--color-primary-pure);
}
.shop-concept img.tag1 {
    position: absolute;
    width: 155px;
    left: -83px;
    top: 245px;
}
.shop-concept img.tag2 {
    position: absolute;
    right: 71px;
    top: 604px;
}
.shop-concept .button.all {
    margin: 3rem auto;
}
.shop-concept .cut {
    margin: 0 auto;
    display: block;
}

/* box-local */
.box-local {
    width: 100%;
    height: 238px;
    border-radius: 1.5rem;
    padding: 1.5rem;
    background-color: var(--color-primary-pure);
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
}
.box-local .map {
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
}
.box-local .map iframe {
    border-radius: .5rem;
}
.box-local .map .button {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
}
.box-local .map:before {
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(84.4% 84.4% at 50% 50%, rgba(217, 217, 217, 0.00) 0%, #2E2E2E 100%);
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .5rem;
}
.box-local h3 {
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-0);
    margin-bottom: 1rem;
}
.box-local .item {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}
.box-local .item p {
    color: var(--color-neutral-color-0);
    margin-bottom: 0;
}
.box-local .item i {
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-0);
}

/* banner-help */
.banner-help {
    position: relative;
    overflow: hidden;
}
.banner-help::after {
    content: '';
    background-color: var(--color-primary-pure);
    width: 30%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.banner-help .container {
    width: 100%;
    height: 400px;
    display: grid;
    gap: 7.313rem;
    align-items: center;
    position: relative;
    z-index: 1;
    grid-template-columns: 1fr 1fr;
}
.banner-help h1 {
    color: var(--color-neutral-color-800);
    font-size: var(--font-size-48);
    line-height: var(--line-height-57-6);
    margin-bottom: 0.25rem;
    font-weight: var(--font-weight-600);
}
.banner-help h2 {
    color: var(--color-neutral-color-800);
    font-size: var(--font-size-24);
    line-height: 2.1rem;
    margin-bottom: 0.25rem;
}
.banner-help p {
    color: var(--color-neutral-color-700);
    margin-bottom: 1.5rem;
}
.banner-help .left {
    max-width: 491px;
}
.banner-help .right {
    position: relative;
    height: 100%;
    width: 100%;
}
.banner-help .right img {
    position: absolute;
    left: 0;
    max-width: none;
}


/* faq */
.faq {
    padding-top: 3rem;
    padding-bottom: 2rem;
}
.faq .select-user {
    margin-bottom: 2rem;
}
.faq .pagination {
    margin-top: .5rem;
}

/* call-help */
.call-help .box {
    padding: 1.5rem;
    width: 100%;
    border: 1px solid var(--color-neutral-color-200);
    display: flex;
    justify-content: space-between;
    border-radius: .5rem;
}
.call-help .box .left {
    display: flex;
    gap: 2rem;
}
.call-help .box .left i {
    font-size: var(--font-size-32);
    color: var(--color-primary-pure);
}
.call-help .box .text {
    max-width: 580px;
}
.call-help .box .text h2 {
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-800);
    margin-bottom: .5rem;
    font-weight: var(--font-weight-600);
    line-height: 2.1rem;
}

/* text-politics */
.text-politics {
    padding: 2rem 0 5rem;
}
.text-politics p {
    color: var(--color-neutral-color-800);
    text-align: center;
}
.text-politics a {
    color: var(--color-primary-pure);
    text-decoration: underline;
    font-weight: 600;
}

/* accordion-item */
.accordion-item {
    margin-bottom: 1.5rem;
}
.accordion-item:first-of-type .accordion-button {
    border-radius: 0;
}
.accordion-item, .accordion-item:first-of-type {
    border-radius: 0;
    border: none;
}
.accordion-button {
    color: var(--color-neutral-color-600);
    padding: .75rem .5rem;
    border-bottom: 1px solid var(--color-neutral-color-300);
    border-left: 2px solid var(--color-neutral-color-0);
}
.accordion-button::after {
    color: var(--color-neutral-color-700);
}
.accordion-button:focus {
    box-shadow: none;
}
.accordion-body {
    padding: 1rem 0 0;
}
.accordion-body p {
    margin-bottom: 1rem;
    color: var(--color-neutral-color-700);
}
.accordion-body p:last-child {
    margin-bottom: 0;
}
.accordion-body a {
    color: var(--color-primary-pure);
    text-decoration: underline;
}
.accordion-button:not(.collapsed) {
    color: var(--color-primary-pure);
    border-color: var(--color-primary-pure);
    background: none;
    box-shadow: none;
}
.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235e5557'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CD002B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


/* contact */
.contact .varejista {
    display: none;
}
.contact .container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.contact .left {
    padding-top: 6rem;
    max-width: 689px;
}
.contact .left.small {
    max-width: 590px;
    margin-top: 1.875rem;
    padding-top: 0;
}
.contact .left h2 {
    font-size: var(--font-size-48);
    color: var(--color-neutral-color-800);
    margin-bottom: 1rem;
    font-weight: var(--font-weight-600);
}
.contact .select-user {
    margin-top: 5rem;
}
.contact a.button {
    margin-top: .5rem;
}
.contact h3 {
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-800);
    margin-top: 3.5rem;
    font-weight: var(--font-weight-600);
    margin-bottom: 1.5rem;
}
.contact .left.small h3 {
    margin-top: 0;
}
.contact .left p {
    margin-bottom: 1rem;
}
.contact p strong {
    color: var(--color-primary-pure);
}
.contact .left .select-user p{
    margin-bottom: 0;
}
.contact .left p strong {
    color: var(--color-primary-pure);
}
.contact .left p a {
    color: var(--color-primary-pure);
    text-decoration: none;
}
.contact .left i {
    font-size: var(--font-size-20);
    margin-right: 1rem;
}
.contact .left h4 {
    font-size: var(--font-size-20);
    color: var(--color-neutral-color-800);
    margin-bottom: 2rem;
}
.contact .left h4 span {
    color: var(--color-neutral-color-700);
    font-size: var(--font-size-16);
    display: block;
    margin-top: .5rem;
    font-weight: 400;
    max-width: 400px;
}
.contact .left h4 span a {
    color: var(--color-neutral-color-700);
    text-decoration: none;
}
.contact .left h4 img {
    margin-right: 1rem;
    vertical-align: bottom;
}
.contact .left .grid {
    display: grid;
    grid-template-columns: 156px 1fr;
    column-gap: 2.5rem;
}
.contact .right {
    max-width: 389px;
}
.contact .right.big {
    max-width: 555px;
    margin-top: 1.875rem;
}
.contact .right p {
    margin-bottom: 1rem;
}
.contact .right h3 {
    font-size: var(--font-size-20);
}
.contact .right h3:first-child {
    margin-top: 3rem;
}
.contact .right a {
    color: var(--color-primary-pure);
    text-decoration: none;
    font-weight: var(--font-weight-600);
}
.contact .right a.button {
    color: var(--color-neutral-color-0);
}
.contact .right .cut {
    margin: 2rem auto 0;
}
.contact .form-contact p {
    margin: 0;
}
.form-contact {
    margin-bottom: 3.5rem;
}
.form-contact label {
    display: block;
    font-size: var(--font-size-14);
    color: var(--color-neutral-color-800);
    font-weight: var(--font-weight-500);
    margin-bottom: .25rem;
}
.form-contact input {
    padding: .75rem;
    width: 100%;
    height: 46px;
    border-radius: .5rem;
    border: 1px solid var(--color-neutral-color-200);
    background: var(--color-neutral-color-0);
    margin-bottom: 1rem;
}
.form-contact textarea {
    padding: .75rem;
    width: 100%;
    height: 108px;
    border-radius: .5rem;
    border: 1px solid var(--color-neutral-color-200);
    background: var(--color-neutral-color-0);
    margin-bottom: 1.5rem;
    display: block;
}
.form-contact input[type="submit"] {
    width: 77px;
    height: 44px;
    padding: .5rem 1rem;
    background-color: var(--color-primary-pure);
    color: var(--color-neutral-color-0);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-500);
    margin-bottom: 0;
    border: none;
}
.form-contact .wpcf7-form-control-wrap {
    display: block;

}
.form-contact .wpcf7-not-valid-tip {
    margin-top: -17px;
    margin-bottom: 1rem;
}
.form-contact .wpcf7 form .wpcf7-response-output {
    border: none;
    padding: 0;
}
/* search-box */

#results-search-recipes {
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 2;
    border-radius: 0px 0px 8px 8px;
    border: 1px solid var(--color-neutral-color-200);
    display: none;
    padding-bottom: 1rem;
}
#results-search-recipes.active {
    display: block;
}
#results-search-recipes a, #results-search-recipes p {
    margin: 0;
    padding: .5rem .5rem 0;
    color: var(--color-neutral-color-700);
    font-size: var(--font-size-14);
    display: block;
    text-decoration: none;
}

/* searchTagsRecipes */
#searchTagsRecipes .modal-dialog {
    width: 100%;
    max-width: 684px;
}
#searchTagsRecipes .modal-dialog h2 {
    color: var(--color-primary-pure);
    display: block;
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-600);
    text-align: center;
    margin-bottom: .25rem;
}
#searchTagsRecipes .modal-dialog p {
    font-size: var(--font-size-14);
    color: var(--color-neutral-color-800);
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
}
#searchTagsRecipes .modal-content {
    padding: 1.25rem 1.875rem;
}
#searchTagsRecipes .modal-header {
    display: block;
    padding: 0;
    position: relative;
}
#searchTagsRecipes .modal-body {
    display: block;
    padding: 0;
}
#searchTagsRecipes .modal-body form {
    position: relative;
    width: 100%;
    max-width: 624px;
    margin: .625rem auto 0;
    display: table;
}
#searchTagsRecipes .modal-body form .more {
    position: absolute;
    top: 50%;
    left: .75rem;
    transform: translateY(-50%);
}
#searchTagsRecipes.modal .btn-close {
    position: absolute;
    color: var(--color-primary-pure);
    font-size: 1rem;
    right: 0;
    top: 0;
    background: none;
    opacity: 1;
}
#searchTagsRecipes.modal .button {
    border: none;
    margin-top: 1rem;
}

#searchTagsRecipes #tag-search-input {
    width: 100%;
    height: 46px;
    border: 1px solid var(--color-neutral-color-200);
    border-radius: .5rem;
    padding: .75rem .75rem .75rem 2rem;
}
#searchTagsRecipes #tag-search-form.hide {
    display: none;
}
#searchTagsRecipes #tag-search-results {
    position: absolute;
    background: #fff;
    border-radius: 0px 0px 8px 8px;
    border: 1px solid var(--color-neutral-color-200);
    width: 100%;
    display: none;
    z-index: 1;
}
#searchTagsRecipes #tag-search-results.active {
    display: block;
}
#searchTagsRecipes #tag-search-results .tag-result {
    font-size: var(--font-size-14);
    color: var(--color-neutral-color-700);
    display: block;
    cursor: pointer;
    padding: .5rem .75rem;
}
#searchTagsRecipes #selected-tags {
    position: relative;
    width: 100%;
    max-width: 624px;
    margin: 0 auto 0;
    display: table;
}
#searchTagsRecipes .selected-tag {
    position: relative;
    width: 100%;
    display: block;
    padding: 0.75rem 0.75rem;
    border: 1px solid var(--color-neutral-color-200);
    border-radius: .5rem;
    height: 46px;
    margin-top: 1rem;
    font-weight: var(--font-weight-600);
    color: var(--color-neutral-color-800);
}
#searchTagsRecipes .selected-tag .remove-tag {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    cursor: pointer;
}
#searchTagsRecipes .selected-tag i.bi-check-circle-fill {
    color: var(--color-primary-pure);
    margin-right: .75rem;
}
#searchTagsRecipes .modal-footer {
    padding: 0;
}
#searchTagsRecipes.not-popup {
    display: block;
    opacity: 1;
    position: relative;
    overflow: unset;
    margin-bottom: 0;
    padding-bottom: 0;
}
#searchTagsRecipes.not-popup .modal-dialog {
    margin-bottom: 0;
    padding-bottom: 0;
    transform: none;
}
#searchTagsRecipes.not-popup .btn-close {
    display: none;
}

/*  Form Send Recipes */
.acf-field.acf-field-repeater.acf-field-651b2ebc412c9 {
    display: none !important;
}
.box-send-recipe .result {
    padding: 2.5rem 2rem;
    text-align: center;
}
.box-send-recipe .result h3 {
    font-size: var(--font-size-20);
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-600);
    margin-bottom: 1.5rem;
    display: block;
    position: relative;
}
.box-send-recipe .result p {
    font-size: 1rem;
}
.box-send-recipe .result .button {
    margin: 2rem auto 0;
}


/* cookies */
.cookies {
    position: fixed;
    width: 100%;
    bottom: 2rem;
    z-index: 100;
    display: none;
}
.cookies .mobile {
    display: none;
}
.cookies .box {
    border-radius: 1rem;
    background-color: var(--color-neutral-color-0);
    padding: 1.25rem 1.875rem;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.16);
    display: grid;
    grid-template-columns: 1fr 148px;
    align-items: center;
    gap: 1rem;
}
.cookies .box .left {
    display: grid;
    grid-template-columns: 43px 1fr;
    gap: 1rem;
}
.cookies .box strong {
    color: var(--color-primary-pure);
    font-size: var(--font-size-20);
    margin-bottom: .5rem;
    display: block;
}
.cookies .box p {
    margin-bottom: 0;
}
.cookies .box a {
    color: var(--color-primary-pure);
    text-decoration: underline;
}
.cookies .box a.button {
    color: var(--color-neutral-color-0);
    text-decoration: none;
}

/* content-default */
.content-default h1 {
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-600);
    color: var(--color-primary-pure);
    margin-bottom: 1.5rem;
}
.content-default p {
    margin-bottom: 1rem;
}
.content-default .text a {
    color: var(--color-primary-pure);
    text-decoration: underline;
}
.content-default .breadcrumbs, .content-default .text {
    margin-bottom: 2.5rem;
}

/* Press */
.banner-press {
    background: #990020 url(../img/imprensa/bg-banner-imprensa.jpg);
    height: 400px;
    color: var(--color-neutral-color-0);
}
.banner-press h1 {
    font-size: var(--font-size-48);
    margin:.5rem 0 1rem;
}
.banner-press p {
    margin-bottom: 0;
}
.banner-press .container {
    align-items: center;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.banner-press .img {
    text-align: right;
}

/* slider-press */
.slider-press {
    position: relative;

}
.slider-press .swiper-slide:after {
    content: '';
    background: url(../img/imprensa/grafismo1.svg) center center no-repeat;
    position: absolute;
    top: 8.875rem;
    left: 71.6rem;
    z-index: 1;
    width: 124px;
    height: 176px;
}
.slider-press .swiper-slide {
    height: 676px;
}
.slider-press .swiper-slide:before {
    content: '';
    background: url(../img/imprensa/mascara-slider.png) left top no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 676px;
}
.slider-press .bg {
    position: absolute;
    left: 0;
    top: 0;
}
.slider-press .box {
    background-color: var(--color-neutral-color-0);
    padding: 2rem;
    border-radius: 1.5rem;
    width: 100%;
    max-width: 600px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    margin: 11.875rem 0 0 38rem;
    z-index: 2;
}
.slider-press .box .tags {
    margin-bottom: 1rem;
}
.slider-press .box h2 {
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-800);
}
.slider-press .box p {
    color: var(--color-neutral-color-700);
    margin-bottom: 2rem;
}
.slider-press .box p strong {
    color: var(--color-primary-pure);
}
.slider-press .nav-swiper {
    display: flex;
    color: var(--color-primary-pure);
    position: absolute;
    right: 2rem;
    gap: 2rem;
}

/* media-pack */
.media-pack {
    background: #990020 url(../img/imprensa/bg-banner-imprensa.jpg);
    padding: 2.5rem 0;
}
.media-pack .container {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}
.media-pack .left {
    color: var(--color-neutral-color-0);
    max-width: 471px;
}
.media-pack .left p {
    margin-bottom: 0;
}
.media-pack h2 {
    font-size: var(--font-size-48);
    margin-bottom: 1rem;
}
.media-pack .box {
    background-color: var(--color-neutral-color-0);
    border-radius: 1.5rem;
    max-width: 520px;
    width: 100%;
    margin: 0 0 0 auto;
}
.media-pack .nav-pills {
    display: flex;
    justify-content: center;
    padding: 1rem 0 1.438rem;
    gap: 2.625rem;
    border-bottom: 1px solid var(--neutral-color-300, #DBD7D8);
}
.media-pack .nav-pills .nav-link {
    font-size: var(--font-size-20);
    color: var(--color-neutral-color-800);
    padding: 1rem;
    border-bottom: 2px solid #fff;
    border-radius: 0;
}
.media-pack .nav-pills .nav-link.active {
    background-color: transparent;
    color: var(--color-primary-pure);
    font-weight: var(--font-weight-600);
    border-radius: 0;
    border-color: var(--color-primary-pure);
}
.media-pack .box .item {
    display: grid;
    grid-template-columns: 108px 1fr;
    border-radius: 1rem;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.16);
    width: 100%;
    height: 124px;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    overflow: hidden;
}
.media-pack .box .item p {
    font-size: 1rem;
    color: var(--color-neutral-color-800);
    margin-bottom: .5rem;
    font-weight: var(--font-weight-600);
}
.media-pack .box .item .button.bord {
    font-size: var(--font-size-12);
    border-color: var(--color-neutral-color-400);
    color: var(--color-primary-pure);
    padding: .5rem 1rem;
    line-height: 16.8px;
}
.media-pack .box .item .img {
    padding: 10px;
    text-align: center;
}
.media-pack .box .scrollable-div {
    padding: 1.5rem;
}


/* Defina um estilo para a div que deseja personalizar o scroll */
.scrollable-div {
    width: 100%; /* Defina a largura desejada da div */
    height: 500px; /* Defina a altura desejada da div */
    overflow: auto; /* Garante que o scroll apareça apenas quando necessário */
    scrollbar-width: thin; /* Define a largura do scroll */
    scrollbar-color: #000 transparent; /* Define a cor do scroll */
  }

  /* Estilo para a barra de rolagem vertical */
  .scrollable-div::-webkit-scrollbar {
    width: 6px; /* Define a largura da barra de rolagem */
  }

  /* Estilo para a alça da barra de rolagem vertical */
  .scrollable-div::-webkit-scrollbar-thumb {
    background-color: #000; /* Define a cor de fundo da alça da barra de rolagem */
  }

  /* Estilo para o fundo da barra de rolagem vertical */
  .scrollable-div::-webkit-scrollbar-track {
    background-color: transparent; /* Define o fundo da barra de rolagem como transparente */
  }

  .cat-sobre-vilma h2 {
    font-size: var(--font-size-24);
    color: var(--color-neutral-color-800);
    margin-bottom: 2rem;
    font-weight: var(--font-weight-600);
  }

/* banner-sustainability */
.banner-sustainability {
    width: 100%;
    height: 560px;
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 7px solid var(--color-warning-pure);
    position: relative;
}
.banner-sustainability .infos {
    width: 732px;
    height: 388px;
    background: url(../img/sustentabilidade/bg-banner-sustentabilidade.svg) center center no-repeat;
    position: absolute;
    right: 0;
    bottom: -80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-sustainability p {
    color: var(--color-warning-pure);
    text-align: center;
}
.banner-sustainability p.sub:before, .banner-sustainability p.sub:after {
    background-color: var(--color-warning-pure);
}
.banner-sustainability .text {
    max-width: 576px;
    text-align: center;
}
.banner-sustainability .text h1 {
    font-size: var(--font-size-48);
    line-height: var(--line-height-57-6);
    color: var(--color-neutral-color-0);
    margin-bottom: .5rem;
}
.banner-sustainability .text h3 {
    font-size: var(--font-size-24);
    line-height: var(--line-height-33-6);
    color: var(--color-neutral-color-0);
    margin-bottom: 1rem;
}

/* content-sustainability */
.content-sustainability {
    padding: 9.125rem 0 0;
    margin-bottom: -3rem;
    background: var(--color-warning-light) url(../img/home/bg-produtos.svg) center center;
}
.content-sustainability .container {
    max-width: 914px;
}
.content-sustainability .box-management {
    background-color: var(--color-neutral-color-0);
    padding: 2rem;
    text-align: center;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
    border-radius: 1.5rem;
}
.content-sustainability .box-management h2 {
    font-size: var(--font-size-24);
    line-height: var(--line-height-33-6);
    color: var(--color-neutral-color-800);
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    position: relative;
    font-weight: 600;
}
.content-sustainability .box-management h2:after {
    content: '';
    width: 50px;
    height: 1px;
    background-color: var(--color-green);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}
.content-sustainability .box-management p {
    color: var(--color-neutral-color-700);
    line-height: var(--line-height-22-4);
}
.content-sustainability .box-management p strong {
    color: var(--color-green);
}

/* number-sustainability */
.number-sustainability {
    margin-top: 2.125rem;
    position: relative;
}
.number-sustainability .swiper {
    padding: 30px 0;
}
.number-sustainability .swiper-wrapper {
    align-items: flex-end;
}
.number-sustainability .item {
    background-color: var(--color-green);
    text-align: center;
    padding: 2rem 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 1.5rem;
    box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.16);
}
.number-sustainability .item .num {
    font-size: var(--font-size-48);
    line-height: var(--line-height-57-6);
    color: var(--color-neutral-color-0);
    font-weight: var(--font-weight-600);
    margin: 1.5rem 0 1rem;
    display: block;
}
.number-sustainability .item p {
    color: var(--color-neutral-color-0);
    font-weight: var(--font-weight-500);
}
.number-sustainability .box-1 {
    height: 350px;
}
.number-sustainability .box-2 {
    height: 320px;
}
.number-sustainability .box-3 {
    height: 300px;
}
.number-sustainability .box-4 {
    height: 256px;
}
.number-sustainability .text-center p {
    font-weight: var(--font-weight-500);
    display: block;
    margin-bottom: 1rem;
}
.number-sustainability .nav-swiper {
    display: flex;
    color: var(--color-primary-pure);
    position: absolute;
    right: 2rem;
    gap: 2rem;
    top: -4px;
}

/* logistics-sustainability */
.logistics-sustainability {
    padding-top: 3rem;
}
.logistics-sustainability .grid {
    display: grid;
    grid-template-columns: 191px 1fr;
    gap: 1rem;
}
.logistics-sustainability .box {
    background-color: var(--color-neutral-color-0);
    padding: 2rem;
    border-radius: 1.5rem;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}
.logistics-sustainability .box h2 {
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-600);
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    position: relative;
}
.logistics-sustainability .box h2:after {
    content: '';
    width: 50px;
    height: 1px;
    background-color: var(--color-green);
    position: absolute;
    bottom: 0;
    display: block;
}
.logistics-sustainability .box h2 strong {
    color: var(--color-green);
}
.logistics-sustainability .box p strong {
    color: var(--color-green);
}


/* last-events-sustainability */
.last-events-sustainability {

    padding-top: 1.813rem;
}
.last-events-sustainability .container {
    position: relative;
}
.last-events-sustainability .bg {
    width: 860px;
    height: 520px;
    background-image: url(../img/institucional/brunolavorato.png);
    mask-image: url(../img/institucional/mask-image.svg);
    mask-size: 100vmin;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(../img/institucional/mask-image.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}
.last-events-sustainability .swiper {
    padding-bottom: 50px;
}
.last-events-sustainability  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .last-events-sustainability  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-green);
}
.last-events-sustainability img.tag1 {
    position: absolute;
    width: 155px;
    left: -60px;
    top: 99px;
}
.last-events-sustainability img.tag2 {
    position: absolute;
    right: 58px;
    top: 480px;
}



.last-events-sustainability h2 {
    color: var(--color-neutral-color-800);
    font-size: var(--font-size-20);
    line-height: 28px;
    position: relative;
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    display: block;
}
.last-events-sustainability h2:before {
    content: '';
    width: 50px;
    height: 1px;
    background-color: var(--color-green);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.last-events-sustainability .button {
    margin: 50px auto 0;
}


/* block-text-image-sustainability */

.block-text-image-sustainability {
    padding-top: 4.25rem;
    overflow-x: hidden;
}
.block-text-image-sustainability .grid {
    display: grid;
    grid-template-columns: 1fr 1.6fr;
    gap: 1.5rem;
    min-height: 605px;
}
.block-text-image-sustainability.invert .grid {
    grid-template-columns:  1.6fr 1fr;
}
.block-text-image-sustainability .img {
    position: relative;
    height: 640px;
}
.block-text-image-sustainability .img img {
    position: absolute;
    bottom: 4px;
    right: 104px;
}
.block-text-image-sustainability .text img {
    margin-top: 1.875rem;
    margin-bottom: 2rem;
}
.block-text-image-sustainability .bg {
    width: 670px;
    height: 605px;
    mask-image: url(../img/sustentabilidade/marcara-image.svg);
    mask-size: 100vmin;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(../img/sustentabilidade/marcara-image.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-size: cover;
    position: absolute;
    right: 0;
}
.block-text-image-sustainability.invert .bg {
    width: 670px;
    height: 605px;
    mask-image: url(../img/sustentabilidade/marcara-image-invert.svg);
    mask-size: 100vmin;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(../img/sustentabilidade/marcara-image-invert.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-size: cover;
    position: absolute;
    right: unset;
    left: 0;
}
.block-text-image-sustainability h2 {
    font-size: var(--font-size-32);
    line-height: var(--line-height-42-6);
    color: var(--color-neutral-color-800);
    font-weight: var(--font-weight-600);
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    display: block;
}
.block-text-image-sustainability h2:before {
    content: '';
    width: 50px;
    height: 1px;
    background-color: var(--color-green);
    position: absolute;
    bottom: 0;
}
.block-text-image-sustainability p {
    margin-bottom: 1rem;
}
.block-text-image-sustainability p strong {
    color: var(--color-green);
}

/* reforestation */
.reforestation {
  margin-top: 3.75rem;
  padding-bottom: 4.125rem;
  background: var(--color-green) url(../img/sustentabilidade/bg-reflorestamento.svg) center center;
}
.reforestation .bg {
    width: 100%;
    height: 556px;
}
.reforestation .box {
    background-color: var(--color-neutral-color-0);
    padding: 2rem 2rem 1rem;
    text-align: center;
    border-radius: 1.5rem;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    margin-top: -170px;
}
.reforestation .box h2 {
    color: var(--color-green);
    font-size: var(--font-size-32);
    line-height: var(--line-height-42-6);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    position: relative;
}
.reforestation h2:before {
    content: '';
    width: 50px;
    height: 1px;
    background-color: var(--color-green);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.reforestation p {
    margin-bottom: 1rem;
}
.reforestation p strong {
    color: var(--color-green);
}

/* Responsive */
@media (min-width: 1500px) {
    .box-text .img-1 {
        left: 50px;
    }
    .box-text .img-2 {
        position: absolute;
        bottom: -34px;
        right: 95px;
    }
}

@media (max-width: 1300px) {
    .product-page {
        overflow: hidden;
    }
    .recipes-product:before {
        left: -2.5rem;
        transform: translateY(-50%);
    }
}
@media (min-width: 768px) {
    .section-recipes-cat .swiper-horizontal.nav-bullets, .section-recipes-cat .cards .swiper-horizontal, .recipes-comments .swiper-horizontal.nav-bullets, .recipes-comments .cards .swiper-horizontal {
        padding-bottom: 0;
    }
}

@media screen and (min-width: 992px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0.125em;
        margin-left: 0.125em;
    }
    .dropdown .dropdown-toggle {
        margin-left: 0.5em;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        top: 36px;
        border: 1px solid var(--color-neutral-color-200);
        padding: 0;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu a {
        padding: .5rem 1rem;
        color: var(--color-neutral-color-600);
        background-color: var(--color-neutral-color-0);
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu a:hover {
        color: var(--color-primary-pure);
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1230px;
    }
    .faq .container, .call-help .container {
        max-width: 998px;
    }
}
@media (max-width: 1199px) {
    /* header */
    header .navbar-expand-lg .navbar-nav .nav-link {
        font-size: .9rem;
    }

    /* tabs-products */
    .tabs-products .tab-content .box {
        min-height: 280px;
    }

    .result-products .result .list {
        grid-template-columns:  1fr 1fr 1fr;
    }

    .banner-help .right img {
        max-width: 100%;
        position: relative;
    }

    .banner-help::after {
        width: 20%;
    }
    .banner-help .container {
        gap: 0;
        height: auto;
    }

    .banner-recipes .bg, .banner-calculator .bg {
        margin-left: -36%;
    }

    /* Press */
    .slider-press .box {
        margin: 11.875rem 0 0 20rem;
    }
}

@media (max-width: 991px) {
    /* header */
    header {
        position: relative;
        z-index: 3;
        height: 64px;
    }
    header .navbar-brand {
        padding-top: 0.3125rem;
        padding-left: 1rem;
    }
    header .navbar-expand-lg .navbar-nav .nav-item.current-page-item .nav-link, header .navbar-expand-lg .navbar-nav .nav-link:hover, header .navbar-expand-lg .navbar-nav .nav-link:active {
        background-color: var(--color-primary-pure);
        color: var(--color-neutral-color-0);
    }
    header .navbar-nav .dropdown-menu {
        background-color: var(--color-neutral-color-100);
        border-radius: 0;
        border: none;
    }
    header .navbar {
        padding: 0;
        background-color: var(--color-neutral-color-0);
        height: auto;
    }
    header .container {
        padding: 0;
        max-width: 100%;
    }
    header .navbar-toggler {
        border: none;
    }
    header .navbar-toggler:focus {
        box-shadow: none;
    }
    header .navbar-toggler.collapsed .ico-menu-close {
        display: none;
    }
    header .navbar-toggler.collapsed .ico-menu {
        display: block;
    }
    header .navbar-toggler .ico-menu {
        display: none;
    }
    header .navbar-expand-lg .navbar-nav .nav-link, header .navbar-expand-lg .dropdown-menu a {
        text-align: center;
        font-size: var(--font-size-20);
        padding: 1rem;
        color: var(--color-neutral-color-600);
        background-color: transparent;
    }

    /* cards */
    .cards .grid {
        grid-template-columns: 1fr 1fr 1fr;
    }


    /* .nav-tab */
    .nav-tab {
        margin-bottom: 1.5rem;
    }

    .nav-tab .nav-link {
        font-size: 1rem;
    }

    /* blog-grid */
    .blog-grid .grid {
        grid-template-columns: 1fr 1fr;
    }

    /* nav-cat-search */
    .nav-cat-search {
        display: block;
    }
    .nav-cat-search form {
        max-width: none;
    }

    /* other-contents */
    .other-contents .container {
        padding-right: 0;
        max-width: none;
        padding-left: 2rem;
    }

    /* .grid-post */
    .grid-post {
        padding: 2rem 0 0;
    }
    .grid-post .grid {
        display: block;
    }
    .grid-post .sidebar {
        display: none;
    }
    .grid-post .carousel-blog {
        display: block;
        margin-top: 2rem;
    }
    .grid-post .carousel-blog:before {
        display: none;
    }
    .grid-post .carousel-blog {
        background: var(--color-warning-light) url(../img/home/bg-produtos.svg) center center/cover;
    }
    .grid-post .carousel-blog h2 {
        text-align: center;
        color: var(--color-neutral-color-800);
        font-size: 1.25rem;
        margin-bottom: 1rem;
        font-weight: var(--font-weight-600);
    }
    .grid-post .carousel-blog .swiper-horizontal .swiper-pagination-bullet-active {
        background-color: var(--color-primary-pure);
    }
    .grid-post .carousel-blog .button {
        bottom: 34px;
    }
    .grid-post .carousel-blog .container-fluid {
        padding: 2.625rem 0 6rem 1rem;
    }
    .grid-post .carousel-blog .swiper-pagination-bullets, .grid-post .carousel-blog .swiper-pagination-bullets.swiper-pagination-horizontal {
        left: -0.5rem;
    }

    .responsive-video {
        padding-bottom: 56%;
        max-width: 100%;
    }

    /* footer */
    footer .top {
        text-align: center;
    }
    footer h2 {
        margin-bottom: 0;
        font-size: var(--font-size-24);
    }
    footer h3 {
        font-size: var(--font-size-16);
        margin-bottom: .5rem;
    }
    .select-user {
        margin: 2rem auto 2rem;
    }
    footer .info {
        margin-top: 0;
        margin-bottom: 1.5rem;
    }
    footer .info h4 {
        font-size: var(--font-size-16)
    }
    footer .info h4 br {
       display: none;
    }
    footer .info .button {
        margin: 1.5rem auto 0;
    }
    footer .bottom {
        margin-top: 1rem;
        padding-bottom: 2.125rem;
    }
    footer .bottom .container {
        display: block;
    }
    footer .bottom .menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem;
    }
    footer .bottom .social {
        display: flex;
        gap: 1.5rem;
        justify-content: center;
        margin-top: 2.5rem;
        height: auto;
    }
    footer .bottom .social a {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.5rem;
    }
    footer .bottom .logo {
        text-align: center;
        margin-right: 0;
        margin-top: 2.125rem;
    }

    .cards-videos-result .grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .recipes-comments .fb_iframe_widget_fluid {
        margin-bottom: 2rem;
        display: block;
    }
    .recipe-slider .text {
        max-width: 45%;
    }
    .recipes-carousel-products .container {
        max-width: 100%;
        padding-right: 0;
    }

    .result-products .result .list {
        grid-template-columns:  1fr 1fr;
    }
    .result-products .container {
        display: block;
    }
    .result-products .result .nav-cat-search, .result-products .result .number {
        display: none;
    }
    .result-products .filter-page-order {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
    }
    .result-products .button.white.bord-red {
        background-color: var(--color-neutral-color-0);
        color: var(--color-primary-pure);
    }
    .result-products .button.white.bord-red.active {
        background-color: var(--color-primary-pure);
        color: var(--color-neutral-color-0);
    }
    .result-products .button.white.bord-red.active img {
        filter: brightness(0) invert(1);
    }
    .result-products .sidebar {
        display: none;
    }
    .result-products .result .list .card-product {
        box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
        margin-bottom: 0.375rem;
    }

    /* product-page  */
    .product-page .grid {
        display: block;
    }
    .products-related {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    .products-related .card-product {
        border-color: var(--color-neutral-color-200);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 8%);
    }
    .product-page .side {
        margin-top: 4rem;
    }
    .product-page .recipes-related {
        margin-top: 4rem;
        background: var(--color-warning-light) url(../img/home/bg-produtos.svg) center center/cover;
        border-radius: 1.5rem 1.5rem 0 0;
        padding: 2rem 0 2rem 0;
    }
    .product-page .recipes-related.cards .button {
        margin-top: 1.5rem;
    }
    .product-page .recipes-related .swiper-wrapper {
        padding-left: 2rem;
    }
    .product-page  .cards .swiper-pagination-bullets, .product-page .cards .swiper-pagination-bullets.swiper-pagination-horizontal {
        left: 0;
    }

    /* banner-help */
    .banner-help .right {
        overflow: hidden;
        width: 100%;
    }
    .banner-help .right img {
        max-width: 100%;
        width: 100%;
        margin-top: -25%;
    }
    .banner-help .container {
        flex-direction: column-reverse;
        padding: 0;
        max-width: 100%;
        display: flex;
    }
    .banner-help::after {
        display: none;
    }

    .contact .container {
        display: block;
    }
    .contact .left {
        max-width: none;
        padding-top: 1.5rem;
    }
    .contact .left h2 {
        font-size: var(--font-size-32);
    }
    .contact .select-user {
        margin: 2rem 0 0;
    }
    .contact h3 {
        margin-top: 2rem;
        font-size: var(--font-size-16);
    }
    .contact .left p {
        margin-bottom: 1.5rem;
    }
    .contact .form-contact p {
        margin: 0;
    }
    .contact .right h3:first-child, .contact .right h3 {
        margin-top: 2rem;
        font-size: var(--font-size-16);
    }
    .contact .right .button.bord.grey {
        color: var(--color-primary-pure);
    }
    .form-contact {
        margin-bottom: 0;
    }
    .contact .right {
        margin-bottom: 4rem;
    }

    /*shop-concept */
    .shop-concept .bg {
        max-width: 100%;
    }
    .box-local {
        height: auto;
    }
    .box-local .map {
        height: 190px;
    }
    .box-local .item:last-child {
        margin-bottom: 0;
    }

    /* box-units */
    .box-units {
        margin-top: -11.5rem;
    }
    .box-units .container {
        grid-template-columns: 1fr;
    }
    .img-post.bg-curve h1 {
        font-size: var(--font-size-32);
        line-height: var(--line-height-42-6);
    }
    .img-post.bg-curve .text {
        padding-top: 3rem;
    }

    .banner-recipes .bg, .banner-calculator .bg {
        margin-left: -64%;
    }

    /* press */
    .slider-press .box {
        margin: 11.875rem auto 0;
    }

    .media-pack {
        margin-bottom: 0;
    }
    .banner-press {
        height: 320px;
    }

    /* sustainability */

    .last-events-sustainability .bg {
        width: 740px;
    }


}

@media (max-width: 767px) {

    body {
        font-size: var(--font-size-14);
        line-height: var(--line-height-19-6);
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .padding-tb {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .padding-t {
        padding-top: 2rem;
    }
    .padding-b {
        padding-bottom: 2rem;
    }
    .cards .swiper-horizontal {
        padding-bottom: 30px;
    }
    .carousel-videos-list .swiper-horizontal {
        padding-bottom: 50px;
    }

    /* slider */
    .slider {
        height: auto;
    }
    .slider .container {
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
    }
    .slider .infos {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: -10px;
    }
    .slider .images {
        position: relative;
        height: auto;
        width: 100%;
    }
    .slider .images .swiper .swiper-slide {
        height: auto;
    }
    .slider .infos .bg {
        width: 100%;
        height: auto;
        background: none;
        left: 0;
        right: unset;
        top: -55px;
    }
    .slider .infos .bg::before {
        background: url(../img/home/bg-banner-mobile.svg) center center no-repeat;
        width: 100%;
        height: 211px;
        background-size: 100%;
        left: 0;
        right: unset;
        top: 0;
    }
    .slider .infos .text h1 {
        font-size: var(--font-size-24);
        line-height: 2.1rem;
        text-align: center;
        max-width: 374px;
        margin: 0 auto;
    }
    .slider .infos .text p {
        max-width: 238px;
        margin: 0 auto;
        text-align: center;
        font-size: var(--font-size-16);
        line-height: var(--line-height-22-4);
    }
    .slider .infos .text h1::before {
        width: 83px;
        height: 74.8px;
        left: 206px;
        top: -22px;
    }
    .slider .buttons {
        flex-direction: column;
        padding: 0 1rem;
        margin-top: 1rem;
        text-align: center;
    }
    .slider .button.white {
        background-color: var(--color-primary-pure);
        color: var(--color-neutral-color-0);
    }
    .slider .button.white.bord {
        border-color: var(--color-neutral-color-400);
        color: var(--color-primary-pure);
        background-color: var(--color-neutral-color-0);
    }
    .slider .infos .text .text-bottom p {
        color: var(--color-primary-medium);
        font-weight: 600;
        font-size: var(--font-size-20);
        line-height: var(--line-height-33-6);
        max-width: 273px;
        margin: 44px auto 0;
        padding-bottom: 7px;
        text-align: center;
    }
    .slider .infos .text .text-bottom p strong {
        color: var(--color-primary-medium);
    }
    .slider .infos .text .text-bottom p::before {
        width: 76px;
        height: 46px;
        top: 26px;
        right: 98px;
    }
    .search-box.padding-tb {
        padding-top: 1rem;
    }

    /* search-box */
    .search-box .box {
        border: none;
        border-radius: 0;
        background: none;
        padding: 0;
    }
    .search-box .box-mobile {
        margin: 0 auto;
        border-radius: 1.438rem;
        border: 0.5px var(--color-neutral-color-200) solid;
        background-color: var(--color-neutral-color-0);
        padding: 1.5rem;
    }
    .search-box .box h3 {
        font-size: var(--font-size-16);
        line-height: var(--line-height-22-4);
    }
    .search-box .create-list {
        display: block;
        padding: 1rem;
        width: 100%;
        margin: 2rem 0 0;
        border-radius: 1.125rem;
        background-color: var(--color-primary-pure);
    }
    .search-box .create-list p {
        text-align: left;
        display: block;
        padding-left: 5.438rem;
        margin-top: .75rem;
        font-size: var(--font-size-16);
        line-height: var(--line-height-22-4);
        color: var(--color-neutral-color-0);
        font-weight: var(--font-weight-600);
        max-width: none;
    }
    .search-box .create-list .ico {
        left: 1rem;
        top: .75rem;
    }
    .search-box .button {
        width: 90%;
        display: block;
        margin: 1rem auto 0;
        font-size: var(--font-size-14);
        padding: .75rem 1rem;
        max-width: 238px;
        background-color: var(--color-neutral-color-0);
        color: var(--color-primary-pure);
    }
    .button.icon-left i {
        margin-right: .3rem;
    }

    /* .cards */
    .cards {
        position: relative;
        padding-bottom: 8rem;
    }
    .cards .container {
        padding-right: 0;
    }
    .cards .swiper-slide {
        width: 244px;
    }
    .section-recipes-cat .cards .swiper-slide {
        width: 206px;
    }
    .section-recipes-cat .cards .box {
        height: 236px;
    }
    .cards .button {
        margin: 1rem auto 0;
    }
    .cards .swiper-pagination-bullets, .cards .swiper-pagination-bullets.swiper-pagination-horizontal {
        left: -0.5rem;
    }

    .card-blog {
        min-height: 400px;
    }

    /* carousel-banner-products */
    .carousel-banner-products .swiper-slide {
        height: 556px;
    }
    .carousel-banner-products .box {
        width: 100%;
    }
    .carousel-banner-products .box h2 {
        text-align: center;
    }
    .carousel-banner-products .swiper-slide {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .carousel-banner-products .products .swiper-slide {
        padding-right: 0;
    }
    .carousel-banner-products .box p {
        text-align: center;
    }
    .carousel-banner-products .box .button.red {
        margin: 0 auto;
        display: table;
    }
    .carousel-banner-products .products .item {
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .carousel-banner-products .products .item h3 {
        display: none;
    }
    .carousel-banner-products .products .swiper {
        padding-bottom: 46px;
    }
    .carousel-banner-products .carousel-big > .swiper-wrapper > .swiper-slide:after {
        content: '';
        width: 100%;
        height: 100%;
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,0) 100%);
        position: absolute;
        left: 0;
        z-index: 0;
    }
    .carousel-banner-products .box {
        position: relative;
        z-index: 1;
    }
    .carousel-banner-products .products {
        position: relative;
    }
    .carousel-banner-products .products .swiper-pagination-bullet {
        background-color: var(--color-neutral-color-200);
        opacity: 1;
    }
    .carousel-banner-products .products .swiper-pagination-bullet-active {
        background-color: var(--color-primary-pure);
    }

    /* tabs-products */
    .tabs-products h2 {
        font-size: var(--font-size-24);
    }
    .tabs-products .container {
        padding: 0;
    }
    .tabs-products .nav-pills {
        margin-left: 1rem;
    }
    .tabs-products .tab-content {
        padding-left: 1rem;
        margin-top: .75rem;
    }
    .tabs-products .nav-pills .nav-link {
        width: 90px;
        height: 90px;
        font-size: var(--font-size-14);
        line-height: 1.225rem;
    }
    .tabs-products .nav-pills .nav-item.swiper-slide {
        width: 90px;
    }
    .tabs-products .tab-content .box, .tabs-products .tab-content .swiper-slide {
        width: 216px;
    }
    .tabs-products .tab-content .swiper-pagination-bullets, .tabs-products .tab-content .swiper-pagination-bullets.swiper-pagination-horizontal {
        left: -0.5rem;
    }
    .tabs-products .box h3 {
        font-size: var(--font-size-14);
    }
    .tabs-products .tab-content .box {
        min-height: 266px;
    }

    /* brands */
    .brands {
        padding: 2rem 0 5rem;
    }
    .brands .brand, .brands .swiper-slide {
        width: 127px;
        height: 106px;
    }
    .brands .brand img {
        width: 95px;
    }
    .brands .swiper-slide.swiper-slide-active .brand {
        transform: scale(1);
    }
    .brands h2 {
        margin-bottom: 2rem;
    }

    /* Blog */
    .carousel-blog .container-fluid {
        padding: 2.625rem 0 8rem 2rem;
    }
    .carousel-blog .swiper-slide {
        width: 242px;
    }
    .carousel-blog .nav-swiper {
        display: none;
    }
    .carousel-blog .swiper-pagination {
        display: block;
    }
    .carousel-blog h2 {
        text-align: center;
        margin-left: -1rem;
    }
    .carousel-blog .swiper-pagination-bullets, .carousel-blog .swiper-pagination-bullets.swiper-pagination-horizontal {
        left: -1rem;
    }
    .carousel-blog .button {
        position: absolute;
        left: 50%;
        bottom: 50px;
        transform: translateX(-50%);
    }
    .carousel-blog .swiper-horizontal .swiper-pagination-bullet-active {
        background-color: var(--color-warning-pure);
    }
    .carousel-blog .swiper-pagination-bullet {
        background-color: var(--color-neutral-color-300);
        opacity: 1;
    }

    /* carousel-banner-blog */
    .carousel-banner-blog .swiper-big .swiper-slide {
        padding: 3rem 1rem;
    }
    .carousel-banner-blog .swiper-big .swiper-slide .container {
        padding: 0;
    }
    .carousel-banner-blog .swiper-big .swiper-slide {
        height: 480px;
    }

    /* .card-other */
    .card-other {
        grid-template-columns: 96px 1fr;
        max-width: 232px;
        max-height: 96px;
    }
    .other-contents .swiper-slide {
        width: 232px;
        height: 96px;
    }
    .other-contents .container {
        padding-left: 1rem;
    }
    .card-other img {
        width: 96px;
        height: 96px;
    }
    .card-other .text h4 {
        font-size: .75rem;
    }
    .card-other .text {
        padding: .5rem;
    }

    /* .blog-grid */
    .blog-grid {
        padding: 5.125rem 0 2.125rem;
        gap: 1rem;
    }
    .blog-grid .grid {
        grid-template-columns: 1fr;
    }
    .blog-grid .nav-cat-search {
        margin-bottom: 1.875rem;
    }
    .blog-grid .card-blog {
        margin-bottom: 0;
    }

    .content-post h1 {
        font-size: var(--font-size-24);
        line-height: 2.1rem;
        margin-bottom: .25rem;
    }
    .content-post .meta {
        display: block;
    }
    .content-post .meta .publish {
        font-size: var(--font-size-12);
    }
    .content-post .meta .share {
        margin-top: 1rem;
        padding: .8rem 1rem;
        border: 1px solid var(--color-neutral-color-400);
        display: inline-block;
        border-radius: .5rem;
    }
    .img-post .container .button {
        position: absolute;
        font-size: .75rem;
        height: 33px;
        padding: 0.5rem 1rem;
        top: 1rem;
        display: flex;
        align-items: center;
        gap: .5rem;
    }

    /* .content-error */
    .content-error {
        display: block;
        text-align: center;
    }
    .content-error p {
        font-size: 1rem;
    }

    .nav-cat-search form {
        max-width: none;
        display: block;
    }
    .nav-cat-search form.active input[type="submit"] {
        margin: 1.5rem auto 0;
    }

    /* banner-recipes */
    .banner-recipes {
        display: block;
        position: relative;
        overflow: hidden;
        height: auto;
        margin-bottom: -2rem;
    }
    .banner-recipes .container {
        display: block;
        padding: 0;
    }
    .banner-recipes:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 160px;
        background: url(../img/receitas/bg-slider-mobile.svg);
        background-size: 100%;
        z-index: 1;
    }
    .banner-recipes .bg {
        width: 100%;
        height: 284px;
        transform: none;
        border-radius: 0;
        margin: 0;
        position: relative;
    }
    .banner-recipes .bg img {
        transform: none;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .banner-recipes .text {
        z-index: 2;
        padding: 0 1rem 4rem;
    }
    .banner-recipes .text h3 {
        font-size: var(--font-size-16);
        margin-bottom: 2.147rem;
    }
    .banner-recipes .text h3::before {
        width: 144px;
        height: 70px;
        left: -16px;
        top: -28px;
    }
    .banner-recipes .text h1 {
        font-size: var(--font-size-32);
        line-height: 2.66rem;
        margin-bottom: 1rem;
    }
    .button-cat-recipes-mobile {
        display: table !important;
    }
    .search-box .box-mobile {
        position: relative;
        z-index: 2;
    }
    .title-cat-recipes .button {
        display: none;
    }
    .section-recipes-cat .cards {
        padding-bottom: 2rem;
    }

    .breadcrumbs {
        display: none;
    }
    .recipes-result .meta {
        display: block;
    }
    .filter-page-order {
        width: 100%;
        justify-content: space-between;
    }

    .recipes-result .cards {
        padding-bottom: 0;
    }
    .recipes-result .cards .grid {
        grid-template-columns: 1fr;
        justify-content: center;
        gap: 2rem;
    }
    .recipes-result .cards .grid .box {
        max-width: 288px;
        margin: 0 auto;
    }

    /* banner-red */
    .banner-red {
        padding-top: 2rem;
        margin-bottom: -60px;
        position: relative;
    }
    .banner-red .bg {
        top: 50%;
        position: absolute;
        width: 100%;
        height: 134px;
        transform: translateY(-50%);
    }
    .banner-red .button {
        padding: .4rem 1rem;
        font-size: var(--font-size-12);
        width: 176px;
        height: 33px;
        margin: 0 0 2rem 1rem;
        display: block;
        position: relative;
        z-index: 1;
    }

    .cards-videos-result .grid {
        grid-template-columns: 148px 148px;
        gap: 1rem;
        justify-content: center;
    }
    .card-video {
        width: 148px;
        height: 248px;
    }
    .carousel-videos-list .swiper-slide {
        width: 148px;
    }
    .card-video h2 {
        font-size: var(--font-size-14);
        line-height: 1.225rem;
        margin-bottom: 0;
    }
    .card-video .text {
        padding: 1rem .5rem;
        height: auto;
    }
    .card-video .tags a {
        display: table;
    }

    /* recipes-related */
    .recipes-related {
        padding: 2rem 0;
        background: var(--color-warning-light) url(../img/home/bg-produtos.svg) center center;
    }
    .recipes-related .top {
        justify-content: center;
    }
    .recipes-related h2 {
        font-size: var(--font-size-20);
    }
    .recipes-related.cards .box {
        height: 259px;
    }
    .recipes-related.cards .button {
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
        margin: 1rem auto 0;
    }
    .section-recipes-cat .cards .button-cat-recipes-mobile {
        margin: 0 auto;
        position: relative;
        transform: none;
        left: 0;
        top: 0;
        display: table;
    }


    /* .recipes-result .content-error */
    .recipes-result {
        padding-bottom: 4rem;
    }

    .recipes-result .breadcrumbs {
        display: block;
    }
    #searchTagsRecipes .modal-content {
        width: 96%;
    }
    .recipes-result .content-error img {
        margin-bottom: 2rem;
    }
    .recipes-result .content-error h4 {
        margin-bottom: 2rem;
    }

    /* .recipe-slider */
    .recipe-slider {
        display: block;
        height: auto;
        position: relative;
    }
    .recipe-slider .container:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 162px;
        background: url(../img/receitas/bg-slider-mobile.svg);
        background-size: 100%;
        z-index: 2;
    }
    .recipe-slider .container {
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
        position: relative;
    }
    .recipe-slider .video {
        width: 100%;
        height: 284px;
        position: relative;
        transform: none;
        right: 0;
        border-radius: 0;
    }
    .recipe-slider .popupVideo {
        transform: none;
        position: relative;
        margin: 0;
        display: block;
    }
    .recipe-slider .text {
        max-width: 100%;
        position: relative;
        z-index: 3;
        padding: 0 1rem 7rem;
    }
    .recipe-slider .videoPreview {
        display: none;
    }
    .recipes-carousel-products {
        z-index: 3;
    }
    .recipes-carousel-products h2 {
        font-size: var(--font-size-16);
    }
    .recipe-slider .popupVideo a {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        position: absolute;
        bottom: 2rem;
        right: 2rem;
        font-size: var(--font-size-12);
        gap: .5rem;
    }
    .recipe-slider .popupVideo img {
        width: 35px;
        margin: 0;
    }
    .recipe-slider .video .bg {
        transform: none;
        left: 0;
    }
    .recipe-slider .text h3 {
        font-size: var(--font-size-20);
        margin-bottom: 1rem;
    }
    .recipe-slider .text h1 {
        font-size: var(--font-size-32);
        line-height: 2.66rem;
        max-width: none;
    }
    .recipe-slider .meta {
        font-size: var(--font-size-16);
    }
    .recipe-slider .meta i {
        font-size: 1.125rem;
    }
    .recipe-text, .recipes-comments {
        padding: 2rem 0;
    }
    .recipe-text h2 {
        font-size: var(--font-size-20);
    }
    .recipe-text .container {
        grid-template-columns: 1fr;
    }
    .recipes-comments {
        padding-bottom: 0;
    }
    .recipes-comments .container {
        max-width: 100%;
        padding: 0;
    }
    .recipes-comments .fb_iframe_widget_fluid {
        padding: 0 1rem;
    }
    .recipes-comments .cards .swiper-horizontal {
        padding-left: 1rem;
    }
    .recipe-text .list ul li:before {
        font-size: var(--font-size-14);
    }
    .recipes-carousel-products .swiper-slide .box {
        width: 106px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid rgba(231, 228, 229, 1);
    }
    .recipes-carousel-products .swiper-slide p {
        display: none;
    }
    .recipes-carousel-products .swiper-slide {
        width: 106px;
    }
    .recipes-comments .col-lg-6, .recipes-comments .row {
        padding: 0;
        margin: 0;
    }
    .recipes-carousel-products .swiper {
        padding-bottom: 44px;
    }

    /* card-product */
    .card-product .img {
        width: 124px;
        height: 102px;
    }
    .card-product h3 {
        font-size: var(--font-size-14);
        line-height: var(--line-height-19-6);
    }

    /* banner-products */
    .banner-products {
        display: flex;
        height: auto;
        position: relative;
        flex-direction: column-reverse;
        padding-bottom: 5rem;
        margin-bottom: -63px;
    }
    .banner-products .bg {
        width: 100%;
        height: 284px;
        transform: none;
        border-radius: 0;
        margin: 0;
        position: relative;
        left: 0;
        top: 0;
    }
    .banner-products .bg img {
        transform: none;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .banner-products.no-bg {
        padding-bottom: 2rem;
    }
    .banner-products:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 162px;
        background: url(../img/receitas/bg-slider-mobile.svg);
        background-size: 100%;
        z-index: 1;
    }
    .banner-products.no-bg:before {
        background: url(../img/receitas/bg-slider-mobile-white.svg);
        background-size: 100%;
    }
    .banner-products .text {
        height: auto;
        position: relative;
        z-index: 1;
        padding: 0;
    }
    .banner-products .text h1 {
        font-size: var(--font-size-32);
    }
    .banner-products .text p {
        font-size: var(--font-size-14);
    }

    /* .product-page */
    .product-page {
        padding-top: 1rem;
        padding-bottom: 0;
    }
    .product-page .image-description .img {
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
    }
    .product-page .image-description {
        display: block;
    }
    .recipes-related.cards .box {
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    }
    .recipes-related h2 {
        font-weight: var(--font-weight-600);
    }
    .product-page .content h1 {
        text-align: center;
    }
    .product-page .breadcrumbs .links span.current {
        white-space: nowrap;
        max-width: 195px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .breadcrumbs {
        display: grid;
        gap: 1rem;
        align-items: center;
        grid-template-columns: 32px 1fr;
    }
    .breadcrumbs a.back {
        width: 32px;
        height: 32px;
        background-color: var(--color-primary-pure);
        color: var(--color-neutral-color-0);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--font-size-16);
        border-radius: .5rem;
        float: none;
    }
    .product-page ul#pills-tab {
        background-color: var(--color-neutral-color-100);
        padding: 0.25rem;
        border-radius: 0.5rem;
        width: 306px;
        margin: 2rem auto;
        gap: .5rem;
    }
    .product-page ul#pills-tab.nav-pills .nav-link {
        padding: .5rem 1rem;
        color: var(--font-weight-600);
        font-size: var(--font-size-16);
    }
    .product-page ul#pills-tab.nav-pills .nav-link.active {
        background-color: var(--color-neutral-color-0);
        color: var(--color-primary-pure);
        font-weight: var(--font-weight-600);
    }
    .product-page .description {
        margin-top: 1.5rem;
    }
    .product-page .description p strong {
        font-size: var(--font-size-20);
    }
    .product-page .description h2 {
        font-size: var(--font-size-16);
        text-align: center;
    }
    .table-nutri {
        margin-top: 1.5rem;
    }

    .banner-help .left {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .banner-help h2 {
        margin-bottom: .5rem;
    }
    .banner-help .right img {
        margin-top: -20%;
    }
    .banner-help .left {
        margin-top: 2.5rem;
        margin-bottom: 0;
    }
    .banner-help h1 {
        font-size: var(--font-size-24);
        line-height: 33.6px;
    }
    .banner-help h1 br {
        display: none;
    }

    .result-products ul li.sf-field-search {
        width: 100%;
        position: relative;
        left: 0;
    }
    .result-products ul li.sf-field-search label {
        margin-left: 0;
    }


    .faq {
        padding-top: 2.5rem;
    }
    .faq .select-user p {
        text-align: center;
    }
    .accordion-button {
        gap: .5rem;
    }
    .call-help .box {
        text-align: center;
        padding: 1.5rem 1rem;
        height: auto;
    }
    .call-help .box .left {
        display: block;
    }
    .call-help .box .left i {
        display: none;
    }
    .call-help .box {
        display: block;
    }
    .call-help .box .text h2 {
        margin-bottom: 1rem;
    }
    .call-help .box .button {
        margin: 1.5rem auto 0;
    }
    .text-politics {
        padding: 2.5rem 0 3.75rem;
        max-width: 300px;
        margin: 0 auto;
        line-height: var(--line-height-19-6);
    }

    .contact .left .button, .contact .right .button {
        width: 100%;
        text-align: center;
    }
    .contact .left .grid {
        display: block;
    }
    .contact .left h4 span {
        margin-top: 0;
    }
    .form-contact input[type="submit"] {
        width: 100%;
    }

    footer .bottom .menu {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        gap: 2.3rem;
        padding: 0 1.8rem;
    }

    /* .banner-institutional*/
    .banner-institutional {
        height: auto;
    }
    .banner-institutional h2 {
        font-size: var(--font-size-24);
        line-height: 2rem;
        margin-bottom: 1rem;
    }
    .banner-institutional p.sub {
        font-size: var(--font-size-14);
        white-space: nowrap;
        margin-bottom: .5rem;
    }

    /* .counters */
    .counters {
        display: table;
        width: 100%;
    }
    .counters .container {
        display: block;
    }
    .counters .container .box {
        margin: 0 auto 1rem;
        max-width: 212px;
        padding: 1rem;
        display: table;
        height: auto;
    }
    .counters .container .box:first-child {
        margin-top: -60px;
    }
    .counters .number {
        font-size: var(--font-size-32);
        height: 34px;
        margin-bottom: .5rem;
    }
    .counters .container .box .img {
        height: 84px;
        margin-bottom: .5rem;
    }
    .box-text {
        padding: 1.5rem 0 0;
    }

    /* .timeline */
    .timeline {
        padding-top: 2.875rem;
    }
    .timeline h2 {
        font-size: 1.25rem;
    }
    .timeline .nav-swiper {
        right: 15px;
        top: 38px;
    }


    /* carousel-banner-half */
    .carousel-banner-half .grid {
        display: block;
        height: auto;
    }
    .carousel-banner-half .img {
        height: 278px;
        border-radius: 0 0 150px 0;
    }
    .carousel-banner-half .text {
        padding: 1.5rem 1rem;
    }
    .carousel-banner-half .text .tags a {
        width: 100%;
        white-space: nowrap;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 auto;
    }
    .carousel-banner-half h2 {
        text-align: center;
        font-size: var(--font-size-24);
        line-height: var(--line-height-33-6);
    }
    .carousel-banner-half .line {
        width: 90px;
        margin: 1rem auto;
    }
    .carousel-banner-half p {
        text-align: center;
        margin-bottom: 1.5rem;
    }
    .carousel-banner-half .button.red {
        margin: 0 auto;
        width: 100%;
        max-width: 189px;
        text-align: center;
    }

    /* .shop-concept*/
    .shop-concept {
        padding-top: 3.5rem;
    }
    .shop-concept p.sub {
        font-size: var(--font-size-14);
        white-space: nowrap;
    }
    .shop-concept .content h2 {
        font-size: var(--font-size-24);
        line-height: var(--line-height-33-6);
        margin-bottom: 2.875rem;
    }
    .shop-concept .bg {
        width: 329px;
        height: 221px;
        margin: 0 auto;
        display: table;
    }
    .shop-concept img.tag1 {
        position: absolute;
        width: 110px;
        left: -47px;
        top: 195px;
    }
    .shop-concept img.tag2 {
        position: absolute;
        right: 4px;
        top: 329px;
        width: 56px;
    }

    /* box-local */
    .box-local {
        display: block;
    }
    .box-local .map {
        margin-bottom: 1.5rem;
    }
    .box-local h3 {
        font-size: var(--font-size-20);
    }
    .box-local .item p {
        font-size: var(--font-size-14);
    }

    /* box-units */
    .box-units .grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .box-units .box .item {
        margin-bottom: 0;
    }
    .box-units .box .item h4 {
        font-size: 1rem;
    }

    /* banner-calculator */
    .banner-calculator {
        display: block;
        position: relative;
        overflow: hidden;
        height: auto;
        margin-bottom: -2rem;
    }
    .banner-calculator .container {
        display: block;
        padding: 0;
    }
    .banner-calculator:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 160px;
        background: url(../img/receitas/bg-slider-mobile.svg);
        background-size: 100%;
        z-index: 1;
    }
    .banner-calculator .bg {
        width: 100%;
        height: 284px;
        transform: none;
        border-radius: 0;
        margin: 0;
        position: relative;
    }
    .banner-calculator .bg img {
        transform: none;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .banner-calculator .text {
        z-index: 2;
        padding: 0 1rem 11.5rem;
    }
    .banner-calculator .text p {
        font-size: var(--font-size-16);
        margin-bottom: 0;
    }
    .banner-calculator .text h1 {
        font-size: var(--font-size-32);
        line-height: 2.66rem;
        margin-bottom: 1rem;
    }
    .calculator, .send-recipe {
        z-index: 3;
        margin-top: -150px;
    }
    #conversor-form label span, #conversor-form label,  #acf-form label span, #acf-form label  {
        font-size: 1rem;
    }
    #conversor-form label span, #acf-form label span {
        position: relative;
        left: 0;
    }
    #conversor-form .group, #acf-form .group {
        padding-left: 0;
    }
    #conversor-form .buttons, #acf-form .buttons {
        padding-left: 0;
    }
    #conversor-form .group .grid, #acf-form .group .grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    #conversor-form input[type="submit"], #conversor-form button {
        width: 128px;
        font-size: 1rem;
    }
    #acf-form input[type="submit"] {
        font-size: 1rem;
        margin-top: 1.5rem;
    }
    #result-conversor p {
        font-size: 1rem;
    }
    #result-conversor p span {
        font-size: 1.5rem;
    }

    /* cookies */
    .cookies .box {
        display: block;
    }
    .cookies .button {
        margin: 1rem auto 0;
    }
    .cookies .img {
        display: none;
    }
    .cookies .mobile {
        display: block;
        float: left;
        margin-right: 0.5rem;
    }
    .cookies .box .left {
        display: block;
    }

    /* Press */
    .banner-press {
        height: auto;
        overflow: hidden;
        padding-bottom: 2.5rem;
    }
    .banner-press .container {
        display: flex;
        flex-direction: column-reverse;
    }
    .media-pack .container {
        display: block;
    }
    .banner-press .img {
        text-align: right;
        width: 100%;
        height: 236px;
    }
    .banner-press .img img {
        position: absolute;
        right: 0;
    }
    .banner-press h1, .media-pack h2 {
        font-size: var(--font-size-24);
        line-height: var(--line-height-33-6);
    }
    .media-pack .left {
        text-align: center;
        margin-bottom: 2rem;
    }
    .media-pack .nav-pills {
        gap: 1rem;
    }
    .slider-press {
        background-color: var(--color-warning-light);
    }
    .slider-press .box {
        width: 90%;
        padding-top: 4rem;
        margin: 11.875rem auto 1rem;
    }
    .slider-press .nav-swiper {
        top: 20px;
    }
    .slider-press .swiper-slide:before {
        display: none;
    }
    .slider-press .swiper-slide {
        height: auto;
    }
    .slider-press .bg {
        border-radius: 0 0 50px 50px;
    }

    /* sustainability */
    .banner-sustainability .infos {
        background: url(../img/sustentabilidade/bg-banner-sustentabilidade-mobile.svg) center center no-repeat;
    }
    .logistics-sustainability .grid {
        grid-template-columns: 1fr;
        justify-content: center;
    }
    .logistics-sustainability .grid img {
        margin: 0 auto;
    }
    .last-events-sustainability .bg {
        width: 320px;
        background-size: cover;
        height: 220px;
        margin: 0 auto;
    }

    .block-text-image-sustainability .grid, .block-text-image-sustainability.invert .grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .banner-sustainability {
        height: 246px;
    }
    .banner-sustainability .text h1 {
        font-size: var(--font-size-24);
        line-height: var(--line-height-33-6);
        margin-bottom: 0;
    }
    .banner-sustainability .text h3 {
        font-size: var(--font-size-14);
        line-height: var(--line-height-19-6);
        margin-bottom: .5rem;
    }
    .banner-sustainability p {
        font-size: var(--font-size-14);
        margin-bottom: .2rem;
    }
    .banner-sustainability .text {
        max-width: 262px;
    }
    .banner-sustainability .infos {
        bottom: -145px;
        height: 225px;
        left: 50%;
        right: unset;
        transform: translateX(-50%);
        width: 100%;
    }
    .content-sustainability {
        padding-top: 9.8rem;
        overflow: hidden;
    }
    .number-sustainability .swiper-slide {
        width: 169px;
    }
    /* .content-sustainability .container {
        padding: 0;
    }
    .box-management, .logistics-sustainability, .block-text-image-sustainability, .last-events-sustainability, .reforestation .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .number-sustainability {

    } */
    .number-sustainability .swiper {
        overflow: visible;
    }

    .block-text-image-sustainability .bg, .block-text-image-sustainability.invert .bg {
        width: 320px;
        background-size: cover;
        height: 220px;
        margin: 0 auto;
        mask-image: url(../img/institucional/mask-image.svg);
        mask-size: 100vmin;
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-image: url(../img/institucional/mask-image.svg);
        -webkit-mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        background-position: center center;
        left: 50%;
        transform: translateX(-50%);
    }
    .block-text-image-sustainability .img, .block-text-image-sustainability.invert .img {
        height: 210px;
    }
    .block-text-image-sustainability .img img, .block-text-image-sustainability.invert .img img {
        width: 83px;
        right: 13px;
        bottom: -12px;
    }
    .block-text-image-sustainability .text img, .block-text-image-sustainability.invert .text img {
        width: 120px;
    }
    .block-text-image-sustainability h2 {
        font-size: var(--font-size-24);
        line-height: var(--line-height-33-6);
    }
    .last-events-sustainability img.tag1 {
        width: 79px;
        left: -13px;
        top: 73px;
    }
    .last-events-sustainability img.tag2 {
        position: absolute;
        right: 29px;
        top: 229px;
        width: 55px;
    }
    .last-events-sustainability .swiper {
        padding-bottom: 30px;
    }
    .block-text-image-sustainability.invert .grid {
        flex-direction: column-reverse;
        display: flex;
    }
    .block-text-image-sustainability {
        padding-top: 3rem;
    }

    .acf-repeater .acf-row-handle a.acf-icon.-minus {
        position: absolute !important;
        display: flex !important;
        opacity: 1;
        bottom: -51px;
        top: unset;
        left: 0;
        color: var(--color-neutral-color-0);
        background-color: var(--color-primary-pure);
        width: 122px;
        padding: 0.75rem .5rem;
        text-decoration: none;
        border-radius: 0.5rem;
        font-weight: var(--font-weight-500);
        font-family: var(--bs-body-font-family);
        border: none !important;
        align-items: center;
        height: 43px;
    }
    .acf-repeater .acf-row-handle a.acf-icon.-minus:before {
        font-size: 13px;
    }
    .acf-repeater .acf-actions .acf-button, #acf-form a.acf-button.button {
        font-size: 13px;
        width: 50%;
        padding: 12px;
        height: 43px;
    }

}
@media (max-width: 330px) {
    .card-product .img {
        width: 100%;
        height: 102px;
    }
}
.acf-field-6696a312b330a {
    display: none !important;
}