*, *::before, *::after{
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-x: hidden;
}

html, body {
	line-height: 1;
    font-family: 'Mostardesign-FilsonSoft-Regular', Helvetica, Arial, "sans-serif";
    background-color: #cfcadb;
    color: #2a1d65;
}

*::-webkit-scrollbar{
    background-color: rgba(255, 255, 255, 0.137)ff;
    border-radius: 50px;
    width: 10px;
}

*::-webkit-scrollbar-thumb{
    background-color: rgba(255, 255, 255, 0.281);
    border-radius: 50px;
    width: 10px;
}


body.noScroll{
    overflow: hidden;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{
    text-decoration: none;
    color: #2a1d65;
}

/*=============================================== Utilities ===============================================================*/


.burger, .siteLogoMobile{
    display: none;
}

.container{
    width: 80%;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 1500px;
}

.bg-cv{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bg-ct{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.bg-complete{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}


.dib{
    display: inline-block;
    vertical-align: middle;
}

.uppercase{
    text-transform: uppercase;
}

.cLight{
    color: #f4e1c1;
}

.bold{
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";
}

.light{
    font-family: 'Mostardesign-FilsonSoft-Light', Helvetica, Arial, "sans-serif";
}

.blackFont{
    font-family: 'Mostardesign-FilsonSoft-Black', Helvetica, Arial, "sans-serif";
}
.normalFont{
	font-style:normal;
}
.fontInherit{
	font-family: 'Mostardesign-FilsonSoft-Regular', Helvetica, Arial, "sans-serif";
}

.sectionPage{
    width: 100%;
    position: relative;
    background-position: bottom center;
    margin-top: 0px;
}

.heroProduct{
    padding-bottom: 200px;
    margin-bottom: -3px;
    z-index: 1;
}

.maskWaves{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: bottom;
    mask-position: bottom;
}


.cloudSec{
    position: absolute;
    width: 150px;
    height: 150px;
    opacity: 0.4;
    z-index: -1;
}

.wingedProduct{
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 1;
    transform: scale(1);
    transition: all .5s ease-in-out;
}

.wingedProduct:not(.opacity):hover{
    transform: scale(1.1);
    cursor: pointer;
}

.wingedProduct.brownieMixture{
    background-image: url(../icons/mezcla-brownie.gif);
}

.wingedProduct.mixtureBanana{
    background-image: url(../icons/mezcla-banano.gif);
}

.wingedProduct.leftProduct{
    top: -7%;
    left: -0%;
}

.wingedProduct.leftProductNutrition{
    bottom: 5%;
    right: 15%;
}

.wingedProduct.rightProductNutrition{
    top: 12%;
    left: 10%;
}

.wingedProduct.rightProduct{
    top: 40%;
    right: -20%;
}

.mixtureCinamon.brownieMixture{
    top: 60%;
    margin-top: -40px;
    left: -25%;
}

.wingedProduct.spreadCrunchy{
    background-image: url(../icons/spread-crunchy.gif);
}

.wingedProduct.spreadCrunchy{
    top: 10%;
    right: -30%;
}

.wingedProduct.spreadCinamon{
    background-image: url(../icons/spread-cinnamon.gif);
}

.wingedProduct.spreadCreamy{
    background-image: url(../icons/spread-crunchy.gif);
}

.pancake .spreadCreamy{
    top: -5%;
    right: 10%;
}

.wingedProduct.onCoconutPalm{
    top: -3%;
    left: 34%;
}

.wingedProduct.oatmealMixture{
    background-image: url(../icons/mezcla-vainilla.gif);
}

.wingedProduct.onMushrooms{
    top: 0%;
    left: 60%;
}

.wingedProduct.onMonkey{
    top: 10%;
    left: -15%;
}

.wingedProduct.opacity{
    opacity: 0.5;
}

.wingedProduct.large{
    background-image: url(../icons/mezcla_1.png);
}

.wingedProduct.small{
    background-image: url(../icons/spread_1.png);
}

.wingedProduct.winged-1 {
    top: -15%;
    left: 5%;
}

.wingedProduct.winged-2 {
    bottom: 30%;
    left: -20%;
}

.coconutPalm .winged-2.wingedProduct{
    top: 20%;
    left: 80%;
}

.cloudSec-1{
    background-image: url(../icons/cloud-1.svg);
}

.alonePalm .cloudSec-1{
    top: 12%;
    right: -55%;
    z-index: -1;
}

.coconutPalm .cloudSec-1{
    top: -17%;
    left: 42%;
    z-index: -1;
}

.coconutPalm .cloudCoconut-2.cloudSec-1{
    top: 0%;
    left: 76%;
    z-index: -1;
}

.cloudSec-2{
    background-image: url(../icons/cloud-2.svg);
}

.alonePalm .cloudSec-2{
    top: -10%;
    left: -50%;
}

.coconutPalm .cloudSec-2{
    top: 20%;
    left: 100%;
}

.cloudSec-3{
    background-image: url(../icons/cloud-3.svg);
}

.alonePalm .cloudSec-3{
    top: -25%;
    left: 50%;
}

.coconutPalm .cloudSec-3{
    top: -25%;
    left: 90%;
}

.cloudSec-4{
    background-image: url(../icons/cloud-4.svg);
}

.coconutPalm .cloudSec-4{
    top: initial;
    bottom: 5%;
    left: 90%;
}

.noView.cloudSec-1{
    top: 25px;
    left: 17%;
}

.noView.cloudSec-1.firstCloud{
    top: -55px;
    left: -11%;
}

.noView.thirdCloud{
    top: -20px;
    right: -10%;
    left: initial;
}

.productScreenCloud-1{
    top: 10%;
    left: 0%;
}
.productScreenCloud-2{
    top: 35%;
    left: 10%;
}
.productScreenCloud-3{
    bottom: -25%;
    left: 0%;
}
.productScreenCloud-4{
    bottom: -30%;
    left: 40%;
}

.productScreenCloud-5{
    top: -15%;
    right: -5%;
}
.productScreenCloud-6{
    top: 0%;
    right: -35%;
}
.productScreenCloud-7{
    bottom: 20%;
    right: -50%;
}
.productScreenCloud-8{
    bottom: 0%;
    right: -20%;
}

.productScreenCloud-9{
    bottom: 40%;
    left: 10%;
}

.productScreenCloud-10{
    bottom: 0%;
    left: 0%;
}

.productScreenCloud-11{
    top: 5%;
    right: 5%;
}

.productScreenCloud-12{
    top: 40%;
    right: 10%;
}

#popUpProduct{
    position: fixed;
    top: -100%;
    left: 50%;
    background-color: #e8e4f3;
    z-index: 11600;
    opacity: 0;
    padding: 45px 35px;
    border-radius: 50px;
    max-width: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease-in-out,
                top 0s ease-in-out 0.5s;
}

#popUpProduct.active{
    top: 50%;
    opacity: 1;    
    transition: all .5s ease-in-out,
                top 0s;
}

.closePopUpProduct{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 40px;
    height: 40px;
    background-image: url(../icons/closeDark.png);
    border-radius: 50%;
    cursor: pointer;
}

.slick-slider .slick-track, .slick-slider .slick-list{
    height: 100%;
}

.slick-slide div{
    height: 100%;
}

.textImgContainerProduct{
    width: 100%;
}

.infoProductPopUp {
    width: 45%;
}

#popUpProduct .detailProduct{
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
}

#popUpProduct .typeProduct{
    font-size: 23px;
    margin-bottom: 5px;
}

#popUpProduct .titleProduct{
    font-size: 25px;
}

#popUpProduct .miniTitleProduct{
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
}

#popUpProduct .priceProduct{
    font-size: 16px;
    margin: 25px 0;
}

#popUpProduct .descriptionPorductText{
    font-size: 16px;
    line-height: 1.1;
}

#popUpProduct .amountProduct{
    background-color: transparent;
}

#popUpProduct .amountText{
    font-size: 20px;
    margin: 0 15px;
}

#popUpProduct .amounControl{
    width: 17px;
    height: 17px;
}

#popUpProduct .infoOption{
    font-size: 13px;
    margin-bottom: 10px;
}

.galleryProduct{
    width: 45%;
    margin-right: 7%;
    position: relative;
}

.imgProductPopUp {
    background-image: url(../icons/harinaAvena.png);
}

#popUpProduct .imgProductPopUp{
    width: 100%;
    height: 100%;
}

.slick-arrow{
    position: absolute;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    width: 20px;
    font-size: 0;
    background-color: transparent;
    outline: none;
    border: none;
    background-image: url(../icons/back.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

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

.slick-next{
    right: -30px;
    transform: rotateZ(180deg);
}

.slick-dots{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    bottom: 0;
}

.slick-dots li{
    float: left;
    margin-right: 5px;
}

.containerFilters .slick-dots li{
    margin-left: 10px;
}

.slick-dots li button{
    font-size: 0;
    background-color: transparent;
    outline: none;
    border: none;
    background-color: #ffffff96;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

li.slick-active button{
    background-color: #21145f;
}


.slick-dots li:last-of-type{
    margin-right: 0;
}

#cartBox{
    position: fixed;
    top: 0;
    right: -35%;
    width: 35%;
    height: 100%;
    z-index: 12000;
    background-color: #e8e4f3;
    transition: all .5s ease-in-out;
}

#cartBox.active{
    right: 0;
}

.headerCart{
    width: 100%;
    overflow: hidden;
    background-image: url(../icons/curveCart.png);
    background-position: bottom center;
    padding: 35px 20px 50px;
    z-index: 1;
    position: relative;
}

.closeCart{
    float: left;
    cursor: pointer;
    
}

.arrowBack{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: url(../icons/back.png);
}

.shopping{
    float: right;
}

.shoppingText{
    font-size: 22px;
}

#backgroundBack{
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #00000050;
    z-index: 11500;
    opacity: 0;
    transition: all .5s ease-in-out,
                left 0s ease-in-out 0.5s;
}

#backgroundBack.active{
    left: 0;
    opacity: 1;
    transition: all .5s ease-in-out,
    left 0s;
}

#innerPopUpCart {
    width: 100%;
    max-height: calc(100% - 270px);
    margin-top: -40px;
    overflow-y: auto;
    padding-top: 20px;
}

.ulProductsCart{
    padding: 30px 5% 160px;
    margin: 0 auto;
    width: 100%;
}

.ulProductsCart::-webkit-scrollbar{
    background-color: transparent;
    width: 5px;
}

.ulProductsCart::-webkit-scrollbar-thumb{
    background-color: #ffffff38;
    width: 5px;
    border-radius: 50px;
}

.productCart{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #21145f;
}

.productCart:last-of-type{
    border-bottom: none;
}

.deleteProduct{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
    background-image: url(../icons/x.png);
    cursor: pointer;
}

.imgProductCart{
    width: 25%;
    float: left;
    background-image: url(../icons/harinaAvena.png);
    /* border: 2px solid #fcfcfc; */
    border-radius: 15px;
}

.infoProductCartCont{
    width: 70%;
    float: right;
    padding-left: 5px;
}

.infoProductCart{
    width: 70%;
}

.nameProductCart{
    line-height: 1.1;
}

.featureProductCart {
    font-size: 10px;
    margin: 17px 0 12px;
}

.optionsSelected{
    margin: 15px 0;
}

.amountPriceCont{
    width: 100%;
    overflow: hidden;
}

.ammountOptions{
    float: left;
}

.controlAmmountCart{
    width: 25px;
    height: 25px;
    cursor: pointer;
    border: 1px solid #21145f;
    border-radius: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65%;
}

.controlAmmountCart.menos{
    background-image: url(../icons/menos.png);
}

.controlAmmountCart.mas{
    background-image: url(../icons/mas.png);
}

.ammountTextCart{
    margin: 0 5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: 1px solid;
    border-radius: 5px;
}

.priceText{
    float: right;
    font-size: 16px;
    margin-top: 3px;
}

.finishBuy{
    width: 90%;
    margin: 0 auto;
    border-top: 1px solid #21145f;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    left: 5%;
    background-color: #e8e4f3;
}

.subtotalCont{
    width: 100%;
    overflow: hidden;
}


.subtotalText{
    float: left;
}

.subtotalPrice{
    float: right;
}

.scurePay{
    margin: 15px 0;
    padding-left: 25px;
    background-image: url(../icons/secure.png);
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.btnFinishBuy{
    width: 100%;
    text-align: center;
    margin: 0px 0 15px;
    background-size: cover;
    /* background-image: url(../img/cta2.svg); */
}

.btnFinishBuy a{
    color: #f4e1c1;
    width: 100%;
    display: block;
    padding: 15px 50px;
}

.infoBuy{
    font-size: 14px;
    font-style: italic;
    text-align: center;
}

/* Site Header===================================================== */

#siteHeader{
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11000;
    margin-bottom: -140px;
    transition: all .5s ease-in-out;
}

.containerHeader{
    width: auto;
    padding-top: 20px;
    width: 90%;
    overflow: initial;
}

.siteNav{
    text-align: center;
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.leftSiteMenu{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: calc(50% - 60px);
}

.nonBlogActivate .leftSiteMenu{
    gap: 50px;
}

.rightSiteMenu {
    display: flex;
    align-items: center;
    justify-content: start;
    width: calc(50% - 60px);
}

.itemNav{   
    margin: 0 0%;
    padding: 35px 0;
    width: 33.3333%;
    position: relative;
    font-size: 12px;
    transform: scale(1);
    transition: all 0.5s ease-in-out
}

.itemNav:hover{
    transform: scale(1.12);
}

.itemNav.cart{
    /* padding: 25px 25px; */
    vertical-align: top;
    opacity: 1;
    /* width: 90px; */
    height: 90px;
}

.itemNav .cloud{
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: none;
    background-color: #a299ba;
}

.itemNav .cloud-1{
    -webkit-mask-image: url(../icons/cloud-3.svg);
    mask-image: url(../icons/cloud-3.svg);
}

.itemNav .cloud-2{
    -webkit-mask-image: url(../icons/cloud-5.svg);
    mask-image: url(../icons/cloud-5.svg);
}

.itemNav .cloud-3{
    -webkit-mask-image: url(../icons/cloud-4.svg);
    mask-image: url(../icons/cloud-4.svg);
}



.itemNav.cart .cloud{
    background-color: transparent;
}

.textItemNav{
    margin: 0 15px;
    font-size: 12px;
    position: relative;
}
.cominSoonMainMenu{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 10px;
    margin-top: 3px;
}

.cloud{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../icons/cloud-3.png);
    /* opacity: 0.6; */
    z-index: -1;
}

.cloud-2{
    background-image: url(../icons/cloud-2.png);
}
.cloud-3{
    background-image: url(../icons/cloud-4.png);
}
.cloud-4{
    background-image: url(../icons/cloud-4.png);
}

.itemNav.siteLogo{
    background-image: none;
    /* background-image: url(../icons/logo.png); */
    background-image: url(../paranice/eng-icons/logo_paranice.png);
    width: 60px;
    height: 60px;
    padding: 0;
}

.cartIcon{
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background-image: url(../icons/carrito_1.png);
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -12.5px;
    left: 50%;
    margin-left: -12.5px;
}

.itemNav.cart .cloud{
    width: 90px;
    height: 90px;
    top: 0;
    opacity: 1;
    background-image: none;
}

.itemNav.cart .innerCloud{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../icons/cloud-cart.png);
    /* opacity: 0.6; */
    z-index: -1;
}

.itemNav.cart .innerCloud{
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(../icons/cloud-cart.svg);
    mask-image: url(../icons/cloud-cart.svg);
    background-color: #a299ba;
    background-image: none;
}

.itemsOnCart{
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    background-color: #2a1d65;
    border-radius: 50%;
    font-size: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

/* Site Main ======================================================= */

#siteMain{
   width: 100%;
   overflow-x: hidden;
   padding-top: 60px;
}

/* #siteMain.mainProducts{
    background-color: #bab2cd;
} */


/* HeroSection ======================================================= */

.heroSection{
    /* padding-top: 150px; */
    /* background-image: url(../icons/curve-1.svg); */
    background-color: #b8b1ca;
    z-index: 1;
}

.heroSection .maskWaves{
    -webkit-mask-image: url(../icons/curve1Desk.svg);
    mask-image: url(../icons/curve1Desk.svg);
    background-color: #cfcadb;
    
}

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

.containerHero{
    padding-top: 120px;
}

.container.noOverflow{
    overflow: initial;
}

.welcome{
    width: 30%;
    height: 300px;
    background-image: url(../icons/welcome.png);
    margin: 0 auto;
    position: relative;
    /* clip-path: circle(0%);
    will-change: clip-path; */
    background-position: top center;
    transition: all 3s ease-in-out,
                height 0s, width 0s, bottom 1.5s ease-in-out;
}

.innerWelcomeImg{
    width: 100%;
}

.welcome.animate{
    /* clip-path: circle(500%); */
}

.monkey{
    position: absolute;
    width: calc(var(--width) *0.9);
    height: 500px;
    /* left: calc(var(--width) * -0.86); */
    right: 100%;
    top: -50px;
    background-image: url(../icons/pancake-tower_1.gif);
    background-position: bottom center;
}

.lovePancake{
    position: absolute;
    bottom: calc(var(--width) * -0.9);
    left: 15%;
    width: var(--width);
    height: var(--width);
    background-image: url(../icons/lovePancake.png);
}

.palmCinamon{
    position: absolute;
    width: calc(var(--width) *0.9);
    height: 500px;
    left: calc(var(--width) * -0.6);
    bottom: 0;
    background-image: url(../icons/arbolCinnamon.png);
    background-position: bottom center;
}


.alonePalm{
    position: absolute;
    width: calc(var(--width) *0.8);
    height: 500px;
    left: calc(var(--width) * -0.85);
    bottom: 0;
    background-image: url(../icons/palmeraSola-1.png);
    background-position: bottom center;
}

.coconutPalm{
    position: absolute;
    left: 100%;
    /* right: calc(var(--width) * -1); */
    top: -0;
    width: calc(var(--width) *0.9);
    /* background-image: url(../icons/escena-1.png); */
    background-image: url(../paranice/eng-icons/escena1_PN.png);
    background-position: top center;
}


.bananaCloude{
    position: absolute;
    bottom: -22%;
    height: 230px;
    width: var(--width);
    right: 20%;
    background-image: url(../icons/banano-nube_1.gif);
    background-position: top center;
}

.pancake{
	z-index: 10;
    position: absolute;
    bottom: calc(var(--width) * -0.7);
    height: 230px;
    width: var(--width);
    left: 0px;
    background-image: url(../icons/waffle-garden_1.gif);
    background-position: top center;
}


/* Second Section ================================================= */

.secondSection{
    /* height: 35vh; */
    /* background-image: url(../icons/curve-2.svg); */
    background-color: #a299ba;
    z-index: 0;
}

.secondSection .maskWaves{
    -webkit-mask-image: url(../icons/curve2Desk.svg);
    mask-image: url(../icons/curve2Desk.svg);
    background-color: #b8b1ca;    
}

.mainProducts .secondSection .maskWaves{
    -webkit-mask-image: url(../icons/02.svg);
    mask-image: url(../icons/02.svg);
}




/* third Section ================================================= */
.thirdSection{
    /* background-image: url(../icons/curve-3.svg); */
    background-color: #8c81a9;
    padding-bottom: 50px;
}

.thirdSection .maskWaves{
    -webkit-mask-image: url(../icons/curve3Desk.svg);
    mask-image: url(../icons/curve3Desk.svg);
    background-color: #a299ba;    
}

.mainProducts .thirdSection .maskWaves{
    -webkit-mask-image: url(../icons/03.svg);
    mask-image: url(../icons/03.svg);
}


.changeWorldCont{    
    margin: 0px auto 0;  
    display: inline-block;
}

.innerChangeWolrdCont{
    /* padding: 70px 65px 25px; */
    position: relative;
    display: inline-block;
    top: -135px;
    width: 30%;
}

.bubbleTextHome{
    width: 100%;
}

.tooltipadd {
    position: absolute;
    bottom: 107%;
    background-color: #f5e1c7;
    padding: 10px;
    width: 250px;
    left: -85px;
    border-radius: 12px;
    font-size: 14px;
    z-index: 500;
}

.contBtnAddProductItemSuggest .tooltipadd {
    bottom: auto;
    height: auto;
    right: 0;
    left: auto;
    font-size: 12px;
    width: 200px;
    top: 5%;
    text-align: center;
}

.nameProductCart {
    font-size: 22px;
}

.baseProduct.bold {
    font-size: 15px;
    font-style: italic;
    margin-top: 1.6px;
}

.featureProductCart {
    text-transform: uppercase;
}

p.flavorsSelected {
    text-transform: uppercase;
    font-size: 12px;
    margin: 10px 0;
}

p.grammageProduct {
    margin-bottom: 15px;
    margin-top: -5px;
}

.contDetailsImgs {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
}
.innerIngredientsCont {
    width: 200px;
    margin: auto;
}

@media only screen and (min-width: 1900px){
    .innerChangeWolrdCont{
        width: 20%;
    }
}

@media only screen and (min-width: 1650px){
    .innerChangeWolrdCont{
        width: 25%;
    }
}

.innerChangeWolrdCont .oatmealMixture {
    top: 85%;
    right: -30%;
}

.innerChangeWolrdCont .mixtureBanana{
    top: 80%;
    left: -20%;
}

