/* noticia detalle */

.noticiaDetalle { width:100%; max-width:1250px; margin: auto; text-align:left; }
.noticiaDetalle .fotoNoticia { width:50%; height:auto; float:left; padding: 10px 20px 5px 0; font-size: 0.8em; line-height:1; font-style: italic; }
.noticiaDetalle .fotoNoticia img { width:100%; padding-bottom: 4px; }
.noticiaDetalle .youtubeBloque iframe { width:50%; height:auto; float:left; padding: 10px 20px 10px 0; aspect-ratio: 16 / 9; }
.noticiaDetalle .fechaNoticia { font-size: 1.3em; color:#cd3769; }
.noticiaDetalle .volver { text-align:right; }
.noticiaDetalle .volver a { color:#0b234a; text-decoration: none; }
.noticiaDetalle .tituloNoticia { font-size: 2.2em; font-weight: 600; padding: 10px 0; line-height: 1.2; }
.noticiaDetalle .introNoticia { font-size: 1em; font-weight: 600; padding-top: 10px; }
.noticiaDetalle .cuerpoNoticia { font-size: 1em; line-height: 1.6; }
.noticiaDetalle .tituloBloque { font-size: 2.2em; font-weight: 300; padding: 10px 0; line-height: 1.2; }
.paginacion { margin:auto; width:100%; text-align:center; font-size: 1.2em; }
.paginacion a { color: #cd3769; text-decoration:none; }
.paginacion a.disabled { opacity: 0.6; cursor-pointer: none; pointer-events: none; }

@media screen and (max-width:1160px) {
	.noticiaDetalle .fechaNoticia { font-size: 1em; }
	.noticiaDetalle .volver { font-size: 1em; }
	.noticiaDetalle .tituloNoticia { font-size: 1.7em; }
	.noticiaDetalle .introNoticia { font-size: 0.9em; }
	.noticiaDetalle .cuerpoNoticia { font-size: 0.9em; }
	.noticiaDetalle .tituloBloque { font-size: 1.7em; }
}

@media screen and (max-width:900px) {
	.noticiaDetalle .fotoNoticia img { width:100%; float:none; }
	.noticiaDetalle .youtubeBloque iframe { width:100%; float:none; padding: 10px 0; }
}

@media screen and (max-width:768px) {
	.noticiaDetalle .fotoNoticia { font-size: 0.6em; }
	.noticiaDetalle .fechaNoticia { font-size: 0.8em; }
	.noticiaDetalle .volver { font-size: 0.88em; }
	.noticiaDetalle .tituloNoticia { font-size: 1.4em; }
	.noticiaDetalle .introNoticia { font-size: 0.8em; }
	.noticiaDetalle .cuerpoNoticia { font-size: 0.8em; }
	.noticiaDetalle .tituloBloque { font-size: 1.4em; }
}

@media screen and (max-width:500px) {
	.noticiaDetalle .fechaNoticia{ font-size: 0.6em; }
	.noticiaDetalle .volver { font-size: 0.76em; }
	.noticiaDetalle .tituloNoticia { font-size: 1.1em; }
	.noticiaDetalle .introNoticia { font-size: 0.7em; }
	.noticiaDetalle .cuerpoNoticia { font-size: 0.7em; }
	.noticiaDetalle .tituloBloque { font-size: 1.1em; }
}


