@charset "UTF-8";
/* CSS Document */
body{overflow-x:hidden}
body *{font-family:"Poppins";font-weight:400;color:#515151; font-size: 14px; }
body .porcelain{font-family: "Amore"; }
body section.padding{padding:40px 0}
body header{min-height:70px; background-color: #FFF;}
body header .container{position:relative}
body header .logo{display:inline-block;max-width:100px;margin-top:10px}


a:hover{color:#d0462a; text-decoration: none;}

body .tel{font-size: 15px; color: #fff;}

body .section-somos{ background-color: #fff; }
body .section-somos a{color: #FFFFFF; background-color: #a3182e;border-radius: 5px; text-decoration: none;}
body .section-somos a:hover{box-shadow: none; background-color: #b7102a !important;}
body .rosa{background-color: #ffcccc;}
body  h2{ font-size: 60px}
body .section-somos p{color:#515151}
body .marcas{background-image: url("../img/curva_rosa.jpg"); background-repeat: no-repeat; background-size: contain; background-position: top;}
body .marca{background-image:url("../img/fondo_marcas.jpg"); background-repeat: no-repeat; background-size: contain; background-position: bottom; width: 100%; position: relative;}
body .marca .pastel{ position:absolute; bottom: -100px; left:0; right:0; width: 75%; margin-left: auto;margin-right: auto;}


body .banner-sabor{ background-image: url("../img/sabor.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center 0; height: 600px; width: 100%;background-color: #fcf8f5;}
body .section-certificaciones .certificaciones{background-color: #fcf8f5;}
body .certificacion{background-image: url("../img/fondo_certificaciones.png"); background-repeat: no-repeat; background-size: contain; background-position: center; height: 250px; text-align: center; position: relative;}
body .certificacion img{ text-align: center; width: 200px; position: absolute; top:0; left: 0; bottom:50px; right:0; margin: auto;}

body .carousel-indicators .active{background-color: red}

body .banner-sabor-mobile{ background-image: url("../img/sabor_mobile.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center 0; height: 300px;  width: 100%;}


@media(min-width: 768px){body [data-entrance]{visibility:hidden}body header{background-color:rgba(255,255,255,255);transition:all .5s}body header .logo{display:inline-block;max-width:180px;transition:all .5s;margin-top:0}body .scale-1-2{transform:scale(1.2)} body .marca .pastel{ position:absolute; bottom: 0px;left:30px; width: 30% }
}

@media(min-width: 992px){
	body section.padding{padding:80px 0}}
body .marca {height: 500px;}
body .marca .pastel{ position:absolute; bottom: 0px;left:0; right: 0; width: 60% }
body .marca p, .marca ul{margin: 0 auto; width: 70%;}
.section-parallax{min-height:60vh;background-size:cover;background-position:center;background-repeat:no-repeat}

.m100{max-width:100px}
.m200{max-width:200px}
.m300{max-width:300px}
.m400{max-width:400px}
.m500{max-width:500px}
.m600{max-width:600px}
.m700{max-width:700px}
.m800{max-width:800px}
.m900{max-width:900px}
.m1000{max-width:1000px}
.f100{font-weight:100 !important}
.f200{font-weight:200 !important}
.f300{font-weight:300 !important}
.f400{font-weight:400 !important}.f500{font-weight:500 !important}.f600{font-weight:600 !important}
.f800{font-weight:800 !important}.f900{font-weight:900 !important}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.carousel-control-prev-icon,.carousel-control-next-icon{filter:invert(108%)}.divider{width:60px;height:60px;border-radius:50%;background-color:#caec4b;margin:50px auto}