/* BLOG */ 

.blog-suscribe {
	background-color:#eee;
	border:1px solid #ddd;
	border-radius:5px;
	padding:15px;
}
.blog-lateral ul li {
	margin:5px 0px;
	list-style-type:disc;
	list-style-position:outside;
	margin-left:20px;
	color: var(--color-b2);
}
.blog-lateral ul li a {
	color: var(--color-b2);
	transition:0.3s;
}
.blog-lateral ul li a:hover {
	color: #777;
}

.blog-lateral .buscar button {
	background-color: transparent;
    color: var(--color-azul);
    border: 0;
    border-radius: 5px;
    position: absolute;
    top: 1px;
    right: 0;
    height: 38px;
    font-size: 24px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
	transition:0.3s;
}

.blog .fecha {
	color:#333;
	font-size:14px;
	float:right;
	padding:0;
}
.blog .visual {
	display: inline-block;
    margin-top: -6px;
    margin-left: 7px;
	color: var(--color-b2);
}
.blog .visual i {
	vertical-align:middle;
	margin-right:2px;
	font-weight:bold;
}
.blog .enlace-tema {
	color: var(--color-b3);
    float: left;
    font-size: 14px;
    padding: 4px 8px 4px;
    background-color: rgba(0, 0, 0, 0.5);
    /* border-radius: 5px; */
    /* float: right; */
    position: absolute;
    top: 3px;
    z-index: 2;
}
.blog p {
	font-size: 18px;
    color: #fff;
    line-height: 26px;
    /*background-color: var(--color-b1); */
    border-radius: 5px;
    text-align: center;
    padding: 10px 15px;
    /* border-top-right-radius: 0px; */
    /* border-top-left-radius: 0px; */
    margin-top: 8px;
}
.blog span {
	display: block;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    padding: 10px 0px;
}
@media (min-width: 768px) {
	.blog p { 
		text-align:left !important;
	}
	
	.ficha-blog iframe {
		width:75%;
	}

	.blog-img {
		 background-size: cover !important;
	}
}
@media (min-width: 994px) {
	.blog-img-ficha {
		height: 600px;
	}
}
.amp2:hover .blog-img {
	filter: brightness(90%);
}
.blog-img {
	position: relative;
    overflow: hidden;
    background-size: contain;
	background-repeat: no-repeat;
    background-position: center center;
    height: auto; 
    aspect-ratio: 16 / 9; /* Ajusta esto según la proporción de tus imágenes */
	width: 100%;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
	border-radius: 5px;
	transition:0.3s;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	isolation: isolate;
	/* La magia del borde roto */
     /* --- efecto borde rasgado --- */
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.08' numOctaves='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='2.5'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='3' y='3' width='94' height='94' fill='white' filter='url(%23t)' rx='1' ry='1'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.08' numOctaves='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='2.5'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='3' y='3' width='94' height='94' fill='white' filter='url(%23t)' rx='1' ry='1'/%3E%3C/svg%3E");
	-webkit-mask-size: 102% 102%;
	mask-size: 102% 102%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
.blog-img-ficha {
	position: relative;
    overflow: hidden;
    background-size: contain;
	background-repeat: no-repeat;
    background-position: center center;
    min-height: 250px;
	width: 100%;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
	border-radius: 5px;
	margin-bottom:20px;
}
.ficha-blog h3 {
	font-size:30px;
	line-height:35px;
	margin-bottom:10px;
	color: #333;
}
.ficha-blog .redes {
	margin-top:10px;
	text-align:right;
	font-size:26px;
}
.ficha-blog .redes a {
	color:var(--color-azul);
}
.ficha-blog h4 p {
	font-size:15px !important;
	font-family: "Grandstander" !important;
	line-height:20px !important;
	margin:0px !important;
}
.ficha-blog h4 span {
	font-size:15px !important;
	line-height:20px !important;
	font-family: "Grandstander" !important;
	font-weight:normal !important;
}
.blog-lateral p.cabecero {
	color:var(--color-azul);
}