.DCMain {
  display: flex;
  align-items: center;
  gap: 1em;         
  padding: 0.5em;
	border: 1px solid #ccc;
  border-radius: 6px;
  
  box-shadow: 
    0 2px 4px rgba(0, 0, 0, 0.1), 
    0 1px 2px rgba(0, 0, 0, 0.06); 
}

.DCMain:hover{
	border: 1px solid #5BC0AC;
}

.DCfirst img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.DCmiddle {
  flex: 1;
}

.DCmiddle p {
  margin: 0;
  font-size: 1em;
}

.DClast {
  display: flex;
  gap: 0.5em;
  align-items: center;
}

.DCMain audio {
  display: none;
}


.playIcon,
.pauseIcon {
  width: 35px;
  height: 35px;
  cursor: pointer;
  transition: transform 0.2s;
	

}

.playIcon:hover,
.pauseIcon:hover {
  transform: scale(1.2);
}

.imagen{
	width:75px;
	height:75px;
}