/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 07 2024 | 11:29:36 */
.archive.tag  .contenido-hot .h5.descripcion{
	
	margin-bottom: 3rem;

}


.archive.tag .contenido-hot .h5.descr.contenido-hot pcion p{
	
	font-size: 30px;
    line-height: 36px;
    color: rgba(100, 100, 100, 1);
    font-weight: lighter;

} 

.archive.tag .contenido-hot .card {
	border: none;
}

.archive.tag .envoltura-container.contenido-hot::after {
	content: "";
	z-index: -2;
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 550px; 
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(transparent 0, transparent 100px, #e1e2e6 100px, #e1e2e6 100%);
}

/* .envoltura-container {

background-color: rgba(0, 0, 0, 0.1);
} */

.archive.tag .contenido-hot .destacado {
	width: inherit;
    font-weight: bold;
    padding: 5px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.8);
}

.archive.tag .contenido-hot .custom-grid {
	display: grid;
	grid-template-areas:
		"card1 card2 card5"
		"card1 card3 card5"
		"card1 card4 card5";
	grid-gap: 20px;
}

.archive.tag .contenido-hot .contenido-hot .card2,
.archive.tag .contenido-hot .card3,
.archive.tag .contenido-hot .card4 {
	flex-direction: row;

}

.archive.tag .contenido-hot .card-title {
	font-size: 22px;
	font-weight: 400;
}
.archive.tag .contenido-hot .card-metadatos {
	font-size: 12px;
	font-weight: lighter;
}

.archive.tag .contenido-hot .card-termino, .archive.tag .card-termino {
	color: var(--color1);
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}



.archive.tag .contenido-hot .card2 .card-title,
.archive.tag .contenido-hot .card3 .card-title,
.archive.tag .contenido-hot .card4 .card-title{
	font-size: 18px;
	font-weight: 400;
}


.archive.tag .contenido-hot .card1 .contenedor-imagen img,
.archive.tag .contenido-hot .card2 .contenedor-imagen img,
.archive.tag .contenido-hot .card3 .contenedor-imagen img,
.archive.tag .contenido-hot .card4 .contenedor-imagen img,

.archive.tag .contenido-hot .card5 .contenedor-imagen img {


	width: 100%;
	height: 100%;
	object-fit: cover;


}

.archive.tag .contenido-hot .card1 .contenedor-imagen,
.archive.tag .contenido-hot .card5 .contenedor-imagen {

	height: 75%;
	overflow: hidden;

}

.archive.tag .contenido-hot .card2 .contenedor-imagen,
.archive.tag .contenido-hot .card3 .contenedor-imagen,
.archive.tag .contenido-hot .card4 .contenedor-imagen {

	height: 100%;
	overflow: hidden;
	/* Oculta cualquier parte de la imagen que sobresalga del contenedor */




}

.archive.tag .contenido-hot .card2 .contenedor-imagen,
.archive.tag .contenido-hot .card3 .contenedor-imagen,
.archive.tag .contenido-hot .card4 .contenedor-imagen {
	width: 33.333%;

}

.archive.tag .contenido-hot .card2 .card-body,
.archive.tag .contenido-hot .card3 .card-body,
.archive.tag .contenido-hot .card4 .card-body {
	width: 66.666%;

}

/* Responsive Design for smaller screens */
@media (max-width: 767px) {


	/* Breakpoint inferior a md (menor que 768px) */
	.archive.tag .contenido-hot .custom-grid {
		grid-template-areas:
			"card1"
			"card2"
			"card3"
			"card4"
			"card5";
	}

	.archive.tag .contenido-hot .custom-grid-item {
		margin-bottom: 20px;
	}

	.archive.tag .contenido-hot .card2 .card-body,
	.archive.tag .contenido-hot .card3 .card-body,
	.archive.tag .contenido-hot .card4 .card-body {
		width: 100%;

	}

	
	.archive.tag .contenido-hot .card2 .card-title.
	.archive.tag .contenido-hot .card3 .card-title,
	.archive.tag .contenido-hot .card4 .card-title{
		font-size: 22px;
		font-weight: 400;
	}

	.archive.tag .contenido-hot .card1 .contenedor-imagen {

		height: 75%;

	}
}




.archive.tag .contenido-hot .card1 {
	grid-area: card1;
}

.archive.tag .contenido-hot .card2 {
	grid-area: card2;
}

.archive.tag .contenido-hot .card3 {
	grid-area: card3;
}

.archive.tag .contenido-hot .card4 {
	grid-area: card4;
}

.archive.tag .contenido-hot .card1,
.archive.tag .contenido-hot .card2,
.archive.tag .contenido-hot .card3 {}

.archive.tag .contenido-hot .card5 {
	grid-area: card5;
}

.archive.tag #tag-destacado-carrusel{
	
	background: red;
}
.archive.tag #tag-destacado-carrusel .carousel-caption{
	
	position: relative;
}