.outerBubbleChange{
    height: 100%;
    display: flex;
    align-items: center;
}

.textChangeWorld {
    margin-bottom: 5px;
    font-size: 18px;
}

.textChangeWorld.principalText{
    font-size: 27px;
    line-height: 1.3;
    margin-bottom: 0;
}

.textChangeWorld.antojoText{
    font-style: italic;
    font-size: 24px;
   
}

.textChangeWorld.descriptionText{
    margin: 25px 0;
    line-height: 1.3;
    font-size: 18px;
}


.escena-2{
    position: relative;
    top: -265px;
    left: -0;
    width: var(--width);
    height: var(--width);
    /* background-image: url(../icons/escena-2.png); */
    background-image: url(../paranice/eng-icons/escena-2.png);
}

.vainilla{
    position: relative;
    top: -200px;
    left: 0;
    width: var(--width);
    height: var(--width);
    background-image: url(../icons/vainilla.png);
}

.vainilla .vainillaProduct {
    top: 80%;
    left: 35%;
}


/* fourth Section ================================================= */
.fourthSection{
    /* background-image: url(../icons/curve-4.svg); */
    background-color: #766b99;
    padding-bottom: 200px;
    text-align: center;
    margin-top: 0;
}

.fourthSection .maskWaves{
    -webkit-mask-image: url(../icons/curve4Desk.svg);
    mask-image: url(../icons/curve4Desk.svg);
    background-color: #8c81a9;    
}

.mainProducts .fourthSection .maskWaves{
    -webkit-mask-image: url(../icons/04.svg);
    mask-image: url(../icons/04.svg);
}


.imagesFourthSec{
    display: inline-block;
    width: 100%;
    margin-top: -180px;
}

.palenquera{
    width: 23%;
    height: 400px;
    background-image: url(../icons/palenquera.png);
    background-position: right center;
    position: relative;
    margin-right: 30px;
}

.wingedProduct.onPalenquera{
    top: 0%;
    left: -25%;
}

.bananaText2{
    width: 23%;
    height: 400px;
    margin-right: 50px;
    background-image: url(../icons/bananoTexto.png);
    background-position: left center;
}

.containerProducts{
    width: 100%;
    margin: 100px auto 0;
}

.product{
    width: 30%;
    margin: 0 1% 30px;
    position: relative;
    padding: 200px 20px 50px;
    transform: scale(1);
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.product:hover{
    transform: scale(1.1);
    /* width: 31%;
    padding: 60px 25px; */
}

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

.bubble-1{
    background-image: url(../icons/pancakesNube.png);
}

.bubble-2{
    background-image: url(../icons/harinaNube.png);
}

.bubble-3{
    background-image: url(../icons/spreadsNube.png);
}

.imgProduct{
    width: 70%;
    height: 160px;
    margin: 0 auto;
    background-position: bottom center;
    position: relative;
    z-index: 1;
}

.innerImgDetailProduct{
    width: 100%;
    position: relative;
    z-index: 2;
}

.product .imgProduct{
    display: none;
}


.descProduct{
    text-align: center;
    width: 180px;
    margin: 0 auto;
    line-height: 1.3;
    position: relative;
    z-index: 1;
}

.productName{
    font-family: 'Mostardesign-FilsonSoft-Black', Helvetica, Arial, "sans-serif";
}

.noIngredientes{
    font-size: 14px;
}

.btn{
    transform: scale(1);
    transition: all .5s ease-in-out;
}

.btn:hover{
    transform: scale(1.1);
}



/* fifth Section ================================================= */
.fifthSection{
    /* background-image: url(../icons/curve-5.svg); */
    background-color: #615589;
    padding: 0 0 260px;
    /* margin-top: -2px; */
}

.fifthSection .maskWaves{
    -webkit-mask-image: url(../icons/curve5Desk.svg);
    mask-image: url(../icons/curve5Desk.svg);
    background-color: #766b99;    
}


.textImgContainer{
    width: 100%;
    text-align: center;
    /* margin-top: -70px; */
}

.textContainer{
    width: 35%;
    margin-right: 10%;
    position: relative;
}

.textContainer .cloudTextContainer-1{
    top: -30%;
    left: -20%;
}

.textContainer .wingedProduct.winged-2{
    top: -25%;
    left: 90%;
}

.textContainer.big{
    width: 35%;
}

.texContainerRecipe{
    margin-right: 0;
}

.titleWhyNotWorld{
    background-image: url(../icons/whyNot.png);
    width: 250px;
    height: 100px;
    margin: 0 auto;
}

.subtitleWhyNotWorld{
    font-size: 35px;
    line-height: 1.2;
    margin: 5px 0 15px;
}

.textWhyNotWorld{
    line-height: 1.4;
    margin-bottom: 25px;
}

.btn{
    border: none;
    outline: none;
    background-color: transparent;
    padding: 15px 50px;
    font-size: 20px;
    cursor: pointer;
    background-size: 100% 100%;
    display: inline-block;
}

.btn.primary{
    background-image: url(../icons/cta.png);
}

.btn.primary.btnFinishBuy{
    background-image: url(../icons/ctaLarge.png);
    padding: 0;
}

.btn.btnProductsHome {
    position: relative;
    display: inline-block;
    margin-top: 0px;
    background-image: url(../icons/ctaLarge.png);
}

.imgWhyNotWorld{
    width: 35%;
    height: 25vh;
    background-image: url(../icons/tonyHabo.png);
    position: relative;
}

.imgWhyNotWorld .cloudBananaCoco-1{
    top: -20%;
    left: 0%;
}

.imgWhyNotWorld .cloudBananaCoco-2{
    top: -35%;
    left: 40%;
}

.imgWhyNotWorld .cloudBananaCoco-3{
    top: -25%;
    left: 60%;
}

.imgWhyNotWorld .wingedProduct.winged-1{
    top: 0%;
    left: 100%;
}


/* Six Section ==================================================== */
.sixSection{
    /* background-image: url(../icons/curve-6.svg); */
    background-color: #4b3f7a;
    padding: 0 0 150px;
}

.sixSection .maskWaves{
    -webkit-mask-image: url(../icons/curve6Desk.svg);
    mask-image: url(../icons/curve6Desk.svg);
    background-color: #615589;    
}

.imgFlavor{
    width: 35%;
    height: 25vh;
    background-image: url(../icons/escena-3.png);
    margin-right: 50px;
    position: relative;
}

.containersix .imgFlavor, .containersix .texContainerRecipe{
    margin-top: -100px;
}

.imgFlavor .cloudSec-1{
    top: -40%;
    left: 45%;
}

.imgFlavor .cloudSec-2{
    top: -15%;
    left: 80%;
}

.imgFlavor .cloudSec-3{
    left: 10%;
    top: -20%;
}

.imgFlavor .wingedProduct.winged-2{
    top: 5%;
    left: 5%;
    background-image: url(../icons/spreadLight.png);
}

.almondFlour{
    background-image: url(../icons/harina-almedra.gif);
}

.imgFlavor .almondFlour{
    top: 5%;
    right: -5%;
    background-image: url(../icons/spread-creamy.gif);
}

/* Seven Section ==================================================== */
.sevenSection{
    /* background-image: url(../icons/curve-7.svg); */
    background-color: #21145f;
    padding-bottom: 150px;
}

.sevenSection .maskWaves{
    -webkit-mask-image: url(../icons/curve7Desk.svg);
    mask-image: url(../icons/curve7Desk.svg);
    background-color: #4b3f7a;    
}

.containerContact{
    width: 100%;
    margin: 0 auto;
}

.innerContainerContact{
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    background-image: url(../icons/contactDesk.png);
    background-position: bottom center;
    padding-bottom: 80px;
    margin-top: -70px;
}

.groupFAQs{
    padding-left: 50px;
    width: 35%;
    position: relative;
}

.groupFAQs .cloudSec-1{
    left: -80%;
    top: 0;
}

.groupFAQs .cloudSec-2{
    right: -30%;
    top: -5%;
}

.groupFAQs .cloudSec-3{
    right: -70%;
    top: 10%;
}

.faq{
    margin-bottom: 15px;
    padding: 20px 25px;
    text-align: center;
    background-image: url(../icons/contactBubble1.png);
}

.textFaq{
    line-height: 1.4;
}

.btnContact{
    float: left;
    position: relative;
    left: -50px;
    padding: 12px 30px;
    margin-top: 30px;
}

/* Footer ==================================================== */
#siteFooter{
    background-color: #21145f;
    padding: 50px 0;
    text-align: center;
    margin-top: -1px;
}



.groupItemsFooter{
    /* width: 20%; */
    max-width: 22%;
    margin-right: 2%;
    text-align: left;
    vertical-align: top;
}

.groupItemsFooter.last{
    margin-right: 0;
}

.titleWhyNotWorld.titleFooter{
    /* background-image: url(../icons/whyNotFooter.png); */
    background-image: url(../paranice/eng-icons/paraniceFooter.png);
    width: 100%;
    height: 60px;
    background-position: left center;
}

.politicasNav{
    text-align: left;
    font-size: 10px;
    line-height: 1.5;
    margin-bottom: 15px;
    font-family: 'Mostardesign-FilsonSoft-Light', Helvetica, Arial, "sans-serif";
    font-weight: normal;
}

.politicasItem{
    display: block;
    margin-bottom: 2px;
}

.copyText{
    font-size: 10px;
    text-align: left;
    font-family: 'Mostardesign-FilsonSoft-Light', Helvetica, Arial, "sans-serif";
}

.titleFooterText {
    line-height: 1.3;
    min-height: 42px;
}

.footerText{
    font-family: 'Mostardesign-FilsonSoft-Light', Helvetica, Arial, "sans-serif";
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    line-height: 1.5;
}

.formFooter{
    width: 100%;
}

#email, #mce-EMAIL{
    width: 65%;
    border-radius: 50px;
    border: 1px solid #f4e1c1;
    color: #f4e1c1;
    background-color: transparent;
    padding: 10px 20px;
    font-size: 13px;
    margin-bottom: 10px;
    font-family: 'Mostardesign-FilsonSoft-Regular', Helvetica, Arial, "sans-serif";
}

#email::placeholder{    
    color: #f4e1c1;
    font-size: 13px;
    font-family: 'Mostardesign-FilsonSoft-Light', Helvetica, Arial, "sans-serif";
}

.btn.secondary{
    background-image: url(../icons/contactBubble.png);
    font-size: 13px;
    width: 25%;
    margin-left: 2%;
    color: #21145f;
}

.btn.secondary.sendContactForm{
    padding: 15px 30px;
    width: auto;
}

.btnEmail.btn.secondary{
    min-width: 25%;
    width: auto;
}
.sendContactForm.hidden {
    display: none;
}
#infoMsg {
    display: block;
}
#infoMsg.show {
    display: block;
}


.socialNetworks{
    width: 100%;
    overflow: hidden;
}

.socialIcon{
    width: 40px;
    height: 40px;
    float: left;
}

.ins{
    margin-right: 10px;
    background-image: url(../icons/instagram_1.png);
}

.fa{
    background-image: url(../icons/facebook_1.png);
}

#siteFooter .fa{
    background-image: url(../icons/Facebook-footer.png);
}

.btnContactFooter.btn.secondary{
    width: auto;
    padding: 10px 15px;
    display: inline-block;
    /* margin-top: 10px; */
}

#popUpProduct .optionsContainer{
    display: none;
}

.containerThird {
    width: 100%;
    max-width: initial;
}

.gramsOuter {
    height: 100%;
    display: table;
    width: 100%;
}

.gramsInner {
    display: table-cell;
    vertical-align: middle;
}


/* Prudcts page ================================================== */

.containerFirstProducts{
    padding-top: 70px;
}

.firstIlustrations{
    width: 100%;
    text-align: center;
}

.ilustration{
    width: 32%;
    position: relative;
}

.ilustrationProducts-1{
    vertical-align: bottom;
}

.ilustrationProducts-2{
    vertical-align: bottom;
    display: none;
}


.ilustrationProducts-3{
    vertical-align: bottom;
}

.ilustrationProducts-4{
    vertical-align: top;
}

.innerIlustration{
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.ilustrationProducts-1 .innerIlustration{
    /* background-image: url(../icons/palenqueraProducto.png); */
    background-image: url(../paranice/eng-icons/palenquera_producto.png);
    background-position: bottom right;
    width: 100%;
}

.heart{
    position: absolute;
    top: 39%;
    right: 18%;
    width: 50px;
    height: 50px;
    background-image: url(../icons/like.png);
}

.cloudHeroProducts-1{
    top: 20%;
    left: 45%;
}

.cloudHeroProducts-2{
    top: -5%;
    left: 0%;
}

.cloudHeroProducts-3{
    top: -15%;
    left: -50%;
}

.innerIlustration .wingedProduct.winged-2{
    top: 50%;
    left: -35%;
}

.cloudMoonProducts-1{
    left: 80%;
    top: -33%;
    background-position: bottom center;
}
.cloudMoonProducts-2{
    right: -40%;
    top: 0%;
}
.cloudMoonProducts-3{
    left: 90%;
    top: 30%;
}

.cloudOatmealProducts-1{
    bottom: -15%;
    left: 120%;
}

.miniIlustration .wingedProduct.winged-2{
    bottom: -84%;
    top: initial;
    right: -47%;
    left: initial;
}

.ilustrationProducts-3 .innerIlustration{
    background-image: url(../icons/bananoMensaje.png);
    background-position: bottom left;
}

.ilustrationProducts-4 .innerIlustration{
    background-image: url(../icons/huevoMeteoro.png);
    width: 100%;
    margin: 0;
    background-position: top center;
    left: -10%;
}

.miniIlustration{
    width: 60%;
    background-image: url(../icons/avenaMensaje.png);
    position: absolute;
    bottom: -20%;
    right: -75%;
    
}

.miniIlustrationMoon{
    width: 40%;
    background-image: url(../icons/meteorogalleta.png);
    border-radius: 50%;
    position: absolute;
    right: -80%;
    top: -35%;
    display: none;
}

.sectionProducts{
    /* padding-bottom: 250px; */
    background-color: transparent !important;
    overflow: hidden;
}

.bgackgroundFooter{
    width: 100%;
    height: 165px;
    background-image: url(../icons/curve-footer.png);
    background-position: bottom center;
}

.sectionProducts .maskWaves{
    -webkit-mask-image: url(../icons/curve-7.svg);
    mask-image: url(../icons/curve-7.svg);
}

.containerProductsPage .wingedProduct.winged-2{
    left: 3%;
    bottom: initial;
    top: 190px;
}

.cloudProductsPage-1{
    top: 25%;
    left: -15%;
}

.cloudProductsPage-2{
    top: 22%;
    left: -5%;
}

.containerProductsPage  .wingedProductsPage-1.wingedProduct{
    top: 40%;
    left: -10%;
}

.cloudProductsPage-3{
    top: 50%;
    left: -12%;
}

.cloudProductsPage-4{
    bottom: 0%;
    left: 5%;
}

.cloudProductsPage-5{
    bottom: 5%;
    left: 17%;
}
.cloudProductsPage-6{
    top: 5%;
    right: -17%;
}
.cloudProductsPage-7{
    top: 10%;
    right: -10%;
}
.cloudProductsPage-5{
    bottom: 5%;
    left: 17%;
}

.containerProductsPage  .wingedProductsPage-2.wingedProduct{
    top: 30%;
    right: -7%;
    left: initial;
    display: none;
}

.cloudProductsPage-8{
    top: 35%;
    right: -12%;
}
.cloudProductsPage-9{
    top: 42%;
    right: -7%;
}
.cloudProductsPage-10{
    top: 50%;
    right: -12%;
}

.cloudProductsPage-11{
    bottom: 10%;
    right: -15%;
}

.cloudProductsPage-12{
    bottom: 10%;
    right: 5%;
}

.containerProductsPage .wingedProductsPage-3.wingedProduct{
    bottom: 23%;
    right: -10%;
    left: initial;
    top: initial;
    display: none;
}

.containerFilters{
    text-align: center;
    width: 60%;
    margin: 60px auto 0px;
    padding: 15px 10px 0 0;
    padding-bottom: 40px;
    z-index: 1;
}

.containerFilters.slick-slider .slick-list{
    overflow: initial;
}

.containerFilters.slick-initialized .slick-slide{
    margin-top: 70px;
}

.slick-initialized .slick-slide.mBottom{
    margin-top: 0px;
}

.itemFilter{
    width: 17%;
    margin: 0 1%;
    position: relative;
    padding: 40px 30px;
    cursor: pointer;
    font-size: 14px;
    transform: scale(1);
    transition: all .5s ease-in-out;
    display: flex!important;
    justify-content: center;
    align-items: center;
}
.itemFilter:hover{
    transform: scale(1.1);
}

.itemFilter.bottom{
    margin-bottom: 0;
}

.cloudFilter{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* opacity: 0.6; */
}

.itemFilter-1 .cloudFilter{
    background-image: url(../icons/cloud-2.svg);   
}

.itemFilter-1.active .cloudFilter{
    background-image: url(../icons/smallCloudBlue.png);
}

.itemFilter-2 .cloudFilter{
    background-image: url(../icons/05-mix_1.png);
}
.itemFilter-2.active .cloudFilter{
    background-image: url(../icons/05-mix_2.png);
}
.itemFilter-3 .cloudFilter{
    background-image: url(../icons/cloud-4.svg);
}

.itemFilter-4 .cloudFilter{
    background-image: url(../icons/03-avenas_1.png);
}

.itemFilter-5 .cloudFilter{
    background-image: url(../icons/cloud-1.svg);
}

.textFilter{
    line-height: 1.3;
    position: relative;
}

.itemFilter.active .textFilter{
    color: #f4e1c1;
}

.innerContainerProducts{
    width: 100%;
    margin: 0 auto;
    z-index: 10;
    /* margin-top: -100px; */
}

.newProduct{
	position: absolute;
	top: 0;
    right: 10%;
	width: 30%;
}
.newProduct img{
	width: 100%;
	
}

.productBox {
    width: 28%;
    margin: 0 2.5% 45px;
    position: absolute;
}
.imgProductItemBox {
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: bottom center;
    transform: scale(1);
    transition: transform .1s ease-in-out, width 0s, height 0s;
}

.productBox:hover .imgProductItemBox {
    transform: scale(1.1);
}

.productBox .descProduct{
    width: 80%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 10%;
}

.productBox .descProduct.descProductOuter{
    /*height: 60%;*/
    display: table;
    /*bottom: 23%;*/
}

/*Chavi220623*/
.descProductInner{
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
/*Chavi220623*/

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}
#popupPreloader {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    opacity: 0.3;
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
}
#popupPreloader.active{
    display: block;
} 
#newPopUp{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #e8e4f3;
    padding: 30px 50px;
    z-index: 12000;
    border-radius: 50px;
    text-align: center;
    left: -100%;
    opacity: 0;
    transition: all 0.5s ease-in-out, left 0s ease 0.5s;
}

#newPopUp.active{
    left: 50%;
    opacity: 1;
    transition: all 0.5s ease-in-out, left 0s ease;
}

.newProductsImg{
    width: 40vw;
    /* background-image: url(../icons/launch.png); */
}


.btnLaunch.btnLaunch{
    margin-top: 20px;
    display: inline-block;
    padding: 10px 35px;
}

span.pricePrevious {
    font-size: 15px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    opacity: 0.7;
    margin-top: 4px;
    vertical-align: top;
}

span.pricePrevious::after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #2a1d65;
    transform: rotate(-11deg);
    top: 7px;
    left: 0;
}

p.contPrices {
    font-style: italic;
    margin-bottom: 3px;
    font-size: 10px;
}

