/* ==========================================================
   Actualización 2026: titular H1 de cabecera, Novedad
   «Diseño Asistido por IA» y listado de libros
   ========================================================== */

/* El titular de la cabecera pasa de h2 a h1 (SEO) con el mismo aspecto */
.header-content h1 {
	color: #fff;
	font-weight: 100;
	margin: 0;
	padding-bottom: 10px;
}
.header-content h1 span { color: #efb2b5; }

/* Títulos de página del listado y fichas (h1 con aspecto de los antiguos h2) */
.title-area h1.tittle {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	line-height: 40px;
	margin: 0;
	padding-bottom: 10px;
}

/* Novedad destacada en TOP VENTAS */
.single-from-blog.novedad {
	margin-bottom: 40px;
	border-top: 3px solid #efb2b5;
}
.novedad-fila { display: block; }
.single-from-blog .novedad-figura {
	position: relative;
	margin: 0;
}
.novedad-figura img { display: block; width: 100%; height: auto; }
.sello-novedad {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 20;
	background: #efb2b5;
	color: #191919;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 3px;
	text-transform: uppercase;
	padding: 6px 16px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .35);
}
.novedad-texto { padding: 10px 25px 25px; }
.novedad-texto .blog-title { padding: 20px 0 10px; }
.novedad-texto .blog-title h2 { font-size: 34px; line-height: 42px; }
.novedad-texto > p { color: #999; padding: 0 0 12px; margin: 0; }
.novedad-texto a { color: #efb2b5; }
.novedad-texto a:hover, .novedad-texto a:focus { color: #fff; }

@media (min-width: 992px) {
	.novedad-fila { display: flex; align-items: stretch; }
	.single-from-blog .novedad-figura { flex: 0 0 44%; max-width: 44%; float: none; display: flex; align-items: center; background: #1b1b1b; }
	.novedad-texto { flex: 1 1 auto; padding: 20px 40px 30px; }
}

/* Sello pequeño en el listado de libros */
.sello-novedad.sello-mini {
	position: static;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	letter-spacing: 2px;
	padding: 2px 9px;
	margin-left: 6px;
	box-shadow: none;
}

/* Títulos del listado: ahora h2 con el aspecto de los antiguos h4 */
.popular-post-widget h2.media-heading,
.single-widget h2.media-heading {
	color: #505050;
	font-size: 18px;
	line-height: 1.35;
	font-weight: 500;
	margin: 0 0 6px;
	padding: 0;
}
.popular-post-widget a:hover,
.popular-post-widget a:focus { color: #efb2b5; }