.posts .boxBlog{
	flex: 0 0 33.33%;
}
.posts .boxBlog .my-inner .contentBxImg{
	position: relative;
}
.posts .boxBlog .my-inner .contentBxImg:before{
	content: "";
	position: absolute;
	width: 0%;
	height: 100%;
	left: 0;
	background: var(--azul-oscuro);
    opacity: .7;
	transition: .5s ease;
}
.posts .boxBlog .my-inner:hover .contentBxImg:before{
	width: 100%;
}
.posts .boxBlog .my-inner .contentBxImg img{
	width: 100%;
}
.posts .boxBlog .contentBx{
	padding: 30px;
	background: -webkit-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9));
	background: -moz-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9));
	background: -o-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9));
	background: -ms-linear-gradient(left,rgba(235,235,235,1),rgba(255,255,255,0.9));
}
.posts .boxBlog .contentBx .date{
	line-height: normal;
    font-size: 14px;
    color: var(--azul);
    text-transform: capitalize;
    margin-bottom: 10px;
}
.posts .boxBlog .contentBx .title{
	color: var(--azul-medio);
    font-family: var(--stem-m);
    font-size: 20px;
    transition: .5s ease;
}
.posts .boxBlog .contentBx .title:hover{
	color: var(--azul-oscuro);
}
.posts .boxBlog .contentBx .description{
	font-size: 16px;
	line-height: normal;
	color: var(--gris-claro);
}
.posts .boxBlog .contentBxImg .link{
	position: absolute;
    top: 50%;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
    background: var(--blanco);
    width: 54px;
    height: 54px;
    text-align: center;
    line-height: 54px;
    font-weight: 900;
    border-radius: 50%;
    font-size: 18px;
	transform: translate(-50%, -50%) scale(0);
    color: var(--azul-oscuro);
    transition: .5s ease;

}
.posts .boxBlog .my-inner:hover .contentBxImg .link{
	transform: translate(-50%, -50%) scale(1);
}

/**//**//**//**//**//**//**//**//**//**//**//**/
/*Responsive*/
/*Ipad Pro Vertical*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
  	
}

/*Ipad Pro Horizontal*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
  	
}

/*Ipad Horizontal*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	
}

/*Ipad Vertical*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	
}

/*Phone Vertical*/
@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (orientation: portrait){ 
  	#blog .sec-title h3{font-size: 30px; line-height: 35px; white-space: normal;}
  	#blog .sec-title h3 span{font-size: 35px;}
  	.posts .boxBlog{flex: 0 0 100%; margin-bottom: 40px;}
  	.posts .row .boxBlog:last-child{margin-bottom: 0px;}
  	.posts .boxBlog .my-inner{padding: 0 15px;}

}