.grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 90%;
	max-width: 1500px;
	height: 100%;
	margin: auto;
	gap: 10px;
	overflow: hidden;
	align-items: center;
  }
.contenedor_l_historia{

	height: 800px;
  }
  
  .gale_g{
	height: 200px;
  }
  
  .row{
	display: none;
  }
  .tetos_l_h{
	grid-column: 1/5;
	text-align: justify;
  }
  
  .img_l_dos{
	grid-column: 7/12;
  }
  
  .imagen_l_p{
	width:  590px;
	height: 500px;
	margin: auto;
  }
  
  .img_largo{
	grid-column: 1/-1;
   
  }



  /*galeria*/
  
.contenedor_proceso{
	height: 1000px;
	padding: 20px auto;

  }
  .grid_gel{
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
	width: 90%;
   
	max-width: 1500px;
	margin: auto;
  }
  .izquierdos{
	grid-column: 1/5;
	grid-row: 1/ 4;
	background-image: url(../img_f/f_h/AZUL\ 3.jpg);
	margin: 0;
   
   
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   
   
  
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0.9;
   
  }
  .izquierdos_hijo{
	grid-column: 1/3;
	grid-row: 4/6 ;
	background-image: url(../img_f/f_h/GRIS\ 1.jpg);
	margin: 0;
   
   
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   
   
  
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0.9;
  }
  .izquierdos_hijo_DOS{
	grid-column: 3/5;
	grid-row: 4/8 ;
	background-image: url(../img_f/f_h/GRIS\ BLANCO\ 1.jpg);
	margin: 0;
   
   
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   
   
  
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0.9;
  }
  .izquierdos_hijo_tres{
	grid-column: 1/3;
	grid-row: 6/8 ;
	background-image: url(../img_f/f_h/JADE\ 1.jpg);
	margin: 0;
   
   
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   
   
  
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0.9;
  }
  .centro{
	grid-column:5/8;
	grid-row: 1/3;
	
   background-image: url(../img_f/f_h/LILA\ 1.jpg);
   margin: 0;
   
   
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
  
  
  
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0.9;
  }
  .centro_hijo{
	grid-column:8/12;
	grid-row: 1/4;
	background-image: url(../img_f/f_h/negro\ 1.jpg);
	 margin: 0;
   
   
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   
  
  
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0.9;
  }
  .derecho{
	grid-column:5/8;
	grid-row: 3/8;
	
	background-image: url(../img_f/f_h/ROJO\ 1.jpg);
	margin: 0;
   
   
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   
  
  
   display: flex;
   justify-content: center;
   align-items: center;
   
   opacity: 0.9;
  }
  .derecho_hijo{
	grid-column:8/12;
	grid-row: 4/6;
	background-image: url(../img_f/f_h/ROSA\ MEX\ 1.jpg);
	margin: 0;
   
   
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   
  
  
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0.9;
  }
  .derecho_hijo_dos{
	grid-column:8/10;
	grid-row: 6/8;
	background-image: url(../img_f/f_h/VERDE\ 1.jpg);
	margin: 0;
   
   
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   
  
  
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0.9;
   
  }
  
  .letra{
	font-size: 30px;
	color: rgba(255, 255, 255, 0.993);
	
  }
  /*finnnnnnnnnnnnnnnnnnnnnn*/

.contenedor_productos{
	height: 800px;
	margin: 20px auto;
	
}

#content-wrapper{
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.column{
	width: 600px;
	padding: 10px;
    text-align: justify;
}

#featured{
	max-width: 500px;
	max-height: 600px;

	cursor: pointer;
	border: 2px solid black;

}

.thumbnail{
	object-fit: cover;
	max-width: 180px;
	max-height: 100px;
	cursor: pointer;
	opacity: 0.5;
	margin: 5px;
	border: 2px solid black;

}

.thumbnail:hover{
	opacity:1;
}

.active{
	opacity: 1;
}

#slide-wrapper{
	margin-top: 30px;
	max-width: 500px;
	display: flex;
	min-height: 100px;
	align-items: center;
}

#slider{
	width: 440px;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;

}

#slider::-webkit-scrollbar {
		width: 8px;

}

#slider::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}
 
#slider::-webkit-scrollbar-thumb {
  background-color: #383836;
  outline: 1px solid slategrey;
   border-radius: 100px;

}