span.pricePrevious.priceOldProducts {
    font-size: 10px;
    margin-right: 2px;
    margin-top: 0px;
}
span.pricePrevious.priceOldProducts::after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #2a1d65;
    transform: rotate(-10deg);
    top: 4px;
    left: 0;
}
.descProductInner .flavorGrid {
    margin-top: 0;
}
.contWoocommerce-form-coupon {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.contWoocommerce-form-coupon.active {
    display: flex;    
}
.contMinPrice {
    margin: 20px 0px;
    font-size: 20px;
    font-family: 'Mostardesign-FilsonSoft-Black', Helvetica, Arial, "sans-serif";
}
.contWoocommerce-form-coupon-bg {
    position: absolute;
    background-color: #cfcadb;
    height: 100%;
    width: 100%;
    opacity: 0.6;
}
.innerContWoocommerce-form-coupon {
    width: 520px;
    padding: 20px 0;
    border-radius: 15px;
    background-color: #e8e4f3;
    position: relative;
}
.closePopUp {
    position: absolute;
    height: 20px;
    width: 20px;
    right: 15px;
    top: 15px;
    cursor: pointer;
    background-image: url(../icons/x.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contMinPrice {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
/*
.flavorGrid {
    margin: 0 auto;
    margin-top: 0px;
    padding: 5px 15px;
    background-image: url(../icons/contactBubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: auto;
    display: inline-block;
}
*/
.btnCustomCoupon {
    background-image: url(../icons/contactBubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 40px;
    font-size: 15px;
    width: 300px;
    margin-left: 2%;
    color: #21145f;
    text-align: center;
    margin-bottom: 20px;
    height: 40px;
    line-height: 43px;
    cursor: pointer;
}
@media only screen and (max-width: 1024px){
	
    .newProductsImg{
        width: 50vw;
    }
}
@media only screen and (max-width: 768px){
    .containerFilters{
        margin-top: 0;
        padding-top: 0;
    }
    .firstProductsSection{
        display: none;
    }
    .sectionProducts{
        padding-top: 30px;
    }

	.productBox .descProduct {
		width: 80%;
		left: 10%;
	}
    .newProductsImg{
        width: 50vw;
    }

    .bgackgroundFooter{
        height: 80px;
    }
    .btnCustomCoupon {
        font-size: 12px;
        background-size: 100% 40px;
        width: 250px;
        height: 40px;
    }
}
@media only screen and (max-width: 512px){
	.productBox .descProduct {
		width: 85%;
		left: 7.5%;
	}
    .newProductsImg{
        width: 65vw;
    }
    .innerContWoocommerce-form-coupon {
        width: 80%;
    }
}

@media only screen and (orientation: landscape) and  (max-width: 700px){
    .newProductsImg{
        width: 40vw;
    }

    .btn.btnProductsHome{
        margin-top: 30px;
    }
}

.productBox.middle{
    margin-top: -70px;
    margin-bottom: 140px;
}

.infoProductGrid{
    font-style: italic;
    font-size: 13px;
}

.flavorGrid{
    margin: 0 auto;
    margin-top: 5px;
    padding: 5px 15px;
    background-image: url(../icons/contactBubble.png);
    width: auto;
    display: inline-block;
}
a.infotextRastreo.btn.secondary {
    width: auto;
    padding: 10px 15px;
    display: inline-block;
    font-family: 'Mostardesign-FilsonSoft-Bold';
    margin-bottom: 10px;
}
.productBox-1 .imgProductItemBox {
    background-image: url(../icons/pancakesBanano.png);
}
.productBox-2 {
    background-image: url(../icons/pancakesBrownie.png);
}
.productBox-3 {
    background-image: url(../icons/pancakesVainilla.png);
}
.productBox-4 {
    background-image: url(../icons/avenaHojuelas.png);
}
.productBox-5 {
    background-image: url(../icons/harinaAvenaNube.png);
}
.productBox-6 {
    background-image: url(../icons/harinaAlmendra.png);
}
.productBox-7 {
    background-image: url(../icons/spreadCocoa.png);
}
.productBox-8 {
    background-image: url(../icons/spreadCinamon.png);
}
.productBox-9 {
    background-image: url(../icons/spreadCrnchy.png);
}
.productBox-10 {
    background-image: url(../icons/mixMatch.png);
}
.productBox-11 {
    background-image: url(../icons/unicornio.png);
}

.productBox.unicornio{
    width: 20%;
}

.productBox.bigProduct{
    width: 40%;
    margin-left: 20%;
}


.productBox.bigProduct .descProduct{
    bottom: 30%;
}

.productBox.unicornio .descProduct{
    bottom: 15%;
}



/* Detail Product =========================================== */

.heroProduct .maskWaves{
    -webkit-mask-image: url(../icons/curve-1.svg);
    mask-image: url(../icons/curve-1.svg);
}

.mainProducts .heroProduct .maskWaves{
    -webkit-mask-image: url(../icons/01.svg);
    mask-image: url(../icons/01.svg);
}

.heroProduct .halfWave-1{
    height: 80%;
}

.heroProduct .halfWave-2{
    height: 20%;
    top: initial;
    bottom: 0;
    -webkit-mask-image: url(../icons/curve-2.svg);
    mask-image: url(../icons/curve-2.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
}

.containerHeroProduct{
    padding-top: 170px;
}

.textImgDetail.textImgContainer{
    width: 80%;
    margin: 0 auto -200px;
}

.detailImgProduct{
    width: 50%;
    position: absolute;
    top: 0vh;
    left: 0;
    height: auto;
    animation: levitating 2s linear 0s infinite alternate;
}
.contIframe.detailImgProduct,
.imgIframe.detailImgProduct {
    animation: none;    
}

@keyframes levitating {
    0%{
        top: -0vh;
    }

    100%{
        top: -3vh;
    }
}

.shodowImg{
    position: relative;
    bottom: -0vh;
    left: 0;
    width: 100%;
    height: 50px;
    background-image: url(../icons/shadow.png);
    animation: shadow 2s linear 0s infinite alternate;
    transform: scale(1);
}

@keyframes shadow {
    0%{
        transform: scale(1.5);
        bottom: -1vh;
    }

    100%{
        transform: scale(1);
        bottom: -4vh;
    }
}

.detailProduct{
    position: relative;
    width: 100%;
    padding-left: 50%;
    margin-bottom: -300px;
}

.spread.detailProduct {
    width: 48%;
}

.typeProduct{
    font-style: italic;
    font-size: 35px;
    margin-bottom: 15px;
}

.lastparagraph{
    margin-top: 5px;
}

.titleProduct {
    font-size: 60px;   
}

.spread .titleProduct{
    font-size: 40px;
}

.falvorProduct{
    font-size: 30px;
    display: inline-block;
    margin-top: 15px;
    background-image: url(../icons/contactBubble.png);
    padding: 10px 25px;
}

.miniTitleProduct{
    display: block;
    font-size: 40px;
}

.priceProduct{
    margin: 30px 0;
    font-size: 22px;
}

.descriptionPorductText{
    line-height: 1.3;
    font-size: 18px;
    margin-top: 20px;
}
.descriptionPorductText.mobile{
	display: none;
}
.descriptionPorductText.desktop{
	display: block;
}

.optionsContainer{
    width: 100%;
    margin: 30px 0;
    overflow: hidden;
    text-align: center;
}

.presentationContainer{
    width: 47%;
    margin-right: 2%;
    margin-top: 15px;
}

.grammageContainer{
    width: 47%;
}

.infoOption{
    font-style: italic;
    margin-bottom: 15px;
}

.innerGrammageCont{
    width: 100%;
}

.presentation{
    background-image: url(../icons/presentationIcon.png);
}

.curveFlavorText.curveTextTop{
    margin: 10px 0 5px;

}

.curveFlavorText{
    white-space: nowrap;
}

.curveTextChar{
    position: relative;
    transform: translateY(calc(var(--translateY) * -5));
    display: inline-block;
}

.grammage{
    background-image: url(../icons/gramnageIcon.png);
}
.grammage p{
    margin-top: 30px;
}

.presentation, .grammage{
    width: 31%;
    height: 50px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}

.contPresentation{
    width: 31%;
}

.contPresentation .presentation{
    width: 100%;
}

.presentation.middle, .grammage.middle{
    margin: 0 0 0 1%;
}

.finishProduct{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.amountProduct{
    padding: 10px 15px;
    border: 2px solid #2a1d65;
    border-radius: 50px;
    /* background-color: #ddb3ab; */
}

.amounControl{
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.amounControl.subtract{
    background-image: url(../icons/menos.png);
}

.amounControl.plus{
    background-image: url(../icons/mas.png);
}

.amountText{
    font-size: 25px;
    margin: 0 25px;

}

.btnDetailProduct{
    padding: 15px 35px;
    margin-left: 25px;
    
}


/* Nutrition Sec ======================================== */

.nutritionalSec{
    padding-bottom: 90px;
    padding-top: 0px;
}

.nutritionalSec .maskWaves{
    -webkit-mask-image: url(../icons/curve-1.svg);
    mask-image: url(../icons/curve-1.svg);
    top: -5px;
}

.nutritionalSec .maskWaves{
    -webkit-mask-image: url(../icons/02.svg);
    mask-image: url(../icons/02.svg);
}

.featuresProduct{
    /* width: 40%; */
    text-align: center;
    margin: 0 auto 50px;
    max-width: 100%;
}

.feature{
    width: 95px;
    height: 95px;
    margin: 0 0% 15px;
    background-image: url(../icons/featureIcon.png);
}

.infoNutritionContainer{
    width: 25%;
    margin: 0 auto;
}

.infoNutritionImg{
    width: 100%;
    margin: 0px auto 0;
    background-image: url(../icons/infoNutrition.png);
    margin-bottom: 15px;
}

.ulIngredients{
    width: 30%;
    margin: 0 auto;
}

.manyIngredients .infoNutritionContainer{
    display: inline-block;
    vertical-align: middle;
}

.manyIngredients .ulIngredients{
    display: inline-block;
    vertical-align: middle;
}



.manyIngredients .ingredientsText{
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 20px;
}

.ingredientsText{
    font-size: 18px;
}

.innerIngredients{
    font-family: 'Mostardesign-FilsonSoft-Regular', Helvetica, Arial, "sans-serif";
}

.manyIngredients .innerIngredients{
    font-size: 18px;
    display: block;
    margin: 20px 0;
}

/* .manyIngredients .innerIngredients:hover{
    text-decoration: underline;
    text-decoration-style: wavy;
} */


.recipeSection{
    padding-bottom: 0px;
    margin-bottom: -3px;
    z-index: 1;
}

.recipeSection .maskWaves {
    -webkit-mask-image: url(../icons/curve-4.svg);
    mask-image: url(../icons/curve-4.svg);
}
.recipeSection .maskWaves {
    -webkit-mask-image: url(../icons/03.svg);
    mask-image: url(../icons/03.svg);
}

.ideaSection{
    padding-bottom: 160px;
}

.ideaSection .maskWaves {
    -webkit-mask-image: url(../icons/curve-4.svg);
    mask-image: url(../icons/curve-4.svg);
}

.ideaSection .maskWaves {
    -webkit-mask-image: url(../icons/curve-7.svg);
    mask-image: url(../icons/curve-7.svg);
}

.cloudSec.mobileCloud{
    display: none;
}

.wingedProductMobile {
    display: none;
}


/* PopUPcontact */

#popUpContact{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 13000;
    background-color: #0000003a;
    opacity: 0;
    top: -200%;
    left: 0;
    transition: all .5s ease-in-out,
                top 0s ease-in .5s;
}

#popUpContact.active{
    top: 0;
    opacity: 1;
    transition: all .5s ease-in-out,
                top 0s ease-in 0s;
}

#formPopUpContainer{
    position: absolute;
    overflow: hidden;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../icons/bubbleContactPop.png);
    text-align: center;
    width: auto;
    padding: 65px 200px 125px;
    background-position: bottom center;
    background-size: 100% 100%;
}

.headerFormContact{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 260px;
    margin: 0 auto;
    background-image: none;
}

.helloForm{
    font-size: 35px;
    margin-bottom: 10px;
}

.subtitleContact{
    font-size: 18px;
    font-style: italic;
}

.pointsDivision{
    margin: 15px 0;
    overflow: hidden;
}

.labelContact{
    width: 100%;
    margin-bottom: 25px;
    display: block;
}

.labelContact.small{
    width: 48%;
    float: left;
}

.firstLabel{
    margin-right: 4%;
}

.textLabel{
    margin-bottom: 10px;
}

.inputContact, .textareaContact{
    width: 100%;
    background-color: transparent;
    border: 1px solid #f4e1c1;
    border-radius: 50px;
    padding: 15px 20px;
    outline: none;
    resize: none;
}

#formPopUpContainer .inputContact{
    text-align: center;
}

#formPopUpContainer .inputContact::placeholder{
    color: #f4e1c1;
}

.textareaContact{
    border-radius: 25px;
}

.textareaContact{
    height: 150px;
}

.lastLabelContact{
    overflow: hidden;
}

#acceptPrivacy{
    display: none;
}

.overlayCheck{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: #2a1d65;
    vertical-align: top;
    transition: all .2s ease-in-out;
    border: 1px solid #f4e1c1;
}

#acceptPrivacy:checked ~ .overlayCheck{
    background-color: #fff;
    background-image: url(../icons/check.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.lastLabelContact .textLabel{
    width: calc(100% - 30px);
    text-align: left;
    font-size: 13px;
}

.anchorFormPopUp{
    font-style: italic;
}

.closeContactPopUp{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-image: url(../icons/closeLight.png);
    cursor: pointer;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


/*  THANKS PAGE*/

.sectionThanks{
    overflow: hidden;
}

.containerThanks{
    width: 100%;
    height: 100%;
    max-width: initial;
    overflow: initial;
    display: table;
}

.containerThanksMessage{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    position: relative;
}

.maskThanks-1{
    height: 30%;
    -webkit-mask-image: url(../icons/curve-1.svg);
    mask-image: url(../icons/curve-1.svg);
}
.maskThanks-2{
    height: 25%;
    top: 30%;
    -webkit-mask-image: url(../icons/curve-2.svg);
    mask-image: url(../icons/curve-2.svg);
    display: none;
}
.maskThanks-3{
    height: 50%;
    top: initial;
    bottom: 0;
    -webkit-mask-image: url(../icons/curvaInferiorThanks.svg);
    mask-image: url(../icons/curvaInferiorThanks.svg);
}

.thanksMessage{
    width: 50%;
    position: relative;
    margin:  0 auto;
    left: 7%;
    top: -5%;
}

.bubbleThanks{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../icons/changeWorldB.png);
}

.flourThanks{
    position: absolute;
    left: 45%;
    bottom: 50px;
    width: 20%;
    height: 250px;
    background-image: url(../icons/avenaBolsa.png);
    background-position: bottom center;
}

.contentMessageThanks{
    width: 100%;
    padding: 15vh 20%;
    z-index: 1;
    overflow: hidden;
    position: relative;
}

.orderNumber{
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
}

.pointsDivision{
    width: 101%;
    position: relative;
    left: -0.5%;
    white-space: nowrap;
}

.infoEmail{
    margin-top: 25px;
    line-height: 1.3;
    font-size: 20px;
}

.btnThanks.btn{
    display: inline-block;
    width: auto;
    margin: 40px auto 20px;
    padding: 15px 40px;
    font-size: 22px;
}

.warmMessageThanks{
    margin: 25px 0;
    font-size: 12px;
    line-height: 1.3;
}

.thanksMessage .subtitleContact{
    margin: 20px 0 0;
    font-size: 25px;
}

.thanksMessage .pointsDivision{
    margin: 25px 0;
}

.bananoBoxes{
    position: absolute;
    bottom: 5%;
    left: calc(35% - var(--width));
    width: var(--width);
    height: 100%;
    background-image: url(../icons/bananoCajas.png);
    background-position: bottom center;
    z-index: 2;
}

.alonePalmThanks{
    position: absolute;
    bottom: 5%;
    left: calc(15% - var(--width));
    width: var(--width);
    height: 100%;
    background-image: url(../icons/palmera.png);
    background-position: bottom center;
    z-index: -1;
}

.palmCloudThanks{
    position: absolute;
    bottom: 7%;
    right: calc(20% - var(--width));
    height: 100%;
    width: var(--width);
    background-image: url(../icons/arbolNube.png);
    background-position: bottom center;
    z-index: 2;
}

.wingedThanks-1.wingedProduct{
    top: 10%;
    right: -25%;
}

.wingedThanks-2.wingedProduct{
    bottom: 20%;
    right: -5%;
}

.thanksCloud-1{
    top: 15%;
    right: 5%;
}

.thanksCloud-2{
    top: 0%;
    left: 22%;
    z-index: 1;
}
.thanksCloud-3{
    top: 32%;
    left: 18%;
    z-index: -1;
}

.thanksCloud-4{
    top: 15%;
    left: 0;
}
.thanksCloud-5{
    top: -10%;
    right: 20%;
    z-index: 0;
}

.wingedThanks-3.wingedProduct{
    top: 12%;
    right: 25%;
}

.wingedThanks-4.wingedProduct{
    bottom: 15%;
    left: -15%;
}

#formPopUpContact{
    margin-top: 50px;
    width: 600px;
}

.mc-field-group{
    float: left;
    width: 65%;
}

#mce-EMAIL{
    width: 100%;
}

.optionalParent{
    float: right;
    width: 32%;
}

.btnEmail.btn.secondary{
    width: 100%;
    padding: 10px 0;
}

/* TERMINOS Y CONDICIONES */

#siteMain.termsMain{
    background-color: #bab2cd;
    position: relative;
    padding-bottom: 0px;
    overflow: hidden;
}

.bgackgroundFooter{
    width: 100%;
    height: 165px;
    background-image: url(../icons/curve-footer.png);
    background-position: bottom center;z-index: 2;
    position: relative;
}

.cloudsContainer{
    position: absolute;
    top: 0;
    height: 100%;
    width: 12.5%;
}

.cloudsContainer.left{
    left: 0;
}

.cloudsContainer.right{
    right: 0;
}

.cloudsContainer.cloudsContProducts.left{
    left: -12.5%;
}

.cloudsContainer.cloudsContProducts.right{
    right: -12.5%;
}

.cloudsContainer .cloud-1{
    background-image: url(../icons/cloud-1.svg);
}

.cloudsContainer .cloud-2{
    background-image: url(../icons/cloud-2.svg);
}

.cloudsContainer .cloud-3{
    background-image: url(../icons/cloud-3.svg);
}

.cloudsContainer .cloud-4{
    background-image: url(../icons/cloud-4.svg);
}

.cloudsContainer .cloud-5{
    background-image: url(../icons/cloud-5.svg);
}

.termsSec{
    margin-top: 60px;
}

.containerTerms{
    width: 75%;
}

.articleTerms{
    width: 100%;
    margin: 0 auto;
    background-color: #E6E3EC;
    border-radius: 50px;
    padding: 50px 100px;
}

.termsTitle{
    font-size: 40px;
    font-style: italic;
    margin-bottom: 70px;
}

.innerTermsTitle{
    font-size: 44px;
    font-style: normal;
    margin-top: 5px;
}

.subtitleForms{
    margin-top: 70px;
    text-align: left;
    font-size: 25px;
}

.groupTextTerms{
    width: 100%;
    margin-top: 25px;
    text-align: left;
    border-radius: 20px;
    overflow: hidden;
}

.groupTextTerms b, .groupTextTerms strong{
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";
}

.groupTextTerms ul{
    width: 100%;
}

.groupTextTerms li{
    padding-left: 35px;
    position: relative;
    line-height: 1.3;
    margin-bottom: 15px;
}

.titleGroupTerms{
    width: 100%;
    background-color: #CFCADB;
    padding: 15px 20px;
    /* margin-bottom: 5px; */
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.groupTextTerms.active .titleGroupTerms{
    margin-bottom: 5px;
}

.miniTitleTerms{
    font-size: 20px;
    width: calc(100% - 40px);    
    /* margin-bottom: 20px; */
}

.iconPlus{
    width: 25px;
    height: 25px;
    background-image: url(../icons/mas.png);
    transition: all .5s ease-in-out;
}

.active .iconPlus{
    background-image: url(../icons/menos.png);
}

.infoContGroupTerms{
    width: 100%;
    background-color: #CFCADB;
    padding: 0px 20px;
    max-height: 0;
    transform-origin: top;
    overflow: hidden;
    transition: all .5s ease-in-out;
}

.infoContGroupTerms p {
    margin-bottom: 15px;
    line-height: 1.3;
}

.infoContGroupTerms a{
    text-decoration: underline;
}

.groupTextTerms.active .infoContGroupTerms{
    max-height: 500px;
    padding: 15px 20px;
}

.innerTextTerms{
    font-size: 16px;
    line-height: 1.3;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.groupTextTerms.active .innerTextTerms{
    opacity: 1;
}

.ulTerms{
    width: 100%;
}

.pointListTems{
    padding-left: 35px;
    position: relative;
    line-height: 1.3;
    margin-bottom: 15px;
}

.point{
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #2a1d65;
    border-radius: 50%;
    left: 0px;
    top: 7px;
}
.termsMain .maskWaves{
    -webkit-mask-image: url(../icons/curve-7.svg);
    mask-image: url(../icons/curve-7.svg);
}

.containerButtonsTerms{
    width: 80%;
    margin: 0 auto;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btnTerms{
    width: 45%;
}

.noSelected.btnTerms{
    color: #7a729f;
}

.termsMain .ilustrationProducts-3 .innerIlustration{
    background-image: url(../icons/devolucionesIcon.png);
}

.termsMain .ilustrationProducts-1 .innerIlustration{
    background-image: url(../icons/avenaTerms.png);
}

.termsMain .ilustrationProducts-1{
    width: 15%;
    vertical-align: middle;
}

.termsMain .ilustrationProducts-3{
    vertical-align: middle;
}

.termsMain .ilustrationProducts-4{
    width: 16%;
    vertical-align: bottom;
    position: relative;
    bottom: 25px;
}

.termsMain .ilustrationProducts-4 .innerIlustration{
    background-image: url(../icons/huevoTerms.png);
}

.termsMain .cloudHeroProducts-1{
    top: -45%;
    left: 75%;
}
.termsMain .cloudHeroProducts-2{
    top: -45%;
    left: -75%;
}
.termsMain .cloudHeroProducts-3{
    top: -70%;
    left: -130%;
}

.termsMain .cloudMoonProducts-2{
    right: -130%;
    top: -70%;
}

.termsMain .cloudMoonProducts-3{
    left: 160%;
    top: 5%;
}

.termsMain .cloudMoonProducts-4{
    right: -50%;
    bottom: -10%;
}

.termsMain .ilustrationProducts-1 .innerIlustration .wingedProduct.winged-2{
    top: initial;
    left: -75%;
    bottom: -30%;
}

#siteFooter{
    position: relative;
}

.vainilla .wingedProductMobile.wingedProduct.winged-2{
    background-image: url(../icons/spreadInvert.png);
    width: 80px !important;
    height: 80px !important;
}

.vainilla .wingedProductMobile.wingedProduct.winged-1{
    background-image: url(../icons/mezcla_1Invert.png);
    width: 70px !important;
    height: 70px !important;
    right: -7%;

}

/* Cookies */

#cookiesContainer{
    position: fixed;
    z-index: 300000;
    bottom: 50px;
    right: 50px;
    border-radius: 25px;
    background-color: #DBD7E4;
    width: 35%;
    padding: 0 25px;
    opacity: 1;
    transition: all .5s ease-in-out, width 0s, height 0s;
}

#cookiesContainer.hide{
    right: -100%;
    opacity: 0;
    transition: all .5s ease-in-out, right 0s ease-in-out .5s;
}

