.contenido-reciente{
	margin-top:88px;
}

.contenido-reciente .grid-publicaciones{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom:25px;
}

.contenido-reciente .grid-publicaciones .nota{
	position:relative;
	background: #FFFFFF;
	border: 1px solid #F5F6F7;
	border-radius: 6px;	
	box-shadow:0px 8px 24px 0px rgba(0,0,0,.08);
}

.contenido-reciente .grid-publicaciones .nota .info{
	padding:15px;	
	max-height:calc(100% - 55px);
	overflow:hidden;	
}

.contenido-reciente .grid-publicaciones .nota .info h6{
	font-size:12px;
	font-weight: normal;
}

.contenido-reciente .grid-publicaciones .nota .info h3{
	font-size:18px;
	font-weight: 500;
	color:#343E45;
	line-height: 26px;
}

.contenido-reciente .grid-publicaciones .nota .info .btn{
	font-family: 'Muli', sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#697D8C;
	position:absolute;
	bottom:20px;
	padding:0px;
	display:flex;
	align-items: center;
}

.contenido-reciente .grid-publicaciones .nota .info div.excerpt{
	color:#5A6B78;	
	font-size:16px;
	line-height:1.9;
}


.contenido-reciente .grid-publicaciones .nota .img{
	width:100%;
	min-height:190px;	
}

.contenido-reciente .grid-publicaciones .nota .img .mask{
	width:100%;
	height:100%;
	min-height:190px;	
	background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 23%, rgba(0,0,0,0.26) 54%, #000000 100%);	
}

.contenido-reciente .grid-publicaciones .nota_1, .contenido-reciente .grid-publicaciones .nota_6, .contenido-reciente .grid-publicaciones .nota_7{
	width:48%;
	display:flex;
	height:242px;
	overflow:hidden;
}

.contenido-reciente .grid-publicaciones .nota_1 .img, .contenido-reciente .grid-publicaciones .nota_6 .img, .contenido-reciente .grid-publicaciones .nota_7 .img{
	width:240px;
	flex-shrink: 0;
}

.contenido-reciente .grid-publicaciones .nota_1 .img .mask, .contenido-reciente .grid-publicaciones .nota_6 .img .mask, .contenido-reciente .grid-publicaciones .nota_7 .img .mask{
	background:none;
}

.contenido-reciente .grid-publicaciones .nota_2, .contenido-reciente .grid-publicaciones .nota_3, .contenido-reciente .grid-publicaciones .nota_4, .contenido-reciente .grid-publicaciones .nota_5, .contenido-reciente .grid-publicaciones .nota_8, .contenido-reciente .grid-publicaciones .nota_9{
	width:22%;
	height:351px;
	overflow:hidden;	
}

.contenido-reciente .grid-publicaciones .nota_2.nota-pick .info, .contenido-reciente .grid-publicaciones .nota_3.nota-pick .info, .contenido-reciente .grid-publicaciones .nota_4.nota-pick .info, .contenido-reciente .grid-publicaciones .nota_5.nota-pick .info, .contenido-reciente .grid-publicaciones .nota_8.nota-pick .info, .contenido-reciente .grid-publicaciones .nota_9.nota-pick .info{	
	max-height: 165px;
    overflow: hidden;	
}

.contenido-reciente .grid-publicaciones .nota_2.nota-pick .info .excerpt, .contenido-reciente .grid-publicaciones .nota_3.nota-pick .info .excerpt, .contenido-reciente .grid-publicaciones .nota_4.nota-pick .info .excerpt, .contenido-reciente .grid-publicaciones .nota_5.nota-pick .info .excerpt, .contenido-reciente .grid-publicaciones .nota_8.nota-pick .info .excerpt, .contenido-reciente .grid-publicaciones .nota_9.nota-pick .info .excerpt{	
	margin-top:15px;
}

.contenido-reciente .grid-publicaciones .nota_2.nota-pick .info .btn, .contenido-reciente .grid-publicaciones .nota_3.nota-pick .info .btn, .contenido-reciente .grid-publicaciones .nota_4.nota-pick .info .btn, .contenido-reciente .grid-publicaciones .nota_5.nota-pick .info .btn, .contenido-reciente .grid-publicaciones .nota_8.nota-pick .info .btn, .contenido-reciente .grid-publicaciones .nota_9.nota-pick .info .btn{	
	color:white;
}

.contenido-reciente .grid-publicaciones .nota_4, .contenido-reciente .grid-publicaciones .nota_5, .contenido-reciente .grid-publicaciones .nota_8, .contenido-reciente .grid-publicaciones .nota_9{
	margin-top:-80px;
}

.contenido-reciente .grid-publicaciones .nota_6{
	margin-top:30px;
}

@media all and (max-width: 767px){
	.contenido-reciente .grid-publicaciones .nota{
		display:block !important;
		width:100% !important;
		margin:25px 0px !important;
		height:auto !important;
	}

	.contenido-reciente .grid-publicaciones .nota .info{
		max-height:auto;
	}
	.contenido-reciente .grid-publicaciones .nota .img{
		width:100%;
	}

	.contenido-reciente .grid-publicaciones .nota-pick .info .btn{
		color:white !important;
	}
	.contenido-reciente .grid-publicaciones .nota .img .mask {    
    	background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 23%, rgba(0,0,0,0.26) 54%, #000000 100%) !important;
	}
}