.teaser-4{
	display:flex;
	flex-direction:row;
	background:#f7f7f7;
	margin:0!important;
	justify-content: space-between;
	margin-top:0px;
	height:100%;
	clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
}

.teaser-4 .post-content{
	padding:20px 30px;
	align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width:50%;
}

.teaser-4 .post-image{
	max-width:50%;
	max-height:100%;
}

.teaser-4 .post-image div{
	height:100%;
}

.teaser-4 .post-image img{
	height: 100%;
	object-fit:cover;
}

.teaser-4 .post-image img:hover{
	transform:scale(1.1);
}

.teaser-4 h3{
	font-size:18px!important;
	line-height:1em;
}

.blog-fila > div,
.blog-fila > div > div,
.blog-fila > div > div > div,
.blog-fila > div > div > div > div,
.blog-fila > div > div > div > div > div,
.blog-fila > div > div > div > div > div > div,
.blog-fila > div > div > div > div > div > div > div{
	height:100%;
}

.blog-fila .horizontal {
	display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom:0;
}

.blog-fila .horizontal > .row{
	height: calc(50% - 10px);
}

.blog-fila .horizontal:after {
	display:none;
}

.teaser-3{
	aspect-ratio:1.166/1;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
	padding:30px;
	display:flex;
	align-items:end;
	transition:.5s;
	margin:0!important;
	filter:opacity;
}

.teaser-3:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000088;
    z-index: -1;
}

.teaser-3:hover{
	transition:1s;
	background-position: 10% 0;
}

.teaser-3 h3,
.teaser-3 a,
.teaser-3 p{
	color:white;
}

.teaser-3 .post-categories{
	
}

.teaser-3 h3,
.teaser-4 h3{
	margin-bottom:10px!important;

}

.teaser-3 .leer-mas,
.teaser-4 .leer-mas{
	background:var(--blue);
	padding:10px 15px;
	color:white;
	font-weight:300;
	font-size:14px;
}

.teaser-3 .post-meta,
.teaser-4 .post-meta{
	margin:0!important;

}

.teaser-3 .post-categories,
.teaser-4 .post-categories{
  padding:4px 8px;
	background:var(--blue);
	border-radius:30px;
	line-height:1em;

}
.teaser-3 .post-categories a,
.teaser-4 .post-categories a{
		color:white!important;
		text-transform:capitalize;
		font-weight:300;
}

.teaser-3 .btn-theme,
.teaser-4 .btn-theme{
	font-size:15px!important;
	line-height:28px!important;
	padding:1px 16px!important;
}


@media (min-width: 768px) {
	.blog-fila .teaser-4{
		margin-top:0px!important;
	}
}