.closeCookies {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background-image: url(../icons/closeDark.png);
    border-radius: 50%;
    cursor: pointer;
    display: none;
}


.imgsCookies {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3%;
    margin-top: -40px;
}

.topImgCookies, .bottomImgCookies{
    width: 100%;
}

.topImgCookies{
    background-position: top center;
    background-image: url(../icons/bubbleCookies.png);
}

.bottomImgCookies{
    background-position: bottom center;
    background-image: url(../icons/cookiesMobile.png);
}

.bottomImgCookies.mobile{
    display: none;
}

.infoCookies{
    display: inline-block;
    vertical-align: middle;
    width: 65%;
}

.textCookies{
    margin-bottom: 15px;
    line-height: 1.3;
}

.btnCookies.btn{
    padding: 7px 50px;
    font-size: 16px;
}


.whatsappBtn{
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 150px;
    height: 150px;
    z-index: 2;
    cursor: pointer;
    transform: scale(1);
    transition: all .5s ease-in-out;
}

.whatsappBtn:hover{
    transform: scale(1.1);
}



@media only screen and (min-width: 769px) and (max-height: 800px) {
    /* #formPopUpContainer{
        padding: 25px 10% 80px;
    } */

    #formPopUpContact{
        margin-top: 35px;
    }

    #formPopUpContainer{
        padding: 55px 160px 115px;
    }

    .textareaContact{
        height: 80px;
    }

    #formPopUpContainer .inputContact{
        padding: 10px 20px;
    }

    .helloForm{
        margin-bottom: 5px;
    }

    .subtitleContact{
        font-size: 16px;
    }

    .textLabel{
        font-size: 14px;
    }

}
@media only screen and (min-width: 1450px) and (max-height: 800px){
    .detailProduct{
        margin-bottom: -180px;
    }
}


@media only screen and (max-width: 1750px){
	#cookiesContainer{
		width: 40%;
	}
}


@media only screen and (max-width: 1450px){
    .cloudsContainer.cloudsContProducts.left{
        left: -9.5%;
    }

    .containerProductsPage .wingedProductsPage-3.wingedProduct{
        right: -5%;
        display: none;
    }

    .cloudsContainer.cloudsContProducts.right{
        right: -6.5%;
    }

    .wingedProduct.rightProduct{
        right: -13%;
    }

    .imagesFourthSec{
        margin-top: -80px;
    }

    #cookiesContainer{
        width: 50%;
    }

    .textContainer{
        width: 40%;
    }

    /* #formPopUpContainer{
        width: 65%;
    } */

    .thanksMessage{
        width: 70%;
    }

    .flourThanks{
        width: 30%;
        left: 40%;
    }

    .contentMessageThanks{
        padding: 80px 20%;
    }

    .bananoBoxes{
        left: calc(22% - var(--width));
        width: calc(var(--width) * 1.2);
    }

    .alonePalmThanks{
        width: calc(var(--width) * 1.2);
        left: calc(0% - var(--width));
    }

    .palmCloudThanks{
        right: calc(12% - var(--width));
        width: calc(var(--width) * 1.2);
    }

    .containerFooter{
        width: 90%;
    }

    #popUpProduct{
        max-width: 75%;
    }

    #cartBox{
        width: 36%;
        right: -45%;
    }

    .shoppingText{
        font-size: 20px;
    }

    .siteNav {
        width: 100%;
    }

    .wingedProduct{
        width: 60px;
        height: 60px;
    }
    .innerChangeWolrdCont{
        /* padding: 40px 40px 0px; */
        top: -20px;
    }

    .palenquera, .bananaText2{
        width: 25%;
    }

    .escena-2, .vainilla{
        top: -150px;
    }

    .textImgDetail.textImgContainer{
        width: 85%;
        margin-bottom: -100px;
    }

    .detailProduct{
        width: 100%;
    }

    .falvorProduct{
        font-size: 25px;
        margin-top: 5px;
    }

    .containerFilters{
        width: 80%;
    }

    .containerProductsPage{
        width: 90%;
    }

    .containerHeroProduct{
        width: 90%;
    }

    .infoNutritionContainer{
        width: 30%;
    }

    .priceProduct{
        margin: 15px 0;
    }

    .optionsContainer{
        margin: 15px 0;
    }
	

	.descriptionPorductText{
		line-height: 1.2;
		font-size: 16px;
	}

    .containerProducts{
        margin-top: 50px;
    }

    .fourthSection{
        padding-bottom: 100px;
    }

    .itemFilter{
        padding: 30px 50px;
    }

    .wingedProduct.leftProduct{
        top: -4%;
        left: -7%;
    }

    .featuresProduct{
        margin-bottom: 10px;
    }

    .feature{
        width: 70px;
        height: 70px;
    }
    .containersix .imgFlavor, .containersix .texContainerRecipe{
        margin-top: 0;
    }

    .recipeSection{
        padding-bottom: 50px;
    }

    .productScreenCloud-10{
        bottom: 7.5%;
        left: -1%;
    }

    .whatsappBtn{
        bottom: 20px;
        right: 20px;
    }
    .whatsappBtn.waCheckout{
        bottom: 60px;
		z-index: 1000;
    }

}

@media only screen and (max-width: 1200px){
	#cookiesContainer{
		width: 60%;
	}
}

@media only screen and (max-width: 1150px){
    .itemFilter{
        padding: 30px 35px;
    }

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

    .textChangeWorld.principalText{
        font-size: 20px;
    }

    .textChangeWorld{
        font-size: 15px;
    }

    .textChangeWorld.antojoText{
        font-size: 18px;
    }

    .textChangeWorld.descriptionText{
        font-size: 16px;
        margin: 20px 0;
    }
}

@media only screen and (max-width: 1100px){ 
    .productBox{
        width: 47%;
        margin: 0 1% 30px;
    }    
}
@media only screen and (max-width: 1024px){
    .textImgDetail.textImgContainer{
        margin-bottom: 50px; 
    }

    .containerProductsPage .wingedProduct{
        display: none;
    }

    #cookiesContainer{
        width: 60%;
    }

    .presentationContainer{
        width: 30%;
    }

    /* #formPopUpContainer{
        width: 75%;
    } */

    .productBox.middle{
        margin-top: 0px;
        margin-bottom: 70px;
    }

    .imagesFourthSec{
        margin-top: 0;
    }

    #popUpProduct{
        max-width: 90%;
        width: 90%;
    }

    #cartBox{
        width: 60%;
        right: -60%;
    }

    .container{
        width: 90%;
    }
    .containerThanks{
        width: 100%;
    }

    .flourThanks{
        width: 40%;
        left: 30%;
    }

    .thanksMessage{
        width: 95%;
        left: 0;
        top: -5%;
    }

    .helloForm{
        font-size: 35px;
    }
    .thanksMessage .subtitleContact{
        font-size: 22px;
    }

    .infoEmail{
        font-size: 18px;
    }

    .btnThanks.btn{
        font-size: 20px;
        margin: 30px auto 10px;
    }


    .contentMessageThanks{
        padding: 80px 15%;
    }

    .bananoBoxes{
        display: none;
    }

    .alonePalmThanks{
        display: none;
    }

    .palmCloudThanks{
        display: none;
    }

    .itemNav{
        /* width: auto; */
        margin: 0 1.5%;
    }

    .textChangeWorld.principalText{
        font-size: 18px;
    }

    .textChangeWorld{
        font-size: 13px;
    }

    .textChangeWorld.antojoText{
        font-size: 16px;
    }

    .textChangeWorld.descriptionText{
        font-size: 14px;
        margin: 20px 0;
    }

    /* .innerChangeWolrdCont{
        padding: 45px 25px 25px;
    } */

    .palenquera, .bananaText2{
        width: 30%;
    }

    .product{
        width: 47%;
    }

    .textContainer, .textContainer.big{
        width: 44%;
    }

    .imgWhyNotWorld, .imgFlavor{
        width: 44%;
    }

    .btn{
        font-size: 16px;
    }

    .groupFAQs{
        width: 40%;
    }

    #email{
        margin-bottom: 15px;
    }
/* 
    .btn.secondary.btnEmail{
        width: 100%;
    } */

    .containerFilters{
        width: 100%;
        padding-bottom: 50px;
        margin-bottom: 50px;

    }

    .productBox{
        width: 47%;
        margin: 0 1% 30px;
    }

    .productBox.bigProduct, .productBox.unicornio{
        width: 47%;
        margin-left: 1%;
    }

    .detailImgProduct{
        width: 60%;
        margin-top: 20px;
        margin-bottom: 20px;
        position: relative;
    }

    .productScreenCloud-4{
        bottom: -40%;
        display: none;
    }

    .textImgDetail{
        display: table;
    }

    .detailProduct{
        width: 80%;
        /* display: table-header-group; */
        padding-left: 0;
        margin-bottom: 60px;
        margin-bottom: -320px;
    }

    .nutritionalSec{
        padding-bottom: 20px;
    }

    .infoNutritionContainer{
        width: 35%;
    }

    .ulIngredients{
        width: 50%;
    }

    .contentMessageThanks{
        padding: 105px 22%;
    }

    .textImgDetail.textImgContainer{
        width: 100%;
    }

    .containerFilters .slick-arrow{
        display: none !important;
    }
	
	.descriptionPorductText.mobile{
		display: block;
	}
	.descriptionPorductText.desktop{
		display: none;
	}
    .descriptionPorductText.mobile{
        order: 2;
        margin-top: 25px;
    }

    .typeProduct{
        margin-bottom: 5px;
    }
    .priceProduct{
        margin: 10px 0;
    }

    .detailImgProduct{
        margin: 5px 0 20px;
    }

    .infoOption{
        margin-bottom: 5px;
    }

    .containerHeroProduct{
        padding-top: 125px;
    }

    .optionsContainer{
        margin: 0;
    }

    .wingedProduct.rightProduct, .wingedProduct.leftProduct{
        display: none;
    }

    .recipeSection{
        padding-bottom: 0;
    }

    .thirdSection{
        padding-bottom: 0;
    }
    .fourthSection{
        padding-bottom: 150px;
    }

    .fifthSection{
        padding-bottom: 180px;
    }

    .sixSection{
        padding-bottom: 100px;
    }

    .itemFilter{
        padding: 30px 100px;
    }

    .slick-dots li button{
        width: 9px;
        height: 9px;
        padding: 0;
    }

    .miniIlustration .wingedProduct.winged-2{
        bottom: -50%;
        right: -55%;
    }

    .cloudsContainer{
        width: 20%;
    }

    .cloudsContainer.cloudsContProducts.left{
        left: -6%;
    }

    .cloudsContainer.cloudsContProducts.right{
        right: -6%;
    }

    .firstProductsSection{
        display: none;
    }

    .sectionProducts{
        padding-top: 30px;
    }
	
	.whatsappBtn.waCheckout{
		z-index: 900;
    }
}


@media only screen and (max-width:768px){

    .leftSiteMenu, .rightSiteMenu{
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .whatsappBtn{
        width: 100px;
        height: 100px;
    }

    .itemFilter{
        padding: 40px 65px;
    }
    .heroProduct {
        padding-bottom: 30px;
    }

    .nutritionalSec{
        padding-bottom: 0px;
    }

    .termsSec{
        margin-top: 30px;
    }

    .containersix .imgFlavor, .containersix .texContainerRecipe{
        margin-top: -0px;
    }

    .detailImgProduct{
        margin-bottom: 5px;
    }

    .recipeSection{
        padding-bottom: 150px;
    }

    .ideaSection {
        padding-bottom: 300px;
    }

    .descriptionPorductText.mobile{
        width: 80%;
    }

    .descriptionPorductText{
        order: 2;
        margin-top: 25px;
    }

    .btn.btnProductsHome{
        margin-top: 0;
    }

    .secondSection{
        min-height: 150px;
    }

    .termsMain .ilustrationProducts-1{
        width: 25%;
    }

    #formPopUpContact{
        width: auto;
    }

    .shodowImg{
        width: 40%;
        margin: 0 auto;
    }

    #cookiesContainer{
        width: 90%;
        right: 5%;
        bottom: 5%;
        text-align: center;
        padding-bottom: 20px;
    }
    .imgsCookies{
        display: block;
        margin: -40px auto 0;
        width: 35%;
    }

    .textCookies{
        margin: 0;
    }

    .bottomImgCookies{
        display: none;
    }

    .bottomImgCookies.mobile{
        display: block;
        width: 35%;
        margin: 0 auto;
        background-image: url(../icons/cookiesMobile.png);
    }

    .containerHeroProduct{
        padding-top: 20px;
    }

    .headerFormContact{
        background-image: url(../icons/burbujaContacto.png);
        padding: 50px 20px 70px;
        width: 280px;
    }

    .textareaContact{
        height: 100px;
    }

    #formPopUpContainer{
        padding-bottom: 30px;
    }

    .helloForm, .subtitleContact{
        color: #21145f;
    }

    .presentationContainer{
        width: 47%;
    }

    .detailProduct{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: -200px;
    }

    .finishProduct{
        margin-top: 35px;
    }
    
    .containerFilters.slick-initialized .slick-slide{
        margin: 0 10px;
        margin-top: 0px;
    }

   

    .containerThanks{
        display: block;
        padding-top: 50px;
    }

    .containerThanksMessage{
        display: block;
    }

    .warmMessageThanks{
        position: fixed;
        bottom: 0px;
        left: 5%;
        width: 90%;
        padding: 15px 0;
    }

    .btnThanks.btn{
        position: fixed;
        bottom: 100px;
        left: 5%;
        width: 90%;
        padding: 15px 0;
    }
    .flourThanks{
        display: none;
    }
    .bananoBoxes{
        display: block;
        height: 90%;
        bottom: 100px;
        left: 50%;
        margin-left: calc(var(--width) / -2);
        width: calc(var(--width) * 1.4);
        z-index: 0;
    }

    .helloForm{
        font-size: 28px;
    }

    .infoEmail{
        font-size: 18px;
    }

    #formPopUpContainer{
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: none;
        background-color: #20155f;
        overflow-y: auto;
        padding: 30px 20px 50px;
    }

    .labelContact.small{
        width: 100%;
        margin-right: 0;
    }

    .thanksMessage{
        width: 80%;
        margin: 0 auto;
        top: 0;
    }

    .bubbleThanks{
        background-size: 100% 100%;
    }

    .contentMessageThanks{
        padding: 75px 15%;
    }

    .btnProductsHome{
        bottom: 0;
        left: 0;
        transform: none;
        margin-top: 50px;
        position: relative;
    }

    .containerProductsPage{
        width: 100%;
    }

    /* .firstProductsSection{
        overflow: hidden;
    } */

    .ilustrationProducts-1, .ilustrationProducts-4{
        display: none;
    }

    .ilustrationProducts-1{
        display: block;
        width: 0;
    }
    .heart{
        display: none;
    }

    .ilustrationProducts-3{
        width: 90%;
    }

    .cloudOatmealProducts-1.cloudSec, .cloudOatmealProducts-2.cloudSec, .cloudHeroProducts-1.cloudSec, .cloudHeroProducts-2.cloudSec{
        display: block;
    }

    .innerIlustration .wingedProduct.winged-2 {
        top: -15vh;
        left: 55vw;
        display: block;
    }

    .cloudOatmealProducts-1{
        top: 0;
        left: -143%;
    }

    .cloudHeroProducts-1 {
        top: 30vh;
        left: 0vw;
        width: 25vw !important;
        height: 25vw !important;
    }

    .cloudHeroProducts-2 {
        top: -10vh;
        left: 25vw;
    }

    .miniIlustration{
        
        bottom: initial;
        top: 0%;
        right: initial;
        left: 75%;
    }

    .productBox, .productBox.bigProduct, .productBox.unicornio{
        width: 80%;
        margin: 0 10% 30px;
    }

    .heroSection{
        /* overflow: hidden; */
    }

    .cloudSec{
        display: none;
    }

    .cloudSec.mobileCloud{
        display: block;
    }

    .firstCloudWelcome{
        top: -15%;
        left: -30%;
        display: none !important;
    }

    .secondCloudWelcome{
        top: -23%;
        left: 60%;
        display: none !important;
    }

    .thirdCloudWelcome{
        top: 25%;
        left: -45%;
    }

    .fourthCloudWelcome{
        top: 60%;
        right: -40%;
    }

    .wingedProduct{
        display: none;
    }

    .detailProduct .wingedProduct, .detailProduct .cloudSec{
        display: block;
    }

    .wingedProduct.rightProduct{
        display: none;
        top: 30%;
        right: 0%;
        width: 72px !important;
        height: 72px !important;
    }

    .productScreenCloud-5 {
        top: 0%;
        left: -5%;
    }

    .productScreenCloud-6{
        top: 35%;
    }

    .productScreenCloud-7 {
        bottom: 60%;
        left: 0%;
    }

    .productScreenCloud-8 {
        bottom: 50%;
        left: 80%;
    }

    .wingedProduct.leftProduct{
        /* bottom: 50%;
        right: 0%; */
        display: none;
    }

    .wingedProduct.wingedProductMobile{
        display: block;
    }

    .wingedProductMobile.wingedProduct.winged-2{
        right: -15%;
        top: 30%;
        left: initial;
    }

    .wingedProductMobile.wingedProduct.winged-1{
        right: initial;
        left: -10%;
        top: 60%;
    }

    .vainilla .wingedProductMobile.wingedProduct.winged-1{
        left: initial;
        right: -15%;
        top: 65%;
    }

    .vainilla .wingedProductMobile.wingedProduct.winged-2{
        right: initial;
        left: -15%;
    }

    .escena-2 .wingedProduct.spreadCreamy {
        top: 50%;
        right: -5%;
        width: 72px !important;
        height: 72px !important;
    }

    .escena-2 .wingedProduct.oatmealMixture {
        top: 0%;
        right: -7%;
        width: 84px !important;
        height: 84px !important;
    }

    .escena-2 .wingedProduct.spreadCinamon {
        top: 15%;
        left: -5%;
        width: 75px !important;
        height: 75px !important;
    }

    .containerHero{
        padding-top: 30px;
    }

    .ulIngredients{
        width: 70%;
    }

    #popUpProduct{
        width: 100%;
        height: 100%;
        transform: none;
        top: -100%;
        left: 0;
        max-width: initial;
        border-radius: 0;
    }

    #popUpProduct.active{
        top: 0;
    }

    .closePopUpProduct{
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
    }   

    .textImgContainerProduct{
        height: 100%;
    }

    .infoProductPopUp{
        width: 100%;
        max-height: 47%;
        overflow-y: auto;
    }

    .infoProductPopUp::-webkit-scrollbar{
        background-color: transparent;
        border-radius: 50px;
        width: 10px;
    }

    .infoProductPopUp::-webkit-scrollbar-thumb{
        background-color: rgba(255, 255, 255, 0.445);
        border-radius: 50px;
        width: 10px;
    }

    .galleryProduct{
        width: 100%;
        height: 50% !important;
        margin-bottom: 3%;
        margin-right: 0;
    }

    #cartBox{
        width: 100%;
        right: -100%;
    }

    .siteNav{
        display: flex;
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #20155fa8;
        transition: all .5s ease-in-out;
    }

    #siteHeader.active .siteNav{
        left: 0;
    }

    .itemNav.siteLogo{
        display: none;
    }

    .textItemNav{
        font-size: 22px;
    }


    .itemNav.cart .cloud{
        width: 90px;
        height: 90px;
    }

    .cartIcon{
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
    }

    .burger{
        display: block;
        float: right;
        width: 60px;
        height: 60px;
        cursor: pointer;
        background-image: url(../icons/burger.png);
        position: relative;
        z-index: 1;
        transition: all .5s ease-in;
    }

    .active .burger{
        background-image: url(../icons/closeMenu.png);
    }

    .siteLogoMobile{
        position: relative;
        z-index: 1;
        display: block;
        float: left;
        width: 60px;
        height: 60px;
        background-image: url(../icons/logo.png);
    }

    .itemNav{
        margin: 0 auto 50px;
        order: 1;
    }
    .itemNav.cart{
        padding: 0;
        order: 0;
    }

    .itemNav.cart .cloud{
        position: relative;
        width: 90px;
        height: 90px;
    }

    .itemNav.cart .innerCloud{
        position: relative;
    }

    .welcome{
        width: 70%;
    }

    .monkey, .pancake, .coconutPalm{
        display: none;
    }

    .changeWorldCont{
        text-align: center;
    }

    .escena-2{
        display: block;
        margin: 0 auto;
        top: 0;
        background-image: url(../icons/palenquera.png);
        margin-bottom: -100px;
    }

    .changeWorldCont{
        margin-top: -150px;
    }

    .innerChangeWolrdCont{
        margin: 0 auto;
        width: 65%;
    }

    .vainilla{
        display: block;
        margin: 50px auto 0;
        top: 0;
        background-image: url(../icons/bananoTexto.png);
    }

    .palenquera, .bananaText2{
        width: 60%;
        margin-bottom: 30px;
        margin-right: 0;
        display: none;
    }

    .thirdSection{
        padding-bottom: 0;
    }

    .product{
        width: 80%;
    }

    .fourthSection{
        padding-bottom: 115px;
        text-align: center;
    }

    .textContainer, .textContainer.big{
        width: 80%;
        margin-right: 0;
    }

    .imgWhyNotWorld, .imgFlavor{
        width: 80%;
        margin-top: -115px;
    }

    .containerFifth {
        margin-bottom: -183px;
    }
    
    .groupFAQs{
        width: 47%;
        padding-left: 0px;
    }

    .innerContainerContact{
        background-image: url(../icons/contactoMobile.png);
        background-position: center;
        padding: 250px 0;
        margin-top: 0;
    }

    .btnContact{
        left: 0;
        float: none;
    }

    .groupItemsFooter{
        max-width: initial;
        width: 47%;
        margin-right: 1%;
        margin-bottom: 30px;
    }

    .containerFooter{
        width: 90%;
    }

    .containerProducts{
        margin-top: 50px;
    }

    .textImgContainer.reverseOrder{
        display: table;
    }

    .textImgContainer.reverseOrder .textContainer{
        display: table-footer-group;
    }

    .infoNutritionContainer{
        width: 65%;
        margin-bottom: 15px;
    }

    .thanksCloud-2, .thanksCloud-5, .thanksCloud-3{
        display: block;
    }

    .thanksCloud-3{
        bottom: 40%;
        top: initial;
        left: -6%;
    }

    .thanksCloud-5{
        top: -15%;
        right: 3%;
    }

    .thanksCloud-2{
        bottom: 23%;
        top: initial;
        left: initial;
        right: -5%;
    }

    .itemNav{
        margin-bottom: 15px;
        padding: 60px 0px;
        width: 100%;
    }

    .textItemNav{
        font-size: 17px;
    }

    .heroSection .maskWaves{
        -webkit-mask-image: url(../icons/curve1Mobile.svg);
        mask-image: url(../icons/curve2Mobile.svg);
    }
    .secondSection .maskWaves{
        -webkit-mask-image: url(../icons/curve2Mobile.svg);
        mask-image: url(../icons/curve2Mobile.svg);
    }
    .thirdSection .maskWaves{
        -webkit-mask-image: url(../icons/curve3Mobile.svg);
        mask-image: url(../icons/curve3Mobile.svg);
        width: 102%;
    }
    .fourthSection .maskWaves{
        -webkit-mask-image: url(../icons/curve4Mobile.svg);
        mask-image: url(../icons/curve4Mobile.svg);
        top: -3px;
    }
    .fifthSection .maskWaves{
        -webkit-mask-image: url(../icons/curve5Mobile.svg);
        mask-image: url(../icons/curve5Mobile.svg);
    }
    .sixSection .maskWaves{
        -webkit-mask-image: url(../icons/curve6Mobile.svg);
        mask-image: url(../icons/curve6Mobile.svg);
    }

    .sixSection, .fifthSection, .fourthSection, .sevenSection {
        margin-top: -2px;
    }

    .innerContainerContact {
        margin-top: -50px;
    }

    .sevenSection{
        padding-bottom: 110px;
    }
}

