@media (min-width:801px) { #bloques_relacionados .nombrefamosa { font-size: 16px; font-weight: 700; line-height: 1em; padding: 5px 5px 8px 5px; } } #bloques_relacionados .gap-3 { gap: 4px; } .pad_5px {padding: 5px;} #portada {  margin-bottom: 20px;  background: #fff;} #bloques_relacionados .content_grid {padding: 4px 4px 0 4px;} .gap-5px {gap: 5px;} @media (min-width: 1000px) { #portada {    background: linear-gradient(120deg,rgb(140 22 54) 20% ,rgb(71 15 83) 50%,rgb(186 0 63) 100%); background: #fff;} #portada { /* background: linear-gradient(120deg,rgb(234 227 229) 20% ,rgb(255 255 255) 50%,rgb(144 144 144) 100%);*/} #bloques_relacionados .models-6 .model_item:nth-child(2n+1) { height: 0; padding-top: calc(100%/1 + 4rem); } #bloques_relacionados .models-6 .model_item:nth-child(2n+0) { height: 0; padding-top: calc(100%/1 + 8rem); } #bloques_relacionados .models-6 .model_item:nth-child(10n+10), #bloques_relacionados .models-6 .model_item:nth-child(10n+6), #bloques_relacionados .models-6 .model_item:nth-child(10n+8) { margin-top: -4rem; } } @media (min-width:1000px) and (max-width:1180px) { #bloques_relacionados p.rel {display: none;} } @media (min-width:1400px) { #portada #bloques_relacionados .content_grid {max-width: 1222px;width: auto;margin: auto;} .container_max {max-width: 1690px;width: auto;margin: auto;} #bloques_relacionados .nombrefamosa { font-size: 16px; font-weight: 700; line-height: 1em; padding: 5px 2px 8px 2px; } #bloques_relacionados p.rel { color: #fff; line-height: 1em; font-size: 12px; font-family: Arial; display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 4px 10px; } }

 @media (max-width:800px) { #bloques_relacionados .models-6 .model_item:nth-child(1) { grid-column: 1/3; } } 
 @media (max-width:500px) { 
	 #bloques_relacionados .models-6 .model_item:nth-child(5n+1) { grid-column: 1/3; height: 18rem; } #bloques_relacionados .models-6 .model_item:nth-child(5n+1) .nombrefamosa { font-size: 20px; font-weight: 700; line-height: 1em; padding: 5px 10px; } #bloques_relacionados .models-6 .model_item:nth-child(5n+1) p.rel {display: block!important;margin: 3px 9px 6px 9px;} }
#bloques_relacionados .cta {
		 margin-top: 10px;
	 }
	 #bloques_relacionados .button { display: inline-flex ; align-items: center; text-decoration: none; font-size: 13px; font-weight: bold; background-color: transparent; color: white; padding: 6px 15px; border-radius: 5px; gap: 5px; border: 1px solid; min-height: inherit; }
	 #bloques_relacionados .arrow {
		 font-size: 1.2em;
	 }

	.big_post .model_item {
	background: #444;
	padding-top: calc(50% / 1 - 0px);
	min-height: 385px;
}
.big_post .model_item .p-3 {
	padding: 2rem;
}
.big_post .model_item .subtema_grid_custom_posts a {
	font-size: 14px;
	margin-bottom: 5px;
}
.big_post .model_item .h3title_post {
	font-size: 2.5rem !important;
	font-weight: 700;
	width: 800px;
	max-width: 100%;
	margin: auto;
}

@media (min-width: 1400px) {
	.highlighted-container {
	max-width: 1222px;
	width: auto;
	margin: auto;
	padding: 4px 4px 0 4px;
}
}
.highlighted-container {/* padding: 4px 4px 0 4px; *//* background: #000; */}

article.main_post {
	background: #000;
	padding-top: calc(50% / 1 - 0px);
	min-height: 385px;
	height: 15rem;
	position: relative;
	overflow: hidden;
	transition: opacity .25s ease;
	/* border-radius: 5px; */
	opacity: 1;
}
.big_post_content {
	z-index: 2;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px;
	color: #fff;
	text-align: center;
}
.big_post_image::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%; /* Define la altura del degradado */
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
	z-index: 1; /* Sitúa el gradient detrás del contenido */
	pointer-events: none; /* Evita interacción con el gradient */
}
.big_post_image img {
	object-fit: cover;
	object-position: 50% 25%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.big_post_content h2 {
	font-size: 2.5rem;
	font-weight: 700;
	width: 800px;
	max-width: 100%;
	margin: auto;
	color: #fff;
	text-transform: none;
	line-height: 1em;
	margin-bottom: 10px;
}

p.big_post_category {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1em;
	display: block;
	margin-bottom: 10px;
	color: #f2de01;
}
p.big_post_category a {
	color: #f2de01;
}
.big_post_content p.excerpt {
	color: #fff;
	line-height: 1em;
	font-size: 13px;
	display: -webkit-inline-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: 800px;
	max-width: 100%;
	margin: auto;
}

.big_post_content .cta {
	margin-top: 10px;
}
.big_post_content .cta a.button {display: inline-flex;align-items: center;text-decoration: none;font-size: 13px;font-weight: bold;background-color: transparent;color: white;padding: 10px 15px;border-radius: 5px;gap: 5px;border: 1px solid;line-height: 1em;min-height: inherit;text-transform: uppercase;transition: all .25s ease;}
.big_post_content .arrow {
	/* font-size: 1em; */
	/* line-height: 1em; */
}
article.main_post:hover  {}
.big_post_content .cta a.button:hover {color: #000;background: #f2de01;border: 1px solid transparent;}

.clickable-container {
	position: relative;
	/* background: #000; */
	cursor: pointer; /* Cambia el cursor a un dedo */
	transition: transform 0.3s ease; /* Añade un efecto suave al hacer hover */
}

.clickable-container:hover {
	 /* Pequeño efecto de zoom al pasar el mouse */
	opacity: 0.9;
}

@media (min-width: 801px) and (max-width: 999px) {
	#portada #bloques_relacionados .models-6 .model_item {
		height: 15rem;
		margin-top: 0;
	}
	#portada #bloques_relacionados .nombrefamosa {
		font-size: 15px;
		font-weight: 700;
		line-height: 1em;
		padding: 5px 5px 4px 5px;
	}
	#portada #bloques_relacionados .models-6 .model_item:last-child {
		display: none;
	}
}
@media(max-width:800px) {
	article.main_post {
		background: #000000;
		padding-top: calc(50% / 1 - 0px);
		min-height: 385px;
		overflow: inherit;
		padding: 0;
		height: inherit;
		min-height: inherit;
	}
	.big_post_content {
		padding: 20px;
		position: relative;
		overflow: inherit;
		display: block;
	}
	.big_post_image::before {display: none;}
	.big_post_image img {position: relative;}
	.big_post_content h2 {
	font-size: 25px;
	font-weight: 700;
	}
	.big_post .model_item {
		background: #000000;
		padding-top: calc(50% / 1 - 0px);
		min-height: 385px;
		overflow: inherit;
		padding: 0;
		height: inherit;
		min-height: inherit;
	}
	.big_post .model_item .gradient.totop {display: none;}
	.big_post .model_item .img_custom_post img {position: relative;}
	.big_post .model_item .p-3 {
		padding: 15px;
		position: relative;
		overflow: inherit;
		display: block;
	
	}
	.big_post .model_item .h3title_post {
	font-size: 25px !important;
	font-weight: 700;
	}
}





