<!-- start Simple Custom CSS and JS -->
<style type="text/css">
#most-view ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

#most-view ul li {
    display: flex;
    flex-direction: column;
    width: 17.5%;
    box-sizing: border-box;
    margin-right: 3%;
}
#most-view ul li:nth-child(5)  {
    margin-right: 0;
}
 #most-view ul li span, ul.wpp-list.wpp-cardview .published{   
	font-size: 13px !important;
    color: #3264FF!important;
	 font-weight:bold;
}
 #most-view ul li img {   
	padding-bottom:15px;
	 transition: transform 0.3s ease;
}
 #most-view ul li img:hover, .wpp-thumbnail-container img{   
	transform: scale(1.2) !important;
}
 #most-view ul li .image-effect {   
width: 200px; 
height: 150px; 
overflow: hidden; 
position: relative;
}
.wpp-thumbnail-container {
	overflow: hidden; 
}
@media (min-width: 600px) and (max-width: 900px) {
	#most-view ul.wpp-list {
    padding: 0;
}
	#most-view ul li {
    width: 48%; 
   }
	#most-view ul li .image-effect, #most-view ul li img {
    width: 290px;
    height: auto;
	}
	#most-view ul li:nth-child(even) {
  	     margin-right: 0;
	}
}

/* Estilos para móviles */
@media (max-width: 599px) {
	#most-view ul li {
		width: 100%;
		margin-right:0;
	}
	#most-view ul {
    padding: 0;
    margin: 0;
	}
	#most-view ul li .image-effect, #most-view ul li img {
    width: 300px;
	height: auto;
	}

</style>
<!-- end Simple Custom CSS and JS -->
