@charset "utf-8";
/* CSS Document */

@media (max-width: 2100px){


}
@media (max-width: 1900px){
.citemprodlogo img{
height: 50px;
}

}
@media (max-width: 1800px){
.contentlarge {
    max-width: 1400px;
    }

}
@media (max-width: 1700px){

.cimagesauto{
--factor:30px;
}
:root {
    --fontmid: 20px;
    --borderRadius:35px;
    }
    .issquare1 .citemnewimg {
    border-radius: 20px !important;
}
h4, .sh4 {
    font-size: calc(18px + .35vw);
}
.csquaretext {
    margin-top: 15px;
}
.home h1{
font-size: calc(30px + 3.6vw);
}
h1,.sh1,.h2toh1 h2{
font-size: calc(30px + 2.2vw);
}
h2,.sh2,.cmenuwrapinnerinner a{
font-size: calc(22px + 1.7vw);
}
.contenttextblog h2,.sh2mid,.h2tosh2mid h2{
font-size: calc(22px + 0.6vw);
}
input, textarea, .sinput, select {
    padding: 16px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 33px;
    }
.citemproductoshapedshape{
width:28vw;
top: 60px;
}

.shapedslicktriangulo .citemproductoshapedshape{
width:32vw;
top: 0px;
}
.cbottomsocialbar,.issquare1 .cinner {
    padding:25px;
    }
.csocialsiguenos svg{
width: 25px;
height: auto;
}
.cta{
padding: 14px;
padding-left: 25px;
padding-right: 25px;
}
.cctaprod{
padding-bottom: 30px;
}
.csectioniconed .col33 .cinner {
    padding-left: 35px;
    padding-right: 35px;
    }
}
@media (max-width: 1600px){
.scrolled .mapapopup {
    transform: scale(1) translate(30px, 3px);
}
.csection-bannersimple .contentmid {
    max-width: 1200px!important;
}
.contentlarge {
    max-width: 1200px;
    }
.cmodo:nth-child(1) .svgi1,.cmodo:nth-child(2) .svgi2{
width: 280px;
}
.cmodo:nth-child(1) {
    left: 0%;

    }
    .cmodo:nth-child(2) {
    right: 0%;
    }
    .cmodoestrecho .cmodo:nth-child(1) {
    left: 7% !important;
}
.cmodoestrecho .cmodo:nth-child(2) {
    right: 7%;
}
.cquienesimgs {
    max-width: 1300px;
}
.citemprodlogo img{
height: 44px;
}
:root {

--paddings: 50px;
--cardpaddings: 30px;
    --borderRadius: 30px;
}
}
@media (max-width: 1500px){
.csection-bannersimple .contentmid {
    max-width: 1000px!important;
}
.citemprodlogo img{
height: 40px;
}
.csocialsfooter svg {
    height: 22px;
    width: auto;
    margin-left: 15px;
}
h4, .sh4 {
    font-size: calc(16px + .25vw);
}
.csectioniconed .cinner {
    padding-right: 50px;
    }
h2, .sh2, .cmenuwrapinnerinner a {
        font-size: calc(22px + 1.4vw);
    }
    .cquienesimgs {
        max-width: 1200px;
    }
:root {
    --fontbig: calc(18px + 0.4vw);
    --fontmid: 18px;
    --gap: 10px;
    }
    .citemnew h4 {
    margin-bottom: 15px;
    margin-top: 20px;
}
.row20 {
    --gap:5px;
}

}
@media (max-width: 1400px){
.csection-bannersimple .contentmid {
    max-width: 1000px!important;
}
.csectionfiguras svg{
height: 100px;
}
.cmodo:nth-child(1) .svgi1, .cmodo:nth-child(2) .svgi2 {
    width: 200px;
}
.contentlarge {
    max-width: 1000px;
    }

}
@media (max-width: 1300px){


}
@media (max-width: 1200px){


}
@media (max-width: 1100px){
.contentlarge {
    max-width: 1000px;
    padding-left: var(--paddings);
    padding-right: var(--paddings);
    }

}
@media (max-width: 1000px){
.caccordioniteminner table *{
font-size: 12px!important;
}
.scookiebutton{
width: 100%!important;
box-sizing: border-box;
text-align: center;
margin: 0px!important;
margin-bottom: 10px!important;
}

.csectioniconed .col33 .cinner {
        padding-left: 15px;
        padding-right: 15px;
    }
.csearchheader input{
font-size: 14px;
height: 50px;
width: 220px;
padding-left: 18px;
}
.scrolled .csearchheader input{
width: 150px;
}
.scrolled .csearchheader .csearchbutton{
right: -12px;
}
.csearchheader .csearchbutton{
right: 8px;
}
.csearchheader .csearchbutton svg{
height: 30px;
width: auto;

}
.csearchheader{
right: 65px;
}
.cmodo  {
margin-bottom: 14px;
}
.isinglelogo {
width: 180px!important;
}
.csection-bannermidblog .col55,
.csection-bannermidblog .col45{
width: 100%;
}
.textright.h4lined h4::after {
    margin-left: auto;
    margin-left: 0px;
}
.containerfull::before{
display: none;
}
.contenttextblog p {
    max-width: 100%;
}
.single-post .csectionmargin-negativo{
margin: 0px;
height: var(--sectionmarginmid);
}

.single-post .ccontenttext h1{
margin-top: 20px;
margin-bottom: 20px;

}
.page-template-page-blank .ccontenttext{
padding: 0px!important;
}
.template-page-contacto .cfigura1 {
left: -20px!important;
}
.template-page-contacto .cfigura2 {
right: -40px!important;
}
.single-post .cfigura2{
right: -60px!important;
}
.contenttextblog img {
    margin-top: 20px;
}
.csingleblogshare .sh3 {
    margin-bottom: 10px;
    }
.contenttextblog h2, .contenttextblog h3, .contenttextblog h4, .contenttextblog h5 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.cfigura1quien{
right: -20px!important;
top: 20px;
}
.cimagesvideo {
margin-bottom: 20px;
}
.cimagesvideo2{
margin-top: 20px;
margin-bottom: 0px;
}
.csectioniconed  img{
margin: auto;
}
.csectionfigurasabout svg{
width: 200%;
height: auto;
transform: translateX(-25%)!important;
}
.cfigura2quien{
right: -20px!important;
top: -10px;
}
.cquienesimgs .col50:nth-child(2) .cinner,.cquienesimgs .col50:nth-child(1) .cinner {
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
}
.template-page-quienes-somos .csectionbgvideoshaped .col70 {
    width: 100%;
    }
.cacordionitem svg {
    position: absolute;
    top: 25px;
    right: 0px;
    width: 15px;
}
.csectionrelatedprods .csectionmarginmid{
display: none;
}
.csectioniconednaked .row > * {
    border-right: 0px;
    }
    .csectioniconednaked .contentgray {
    border-bottom: 0px solid var(--color1);

    padding-bottom: 0px;
}
.caccordioniteminner {
    padding-bottom: 20px;
}
.cinnerproductopack {
padding-top: 0px;
}
.csectionproductopackaging .cmodos .cmodo,.cmodos  {
position: relative!important;
width: 100%!important;
top: auto!important;
left: 0px!important;
right: auto!important;

}
.cinnerproductopack  img{
display: none;
}
.csectioniconed .cinner {
    padding-right:0px;
    text-align: center;
}
.iprodimgresponsive{
display: block;
position: absolute;
top: 0px;
left: 0px;
transform: scale(0.7) translateX(-31%) translateY(14%);
}
.iprodimg{
display: none;
}
.csection-bannermidblog .col55 .cinner .cheaderfix,
.csection-bannermidblog .col55 .cinner .csectionmarginmid{
display: none;
}
.csection-bannermidblog .col55 .cinner,
.csection-bannermidblog .col45 .cinner{
height: auto!important;
}
.csection-bannermidblog .col55{
order: 2;
}
.csectionbgvideoshaped .csectionbgvideo{
height: 100%;
}
.cburger {
    height: 50px;
    width: 50px;
}
.domloaded .cbar {
    width: 20px;
}
.showmenuresponsive .cbar1 {
    transform: translateY(240%) rotate(45deg) !important;
}
.showmenuresponsive .cbar2 {
    transform: translateY(-260%) rotate(-45deg) !important;
}
.cburgerposition {
    top: 22px;
    }
.cheader {
    padding-top: 40px;
}
.jqswa .jqswaitem, .jqswaitemer > *, .jqswaitemgsap {
    transform: translateY(20px);
}
.cheaderlogo svg{
width: 120px!important;
height: auto!important;
display: block!important;
}
.scrolled:not(.showmenuresponsive) .cburger {
    transform: scale(1);
    margin-top: -34px;
}
.cdondecomprarmenu{
right: 65px;
}
.scrolled .mapapopup{
transform: none!important;
}
.cbar{
    margin-left: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.csectionprioridad{
/* margin-top: -40px; */
}
.marginTop50 {
    margin-top: 20px;
}
.mwg_effect001{
}
.mwg_effect001 .card {
display: none;
    position: relative;
    width: 11vw;
    min-width: 80px;
}

.jqswaitemcards{
transform: none!important;
}
.mwg_effect001 .cards {
    gap: 1vw;
    padding-left: 30vw;
    padding-right: 110vw;
}

.csectionfullscreen{
aspect-ratio:1/1.1;
height: auto;
}
.mwg_effect001 .container {
    display: flex
;
    flex-direction: column;
    justify-content: flex-end;
    aspect-ratio:1/1.1;
    height: auto;
    width: 100%;
    font-size: clamp(12px, 1vw, 20px);
}
:root {
    --sectionmargin: 50px;
    --fontbig: 20px;
    --fontmid: 16px;
    --fontsmall: 16px;
    --gap: 5px;
--paddings: 20px;
--cardpaddings: 20px;
    --borderRadius: 27px;
    --paddingsmid: calc(var(--paddings) / 2);
}
h4, .sh4 {
    font-size: var(--fontbig);;
}
.csectionmarginmidbig,.csectionmarginmid {
    height: var(--sectionmargin);
}
.cmapbottom h5 {
    max-width: 100%;
}
.mobilenobr br{
display: none;
}

.jqslickshape .slick-active{
transform: scale(1.5)!important;
opacity: 1!important;
}

.jqslickshape .cslidewrap{
opacity: 0;
}
.jqslickshape .slick-active .citemproductoshapedprod{
opacity: 1;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
transition-delay: 0.3s;
}
.jqslickshape .slickprevious1 .citemproductoshapedprod,
.jqslickshape .slickprevious2 .citemproductoshapedprod,
.jqslickshape .slicknext1 .citemproductoshapedprod,
.jqslickshape .slicknext2 .citemproductoshapedprod{
opacity: 0;
}
.jqslickshape .slickprevious1{
transform: scale(1) rotate(-18deg) translateY(18vw) translateX(-33vw)!important;

}
.jqslickshape .slickprevious2{
transform: scale(1) rotate(-25deg) translateY(24vw) translateX(-45vw)!important;
}

.jqslickshape .slicknext1{
transform: scale(1) rotate(18deg) translateY(18vw) translateX(33vw)!important;
}
.jqslickshape .slicknext2{
transform: scale(1) rotate(25deg) translateY(24vw) translateX(45vw)!important;
}
.citemproductoshapedshape {
    width: 88vw;
    top: -40px;
}
.shapedslicktriangulo .citemproductoshapedshape{
width:88vw;
top: -40px;
}
.citemproductoshaped .cta{
font-size: 14px;
padding: 10px;
padding-left: 14px;
padding-right: 14px;
}
.citemproductoshaped h4{
font-size: 14px;
}
.marginBottom30{
margin-bottom: 14px;
}
.iimgproductoshaped{
transform: translateY(5px);
max-width: 32vw;
}
.marginTop30 {
    margin-top: 15px;
}
.csectionslideshaped{
padding-top: 15px;
padding-bottom: 75px;
}
.csection-bannersimple .ctextbig{
font-size: var(--fontsmall);
}
h1, .sh1, .h2toh1 h2 {
    font-size: calc(22px + 2vw);
}
.home h1 {
    font-size: calc(27px + 2.6vw);
}
.csectionprioridad .ctextbig{
margin-top: 30px;
}
.jqslickshape {
padding-top: 10px;
}

.cimagesauto {
/* transform: translateX(-7%) scale(0.8)!important */
}
.csectionstoriesfooter.csectionfigurarighttop .cfigura2 {
    top: -1%;
    }
.cimagesauto img{
width: calc(100% - var(--paddings) - var(--paddings) - 7px);
}
.csectionprioridad .textright{
text-align: center;
}
.ssubmitcodigo svg{
width: 40px;
height: auto;
}
h2, .sh2, .cmenuwrapinnerinner a {
        font-size: calc(20px + 0.8vw);
    }
.contentmid {
padding-left: var(--paddings);
padding-right: var(--paddings);
}
.cmapbottom{
width: 100%;
padding-left: var(--paddings);
padding-right: var(--paddings);
box-sizing: border-box;
}
.scrollingwayfinish.cmapbottomfigura {
display: none;
}
.cmapbottom h5{
font-size: 16px;
}
.csectionmapa{
height: auto;

background: var(--lightgray);

}
.leftcol h2{
float: left;
}
.leftcol {
display: block;
}
.cinerflexleftrightbot{
display: block;
}
.cfigura svg{
max-width: 170px;
height: auto;
}
.cfootercontactinfo{
text-align: left;
margin-top: 15px;
}
.cselectdropdown svg{
top: 12px;
}
.csocialsfooter svg{
margin-left: 0px;
margin-right: 15px;
}
.cpiecreditos{
text-align: left;
}
.csectionfigurashome svg,
.csectionfiguras svg{
height: 60px;
width: auto;
display: block;
}
.csectionfigurashome{
display: block;
}
.clogopie svg{
max-width: 240px;
width: 80%;
}
.cheaderfix{
height: 120px;
}
.csectionfigurarightbottom .cfigura2 {
    bottom: 1%;
    right: -40px;
}
.csectionfiguralefttop .cfigura1 {
    transform: translateX(-50%);
}
.cfilteropts .cta {
margin-bottom: 10px;
}
.citemprodlogo {
    bottom: 10px;
    }
.cgrids,.cevento{
width: calc(50% - 10px);
}
.citemprodlogo img {
    height: 24px;
}
.gutter-sizer{
	width: 10px;
}
.ceventosgrid{
margin-top: 10px;
}

.cselectdropdownvalues{
position: relative;
top: 0px!important;
margin-top: -1px;
width: calc(100% - 2px);
left: 0px;
}
.clegalwrap, .clegalwrap a{
font-size: 12px;
line-height: 1.3;
}
.cselectdropdown svg *{
stroke-width:0.2px;
}
.cmarginelements > *,p {
    margin-bottom: 15px;
}
.cpaddingright{
padding-right: 0px;
margin-bottom: var(--paddings);
}
.cinerflexleftrightbot::after{
content: "";
clear: both;
display: block;
}
.csocialstories svg{
width: 20px;
height: auto;
margin-left: 10px;
margin-right: 0px;
}

.cpopupclose {
height: 50px;
width: 50px;
background-size: 50px;
    top: auto;
    right: auto;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    }
.csocialstories{
float: right;
}
.cflicknews .citemnew {
    width: calc(70% + 10px)!important;
}
.cpielegal a {
    margin-right: 10px;
}
.cpielegal a:last-child {
    margin-right: 0px;
}
.cflicknews .citemnew .cinner {
    margin-right: 10px!important;
}
.cslickcontrol {
display: none!important;
}
.cfigura {

z-index: 1!important;
}
.csectionfigura section{
z-index: 10;
}
.csectionmapaanim.jqswa{
aspect-ratio:16/10;

position: relative;
}
.csectionmapaanimifr .cmapbottom *{
opacity: 1!important;
}
.csectionmapaanimifr .csectionmapaanim.jqswa{
aspect-ratio:auto!important;

}

.csectionmapaanimifr .cmapbottom{
position: absolute!important;
transform: translateX(-50%)!important;
background: var(--lightgray);
padding-bottom: 40px;
padding-top: 0px;
}
.csectionmapaanimifr #buscarAqui{
bottom: auto;
top: 20px;
}
.cmapbottom{
position: relative;
display: block;
padding-top: 20px;
}
*[class^="col"] {
    width: 100%;
}
.citemcategoria {
    width: 50%;
margin-bottom: var(--paddingsmid);
}

.showmenuresponsive .cmenuresponsive{
transform: translateY(0%);
opacity: 1;
}
.showmenuresponsive .cmenuresponsive li{
transform: translateY(0%);
opacity: 1;
}
.cmenuwrap{

}
.csectionbgvideoshaped .csectionopa::before{
content: "";
display: block;
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background: black;
opacity: 0.1;

}
.mapapopup{
padding-left: 0px;
padding-right: 0px;
background: transparent;
color: var(--color1);
border-radius: 0px;
border-bottom: 3px solid var(--color1);
padding-bottom: 5px;
font-size: 14px;
margin-top: -10px;
}
.csocialsmenu {
width: 100%;
}
.csocialsmenu svg{
margin-left: 10px;
margin-right: 10px;
}
.cmenuwrapcol2{
width: 100%;
text-align: center;
}
.cmenuwrapcol1{
display: none;
}
.cburger{
display: block;
}

}
@media (max-width: 900px){


}
@media (max-width: 800px){


}
@media (max-width: 700px){


}
@media (max-width: 650px){


}
@media (max-width: 600px){
.csearchheader input{
width: 150px;
}
.scrolled .csearchheader input{
width: 110px;
}
}
@media (max-width: 550px){


}
@media (max-width: 500px){
.caccordioniteminner table *{
font-size: 10px!important;
}

}
@media (max-width: 400px){
.csearchheader {
right: 55px;
}
.csearchheader input{
width: 130px;
font-size: 12px;
height:
}
.scrolled .csearchheader input{
width: 90px;
}

}