.list_coleccion{
	display:flex;
	flex-wrap:wrap;
	gap:1em;
	padding:0em;
	background:;
	justify-content:center;
	overflow-wrap: break-word;
}

.list_coleccion > div {
	border-radius			: 10px 10px 10px 10px;
	-moz-border-radius		: 10px 10px 10px 10px;
	-webkit-border-radius	: 10px 10px 10px 10px;

	flex-basis: 22%;
	min-width:150px;
	max-width:22%;
	flex-grow:1;
	/*height:130px;*/
	aspect-ratio:1/1;
	
	gap:10px;
	border:1px solid #E4E4E4;
	padding:10px;
	background:white;
	
}

.list_coleccion > div:hover{
	/*border:1px solid #787878;*/
}


.list_coleccion .item{
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:auto 1fr 1fr auto !important;
	background:;
	text-align:center;
	gap:10px;

	font-weight:bold;
}


.list_coleccion img{
	width:100%;
	height:100%;
	object-fit:cover;
	aspect-ratio:1/1;
	border:1px solid rgba(255, 255, 255, .3);
}

.foto_coleccion:hover{
	opacity: 0.5;
	transition: 0.4s;
}



.cabecera_coleccion{
	padding:1em 0;
}


.item .nombre_articulo{
	font-size:1em;
	font-weight:300;
	color:black;
	text-align:center;
	
	padding:0.5em 0.5em;
		
}










.list_productos{
	display:flex;
	flex-wrap:wrap;
	gap:1em;
	padding:1em;
	background:;
	justify-content:center;
		
}

.list_productos > div {
	border-radius			: 10px 10px 10px 10px;
	-moz-border-radius		: 10px 10px 10px 10px;
	-webkit-border-radius	: 10px 10px 10px 10px;

	flex-basis: 20%;
	min-width:120px;
	max-width:25%;
	flex-grow:1;

	/*aspect-ratio:1/1;* Esto se quita porque en safari no funciona, se super posiciona */
	aspect-ratio:auto !important;

	gap:10px;
	border:1px solid #E4E4E4;
	padding:1em;
	background:white;
	
}


.list_productos > div:hover{
	-webkit-box-shadow: 1px 2px 41px -4px rgba(0,0,0,0.24);
	-moz-box-shadow: 1px 2px 41px -4px rgba(0,0,0,0.24);
	box-shadow: 1px 2px 41px -4px rgba(0,0,0,0.24);
	
	/*border:1px solid #787878;*/
}


.list_productos .item{
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:1fr auto auto !important;
	
	text-align:center;
	gap:10px;

	font-weight:bold;
}


.list_productos img{
	width:100%;
	height:100%;
	object-fit:cover;
	aspect-ratio:1/1;
	border:1px solid rgba(255, 255, 255, .3);
}






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

	.list_productos > div {

		flex-basis: 30%;
		min-width:120px;
		max-width:25%;
		flex-grow:1;

		/*aspect-ratio:1/1;* Esto se quita porque en safari no funciona, se super posiciona */
		aspect-ratio:auto !important;

		gap:10px;
		border:1px solid #E4E4E4;
		padding:1em;
		background:white;
		
	}

}





@media only screen and (max-width:900px){
		
	.list_coleccion{
		display:flex;
		flex-wrap:wrap;
		gap:10px;
		padding:0em;
		background:;
		justify-content:center;
			
	}

	.list_coleccion > div {
		border-radius			: 10px 10px 10px 10px;
		-moz-border-radius		: 10px 10px 10px 10px;
		-webkit-border-radius	: 10px 10px 10px 10px;

		flex-basis: 45%;
		min-width:120px;
		max-width:50%;
		flex-grow:1;
		/*height:130px;*/
		aspect-ratio:1/1;
		
		gap:10px;
		border:1px solid #E4E4E4;
		padding:0em;
		background:white;
		
	}






	.list_productos{
		display:flex;
		grid-template-columns:1fr 1fr;
		width:100%;

		gap:10px;
		padding:0em;
		background:;
		justify-content:center;
		
	}

	.list_productos > div {
	
		flex-basis: 45%;
		min-width:120px;
		max-width:50%;
		flex-grow:1;

		/*aspect-ratio:1/1;*/
		
		gap:10px;
		border:1px solid #E4E4E4;
		padding:5px !important;
		background:white;
		
	}



	.list_productos22 > div{
		
		max-width:100% !important;
		background:;
	}

	.list_productos img{
		width:100%;
		height:inherit !important;
		object-fit:cover;
		aspect-ratio:1/1;
		border:0px solid rgba(255, 255, 255, .3);
	}


	.list_productos .item{
		display:grid !important;
		grid-template-columns:1fr;
		grid-template-rows:1fr auto auto !important;
		
		object-fit:cover;
		aspect-ratio:1/1;
		text-align:center;
		gap:20px;

		background:;
		font-weight:bold;
	}



}