.contenedor {
	width: 90%;
	max-width: 900px;
}

.contenedor-lista {
	background: #F3F5FA;
	box-shadow: 0px 0px 20px rgba(149, 153, 159, .16);
	border-radius: 10px;
}

.contenedor-lista h1 {
	text-transform: uppercase;
	font-size: 20px;
	background: #fff;
	height: 100px;
	display: flex;
	align-items: center;
	padding: 40px;
	border-radius: 10px 10px 0 0;
	margin-bottom: 0;
}

.lista {
	padding: 40px;
	width: 100%;
}

.lista .producto {
	background: #fff;
	display: grid;
	grid-template-columns: auto 1fr 1fr 1fr;
	align-items: center;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
  cursor: move;

}



/* ? Clases para los estilos en los diferentes estados del drag and drop */

.producto.seleccionado {
  transform:  scale(1.02) rotate(-1deg);
  box-shadow: 0px 0px 20px rgba(149, 153, 159, .16);
}


.producto.drag {
opacity: 0;
}


.lista .label {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 5px;
	color: #5173CF;
}

.lista .dato {
	font-weight: bold;
	font-size: 20px;
}

.lista .producto img {
	width: 70px;
	border-radius: 100%;
	margin-right: 40px;
}