@media only screen and (max-width: 720px) and (orientation: landscape) {
    .detailProduct{
        margin-bottom: -130px;
    }
}
@media only screen and (max-width: 520px){

    .detailProduct{
        margin-bottom: -150px;
    }

    .detailImgProduct{
        width: 70%;
    }
    .detailImgProduct{
        width: 100%;
    }

    .itemFilter{
        padding: 40px 20px;
    }
    .sixSection{
        padding-bottom: 25px;
    }
    .ideaSection{
        padding-bottom: 160px;
    }

    .containerFifth {
        margin-bottom: 0px;
    }

    .infoNutritionContainer{
        width: 80%;
    }

    .containerFooter{
        overflow: initial;
    }

    .bgackgroundFooter{
        height: 60px;
    }

    .imgsCookies{
        width: 55%;
    }

    .infoCookies{
        width: 85%;
    }

    .bottomImgCookies.mobile{
        width: 75%;
        margin-bottom: -5px;
    }

    .textCookies{
        font-size: 13px;
    }

    .imgsCookies{
        width: 80%;
    }

    .btnCookies.btn{
        width: 85%;
        background-image: url(../icons/ctaLarge.png);
    }


    

    .thirdSection{
        padding-bottom: 0px;
    }
    
    .fourthSection{
        padding-bottom: 100px;
    }

    .productBox, .productBox.bigProduct, .productBox.unicornio{
        width: 100%;
        margin: 0 0% 30px;
    }
    

    .innerChangeWolrdCont {
        width: 100%;
    }

    .closeCartText {
        font-size: 14px;
    }

    .containerThanksMessage{
        padding-top: 10%;
    }

    .headerCart{
        padding: 35px 10p 50px;
    }

    .shoppingText{
        font-size: 14px;
        margin-top: 5px;
    }

    .containerThanks{
        padding-top: 10px;
    }

    .thanksMessage{
        width: 100%;
    }

    #formPopUpContainer{
        width: 100%;
    }


    .flourThanks{
        width: 50%;
    }


    .vainilla .wingedProductMobile.wingedProduct.winged-1{
        left: initial;
        right: -12%;
        top: 65%;
    }

    .vainilla .wingedProductMobile.wingedProduct.winged-2{
        right: initial;
        left: -7%;
    }

    .ulIngredients{
        width: 90%;
    }

    .escena-2{
        left: 0;
    }

    .vainilla{
        right: 0;
        margin-top: 30px;
    }

    .containerProducts {
        width: 100%;
    }

    .product{
        width: 100%;
    }

    .imgWhyNotWorld, .imgFlavor{
        width: 100%;
        margin-right: 0;
    }

    .fifthSection{
        padding-bottom: 20px;
    }

    .groupFAQs{
        width: 90%;
        padding-left: 50px;
    }

    .containerSeven {
        width: 100%;
    }

    .btnContact{
        float: none;
        margin-top: 0px;
    }

    .groupItemsFooter{
        width: 100%;
        margin: 0 0 20px;
    }
}

#nameCombo.miniTitleProduct{
	margin-top: 15px;
	font-size: 20px;
}

/* .zp #siteHeader{
    top: 80px;
} */

.siteLogoMobile{
    transition: all .5s ease-in;
}

.zp #siteHeader.active .burger, .zp #siteHeader.active .siteLogoMobile {
    transform: translateY(-70px);
}



.zp #zeppelin{
    width: 100%;
    z-index: 3;
    position: relative;
    display: block;
    opacity: 1;
    visibility: visible;
}

#zeppelin{
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all .5s ease-in-out;
}

.imgZeppelin{
    transform: translateX(100vw);
    animation: zeppelin var(--duration) linear infinite ;
	max-height: 70px;
    margin-top: 20px;
}



.cloudZeppelin.cloudSec-2{
    top: 20px;
    left: 200px;
}
.cloudZeppelin.cloudSec-5{
    top: 0px;
    left: 50%;
    background-image: url(../icons/cloud-2.svg);
}

@keyframes zeppelin{
    0%{
        transform: translateX(100vw);
    }

    100%{
        transform: translateX(-100%);
    }
}

.socialFixed{
    position: fixed;
    z-index: 11100;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
    transition: all .5s ease-in-out;
}

.socialFixed.hide{
    opacity: 0;
    visibility: hidden;
}