#slider::-webkit-scrollbar-thumb:hover{
    background-color: #8a858b;
}

.arrow{
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: .3s;
}

.arrow:hover{
	opacity: .5;
	width: 35px;
	height: 35px;
}

#img-container{
	/*z-index: 1;*/
	max-width: 500px;
	position: relative;
}

#lens{
	/*z-index: 2;*/
	position: absolute;

	height: 125px;
	width: 125px;
	border:2px solid black;
	background-repeat: no-repeat;
	cursor: none;

}

/* IMAGE ZOOM CSS Start */



/* IMAGE ZOOM CSS END */



@media screen and (max-width: 400px){
	#content-wrapper{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		height: auto;
	}
	
	.column{
		width: 350px;
		padding: 10px;
		text-align: justify;
	
	}
	
	#featured{
		max-width: 300px;
		max-height: 600px;
	
		cursor: pointer;
		border: 2px solid black;
	
	}
	
	.thumbnail{
		object-fit: cover;
		max-width: 180px;
		max-height: 100px;
		cursor: pointer;
		opacity: 0.5;
		margin: 5px;
		border: 2px solid black;
	
	}
	
	.thumbnail:hover{
		opacity:1;
	}
	
	.active{
		opacity: 1;
	}
	
	#slide-wrapper{
		margin-top: 30px;
		max-width: 500px;
		display: flex;
		min-height: 100px;
		align-items: center;
	}
	
	#slider{
		width: 440px;
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
	
	}
	
	#slider::-webkit-scrollbar {
			width: 8px;
	
	}
	
	#slider::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	
	}
	 
	#slider::-webkit-scrollbar-thumb {
		background-color: #383836;
	  outline: 1px solid slategrey;
	   border-radius: 100px;
	
	}
	
	#slider::-webkit-scrollbar-thumb:hover{
		background-color: #8a858b;
	}
	
	.arrow{
		width: 30px;
		height: 30px;
		cursor: pointer;
		transition: .3s;
	}
	
	.arrow:hover{
		opacity: .5;
		width: 35px;
		height: 35px;
	}
	
	#img-container{
		/*z-index: 1;*/
		max-width: 100px;
		position: relative;
		align-items: center;
	}
	
	#lens{
		/*z-index: 2;*/
		position: absolute;
	
		height: 70px;
		width: 70px;
		border:2px solid black;
		background-repeat: no-repeat;
		cursor: none;
	
	}




	.texto_index,.contenedor_proceso,.contenedor_productos{
		height: auto;
		
	}
	.text_center{
	
    grid-column: 1/-1;
   
    
    padding: 15px auto;
    text-align: center;
    font-size: 15px;
    
  }
  .izquierdos{
    grid-column: 1/-1;
    grid-row: 1/2;
    height: 100px;
    align-content: center;
  }
  .izquierdos_hijo{
	grid-column: 1/-1;
    grid-row: 2/4;
    
    align-content: center;  
  }
  .izquierdos_hijo_DOS{
	grid-column: 1/-1;
    grid-row: 4/5;
    height: 100px;
    align-content: center;
  }
  .izquierdos_hijo_tres{
	grid-column: 1/-1;
    grid-row: 5/6;
   

  }
  .centro{
	grid-column: 1/-1;
    grid-row: 6/7;
    height: 100px;
    align-content: center;
	
  }
  .centro_hijo{
    grid-row: 7/8;
    grid-column: 1/-1;
	height: 100px;
	align-content: center;
  }
  .derecho{
    grid-row: 8/10;
	grid-column: 1/-1;
	align-content: center;
  }
  .derecho_hijo{
    grid-row: 10/11;
    grid-column: 1/-1;
	height: 100px;
	align-content: center;
  }
  .derecho_hijo_dos{
	grid-row: 11/13;
	grid-column: 1/-1;
	align-content: center;
    
  }
	.titulo{
		font-size: 20px;
		text-align: center;
		
	}


	.contenedor_l_historia{
		height: auto;
	  }
	.tetos_l_h{
	  grid-column: 1/-1;
	  text-align: justify;
	}
	
	.img_aute{
	  grid-column: 1/13;
	}
	
	.img_l_dos{
	  grid-column: 1/-1;
	}

	.imagen_l_p{
		height: 300px;
		width: 337px;
	  }
	
	  

	}