
.home_productos .col_grilla { margin-bottom: 2rem;}

header .idiomas div img { width:32px; }


.ingredientes {  max-width: 1111px; }

 .ingredientes  .col_grilla{ width:353px; height: 542px; display: inline-block;background: rgba(42, 52, 142, 0.04);}
  .ingredientes  .col_grilla article  { padding:1.5rem ; text-align:left  }
  .ingredientes  .col_grilla article h4 { font-size: 2rem; color:#303564;font-family: 'Poppins', sans-serif; font-weight:600; padding: 0.7em 0;  }
  .ingredientes  .col_grilla article p { font-size: 14px; color:#848484;font-family: 'Poppins', sans-serif; font-weight:400;white-space: wrap; line-height:1.58}
  .ingredientes .image img{ display:block; }
  
    .main_calidad .procesos .contenedor { position:relative}
	.main_calidad .procesos .contenedor .img {
	position: absolute;
	width: 50%;
	top: 0;
	bottom: 0;
	background: url(../images/procesos.jpg) no-repeat center center;
	background-size: cover;
}
 .main_calidad .procesos  .texto { margin-top: 35px}
 .main_calidad .procesos  .texto p { font-size: 1rem; color:#7B7B7B;font-family: 'Poppins', sans-serif; font-weight:400; margin-top:2.5em;  line-height:2}

/*logos*/
.logos { background:#fff; padding:16px 0 }
.logos__mask{ overflow:hidden; position:relative }
.logos__mask::before,
.logos__mask::after{
  content:""; position:absolute; top:0; bottom:0; width:48px; pointer-events:none;
  /* fade opcional en bordes */
  background:linear-gradient(to right,#fff,transparent);
}
.logos__mask::after{ right:0; transform:scaleX(-1) }
.logos__track{
  display:flex; align-items:center; gap:48px; width:max-content;
  animation:logos-scroll 22s linear infinite;
}
.logos__mask:hover .logos__track{ animation-play-state:paused }
.logos__track img{
  flex:0 0 auto;  transition:.2s
}
.logos__track img:hover{ filter:none; opacity:1 }
	header .idiomas div {	  display: flex; flex-direction: row;justify-content: space-between; gap: 15px;	}
/* mueve exactamente la mitad porque hay dos bloques idénticos */
@keyframes logos-scroll{
  from{ transform:translateX(0) }
  to{   transform:translateX(-50%) }
}

/* responsive tamaño logo */
@media (max-width: 768px){
  .logos__track{ gap:28px }
/*  .logos__track img{ height:36px }*/
}

 @media (min-width: 960px) {
	 .mobile { display:none}
	 .ingredientes { margin: 150px auto 0 auto; display:flex; justify-content: center;flex-wrap: wrap; gap:1.5rem }
	 .main_calidad .procesos .contenedor { padding-bottom: 210px;margin-top:140px}
	 .main_calidad .procesos .contenedor  .img {height: 575px;}
	 .logos { margin: 150px auto }
	 
	header .idiomas {	  float: right;	  margin: -19px 0 0 0;	}
	
	header .idiomas div {	  display: flex; flex-direction: row;justify-content: space-between; gap: 15px;	}
 }

@media (max-width: 959.99px) {
	 .desktop { display:none}
	 .ingredientes { margin: 80px auto 0 auto; display: flex;  gap: 10px;  overflow-x: auto;  overflow-y: hidden;   -webkit-overflow-scrolling: touch;   scroll-snap-type: x mandatory;   }
	 .ingredientes  .col_grilla{     flex: 0 0 270px;     scroll-snap-align: start;	height: 532px; }
	 .main_calidad .procesos .contenedor {  padding-bottom: 90px;margin-top:70px}
	 .main_calidad .procesos .contenedor  .img {width: 100%;height: 60vw;}	 
	 .logos { margin: 80px auto }
	 .footer .redes { margin-top:1.5rem!important}
  
	header .idiomas {	position: absolute;  right: 15px;    top: 32px;	}
	
}

@media (min-width: 576px){
	 .imgmob { display:none;}
}
@media (max-width: 575.99px) {
	 .imgdesktop { display:none;}
	header .idiomas div img {width: 25px;}
	header .idiomas div {	 gap: 10px;  }
}