.icon-fixed{
    width: 100%;
    padding: 10px 5px;
    padding-left: 15px;
    /* background-color: #0B104D; */
    /* border-radius: 0 50px 50px 0; */
    cursor: pointer;
    margin-bottom: 5px;
    left: -15px;
    transition: all .5s ease-in;
    background-image: url(../icons/faF.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    position: relative;
}

.icon-fixed:hover{
    left: -10px;
}

.icon-fixed:last-of-type{
    background-image: url(../icons/igF.png);
}

.inner-social-icon{
    width: 35px;
    height: 35px;
    background-image: none;
    margin: 0;
}


.additionalFeatures{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

.featureAdd{
    width: 22%;
    margin: 0 1.5% 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(1);
    transition: all .5s ease-in-out;
    cursor: default;
    position: relative;
}

.featureAdd:hover{
    transform: scale(1.1);
}

.tooltip{
    position: absolute;
    bottom: calc(100% + 10px);
    background-color: #B8B1CA;
    border-radius: 15px;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 1.3;
    opacity: 0;
    visibility: hidden;
    transform: scale(1);
    transition: all .5s ease-in-out;
}

.featureAdd:hover .tooltip{
    opacity: 1;
    visibility: visible;
    transform: scale(0.9);
}

.tooltip:before{
    content: "";
    position: absolute;
    top: calc(100% - 5px);
    width: 10px;
    height: 10px;
    background-color: #B8B1CA;
    transform: rotateZ(45deg);
}

.textTooltip{
    white-space: nowrap;
}

.textTooltip span{
    font-weight: bold;
}

.tooltip.onlyIcons{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.methodIcon{
    width: 55px;
    height: 40px;
}

.payu{
    background-image: url(../icons/payu_morado.png);
    margin-right: 5px;
}

.cardIcon{
    background-image: url(../icons/tarjeta-credito-dark.png);
}

.iconFeatureShipping{
    width: 30px;
    height: 30px;
    margin-right: 5px;
    transition: all .5s ease-in-out;
}

.iconShipping {
    background-image: url(../icons/tiempos-envio-normal.png);
}

.featureAdd:hover .iconShipping{
    background-image: url(../icons/tiempos-envio-hover.png);
}

.iconMethods {
    background-image: url(../icons/metodos-de-pago-normal.png);
}

.featureAdd:hover .iconMethods{
    background-image: url(../icons/metodos-de-pago-hover.png);
}

.iconSafe {
    background-image: url(../icons/compra-segura-hover.png);
}

.featureAdd:hover .iconSafe{
    background-image: url(../icons/compra-segura-hover.png);
}

.iconNational {
    background-image: url(../icons/envíos-nacionales-normal.png);
}

.featureAdd:hover .iconNational{
    background-image: url(../icons/envíos-nacionales-hover.png);
}

.textFeature{
    font-size: 13px;
    max-width: calc(100% - 35px);
    transition: all .5s ease-in-out;
    color: #4B3F7A;
    text-align: left;
}

.featureAdd:hover .textFeature{
    color: #22175B;
}

.featureAdd:hover .textFeature{
    font-weight: bold;
}


.paymentMethodsFooter{
    width: 92%;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #f4e1c157;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f4e1c1;
    text-transform: uppercase;
    font-style: italic;
}

.paymentMethodsFooter .payu{
    background-image: url(../icons/payu_crema.png);
    width: 60px;
}

.paymentMethodsFooter .cardIcon{
    background-image: url(../icons/tarjeta-credito-bl.png);
}

.methodFooterText{
    margin-right: 10px;
    font-size: 14px;
}

@media only screen and (max-width: 768px){
    #siteFooter{

        padding-bottom: 120px;

    }
    .featureAdd{
        width: 47%;
    }

    .tooltip{
        padding: 10px;
        font-size: 12px;
    }

    .containerHeader{
        padding-top: 0;
        margin-top: -10px;
        transition: all .5s ease-in-out;
    }

    .active .containerHeader{
        margin-top: 0;
        padding-top: 20px;
    }

    #siteMain{
        overflow-x: hidden;
        padding-top: 0;
    }

    .imgZeppelin{
        height: 8vh;
    }

    .imgZeppelin{
        margin: 10px 0;
    }
}

/*Chavi220623*/
.contSuggest {
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: 180px;
}
.contSuggest .contItemsSuggest {
    height: 100%;
    width: 100%;
    position: relative;
}
.contSuggest .itemSuggest {
    height: 100%;
    width: 60px;
    padding: 0 20px;
    position: relative;
}
.contSuggest .slick-slide {
    margin: 0 20px;    
}
.contSuggest .infoImgItemSuggest {
    position: absolute;
    height: 70px;
    width: 140px;
    background-image: url(../icons/test/Burbuja-hagamos-match.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
    z-index: 1;
}
.contSuggest .contImgProductItemSuggest {
    width: 65px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contSuggest img.imgProductItemSuggest {
    width: 70%;
}
.contSuggest .contDescItemSuggest {
    position: absolute;
    height: 80%;
    bottom: 0;
    width: 95%;
    background-color: #cfcadb;
    right: 0;
    border-radius: 11px;
    padding: 0 10px;
    box-sizing: border-box;
}
.contSuggest .contTextItemSuggest {
    width: calc(100% - 120px);
    float: left;
    display: flex;
    justify-content: center;
    flex-flow: column;
}
.contSuggest .oldPriceItemSuggest {  
    font-size: 10px;
    position: relative;
    display: inline-block;
    opacity: 0.7;
    margin-top: 4px;
    vertical-align: top;
}
.contSuggest .priceItemSuggest {
    display: inline-block;
}
.contSuggest .contTextItemSuggest div {
    height: auto;
}
.contSuggest .descProductItemSuggest {
    font-size: 10px;
    margin: 10px 0;
    font-style: italic;
}
.contSuggest .oldPriceItemSuggest::after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #2a1d65;
    transform: rotate(-10deg);
    top: 4px;
    left: 0;
}
.contSuggest .contBtnAddProductItemSuggest {
    width: 55px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}
.contSuggest .imgAddProductItemSuggest {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid;
    background-image: url(../icons/mas.png);
    background-position: center;
    background-size: 40%;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all .3s ease-out;
}

.contSuggest .imgAddProductItemSuggest:hover {
    background-color: #2a1d65;
    background-image: url(../icons/MAS-CREMA.png); 
}
.contSuggest button.slick-prev.slick-arrow {
    position: absolute;
    bottom: -10px;
    right: 70px;
    top: auto;
    left: auto;
    z-index: 100;
    background-color: #f2e1c4;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-image: url('../icons/test/Flecha-izq-morada.png');
    background-size: 25%;
    background-position: 45% 45%;
}
.contSuggest button.slick-next.slick-arrow {
    position: absolute;
    bottom: -10px;
    right: 30px;
    top: auto;
    left: auto;
    z-index: 100;
    background-color: #f2e1c4;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-image: url('../icons/test/Flecha-izq-morada.png');
    background-size: 25%;
    background-position: 45% 45%;
}
.contSuggest button.slick-prev.slick-arrow.slick-disabled,
.contSuggest button.slick-next.slick-arrow.slick-disabled {
    background-color: #b8b1ca;
    background-image: url('../icons/test/Flecha-izq-lila.png');
}
.contSuggest button.slick-next.slick-arrow.slick-disabled {
    background-image: url('../icons/test/Flecha-izq-lila.png');
}
.contInnerProductPage {
    width: 30px;
    margin: auto;
    height: 30px;
    border-radius: 25px;
    background-color: #2a1d65;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-out;
    cursor: pointer;
    position: relative;
}
.textAddProductPage {
    opacity: 0;
    width: 0;
    overflow: hidden;
    height: 14px;
    transition: all .3s ease-out;
}
.imgAddProductPage {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../icons/test/bolsa-compras_crema.png);
    background-position: 53% 46%;
    background-repeat: no-repeat;
    background-size: 50%;
    opacity: 1;
    transition: all .3s ease-out;
}
.contAddProductPage {
   width: 77px;
    position: absolute;
    z-index: 1000;
    left: calc(50% - 38.5px);
    bottom: calc(50% - 15px);
}
.contAddProductPage.active .contInnerCountProductsPage {
    display: flex;
}
.contAddProductPage.active .contInnerProductPage {
    display: none;    
}
.contInnerCountProductsPage {
    width: 70px;
    border-radius: 25px;
    height: 30px;
    margin: auto;
    background-color: #fff;
    display: none;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border: 1px solid;
    padding: 0 10px;
}
.minusCountProductsPage,
.plusCountProductsPage {
    height: 20px;
    width: 15px;
    cursor: pointer;
}
.contInnerProductPage:hover {
    width: 70px;
    border-radius: 25px;    
}
.contInnerProductPage:hover .textAddProductPage{
    opacity: 1;
    width: auto;
    color: #f4e1c1;
}
.contInnerProductPage:hover .imgAddProductPage{
    opacity: 0;
}
.contInnerProductPage.open {
    width: 70px;
    border-radius: 25px;    
}
.contInnerProductPage.open .textAddProductPage{
    opacity: 1;
    width: auto;
    color: #f4e1c1;
}
.contInnerProductPage.open .imgAddProductPage {
    opacity: 0;    
}
.contInnerProductPage.open.disable {
    background-color: #766b99;
}
.contInnerProductPage.open.disable .textAddProductPage{
    color: #4b3f7a;
}

.itemNav.blogCloud .cloud{ 
    -webkit-mask-image: url(../icons/test/Nube-contacto.png);
    mask-image: url(../icons/test/Nube-contacto.png);
 }

.itemNav.contact .innerCloud{  
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(../icons/test/Nube-contacto.png);
    mask-image: url(../icons/test/Nube-contacto.png);
    background-color: #a299ba;
    background-image: none;
}
.itemNav.search .innerCloud {    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    cursor: pointer;
    background-image: url(../icons/test/Nube-off-search.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
/*    background-color: transparent!important;*/
}
.itemNav.search .innerCloud{
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(../icons/test/Nube-off-search.png);
    mask-image: url(../icons/test/Nube-off-search.png);
    background-color: #a299ba;
    background-image: none;
}
.itemNav.search.active .innerCloud { 
    background-image: url(../icons/test/Nube-selected-search.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;     
/*    background-color: transparent!important;*/
}
.searchIcon {
    position: absolute;
    display: block;
    cursor: pointer;
    background-image: url('../icons/test/Lupa search.png');
    height: 20px;
    width: 20px;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
}
.itemNav.search.active .searchIcon {
    background-image: url('../icons/test/X-Crema.png');   
    background-size: 75%;
}
.message {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background-image: url(../icons/test/contacto.png);
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -12.5px;
    left: 50%;
    margin-left: -12.5px;
}
/* .itemNav.contact,
.itemNav.cart,
.itemNav.search {
    width: 11%;
    width: 90px;
} */
.searchInput {
    border: 1px solid;
    border-radius: 20px;
    outline: none;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px 40px 10px 20px;
    background-image: url('../icons/test/Lupa search.png');
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #e6e3ec;
}
.searchInput::placeholder { 
    color: #2a1d65; 
}
.btnProductList {
    height: 100%;
    width: 100%;
    display: block;
}
.numCountProductsPage {
    outline: none;
    border: 0;
    width: 20px;
    padding: 0;
    text-align: center;
}
input[type=number].numCountProductsPage::-webkit-inner-spin-button, 
input[type=number].numCountProductsPage::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number].numCountProductsPage { 
    -moz-appearance:textfield; 
}
.itemNav.search:hover {  
    transform: scale(1);    
}
.itemNav.search .innerCloud,
.itemNav.search .searchIcon {    
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}
.itemNav.search:hover .innerCloud,
.itemNav.search:hover .searchIcon {
    transform: scale(1.12);    
}
.contAllSearchHeader {
    position: absolute;
    top: 120%;
    width: 300px;
    left: -100px;
}
.innerContResult {
    position: absolute;
    width: 100%;
    margin-top: 10px;
}
.itemResult {
    width: 100%;
    height: 90px;
    border-radius: 15px;
    background-color: #e6e3ec;
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
    transition: all .3s ease-out;
}
.itemResult:hover {
    background-color: #b7b1c9;
}
.itemResult.mobile {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid;
    border-radius: 0;
    height: 110px;
}
.itemResult.mobile:hover {
    background-color: #e6e3ec;    
}
.imgResult {
    float: left;
    width: 30%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}
.itemResult.mobile .imgResult{
    height: 80px;
    background-size: contain;    
}
.contDescResult {
    float: left;
    height: 100%;
    width: 70%;
    box-sizing: border-box;
    padding: 0 20px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}
.baseResult {
    font-size: 10px;
    margin: 5px 0 0;
}
.descResult {
    font-size: 11px;
    font-style: italic;
    margin: 5px 0 0;
}
.titleResult {
    font-size: 16px;
}
#cartBox {
    width: 570px;    
}
.contInputSearch {
    overflow: hidden;
    height: 0;
}
.contInputSearch {
    overflow: hidden;
    height: 0;
    transition: all .3s ease-out;
}
.active .contInputSearch {
    overflow: hidden;
    height: 40px;
}
.contFlavorsOptions {
    position: absolute;
    width: 240px;
    height: 0;
    background-color: #cfcadb;
    border-radius: 15px;
    bottom: calc(100% + 15px);
    left: calc(50% - 120px);
    opacity: 0;
    overflow: hidden;
    transition: opacity .6s ease-out;  
}
.contFlavorsOptions.visible {
    height: 120px;
    opacity: 1;  
    overflow: visible;
    transition: height 0.3s ease-out;
}
.contFlavorsOptions::after {
    content: '';
    position: absolute;
    top: calc(100% - 2px);
    left: calc(50% - 15px);
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #cfcadb;
    font-size: 0px;
    line-height: 0px;
}
.contFirstOptions, 
.contSecOptions {
    display: block;
    height: 90px;
    position: relative;
    width: 100%;
    bottom: 0;
    padding: 0 10px;
    margin: 15px 0;
    z-index: 10;
    overflow: hidden;
    transition: all .3s ease-out;
}
.contSecOptions {
    opacity: 0;
    bottom: auto;
    top: 0;
    z-index: 0;
    margin: 0;
    height: 0;
}
.contFlavorsOptions.visible.active .contSecOptions{
    opacity: 1;    
}
.contFlavorsOptions.visible.open .contSecOptions{
    opacity: 1;
    height: 90px;
    margin: 15px 0;
}
.contInnerFirstOptions {
    height: 80%;
    width: 100%;
    position: relative;
}

/*chavi310823*/
.contItemFirstOption, 
.contItemSecOption {
    width: 30%;
    height: 100%;
    position: relative;
    
}
.contInnerFirstOptions {
    height: 80%;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.contInnerFirstOptions, 
.contInnerSecOptions {
    height: 80%;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 0px 10px;
    column-gap: 5%;
}
.contInnerSecOptions.mix {
    justify-content: center;    
}
.contInnerSecOptions.mix .contItemSecOption{
    margin: 0 10px;
}
.itemFirstOption, 
.itemSecOption {
    height: 100%;
    width: 100%;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .3s ease-out;
}
/*chavi310823*/

#cartBox {
    right: -100%;    
}
.contTitleFirstOptions {
    margin-bottom: 5px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contFlavorsOptions.visible.active {
    height: 220px;
}
.titleSecOption {
    font-size: 12px;
    margin-bottom: 5px;
}
.closeOptionFlavors {
    position: absolute;
    height: 11px;
    width: 11px;
    right: 8px;
    top: 8px;
    cursor: pointer;
    z-index: 10;
    background-image: url(../icons/test/X-Lila.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
a.itemNav.bold.dib.contact.mobile {
    display: none;
}
a.itemNav.bold.dib.contact.desktop {
    display: inline-block;
}
.btnSearchMobile.search {
    display: none;
}
.contRightMobile {
    display: none;
}
.searchMobileBtn {
    display: block;
}
.iconBtnMobile {    
    height: 20px;
    width: 20px;
    background-image: url('../icons/test/Lupa search.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.searchMobileBtn {
    display: none;
}
.contPopUpSearchMobile {
    position: fixed;
    width: 100%;
/*    top: -100%;*/
    top: 0;
    left: 0;
    background-color: #908aac;
    height: 100%;
    z-index: 20000;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
}
.contPopUpSearchMobile.active {
/*    top: 0;*/
    opacity: 1;
    visibility: visible;
}
.contInnerPopUpSearchMobile {
    position: absolute;
    background-color: #e6e3ec;
    width: 100%;
}
.curveFinalSearchMoblie {
    width: 100%;
    margin-bottom: -10%;
}
.closePopUpSearchMobile {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 25px;
    width: 25px;
/*    background-image: url(../icons/test/X-Lila.png);*/
    background-image: url(../icons/x.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contInputSearchMobile {
    width: 90%;    
    margin: 40px auto 10px;
}
.innerContResultMobile {
    position: relative;
    max-height: 470px;
    overflow: auto;
    width: 90%;
    box-sizing: border-box;
    padding: 0;
    margin: auto;
}
.contInputSearchMobile .searchInput{
    padding: 15px 40px 16px 20px;
    border-radius: 30px; 
    text-align: left;   
}
.heroProduct {
    z-index: 10000;    
}
.contOptionsPresentProduct {
    position: fixed;
    width: 100%;
    bottom: 30px;
    left: 0;
    z-index: 1;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}    
.finishProduct {
    width: auto;
    margin: 0;
}
.finishProduct.singleProduct {
    width: 100%;
    margin-top: 20px;
}
.contBaseSelect.contItemFlavor {
    height: 70px;
    width: 100px;
    margin: 0 5px;
    float: left;
    position: relative;
}
.contItemFlavor {
    height: 70px;
    width: 100px;
    float: left;
    margin: 0 5px;
    position: relative;
}
.selectItemImage {
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contOptionsItemBase {
    position: absolute;
    bottom: 100%;
}
.itemOptionBase {
    height: 50px;
    width: 50px;
    position: relative;
    margin-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.selectItemImageFlavor {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .5s ease;
    cursor: default;
}
.selectItemImageFlavor.base {
    padding-right: 17px;    
}
.selectItemImageFlavor.base.selected {
    padding: 0 10px;
}
.selectItemImageFlavor:hover {
    color: #f2e1c4;
}
.selected.selectItemImageFlavor:hover {
    color: #2a1d65;
}
.selected.selectItemImageFlavor .bigTextSelectItem {
    font-size: 15px;
}
.selected.selectItemImageFlavor:hover .bigTextSelectItem {
    color: #f2e1c4;    
}
.selectItemImageFlavor.selected .bigTextSelectItem {
    opacity: 0;
} 
.selectItemImageFlavor.selected .contIcomMoreSelectItem {
    display: none;
} 
.contOptionsItemFlavor {
    position: absolute;
    bottom: 100%;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .5s ease;
}
.contItemFlavor:hover .contOptionsItemFlavor {
    height: auto;
    opacity: 1;
}
.itemOptionFlavor {
    position: relative;
    width: 100px;
    height: 70px;
    margin-bottom: 5px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .3s ease;
}
.itemOptionFlavor.base {
    width: 100px;
    height: 70px;    
}
.amountProduct {
    padding: 5px 10px;
}
.amounControl {
    width: 10px;
    height: 20px;
}
.amountText {
    font-size: 15px;
    margin: 0 15px;
}
.btnDetailProduct {
    padding: 8px 25px 10px;
    margin-left: 20px;
    font-size: 15px;
}
.bigTextSelectItem {
    font-size: 16px;
}
.smallTextSelectItem {
    font-size: 11px;
}
.contIcomMoreSelectItem {    
    position: absolute;
    height: 15px;
    width: 15px;
    right: 10px;
    background-image: url(../icons/MAS-MORADO.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .5s ease;
}
.selectItemImageFlavor:hover .contIcomMoreSelectItem {
    transform: rotate(45deg);
    background-image: url('../icons/MAS-CREMA.png');    
}
.optionSelectClass {
    display: none;
}
.finishProduct {
    display: none;
}
.finishProduct.singleProduct {
    display: block;
}
.contSelectOptionPresentProduct .optionSelectClass:first-child {
    display: block;
}
.contCtaNutrition {
    margin-top: 30px;
}
.itemNutrition {
    background-image: url(../icons/test/CTA-INFO-NUTRICIONAL-NORMAL.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 160px;
    height: 35px;
    display: inline-block;
    cursor: pointer;
    transition: all .5s ease;
    position: relative;
    margin: 5px;
}
.itemNutrition.disable {
    opacity: 0.5;
    cursor: default;
}
.titleNutrition {
    margin-bottom: 10px;
}
.itemNutrition:hover {
    background-image: url(../icons/test/CTA-INFO-NUTRICIONAL-HOVER.png);    
}
.itemNutrition.disable:hover {
    background-image: url(../icons/test/CTA-INFO-NUTRICIONAL-NORMAL.png);    
}
.contCtasNutrition {
    padding: 0 10%;    
}
.textCtaNutrition {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease;
    padding: 0 10px;
    font-size: 12px;
}
.arrowCtaNutrition {
    background-image: url(../icons/test/Flecha-der-morada.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .5s ease;
    height: 10px;
    width: 10px;
    margin-left: 10px;
}
.itemNutrition:hover .arrowCtaNutrition {
    background-image: url(../icons/test/Flecha-der-crema.png);
    margin-left: 20px;
}
.itemNutrition.disable:hover .arrowCtaNutrition {
    background-image: url(../icons/test/Flecha-der-morada.png);
    margin-left: 10px;
}
.itemNutrition:hover .textCtaNutrition {
    color: #f2e1c4;
    margin-left: 10px;
}
.itemNutrition.disable:hover .textCtaNutrition {
    color: #2a1d65;
    margin-left: 0;
}
.popUpNutritionTable {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 20000;
    transition: opacity 0.5s ease;
}
.popUpNutritionTable.active{
    visibility: visible;
    opacity: 1;    
}
.bgPopUpNutrition {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #2a1d65;
    opacity: 0.6;
    z-index: 1;
}
.innerPopUPNutritional {
    position: relative;
    width: 650px;
    background-color: #e6e3ec;
    z-index: 10;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
}
.titlePopUpNutritional {
    font-size: 30px;
}
.subTitlePopNutritional {
    font-size: 17px;
    font-style: italic;
}
.contNameFloverNutritional {
    display: block;
    margin: 20px auto;
    text-align: center;
}
.nameFloverNutritional {
    display: inline-block;
    padding: 10px 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.tableNutritionalPopUp {
    position: relative;
    float: left;
    width: 60%;
}
.contIngredientsPopUp {
    float: left;
    width: 40%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.closePupUpNutritionalTable {
    position: absolute;
    height: 25px;
    width: 25px;
    top: 10px;
    right: 10px;
    z-index: 30000;
    background-image: url('../icons/x.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.titleIngredientsPopUp {
    margin-bottom: 20px;
}
/*chavi310823*/ 
.itemIngredientsPopUp {
    position: relative;
    line-height: 1.2;
    cursor: pointer;
    margin-bottom: 14px;
}

.itemIngredientsPopUp:last-of-type{
    margin-bottom: 0;
}
.itemIngredientsPopUp.tooltipIng .textItemIngPopUP {        
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif"!important;
}
.itemIngredientsPopUp .textItemIngPopUP {    
    font-family: 'Mostardesign-FilsonSoft-Regular', Helvetica, Arial, "sans-serif"!important;
}
/*chavi310823*/ 
.itemIngredientsPopUp .tooltipItemPopUp {
    visibility: hidden;
    width: 210px;
    background-color: #fefbf5;
    text-align: center;
    border-radius: 6px;
    padding: 13px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: calc(50% - 105px);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
    line-height: 1.1;
}
.itemIngredientsPopUp:hover .tooltipItemPopUp {
  visibility: visible;
  opacity: 1;
}
.itemIngredientsPopUp:hover .textItemIngPopUP {
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";
    font-style: italic;
}
.amountProduct {
    background-color: #cfcadb;    
}
.optionsContainer {
/*    display: none;*/
}
.contTextSelectImage {
    position: relative;
    padding-right: 20px;
}
.base .contTextSelectImage,
.selected .contTextSelectImage {
    padding-right: 0;
}
.contOptionsPresentProduct.hidden,
.whatsappBtn.hidden {
    opacity: 0;
    visibility: hidden;
}
#nameCombo.itemHidden {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    position: absolute;
    height: 0;
}
.detailProduct {
    padding-bottom: 90px;
}

@media only screen and (max-width: 1400px){
    .detailProduct {
        padding-bottom: 0px;
    }
}


#popupPreloader {
    z-index: 20000;    
}
.imgPlusDetails {
    height: 40px;
    width: 40px;
    position: relative;
    z-index: 100;
    margin-top: -20px;
    margin-left: -20px;
    background-image: url('../icons/test/CERRADO-X.png');   
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .3s ease-out;
}
.detailsProducts:hover .imgPlusDetails {
    transform: rotate(90deg);
    background-image: url('../icons/test/ABIERTO-X.png');  
}
.detailsProducts {
    position: absolute;
}
.detailsProducts::after {
    width:0px;
    height:0px;
    border-left:25px solid transparent;
    border-right:25px solid transparent;
    border-top:25px solid #00FF00;
    font-size:0px;
    line-height:0px;
}
.itemInfodetails {
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.infoDetails {
    position: absolute;
    z-index: 1000;
    background-color: #e6e3ec;
    width: 300px;
    left: -150px;
    bottom: calc(100% + 35px);
    box-sizing: border-box;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-out;
    border-radius: 20px;
}
.infoDetails .arrowStyleSelect {
/*    content: "";*/
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e6e3ec;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    top: 100%;
    left: calc(50% - 10px);
}
.itemInfodetails {
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
}
.detailsProducts:hover .infoDetails{
    opacity: 1;
    visibility: visible;    
}
.infoProductCartCont p.grammageProduct {
    margin-bottom: 0;
    margin-top: 10px;
}
@media only screen and (max-width: 768px){
    #cartBox {
        width: 100%;
        right: -100%;
    }
    .itemNav.cart .cloud{
        
    }
    .contRightMobile .itemNav.cart .cloud{
        position: relative;
        width: 60px;
        height: 60px;
        margin-bottom: 0;
    } 
    .contRightMobile .itemNav.cart .cartIcon {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
    }
    .contRightMobile .itemNav.cart .itemsOnCart {
        top: -15px;
        right: -15px;
    }
    .contRightMobile .itemNav.cart .btnSearchMobile.search {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        position: relative;
    }
    .contMenuMobile {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 60px;
        float: left;
        width: 100%;
    }
    .contRightMobile {
        position: relative;
        /* float: right; */
        width: 140px;
        display: flex;
        align-items: center;
        justify-content: end;
    }
    .contRightMobile a.itemNav.bold.dib.cart {
        width: 60px;
        height: 60px;
        margin-bottom: 0;
    }
    .btnSearchMobile.search {
        display: block;
        height: 45px;
        width: 44px;
        position: relative;
        border-radius: 50%;
    }
    .contBurgerMobile {
        position: relative;
        width: 140px;
        display: flex;
    }
    .siteLogoMobile {
        z-index: 0;
    }
    .zp #siteHeader.active .siteLogoMobile {
        transform: none;
    }
    .itemNav.cart {
        width: auto;
        margin: 0 auto 15px;
    }
    a.itemNav.bold.dib.mundoWhyNot {
        order: 1;
    }
    a.itemNav.bold.dib.products {
        order: 2;
    }
    a.itemNav.bold.dib.cart.desktop {
        order: 3;        
    }
    a.itemNav.bold.dib.contact {
        order: 4;
    }
    .itemNav.dib.search {
        display: none;
    }
    a.itemNav.bold.dib.contact.mobile {
        display: block;
        width: 100%;
    }
    a.itemNav.bold.dib.contact.desktop {
        display: none;
    }
    .searchMobileBtn {
        height: 40px;
        margin-bottom: 20px;
        width: 300px;
        border-radius: 20px;
        background-color: #cfcadb;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 14px;
        font-size: 15px;
    }    
    #siteHeader {
        top: 20px;        
    }
    .tableNutritionalPopUp {
        width: 80%;
        height: 410px;
        margin: auto;
        float: none;
    }
    .contIngredientsPopUp {
        width: 90%;
        float: none;
        margin: 30px auto;
        height: auto;
        min-height: auto!important;
    }
    .innerPopUPNutritional {
        max-height: 100%;
        overflow: auto;
        border-radius: 0;
        width: 100%;
        padding: 30px 10px 30px 15px;
    }
    .tableNutritionalPopUp {
        width: 90%;        
    }
    #siteHeader.active .siteNav{
        overflow: auto;
    }
    .itemNutrition {        
        width: 230px;
        height: 50px;
    }
    .contOptionsPresentProduct {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .finishProduct {
        margin-top: 20px;        
    }
    .btnDetailProduct {
        padding: 11px 40px 15px;
    }
    .amountProduct {
        padding: 10px 35px;
    }
    .contBaseSelect.contItemFlavor {
        margin: 20px calc( 50% - 50px);        
    }
   .infoDetails {
        /* position: fixed; */
        bottom: calc(100% + 30px);
        left: -200px;
        overflow: hidden;
        width: 340px;
        height: max-content;
    }
    .detailsProducts:hover .infoDetails{
        opacity: unset;
        visibility: unset;    
    }
    .detailsProducts:hover .imgPlusDetails {
        transform: unset;
        background-image: unset;        
    }
    .detailsProducts .imgPlusDetails {        
        background-image: url(../icons/test/CERRADO-X.png)!important;
    }
    .detailsProducts .infoDetails {
        opacity: 0!important;
        visibility: hidden!important;
    }
    .detailsProducts.active .imgPlusDetails {
        transform: rotate(90deg)!important;
        background-image: url(../icons/test/ABIERTO-X.png)!important;        
    }
    .detailsProducts.active .infoDetails {
        opacity: 1!important;
        visibility: visible!important;       
    }    
/*chavi310823*/ 
    .itemInfodetails {
        height: 75px;
        width: 75px;
    }
    .mainProducts .heroProduct .maskWaves{
        height: 30%;
    }
/*chavi310823*/ 
}
@media only screen and (max-height: 680px){    
    .searchMobileBtn {
        margin-top: 170px;        
    }
}


.noStock .contAddProductPage, 
.noStock .contOptionsPresentProduct, 
.noStock .finishProduct.singleProduct{
	display: none;
}


#newSign {
    width: 100%;
    display: inline-block;
    text-align: center;
    position: fixed;
    bottom: 120px;
    z-index: 100000;
	pointer-events: none;
    opacity: 1;
}
#newSign.hidden {
    opacity: 0;
}
.noStock #newSign {
    opacity: 0;
}
/*
#newSignInner {
    background: url(https://somoswhynot.com/wp-content/themes/whynot/icons/cta.png);
    display: inline-block;
    padding: 30px;
    background-size: 100% 100%;
    color: #ecdab6;
}
*/
#newSignInner {
    display: inline-block;
    padding: 10px 15px;
    background: #E6E3EC;
    border-radius: 20px;
}

.itemNutrition {
    opacity: 1;
}
.itemNutrition.hidden {    
    height: 0;
    overflow: hidden;
    margin: 0;
    width: 0;
    opacity: 0;
}
.contCtaNutrition {
    opacity: 1;
    transition: all .5s ease;
}
.contCtaNutrition.hidden {
    overflow: hidden;
    height: 0;    
    opacity: 0;
}



/*chavi04032024*/
/*
iframe.imgIframe.imgProduct.detailImgProduct {
    height: 600px;
}
*/
.contIframe {
    height: 600px;
}
iframe#app-frame {
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    aspect-ratio: 1 / 1;
}
.fullscreenIframe iframe#app-frame {
    height: 100%;
    aspect-ratio: auto;
}
.fullscreenIframeFlavor iframe#app-frame {
    height: 100%;
    aspect-ratio: auto;
}
.contIframe.animate {
    opacity: 0;
    transition: all .3s ease-in-out;
}
.contIframe.animate.fullscreenIframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 1;
}
.contFullscreen {
    position: absolute;
    height: 50px;
    width: 70px;
    top: 0;
    right: 0;
    background-image: url(../icons/full-screen-new.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    z-index: 1000;
    transform: scale(1);
    transition: all 0.3s ease;
}
.contFullscreen:hover {
    transform: scale(1.12);
}
.contOptionsPresentProduct.fullscreenIframe {
    z-index: 1000;    
}
.fullscreenIframe .contFullscreen {
    display: none;
}
.closeFullscreen {
    display: none;
    position: absolute;
    height: 50px;
    width: 70px;
    top: 40px;
    right: 40px;
    background-image: url(../icons/close-new.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    z-index: 1000;
    transform: scale(1);
    transition: all 0.3s ease;
}
.closeFullscreen:hover {
    transform: scale(1.12);    
}
.fullscreenIframe .closeFullscreen {
    display: block;
}
#siteHeader.fullscreenIframe{    
    opacity: 0;
    visibility: hidden;
}
.infoMsgProduct {
    background-color: #f2e1c4;
    border: 3px solid;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 20px;
    border-radius: 10px;
    line-height: 1.3;
}
.infoMsgProduct strong {
    font-family: 'Mostardesign-FilsonSoft-Black';
}
.conBarBuy {
    position: relative;
    height: 20px;
    width: 100%;
    background-color: #cfcadb;
    border-radius: 30px;
    margin-bottom: 15px;
    box-sizing: border-box;
}
.conBarShadowBuyFill {
    position: absolute;
    border-bottom: 5px solid #c2bbd3;
    border-right: 5px solid #c2bbd3;
    height: 100%;
    width: 100%;
    border-radius: 30px;
}
.conBarBuyFill {
    position: absolute;
    height: 20px;
    top: 0;
    left: 0;
    width: 30%;
    background-color: #605489;
    border-radius: 30px;
}
.conBarBuyFill::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    top: 95%;
    left: 50%;
    border: 9px solid transparent;
    border-bottom: 0;
    border-top: 10px solid #605489;
    transform: translate(-50%, 0);
}
.conBarBuyFill.nofill::before {
    visibility: hidden;
}
.conBarBuyFillText {
    text-align: center;
    margin-bottom: 30px;
    font-style: italic;
    color: #605489;
}
.textBarBuyFill {
    position: absolute;
    color: #2a1d65;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.conBarBuyFillText span {
    font-family: 'Mostardesign-FilsonSoft-Black', Helvetica, Arial, "sans-serif";
    color: #2a1d65;
    font-style: normal;
}
.contSuggest {
    bottom: 250px;
}
.contentAllGuia {
    width: 100%;
    min-height: 100vh;
    position: relative;
    background-image: url('../icons/BACKGROUND.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 390px;
}
.contInnerGuia {
    padding: 100px 0 0;
}
.contGuia {
    width: 70%;
    max-width: 1400px;
    margin: auto;
    padding: 30px 120px;
    border: 1px solid #6480d4;
    border-radius: 40px;
    color: #2a1d65;
    background-color: #e5e4ec;
    padding: 30px 120px 60px;
}
.contNumberGuia {
    width: 360px;
}
.contTopGuia {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.textNumberGuia {
    width: 100%;
    font-family: 'Mostardesign-FilsonSoft-Black', Helvetica, Arial, "sans-serif";
    font-size: 25px;
    margin-bottom: 10px;
}
.contInputsGuia {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.btnGuia {
    color: #f0e0cb;
    font-size: 20px;
    padding: 10px;
    border-radius: 30px;
    display: inline;
    background-image: url('../icons/boton.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    border: none;
    outline: none;
}
.numberGuia {
    height: 40px;
    border-radius: 30px;
    background-color: transparent;
    border: 1px solid #2a1d65;
    outline: none;
    padding: 10px 15px;
    width: 220px;
}
.contTimeGuia {
    padding: 20px;
    border: 1px solid #1f165c;
    border-radius: 20px;
}
.contLogoShipping {
    position: relative;
    width: 120px;
    height: 45px;
    background-image: url('../icons/TiemposEnvioAzul.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.contTextShipping {
    border-left: 3px solid #1f165c;
    padding-left: 10px;
}
.contTimeGuia {
    padding: 20px;
    border: 1px solid #1f165c;
    border-radius: 20px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    width: 425px;
}
.contItemShippingText {
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.4;
}
.contItemShippingText strong {
    font-family: 'Mostardesign-FilsonSoft-Black', Helvetica, Arial, "sans-serif";   
}
.trackingTime {
    display: inline-block;
}
.textCity {
    display: inline-block;
    font-weight: bold;
}
.contOrderTracking {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.itemTracking {
    width: 110px;
    text-align: center;
    opacity: 0.3;
}
.logoTracking {
    height: 90px;
    width: 90px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contInitOrder .logoTracking {
    background-image: url('../icons/PROCESSED-2.png');
}
.contMidOrder .logoTracking {
    background-image: url('../icons/ORDER-ON-ROUTE-2.png');    
}
.contLastOrder .logoTracking {
    background-image: url('../icons/ORDER-ARRIVED-2.png');    
}
.contLineOrderTracking {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.itemLineTracking {
    width: 110px;
    height: 40px;
}
.lineItemTracking {
    position: absolute;
    height: 15px;
    width: calc(50% - 55px);
    background-color: #b6afcf;
    top: 50%;
    transform: translate(0, -50%);
}
.lineItemTracking.firstLine {
    left: 55px;
}
.lineItemTracking.secLine {
    right: 55px;
}
.iconItemTracking {
    height: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: #b6afcc;
    margin: auto;
    position: relative;
    z-index: 1;
    background-image: url('../icons/circulo.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}
.init .firstItem .iconItemTracking {
    background-image: url('../icons/check-guia.png');
    background-color: #1f165c;
}
.mid .firstItem .iconItemTracking,
.mid .secItem .iconItemTracking {
    background-image: url('../icons/check-guia.png');
    background-color: #1f165c;
}
.last .firstItem .iconItemTracking,
.last .lastItem .iconItemTracking,
.last .secItem .iconItemTracking {
    background-image: url('../icons/check-guia.png');
    background-color: #1f165c;
}
.mid .firstLine {
    background-color: #1f165c;
}
.last .firstLine,
.last .secLine {
    background-color: #1f165c;    
}
.init .contInitOrder {
    opacity: 1;
}
.mid .contInitOrder,
.mid .contMidOrder {
    opacity: 1;
}
.last .contInitOrder,
.last .contMidOrder,
.last .contLastOrder {
    opacity: 1;
}
.contImagesBottom {
    position: absolute;
    bottom: 60px;
    height: 260px;
    width: 100%;
}
.contInnerImagesBottom {
    width: 80%;
    height: 100%;
    margin: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.imageBottom {
    height: 100%;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.imageBottom.left {
    background-image: url('../icons/image-1.png');
}
.imageBottom.right {
    background-image: url('../icons/image-2.png');    
}
.logoBottom {
    height: 90px;
    width: 300px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../icons/logo_blue.png');
}
.innerContInfoTextTracking {
    width: max-content;
    margin: auto;
    padding: 20px 40px;
    background-color: #d0cbdf;
    border-radius: 20px;
    line-height: 1.5;
    margin-top: 30px;
    padding-right: 200px;
    position: relative;
    max-width: 600px;
}
.innerContInfoTextTracking span {
    font-family: 'Mostardesign-FilsonSoft-Black', Helvetica, Arial, "sans-serif";
}
.noButton .innerContInfoTextTracking {
    padding-right: 40px;    
}
.contbtnInfoTextTracking {
    width: max-content;
    position: absolute;
    right: 40px;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btnInfoTextTracking {
    color: #f0e0cb;
    font-size: 20px;
    padding: 10px;
    border-radius: 30px;
    display: inline;
    background-image: url(../icons/boton.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.btnInfoTextTracking {
    color: #f0e0cb;
    font-size: 17px;
    padding: 10px;
    border-radius: 30px;
    display: inline;
    background-image: url(../icons/boton.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    min-width: 130px;
    text-align: center;
}
.contInfoTextTrackingMobile,
.lineHideTrackingMobile {
    display: none;
}
.infoTextTrackingPage p {
    color: #A00000;
}
@media only screen and (max-width: 1500px){   
    .contGuia {
        width: 80%;
        padding: 30px 90px 60px;
    }
} 
@media only screen and (max-width: 1200px){   
    .contGuia {
        width: 90%;
        padding: 30px 70px 60px;
    }
}
@media only screen and (max-width: 1024px){    
    iframe.imgIframe.imgProduct.detailImgProduct {
        height: 350px;
        width: 100%;
    }
    .contNumberGuia {
        width: 260px;
    }
    .textNumberGuia {
        font-size: 20px;
    }
    .btnGuia {
        font-size: 15px;
    }
    .numberGuia {
        height: 30px;
        padding: 5px 15px;
        width: 130px;
    }
    .contInputsGuia {
        gap: 10px;
    }
    .contTimeGuia {
        padding: 10px;
        width: 300px;
    }
    .contItemShippingText {
        font-size: 12px;
    }
    .contLogoShipping {
        width: 90px;
    }
    .contIframe{
        height: auto;
        width: 100%;
    }
    iframe#app-frame{
        position: relative;
    }
}

@media only screen and (max-width: 768px){
    /* .contIframe {
        height: 350px;
    } */
    .contInnerGuia {
        padding: 90px 0 0;
    }
    .contItemShippingText {
        margin: 10px 0;
        font-size: 12px;
    }
    .contTopGuia {
        flex-direction: column-reverse;
        gap: 30px;
    }
    .textNumberGuia {
        font-size: 20px;
    }
    .contGuia {
        padding: 20px;
        width: 70%;
        overflow: hidden;
    }
    .contTimeGuia {
        width: 330px;
        margin: auto;
    }
    .contNumberGuia {
        width: 330px;
        margin: auto;
    }
    .contInputsGuia {
        gap: 10px;        
    }
    .numberGuia {
        width: 60%;
        height: 32px;
    }
    .btnGuia {
        font-size: 14px;
    }
    .contLineOrderTracking {
        flex-direction: column;
        width: 40px;
        float: left;
        margin-top: 35px;
    }
    .contOrderTracking {
        flex-direction: column;
        width: calc(100% - 40px);
        float: left;
    }
    .itemLineTracking {
        width: 40px;
        margin-bottom: 73px;
    }
    .itemTracking {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-bottom: 40px;
        gap: 10px;
        margin-left: 10px;
    }
    .itemTracking:last-child,
    .itemLineTracking:last-child {
        margin-bottom: 0;
    }
    .logoTracking {
        height: 70px;
        width: 55px;
        margin: 0;
    }
    .lineItemTracking {
        height: calc(50% - 20px);
        width: 10px;
        top: 20px;
        transform: translate(-50%, 0);
        left: 50%;
    }
    .lineItemTracking.firstLine {
        left: 50%;
    }
    .lineItemTracking.secLine {
        bottom: 20px;
        top: auto;
        right: auto;
    }
    .imageBottom {
        display: none;
    }
    .logoBottom {
        height: 60px;
        width: 190px;
    }
    .contInnerImagesBottom {
        justify-content: center;
    }
    .contImagesBottom {
        bottom: 40px;
        height: 100px;
    }
    .contentAllGuia {
        padding-bottom: 160px;        
    }
    .contTimeLine {
        width: 330px;
        margin: auto;
    }
    .contInfoTextTracking {
        display: none;
    }
    .contInfoTextTrackingMobile {
        display: block;
    }
    .contInfoTextTrackingMobile {
        display: block;
        padding-left: 20px;
    }
    .contInfoTextTrackingMobile {
        display: block;
        padding-left: 20px;
        margin-top: -35px;
        margin-bottom: 20px;
    }
    .lineHideTrackingMobile {
        display: block;
    }
    .contInfoTextTrackingMobile .innerContInfoTextTracking {
        width: 100%;
        padding: 20px;
        padding-right: 20px;
        text-align: center;
        margin-top: 0;
        font-size: 14px;
    }
    .contInfoTextTrackingMobile .contbtnInfoTextTracking {
        position: relative;
        width: 100%;
        display: block;
        left: 0;
        margin-top: 10px;
    }
    .contInfoTextTrackingMobile .btnInfoTextTracking {
        min-width: 100px;
        font-size: 14px;
    }
    .infoTextTrackingPage {
        margin-top: 20px;
    }
    .contentMessageThanks .helloForm,
    .thanksMessage .subtitleContact {
        color: #f4e1c1!important;
    }
    .btnThanks.btn,
    .warmMessageThanks {
        position: relative;
        bottom: 0;
    }
     .containerThanksMessage {
        padding-top: 200px;
    }
}

@media only screen and (max-width: 520px){
    .contInnerGuia {
        padding: 40px 0 0;
    }
    .contGuia {
        width: 90%;
        padding: 30px;
    }
    .contTimeGuia {
        width: 100%;
    }
    .contNumberGuia {
        width: 100%;
    }
    .contTimeLine {
        width: 100%;
    }
    
}


.contPromoSpreadFree {
    margin-bottom: 0;
    padding: 30px 5% 0;
    display: block;
}
.contPromoSpreadFree .productCart.newCart.promoSpreadFree {
    border-bottom: 1px solid #21145f;
    margin-bottom: 0;
    padding-top: 10px;
}
.contPromoSpreadFree .infoProductCart {
    min-height: 140px;
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.titlePromoSpreadFree.blackFont {
    font-size: 27px;
}
.subtitlePromoSpreadFree {
    margin-top: 8px;
    line-height: 1.1;
}
.textPromoSpreadFree {
    font-size: 14px;
    margin-top: 8px;
}
.contPromoSpreadFree .infoProductCart strong {
    font-weight: bold;
    font-family: 'Mostardesign-FilsonSoft-Black', Helvetica, Arial, "sans-serif";
}
.contPromoSpreadFree .infoProductCart em {
    font-style: italic;
}
.contPromoSpreadFree .imgProductCart {
    position: relative;
}
.imgBannerPromofree {
    height: 70px;
    width: 70px;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    right: -10px;
}
.contPopUpSelectFlavorPromoFree {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 300000;
    align-items: center;
    justify-content: center;
}
.contPopUpSelectFlavorPromoFree.active{
    display: flex;    
}
.innerPopUpSelectFlavorPromoFree {
    width: 90%;
    max-width: 600px;
    background-color: #e8e4f3;
    padding: 30px 70px;
    border-radius: 20px;
}
.innerPopUpSelectFlavorPromoFree {
    width: 90%;
    max-width: 500px;
    background-color: #e8e4f3;
    padding: 30px 70px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 90%;
    overflow: auto;
}
.contImagePromoSelectFlavorFree {
    width: 40px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.labelItemOption {
    display: flex;
    align-items: center;
    margin: 10px 0px;
    gap: 10px;
}
.buttonAcceptOption {
    background-image: url(../icons/cta.png);
    padding: 0 50px;
    font-size: 20px;
    cursor: pointer;
    color: #f4e1c1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: max-content;
    margin: 20px auto 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.titlePopUpPromoFree {
    font-weight: bold;
    font-family: 'Mostardesign-FilsonSoft-Black', Helvetica, Arial, "sans-serif";
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
}
.descPopUpPromoFree {
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
}


.iconNewSignInner {
    height: 70px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#newSign {    
/*    pointer-events: unset;*/
}
#newSignInner {
    display: inline-block;
    padding: 10px 15px;
    color: #E6E3EC;
    border-radius: 20px;
    background-color: #2a1d65;
    position: relative;
}
#newSignInner::after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #2a1d65;
    font-size: 0px;
    line-height: 0px;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
}

.closeNewSignInner {
    height: 15px;
    width: 15px;
    top: 10px;
    right: 15px;
    cursor: pointer;
    position: absolute;
    background-image: url(../icons/test/X-Lila.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
}
.politicasNav,
.copyText,
.footerText {
    font-size: 11px;
}
.politicasNav {
    margin-bottom: 20px;
}
.develop {
    margin-top: 20px;
}
.develop a {
    color: #f4e1c1;
}


.oldprice {
    font-size: 13px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    opacity: 0.7;
    margin-top: 4px;
    vertical-align: top;
}

.oldprice::after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #2a1d65;
    transform: rotate(-11deg);
    top: 7px;
    left: 0;
}

@media only screen and (max-width: 768px){
    .innerPopUpSelectFlavorPromoFree {
        padding: 30px 20px;
    }
}



.contPopUpIframeFlavors {
    position: fixed;
    background-color: antiquewhite;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;   
    transition: all .5s ease;
}
.contPopUpIframeFlavors.active {
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;    
}
.contIframeFlavor {
    background-color: azure;
    height: 100%;
    width: calc(100% - 500px);
    position: absolute;
}
.contItemsIframeFlavors {
    position: absolute;
    right: -500px;
    height: 100%;
    width: 500px;
    overflow: auto;
    padding-bottom: 110px;
    transition: all .8s ease;
}
.animate .contItemsIframeFlavors {
    right: 0;    
}
.contTitleItemsIframeFlavors {
    position: relative;
    top: 0;
    left: 0;
    padding: 40px 30px 10px;
    text-align: left;
    display: flex;
    gap: 20px;
    align-items: center;
}
.contExtrasItemsIframeFlavors .contTitleItemsIframeFlavors {
    padding: 0px 30px 10px;
    align-items: flex-start;
}
.contIconTitleItesmIframeFlavors {
    width: 60px;
    height: 110px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contTextTitleItesmIframeFlavors {
    width: calc(100% - 80px);
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: left;
}
.itemIframeFlavor {
    margin-bottom: 20px;
    height: 50px;
    padding: 10px 30px 0;
    overflow: hidden;
    transition: all .5s ease;
}
.nameProductIframeFlavor {
    height: 40px;
    display: flex;
    align-items: center;
    background-color: aliceblue;
    border-radius: 30px;
    z-index: 1;
    position: relative;
    font-size: 15px;
    line-height: 1;
    justify-content: space-between;
    padding: 0 20px;
    cursor: pointer;
}
.itemProductIframeFlavor {
    display: flex;
    padding: 20px 0px;
    border-bottom: 1px solid;
}
.imageItemProductIframeFlavor {
    width: 100px;
    height: 100px;
}
.imageItemProductIframeFlavor {
    width: 100px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contBtnsItemProductIframeFlavor {
    width: 80px;
    height: 30px;
    border: 1px solid;
    border-radius: 20px;
    position: relative;
}
.itemProductIframeFlavor {
    display: flex;
    padding: 20px 0px;
    border-bottom: 1px solid;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
.contItemsProductsIframeFlavors .itemProductIframeFlavor:last-child {
    border: none;
}
.contTextItemProductIframeFlavor {
    width: calc(100% - 220px);
}
.contItemsProductsIframeFlavors {
    background-color: aliceblue;
    border-radius: 30px;
    padding: 40px 20px 10px;
    margin-top: -40px;
    opacity: 0;
    transition: all .4s ease;
}
.itemIframeFlavor.active .contItemsProductsIframeFlavors {    
    opacity: 1;
}
.contTitleItesmIframeFlavors {
    font-size: 30px;
    line-height: 1;
}
.contDescTitleItesmIframeFlavors {
    font-family: 'Mostardesign-FilsonSoft-Light', Helvetica, Arial, "sans-serif";
    margin-top: 15px;
}
.iconMoreFlavorIframe {
    background-image: url(../icons/mas.png);
    height: 20px;
    width: 60px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .5s ease;
}
.itemIframeFlavor.active .iconMoreFlavorIframe {
    background-image: url(../icons/menos.png);    
}
.iconItemProductIframeFlavor {
    height: 60px;
    width: 60px;
    margin-top: -10px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    transition: all .5s ease;
}
.nameTextProductIframeFlavor {
    display: flex;
    gap: 5px;
}

.itemIframeFlavor.active .iconItemProductIframeFlavor {
    opacity: 0;
}
.subtitleTextItemProductIframeFlavor {
    font-family: 'Mostardesign-FilsonSoft-Light', Helvetica, Arial, "sans-serif";
    font-size: 12px;
}
.titleTextItemProductIframeFlavor {
    font-size: 15px;
}
.flavorTextItemProductIframeFlavor {
    padding: 5px 20px;
    font-size: 13px;
    width: max-content;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 5px 0 15px;
}
.contTextItemProductIframeFlavor {
    width: calc(100% - 220px);
    text-align: left;
}
.textBtnShowDtlsItemProductIframeFlavor {
    font-size: 12px;
    font-family: 'Mostardesign-FilsonSoft-Light', Helvetica, Arial, "sans-serif";
}
.iconBtnShowDtlsItemProductIframeFlavor {
    height: 15px;
    width: 15px;
    margin-right: 10px;
    background-image: url('../icons/ingredientes.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contBtnShowDetailsItemProductIframeFlavor {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.btnOpenPopupIframeFlavor {
    width: 60%;
    margin: auto;
    padding: 15px 20px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    cursor: pointer;
    min-width: max-content;
}
.btnClosePopupIframeFlavor {
    height: 40px;
    width: 40px;
    position: fixed;
    background-image: url('../icons/close-flavor.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: -40px;
    right: 20px;
    cursor: pointer;
    z-index: 10;
/*    transition: all .5s ease;*/
    transition: scale 0.5s ease-out, top 1s ease-out;
}
.animate .btnClosePopupIframeFlavor {    
    top: 20px;    
}
.btnClosePopupIframeFlavor.mobile {
    display: none;
}
.btnClosePopupIframeFlavor:hover {
    transform: scale(1.1);
}
.contIframe.animate.fullscreenIframeFlavor {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 500px);
    height: 100%;
    z-index: 1000;
    opacity: 1;    
}
.fullscreenIframeFlavor .contFullscreen,
.fullscreenIframeFlavor .closeFullscreen {
    opacity: 0;
}
.contAddPopupIframeFlavor {
    position: fixed;
    bottom: -110px;
    right: 0;
    width: 500px;
    padding: 50px 20px 20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center;
    mask-position: center;
    /* -webkit-mask-image: url(../icons/CURVA.png); */
    /* mask-image: url(../icons/CURVA.png); */
    background-color: transparent !important;
    background-image: url(../icons/CURVA.png) !important;
    background-size: 100% !important;
    transition: all .8s ease;
    z-index: 100;
}
.animate .active.contAddPopupIframeFlavor {
    bottom: 0px;    
}
.contLessMorePopupIframeFlavor {
    width: 150px;
    height: 40px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    border: 1px solid;
    border-radius: 25px;
    padding: 0 15px;
    font-size: 20px;
    background-color: #B8B2CB;
}
.contAddCarNoIframe .contLessMorePopupIframeFlavor {
    background-color: #CFCADB;
    width: 110px;
    border: 2px solid;
}
.contAddCarNoIframe .btnaddProductPopupIframeFlavor {
    width: 120px;
}
.contAddCarNoIframe .lessProductPopupIframeFlavor,
.contAddCarNoIframe .moreProductPopupIframeFlavor {
    height: 15px;
    width: 15px;
}
.innerContAddPopupIframeFlavor {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.contLessMoreProductsIframeFlavor {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 100%;
    padding: 0 5px;
}
.lessProductProductsIframeFlavor, 
.moreProductProductsIframeFlavor {
    height: 20px;
    width: 10px;
    background-image: url(../icons/mas.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    opacity: 1;
}
.lessProductProductsIframeFlavor.disable, 
.moreProductProductsIframeFlavor.disable {
/*
    opacity: 0.4;
    cursor: inherit;
*/
}
.lessProductProductsIframeFlavor {
    background-image: url(../icons/menos.png);    
}
.lessProductPopupIframeFlavor,
.moreProductPopupIframeFlavor {
    height: 20px;
    width: 20px;
    background-image: url(../icons/mas.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.lessProductPopupIframeFlavor {
    background-image: url(../icons/menos.png);    
}
.btnaddProductPopupIframeFlavor {
    width: 150px;
    background-color: #1D1A58;
    color: #fff;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    cursor: pointer;
}
.contToolTipInfoIframeFlavor {
    position: absolute;
    bottom: calc(100% + 20px);
    right: 0;
    background-color: #282061;
    padding: 10px;
    width: max-content;
    max-width: 230px;
    border-radius: 12px;
    color: #fff;
    z-index: 1;
    font-size: 14px;
    line-height: 1.2;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}
.contToolTipInfoIframeFlavor.active {
    opacity: 1;
    visibility: visible;
}
.contToolTipInfoIframeFlavor::after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2a1d65;
    font-size: 0px;
    line-height: 0px;
    transform: translateX(-50%);
    top: 100%;
    right: 20px;
}
.contOpenPopUp {
    position: absolute;
    height: 60px;
    width: 80px;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    z-index: 1000;
    transform: scale(1);
    transition: all 0.3s ease;
}
.contOpenPopUp:hover {
    transform: scale(1.1);
}
.fullscreenIframeFlavor .contOpenPopUp {
    display: none;
}
.infotextItemProd {
    font-size: 12px;
    margin-top: -9px;
    position: absolute;
    z-index: 10;
    opacity: 0;
    transition: all .5s ease;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
}
.itemIframeFlavor.active .infotextItemProd {
    opacity: 1;
    bottom: 0;
}
.contInfoTextTracking span, .contInfoTextTrackingMobile span{
	font-family: 'Mostardesign-FilsonSoft-Black', Helvetica, Arial, "sans-serif";
}

ul.innerItemList{
	margin-top: 5px;
	font-size: 10px;
	list-style: disc;
	list-style-position: outside;
	padding-left: 10px;
	line-height: 1;
}


.selectedFlavorsListIframeFlavor li {
    font-size: 14px;
    line-height: 1.3;
    list-style: inside;
}
.selectedFlavorsListIframeFlavor li:first-child {
    margin-top: 20px;
}
.selectedFlavorsListIframeFlavor li:last-child {
    margin-bottom: 20px;
}
.contAddCarNoIframe {
    height: 0;
    transition: all .5s ease;
}
.contAddCarNoIframe.active {
    height: 40px;
}

.itemProductIframeFlavorExtra {
    font-family: 'Mostardesign-FilsonSoft-Light';
    text-align: left;
    transition: all .3s ease;
}
.labelItemsCheckFlavorsExtras {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 10px 0;
    gap: 5px;
    min-height: 20px;
    padding-left: 30px;
    position: relative;
    padding-top: 9px;
    cursor: pointer;
}
.conItemsIframeFlavorsExtra {
    padding: 10px 0;
}
input[type="checkbox"].checkItemFlavorsExtra {
    display: block;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    cursor: pointer;
    transition: all .3s ease;
}
input[type="checkbox"].checkItemFlavorsExtra:disabled {
    opacity: 0.3;
    cursor: default;    
}
input[type="checkbox"].checkItemFlavorsExtra:disabled ~ .itemProductIframeFlavorExtra {
    opacity: 0.3;
    cursor: default;   
}
input[type="checkbox"].checkItemFlavorsExtra::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
    background: #cfcadb;
}
input[type="checkbox"].checkItemFlavorsExtra:checked::after{
    accent-color: transparent;
}
input[type="checkbox"].checkItemFlavorsExtra:checked::before {
    content: "";
    left: 7px;
    top: 0px;
    width: 8px;
    height: 15px;
    border: solid #2a1d65;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    z-index: 2;
}
/*
.contMaskMobilePopupIframe {
    display: none;
}
*/

.contMaskMobilePopupIframe {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}    
.contMaskMobilePopupIframe.hidden {
    display: none;
}
.btnAddCode {
    background-image: url(../icons/cta.png);
}
.inputCodeProduct {
    height: 35px;
    padding: 0 15px;
    width: 100%;
    border-radius: 25px;
    background-color: #e8e4f3;
    border: 1px solid;
    color: #2a1d65;
    outline: none;
}
.btnAddCode {
    background-image: url(../icons/cta.png);
    height: 35px;
    width: max-content;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f4e1c1;
    font-size: 14px;
    cursor: pointer;
    transition: all .5s ease;
}
.btnAddCode:hover {
    transform: scale(1.1);
}
.contInputCode {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
    position: relative;
    margin: 30px 0 40px;
}
.contTooltipInfo {
    position: absolute;
    bottom: 100%;
    color: #f4e1c1;
    background-color: #2a1d65;
    padding: 15px 30px;
    width: 100%;
    border-radius: 15px;
    line-height: 1.2;
    opacity: 0;
    transition: all .3s ease;
    z-index: 10;
}
.contTooltipInfo.active {
    bottom: calc(100% + 20px);
    opacity: 1;
}
.contTooltipInfo::after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #2a1d65;
    font-size: 0px;
    line-height: 0px;
    left: 50%;
    transform: translateX(-50%);
    top: 95%;
}
.contInnerInputCode {
    width: 220px;
    position: relative;
}
.closeTooltipInfo {
    position: absolute;
    top: 5px;
    right: 4px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-image: url('../icons/test/X-Crema.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 60%;
}
.codeproduct .optionsContainer {
    margin: 0;
}

@media only screen and (max-width: 1024px){
    .codeproduct .descriptionPorductText.mobile {
        display: none;
    }
    .codeproduct .descriptionPorductText.desktop {
        display: block;
    }
}
@media only screen and (max-width: 768px){    
    .contIframeFlavor {
        width: 100%;
        height: 40%;
        top: 0;
    }
    .contIframe.animate.fullscreenIframeFlavor {
        width: 100%;
        height: 40%;
    }
    .itemIframeFlavor {
        padding: 10px;
        margin-bottom: 10px;
    }
    .contTitleItemsIframeFlavors {
        padding: 20px 20px 10px 40px;
    }
    .contTitleItesmIframeFlavors {
        font-size: 20px;
    }
    .contDescTitleItesmIframeFlavors {
        font-size: 14px;
        margin-top: 7px;
    }
    .nameTextProductIframeFlavor {
        font-size: 15px;
    }
    .contItemsIframeFlavors {
        width: 100%;
        height: 60%;
        bottom: 0;
        box-shadow: 0 -5px 5px rgba(30, 24, 91, 0.3);
        padding-bottom: 70px;
    }    
    .itemProductIframeFlavor {
        position: relative;
    }
    .imageItemProductIframeFlavor {
        width: 70px;
        height: 70px;
    }
    .contTextItemProductIframeFlavor {
        width: calc(100% - 80px);
        text-align: left;
    }
    .contBtnsItemProductIframeFlavor {
        position: absolute;
        bottom: 14px;
        right: 0;
        z-index: 1;
    }
    .contAddPopupIframeFlavor {
        width: 100%;
        padding: 10px 10px;
    }
    .contAddPopupIframeFlavor {
        width: 100%;
        padding: 25px 10px 5px;
    }
    .contLessMorePopupIframeFlavor {
        width: 130px;
        height: 35px;
        font-size: 15px;
    }
    .btnaddProductPopupIframeFlavor {
        width: 130px;
        font-size: 14px;
        height: 35px;
        line-height: 1.2;
    }    
    .btnClosePopupIframeFlavor {
        display: none;
    }
    .fullscreenIframeFlavor .btnClosePopupIframeFlavor.mobile {
        display: block;
    }
    .contBtnShowDetailsItemProductIframeFlavor {
        width: max-content;
    }
    .contInputCode {
        flex-direction: column;
    } 
    
    .codeproduct .descriptionPorductText.mobile {
        display: none;
    }
    .codeproduct .descriptionPorductText.desktop {
        display: block;
        order: 0;
    }
    
}

.inputCodeProduct{
	text-align: center;
	font-size: 15px;
}

.inputCodeProduct:focus{
    font-size: 28px;
}
.inputCodeProduct:focus::placeholder{
 	color: transparent;
}


#galleryFullScreen {
    position: fixed;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(207, 202, 219);
    z-index: 900000;
    opacity: 0;
    transition: all 1s ease;
}
#galleryFullScreen.active {
    bottom: 0;
    opacity: 1;
}
.contItemGalleryFullScreen {
    position: relative;
}
#galleryFullScreen .contItemGalleryFullScreen img,
#galleryFullScreen .contItemGalleryFullScreen video {
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    object-fit: contain;
    left: 40px;
    top: 40px;
    position: absolute;
}
#galleryFullScreen .slick-arrow {
    background-color: #2a1d65;
    padding: 20px;
    background-size: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
}
#galleryFullScreen .slick-prev {
    left: 10px;
}
#galleryFullScreen .slick-next {
    right: 10px;
}
.contInnergalleryFullScreen {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.closeGalleryFullScreen {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #2a1d65;
    background-image: url(../icons/test/X-Crema.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10;
    height: 40px;
    width: 40px;
}
.btnPopupProduct {
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";
    padding: 15px 40px;
    display: inline-block;
    color: #f4e1c1;
    background-image: url(../icons/cta.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 20px;
}
.site-eng .heroProduct {
    z-index: 20;
}
.site-eng .whatsappBtn.isParanice {
    z-index: 100;
}

/* Paranice Products */

.containerProductsParanicePage {
    padding-top: 250px;
}

.mainParaniceProducts {
    position: relative;
}

.sectionParaniceProducts{
    /* padding-bottom: 250px; */
    background-color: transparent !important;
    overflow: hidden;
}

.containerFiltersParanice {
    align-items: center;
    background-color: #e6e3ec;
    border-radius: 35px;
    width: max-content;
    margin: 0;
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 100;
    transition: all .3s ease;
    display: block;
}

/* .zp .containerFiltersParanice {
    transform: translate(-50%, -650%);
} */

.itemFilterParanice {
    padding: 20px;
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";
    font-size: 18px;
    border-radius: 35px;
    transition: all .5s ease-in-out;
    display: inline-block!important;
    cursor: pointer;
    margin: 0 5px;
}

.containerFiltersParanice .itemFilterParanice:first-child  {
    margin-left: 0;
}

.containerFiltersParanice .itemFilterParanice:last-child  {
    margin-right: 0;
}

.itemFilterParanice.active {
    background-color: rgba(29, 26, 88, 1);
    color: rgba(237, 219, 182, 1);
}

.textFilterParanice {
    font-size: 18px;
    line-height: 1.3;
    position: relative;
}

.paraniceCategoryTitleContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    margin-bottom: 50px;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    height: auto;
    transition: opacity 0.5sease, max-height 0.5sease;
}

.paraniceCategoryTitleContainer.active {
    opacity: 1;
    max-height: 400px;
}

.paraniceMainTitleThin {
    font-family: 'Mostardesign-FilsonSoft-Regular', Helvetica, Arial, "sans-serif";
    font-size: 35px;
    line-height: 1.3;
    text-align: center;
}

.paraniceMainTitleBold {
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";
    font-size: 40px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
}

.paraniceCategoryTableConatiner {
    width: 100%;
    height: auto;
}

.paraniceIconsGroup {
    margin-bottom: 50px;
    max-width: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.paraniceIconsGroup.active {
    max-width: 100%;
    opacity: 1;
    height: 80px;
}

.paraniceCategoryTable {
    object-fit: contain;
    margin-bottom: 0 auto;
    margin-bottom: 50px;
    max-width: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.paraniceCategoryTable.active {
    max-width: 80%;
    opacity: 1;
}

/* paranice popup */

#paraniceProductSingle {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 100000;
}

#paraniceProductSingle.show {
    opacity: 1;
    visibility: visible;
}

.popupContent {
    width: 90%;
    max-height: 90vh;
    background: white;
    padding: 20px;
    border-radius: 27px;
    position: relative;
    overflow-y: auto;
    padding: 90px 0;
}

.popupInner {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

#closePopupDistriProd {
    height: 27px;
    width: 27px;
    margin-left: calc(100% - 27px);
    position: absolute;
    top: 27px;
    right: 27px;
    cursor: pointer;
    background-image: url(../icons/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    position: sticky;
}

#paraniceProductSingle #closePopupDistriProd {
    top: 10px;
    right: 10px;
}

#paraniceProductSingle .popupInner {
    margin: 30px auto 0;
}

.popupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popupContent {
    width: 90%;
    height: 90%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
img.paraniceIconsGroupPopUp {
    /* height: 100%; */
    max-width: 100%;
}
.popupOverlay.show .popupContent {
    opacity: 1;
    transform: translateY(0);
}

.closePopup {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.popupTitle {
    font-family: 'Mostardesign-FilsonSoft-Book', Helvetica, Arial, "sans-serif";
    font-size: 35px;
    margin-top: 30px;
    text-transform: capitalize;
}

.popupTitleBold {
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";
    font-size: 40px;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.skuName {
    font-family: 'Mostardesign-FilsonSoft-Book', Helvetica, Arial, "sans-serif";
    font-size: 18px;
    margin-bottom: 30px;
}

.skuName strong {
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";    
}

.lowerPopup {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 60px;
}

.contIngredientsPopUpParanice {
    width: calc(35%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: nowrap;
}

.shelfLifeContainer {
    width: 100%;
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Mostardesign-FilsonSoft-Light', Helvetica, Arial, "sans-serif";
    font-size: 18px;
    line-height: 1.2;
    text-align: left;
}

.imgTableDistProd {
    margin-bottom: 20px;
}

.titleIngredientsParanice {
    width: 100%;
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";
    font-size: 20px;
    margin-bottom: 6px;
    text-align: left;
}

#paraniceProductSingle .innerIngredientsCont {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.paraniceProductSingle .itemIngredientsPopUp {
    margin-bottom: 6px;
}

.ingredientsDetailsContainer {
    width: 100%;
    font-family: 'Mostardesign-FilsonSoft-Light', Helvetica, Arial, "sans-serif";
    font-size: 18px;
    line-height: 1.2;
    text-align: left;
}

.ingredientsDetailsContainer p {
    font-family: 'Mostardesign-FilsonSoft-Light', Helvetica, Arial, "sans-serif";
    font-size: 18px;
    line-height: 1.2;
    text-align: left;
}

.ingredientsDetailsContainer strong {
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";
}

.shelfLifeContainer p {
    font-family: 'Mostardesign-FilsonSoft-Book', Helvetica, Arial, "sans-serif";
    font-size: 18px;
    line-height: 1.2;
    text-align: left;
}

.shelfLifeContainer strong {
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";
}
.shelfLifeContainer em {
    font-style: italic;
}
.contDescriptionProductPopUP {
    width: 100%;
    display: flex;
    gap: 30px;
}
.imgContainer {
    width: 50%;
}
.rgtContPupUP {
    width: 50%;
}
.imgTableDistProd {
    margin-bottom: 20px;
    width: 100%;
}
.imgContainerBottom {
    margin: 20px 0;
}
.imgContainerBottom img {
    /* height: 100%; */
    max-width: 100%;
}
#paraniceProductSingle .popupInner {
    width: 90%;
}
#paraniceProductSingle .popupContent {
    max-width: 800px;
}



@media only screen and (max-width: 768px){   
    .containerFiltersParanice {
        overflow: auto hidden;
        width: 90%;
        height: 50px;
        /* border-radius: 0; */
        left: 0;
        transform: none;
        display: flex;
        top: 0px;
        margin-left: 5%;
    }
    .containerFiltersParanice::-webkit-scrollbar {
        display: none;
    }
    .itemFilterParanice {
        width: max-content !important;
        padding: 0 30px;
        height: 100%;
        justify-content: center;
        align-items: center;
        display: flex !important;
    }
    .containerFiltersParanice .itemFilterParanice p {
        display: block!important;
        width: max-content!important;
    }
    .containerProductsParanicePage {
        padding-top: 100px;
    }
    .paraniceIconsGroup.active {
        height: auto;
        max-width: 80%;
    }

    .contInnerPopUpSearchMobile {
        position: absolute;
        background-color: #e6e3ec;
        width: 100%;
        background-color: #908aac;
    }
    .innerContResultMobile.innerContResultMobile {
        max-height: calc(100vh - 150px) !important;
    }
    .outerContResult.mobile {
        display: block;
        position: relative;
        top: 0;
        width: 95%;
        left: 2.5%;
        max-height: calc(100vh - 110px);
    }
    .contDescriptionProductPopUP {
        flex-direction: column;
    }
    .imgContainer {
        width: 100%;
    }
    .rgtContPupUP {
        width: 100%;
    }
    .popupInner {
        text-align: center;
    }
}

#omnisend-embedded-v2-6320aaa4bcedaa722e5e9de6 #omnisend-form-6320aaa4bcedaa722e5e9de6-field-container-63e276fc6e7dfb85e99d8413-emailField-input.omnisend-form-6320aaa4bcedaa722e5e9de6-field-container-63e276fc6e7dfb85e99d8413-input {
    border-radius: 40px !important;
    height: 34px;
    border: 1px solid #f4e1c1;
    color: #f4e1c1;
    background-color: transparent;
    padding: 10px 20px;
    font-size: 12px;
    margin-bottom: 10px;
    font-family: 'Mostardesign-FilsonSoft-Regular', Helvetica, Arial, "sans-serif";
    outline: unset;
}
#omnisend-embedded-v2-6320aaa4bcedaa722e5e9de6 #omnisend-form-6320aaa4bcedaa722e5e9de6-action-63e276fc6e7dfb85e99d8415.omnisend-form-6320aaa4bcedaa722e5e9de6-action-63e276fc6e7dfb85e99d8415 {
    background-image: url(../icons/contactBubble.png);
    font-size: 13px;
    width: 100px;
    margin-left: 2%;
    color: #21145f;
    border-radius: 30px;
    padding: 0;
    background-color: unset;
    border: unset;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 34px;
    font-family: 'Mostardesign-FilsonSoft-Bold';
    outline: unset;
}
#omnisend-embedded-v2-6320aaa4bcedaa722e5e9de6 .omnisend-form-6320aaa4bcedaa722e5e9de6-column-63e276fc6e7dfb85e99d8414 {
    width: 100px;
    flex-basis: auto;
}
#omnisend-embedded-v2-6320aaa4bcedaa722e5e9de6 .omnisend-form-6320aaa4bcedaa722e5e9de6-column-63e276fc6e7dfb85e99d8412 {
    width: calc(100% - 100px);
    flex-basis: auto;
}
#omnisend-form-67daeddf3cb40f8bdb1346ad-submit-form #omnisend-form-67daeddf3cb40f8bdb1346ad-action-627932485028ebd8c6660c51.omnisend-form-67daeddf3cb40f8bdb1346ad-action-627932485028ebd8c6660c51 {
    background-image: url(../icons/cta.png);
    background-color: unset;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: unset;
    height: 47px;
    padding: 0;
    outline: unset;
    font-family: 'Mostardesign-FilsonSoft-Bold', Helvetica, Arial, "sans-serif";
    color: #f4e1c1;
}
#omnisend-form-67daeddf3cb40f8bdb1346ad-field-container-62a3147776d81914aa87ed98-emailField-input.omnisend-form-67daeddf3cb40f8bdb1346ad-field-container-62a3147776d81914aa87ed98-input {
    font-family: PoppinsOmnisend, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 120%;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    height: 47px;
    outline: unset!important;
}
#omnisend-form-67daeddf3cb40f8bdb1346ad-field-container-62a3147776d81914aa87ed98-emailField-input.omnisend-form-67daeddf3cb40f8bdb1346ad-field-container-62a3147776d81914aa87ed98-input.error {
    border-color: #2a1d65!important;
    outline: unset!important;
}
#omnisend-form-67daeddf3cb40f8bdb1346ad-field-container-62a3147776d81914aa87ed98-required,
#omnisend-form-67daeddf3cb40f8bdb1346ad-field-container-62a3147776d81914aa87ed98-error {
    color: #2a1d65!important;
}
#omnisend-form-67daeddf3cb40f8bdb1346ad .omnisend-form-67daeddf3cb40f8bdb1346ad-content-inner {
    justify-content: center!important;    
}
#omnisend-form-67daeddf3cb40f8bdb1346ad .omnisend-form-67daeddf3cb40f8bdb1346ad-sections-container {
    max-width: 500px;
}
#omnisend-form-67daeddf3cb40f8bdb1346ad .omnisend-form-67daeddf3cb40f8bdb1346ad-column-63808409c46165400eef0ea0 {
    flex-basis: auto;
    width: calc(100% - 250px);
}
#omnisend-form-67daeddf3cb40f8bdb1346ad .omnisend-form-67daeddf3cb40f8bdb1346ad-column-63808409c46165400eef0ea1 {
    flex-basis: auto;
    width: 100px;
}
#omnisend-form-6320aaa4bcedaa722e5e9de6-field-container-63e276fc6e7dfb85e99d8413-required,
#omnisend-form-6320aaa4bcedaa722e5e9de6-field-container-63e276fc6e7dfb85e99d8413-error {
    color: #f4e1c1!important;
    width: 100%!important;
    padding: 0!important;
}
.omnisend-form-6320aaa4bcedaa722e5e9de6-column-63e276fc6e7dfb85e99d841c .omnisend-form-6320aaa4bcedaa722e5e9de6-text-63e276fc6e7dfb85e99d841d, 
.omnisend-form-6320aaa4bcedaa722e5e9de6-column-63e276fc6e7dfb85e99d841c .omnisend-form-6320aaa4bcedaa722e5e9de6-text-63e276fc6e7dfb85e99d841d p, 
.omnisend-form-6320aaa4bcedaa722e5e9de6-column-63e276fc6e7dfb85e99d841c .omnisend-form-6320aaa4bcedaa722e5e9de6-text-63e276fc6e7dfb85e99d841d li {
    margin: 0px;
    color: #f4e1c1 !important;
    font-family: PoppinsOmnisend, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1 !important;
    word-break: break-word;
    padding: 0!important;
    text-align: left!important;
}
.omnisend-form-6320aaa4bcedaa722e5e9de6-column-63e276fc6e7dfb85e99d841c .omnisend-form-6320aaa4bcedaa722e5e9de6-text-63e276fc6e7dfb85e99d841d h2 {
    text-align: left!important;
}


h2 {
    
}