.epigrafe_alternativo_c_amarillo { color: #f2de01; font-weight: 600; text-transform: uppercase; font-size: 12px; line-height: 1em; display: block;}


/* Contenedor del Grid */
.grid-container {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 4px;
	margin: auto;
	max-width: 1222px;
	padding: 4px;
}

/* Estilos del artículo */
.grid_post {
	position: relative;
	background: #000;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.3s ease;
	height: 15rem;
	border-radius: 5px;

}

.grid_post:hover {
}

.grid_post_image img { width: 100%; height: 100%; position: absolute; object-fit: cover; top: 0; left: 0; object-position: 50% 15%; }
.grid_post_image::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%; /* Define la altura del degradado */
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
	z-index: 1; /* Sitúa el gradient detrás del contenido */
	pointer-events: none; /* Evita interacción con el gradient */
}
.grid_post_content {
	padding: 15px;
	color: #fff;
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
	z-index: 2;
}

.grid_post_category {
	font-size: 12px;
	color: #f2de01;
	text-transform: uppercase;
	margin-bottom: 5px;
	line-height: 1em;
}

.grid_post_content h3 {
	font-size: 16px;
	margin: 0 0 8px;
	line-height: 1.2;
	color: #fff;
	text-transform: none;
	line-height: 1em;
	font-weight: 700;
}

.grid_excerpt {
	font-size: 12px;
	line-height: 1;
	color: #fff;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 0;
	
}


@media (min-width: 1000px) {
	.grid-container .grid_post:nth-child(2n+1) {
		height: 0;
		padding-top: calc(100% / 1 + 4rem);
	}
	.grid-container .grid_post:nth-child(2n+0) {
		height: 0;
		padding-top: calc(100% / 1 + 8rem);
	}
	.grid-container .grid_post:nth-child(10n+10), .grid-container .grid_post:nth-child(10n+6), .grid-container .grid_post:nth-child(10n+8) {
		margin-top: -4rem;
	}
	
}
@media (max-width: 999px) {
	.grid-container .grid_post {height: inherit;overflow: inherit;margin-top: 0;}
	.grid_post_content {
		position: relative;bottom: inherit;
	}
	.grid_post_image {
		position: relative;
		padding-top: 100%;
		overflow: hidden;
	}
	.grid_post_image::before {
		display: none;
	}
	.grid_post_content h3 {
		font-size: 13px;
		margin: 0 0 5px;
		font-weight: 700;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	.grid_excerpt {
		font-size: 11px;
		line-height: 1;
		color: #fff;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		margin: 0;
	
	}
}

@media (min-width: 801px) and (max-width: 999px) {
	.grid-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.grid-container .grid_post {
		
	}
	.grid-container .grid_post:nth-child(10) {
		display: none;
	}
}

@media (max-width: 800px) {
	.grid-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.grid-container .grid_post {
	
	}
	.grid-container .grid_post:nth-child(10) {
		display: none;
	}
}

@media (max-width: 500px) {
	.grid-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	
	.grid-container .grid_post:nth-child(5n+1) {
		grid-column: 1 / 3;
		
	}
	.grid-container .grid_post:nth-child(5n+1) .grid_post_content h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.grid-container .grid_post:nth-child(5n+1) .grid_post_content .grid_excerpt {
	-webkit-line-clamp: 2;
	display: block;
	}
	.grid-container.destacados_home_grid .grid_post:nth-child(5n+1) {
		grid-column: inherit;		
	}
	.grid-container.destacados_home_grid .grid_post:nth-child(5n+1) .grid_post_content h3 {
		font-size: 13px;	
	}
	.grid-container.destacados_home_grid .grid_post:nth-child(5n+1) .grid_excerpt {
	
	}
	
	.grid-container .grid_post:nth-child(10) {
		display: block;
	}
}