/*
 * Blog de Libros Activos (CPT la_blog) — diseño «C+B».
 * Se carga sólo en /blog/, /blog/categoria/* y /blog/<nota>/ (ver inc/blog/template-tags.php).
 * Todo va bajo .la-blog para no tocar el resto del sitio.
 */

.la-blog {
	--b-ink:     var(--la-ink, #1a2744);
	--b-ink-mid: var(--la-ink-mid, #2d3f6b);
	--b-accent:  var(--la-blue, #476EC2);
	--b-accent-deep: var(--la-blue-deep, #3558a8);
	--b-ground:  #DCF2FF;           /* celeste de marca (theme-color del sitio) */
	--b-soft:    var(--la-blue-light, #eef2fb);
	--b-muted:   #46536f;
	--b-line:    #c3d0e6;
	--b-white:   #ffffff;
	--b-display: 'Bricolage Grotesque', 'DM Sans', system-ui, sans-serif;
	--b-body:    'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--b-mono:    'Space Mono', ui-monospace, Menlo, monospace;

	font-family: var(--b-body);
	color: var(--b-ink);
	background: var(--b-white);
	-webkit-font-smoothing: antialiased;
}
body.post-type-archive-la_blog, body.single-la_blog, body.tax-la_blog_categoria { overflow-x: clip; }

.la-blog *, .la-blog *::before, .la-blog *::after { box-sizing: border-box; }
.la-blog a { color: var(--b-ink); text-decoration: none; }
/* El kit de Elementor (.elementor-kit-9 a / h1) fija 16px y 32px: que los enlaces hereden. */
div.la-blog a { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; }
div.la-blog h1, div.la-blog h2, div.la-blog h3 { font-family: var(--b-display); letter-spacing: -0.03em; color: var(--b-ink); margin: 0; text-transform: none; }
.la-blog a:hover { color: var(--b-accent-deep); }
.la-blog a:focus-visible, .la-blog button:focus-visible, .la-blog input:focus-visible {
	outline: 3px solid var(--b-accent); outline-offset: 3px; border-radius: 6px;
}
.la-blog h1, .la-blog h2, .la-blog h3 { font-family: var(--b-display); letter-spacing: -0.03em; color: var(--b-ink); margin: 0; text-transform: none; }

/* ---------- Estructura ---------- */
.la-blog .la-wrap { max-width: 1320px; margin: 0 auto; padding: 0 32px; }
.la-blog .la-wrap--angosto { max-width: 820px; }
.la-blog .la-bleed { width: 100vw; margin-left: calc(50% - 50vw); }

.la-blog .la-mono { font-family: var(--b-mono); font-size: 13px; letter-spacing: .02em; text-transform: uppercase; }
.la-blog .la-meta { font-family: var(--b-mono); font-size: 13px; color: var(--b-muted); }
.la-blog .la-acento { color: var(--b-accent-deep) !important; font-weight: 700; }
.la-blog .la-kicker { font-family: var(--b-mono); font-size: 14px; letter-spacing: .02em; text-transform: uppercase; font-weight: 700; color: var(--b-accent-deep); margin: 0; }
.la-blog .la-punto { color: var(--b-accent); }
.la-blog .la-fila-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

/* Etiquetas de categoría */
.la-blog .la-chip {
	display: inline-flex; align-items: center; min-height: 28px; padding: 3px 12px; border-radius: 999px;
	font: 500 13px/1.2 var(--b-body); background: var(--b-soft); color: var(--b-ink); white-space: nowrap;
}
.la-blog .la-chip--entrevista { background: #FFE8D6; color: #7A3410; }
.la-blog .la-chip--opinion { background: #E6E3FF; color: #3B2E8F; }
.la-blog .la-chip--literatura-y-redes { background: #FFF3C4; color: #6B4E00; }
.la-blog .la-chip--tendencias { background: #D9F5E6; color: #145234; }
.la-blog .la-chip--universos-posibles { background: #DCF2FF; color: #1a2744; }

/* Botones */
.la-blog .la-btn {
	display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 24px; border-radius: 999px;
	background: var(--b-ink); color: var(--b-white) !important; font: 700 15px/1 var(--b-body); border: 1.5px solid var(--b-ink);
	transition: background var(--la-transition, 200ms ease);
}
.la-blog .la-btn:hover { background: var(--b-ink-mid); }
.la-blog .la-btn--borde { background: transparent; color: var(--b-ink) !important; }
.la-blog .la-btn--borde:hover { background: var(--b-soft); }

/* Imágenes */
.la-blog .la-img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; background: #BFE3F7; }
.la-blog .la-img--vacia { min-height: 220px; }

/* ---------- Cabecera celeste ---------- */
.la-blog .la-cabecera { background: var(--b-ground); }
.la-blog .la-cabecera .la-wrap { padding-top: 44px; padding-bottom: 36px; }
.la-blog .la-cabecera__meta { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; color: var(--b-ink-mid); margin: 0; }
.la-blog .la-cabecera__meta a { color: var(--b-ink-mid); }
.la-blog .la-cabecera__fila { display: flex; flex-wrap: wrap; gap: 24px 48px; align-items: flex-end; justify-content: space-between; margin-top: 20px; }
.la-blog .la-cabecera__titulo { font-size: clamp(72px, 14vw, 200px); line-height: .84 !important; font-weight: 800; }
.la-blog .la-cabecera__bajada { margin: 0 0 12px; max-width: 380px; font-size: 18px; line-height: 1.5; color: var(--b-ink-mid); }
.la-blog .la-cabecera__controles { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; margin-top: 32px; }

.la-blog .la-filtros { display: flex; flex-wrap: wrap; gap: 10px; }
.la-blog .la-filtro {
	display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: 999px;
	border: 1.5px solid var(--b-ink); font-family: var(--b-mono); font-size: 13px; text-transform: uppercase; letter-spacing: .02em;
}
.la-blog .la-filtro:hover { background: var(--b-white); }
.la-blog .la-filtro.is-activo { background: var(--b-ink); color: var(--b-white); font-weight: 700; }

.la-blog .la-buscar {
	display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 18px; border-radius: 999px;
	background: var(--b-white); border: 1px solid #A9C7DD; width: 300px; max-width: 100%; color: var(--b-ink-mid); margin: 0;
}
.la-blog .la-buscar input[type="search"] { border: 0 !important; background: transparent !important; box-shadow: none !important; font: 400 15px var(--b-body); width: 100%; height: 40px; padding: 0 !important; color: var(--b-ink); }

/* ---------- Nota principal ---------- */
.la-blog .la-hero { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 48px; padding: 56px 0; border-bottom: 2px solid var(--b-ink); }
.la-blog .la-hero__texto { display: flex; flex-direction: column; gap: 20px; }
.la-blog .la-hero__titulo { font-size: clamp(44px, 5.6vw, 84px); line-height: .94 !important; font-weight: 800; }
.la-blog .la-hero__bajada { margin: 0; font-size: 19px; line-height: 1.55; color: var(--b-ink-mid); max-width: 560px; }
.la-blog .la-hero__pie { margin: auto 0 0; padding-top: 8px; font-size: 15px; }
.la-blog .la-hero .la-btn { align-self: flex-start; }
.la-blog .la-hero__media { position: relative; min-height: 520px; }
.la-blog .la-hero__media > a { position: absolute; inset: 0; display: block; }
.la-blog .la-hero__cita {
	position: absolute; left: -24px; bottom: 32px; margin: 0; background: var(--b-white); border-radius: 16px; padding: 20px 24px;
	max-width: 340px; box-shadow: var(--la-shadow, 0 8px 24px rgba(26,39,68,.12)); border: 0;
}
.la-blog .la-hero__cita p { margin: 0; font: 700 22px/1.15 var(--b-display); letter-spacing: -0.02em; color: var(--b-ink); }

/* ---------- Secciones ---------- */
.la-blog .la-seccion { padding-top: 56px; padding-bottom: 56px; border-bottom: 2px solid var(--b-ink); }
.la-blog .la-wrap.la-seccion { border-bottom: 0; position: relative; }
.la-blog .la-wrap.la-seccion::after { content: ""; position: absolute; left: 32px; right: 32px; bottom: 0; border-bottom: 2px solid var(--b-ink); }
.la-blog .la-seccion__cabeza { display: flex; flex-wrap: wrap; gap: 12px; align-items: baseline; justify-content: space-between; margin-bottom: 28px; }
.la-blog .la-seccion__titulo { font-size: 40px; font-weight: 800; line-height: 1.05 !important; }
.la-blog .la-seccion--doble { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); gap: 48px; align-items: start; }

.la-blog .la-grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }

/* Tarjetas */
.la-blog .la-tarjeta--borde { border: 1.5px solid var(--b-ink); border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; background: var(--b-white); }
.la-blog .la-tarjeta__media { display: block; aspect-ratio: 16 / 10; }
.la-blog .la-tarjeta__media .la-img { border-radius: 0; }
.la-blog .la-tarjeta__cuerpo { padding: 26px; display: flex; flex-direction: column; gap: 14px; flex: 1; }
.la-blog .la-tarjeta__titulo { font-size: 26px; line-height: 1.08 !important; font-weight: 700; }
.la-blog .la-tarjeta__bajada { margin: 0; font-size: 16px; line-height: 1.5; color: var(--b-muted); }
.la-blog .la-tarjeta__cita { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--b-line); font: 500 19px/1.25 var(--b-display); letter-spacing: -0.02em; }
.la-blog .la-tarjeta__autor { margin-top: auto; }
.la-blog .la-tarjeta__cita + .la-tarjeta__autor { margin-top: 0; }

.la-blog .la-lista-texto .la-tarjeta--texto { padding: 0 0 28px; border-bottom: 1px solid var(--b-line); }
.la-blog .la-lista-texto .la-tarjeta--texto + .la-tarjeta--texto { padding-top: 28px; border-bottom: 0; }
.la-blog .la-tarjeta--texto .la-tarjeta__cuerpo { padding: 0; }
.la-blog .la-tarjeta--texto .la-tarjeta__titulo { font-size: 32px; line-height: 1.05 !important; }
.la-blog .la-tarjeta--texto .la-tarjeta__bajada { font-size: 17px; line-height: 1.55; }

/* Recuadro catálogo / mapa */
.la-blog .la-puente { background: #F3F7FA; border-radius: 24px; padding: 36px; display: flex; flex-direction: column; gap: 16px; margin: 40px 0; }
.la-blog .la-seccion--doble .la-puente { margin: 0; }
.la-blog .la-puente p { margin: 0; font-size: 16px; line-height: 1.5; color: var(--b-muted); }
.la-blog .la-puente .la-mono { color: var(--b-accent-deep); }
.la-blog .la-puente__titulo { font-size: 30px; line-height: 1.05 !important; font-weight: 800; }
.la-blog .la-puente__botones { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }

/* Banda oscura (serie) */
.la-blog .la-banda { background: var(--b-ink); color: var(--b-white); }
.la-blog .la-banda .la-wrap { padding-top: 64px; padding-bottom: 64px; }
.la-blog .la-banda__cabeza { display: flex; flex-wrap: wrap; gap: 16px 40px; align-items: flex-end; justify-content: space-between; margin-bottom: 36px; }
.la-blog .la-banda__pre { margin: 0 0 14px; color: var(--b-ground); }
.la-blog .la-banda__titulo { color: var(--b-white); font-size: clamp(44px, 5vw, 72px); line-height: .92 !important; font-weight: 800; }
.la-blog .la-banda .la-punto { color: var(--b-ground); }
.la-blog .la-banda__bajada { margin: 0; max-width: 380px; font-size: 17px; line-height: 1.5; color: #B9CCDD; }
.la-blog .la-grilla--banda { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.la-blog .la-tarjeta--banda {
	color: var(--b-white); border: 1px solid #3a4d74; border-radius: 20px; padding: 28px;
	display: flex; flex-direction: column; gap: 18px; min-height: 280px;
}
.la-blog .la-tarjeta--banda:hover { border-color: var(--b-ground); color: var(--b-white); }
.la-blog .la-tarjeta--banda:last-child { background: var(--b-ground); color: var(--b-ink); border-color: var(--b-ground); }
.la-blog .la-tarjeta--banda .la-chip { align-self: flex-start; }
.la-blog .la-tarjeta__grande { font: 700 26px/1.08 var(--b-display); letter-spacing: -0.03em; }
.la-blog .la-tarjeta__firma { margin-top: auto; font-size: 15px; display: flex; flex-direction: column; gap: 4px; color: var(--b-ground); }
.la-blog .la-tarjeta--banda:last-child .la-tarjeta__firma { color: var(--b-ink); }
.la-blog .la-tarjeta--banda .la-meta { color: #B9CCDD; font-size: 12px; }
.la-blog .la-tarjeta--banda:last-child .la-meta { color: var(--b-ink-mid); }
.la-blog .la-banda__mas { display: inline-block; margin-top: 28px; color: var(--b-ground); font-weight: 700; }

/* Índice numerado */
.la-blog .la-indice { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--b-ink); }
.la-blog .la-indice__fila { display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: baseline; padding: 22px 0; border-bottom: 1px solid var(--b-line); margin: 0; }
.la-blog .la-indice__n { color: var(--b-accent-deep); width: 40px; flex: none; }
.la-blog .la-indice__titulo { font: 700 28px/1.1 var(--b-display); letter-spacing: -0.03em; flex: 1; min-width: 240px; }

/* Paginación */
.la-blog .la-paginacion { margin-top: 32px; }
.la-blog .la-paginacion .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.la-blog .la-paginacion .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px; border-radius: 999px; border: 1.5px solid var(--b-ink); font-family: var(--b-mono); font-size: 13px; }
.la-blog .la-paginacion .page-numbers.current { background: var(--b-ink); color: var(--b-white); }
.la-blog .la-vacio { font-size: 18px; color: var(--b-muted); }

/* ---------- Nota individual ---------- */
.la-blog .la-nota__cabecera { background: var(--b-ground); }
.la-blog .la-nota__cabecera .la-wrap { padding-top: 40px; padding-bottom: 72px; }
.la-blog .la-nota__cabecera .la-fila-meta { margin-top: 28px; }
.la-blog .la-nota__cabecera .la-kicker { margin-top: 24px; }
.la-blog .la-nota__titulo { font-size: clamp(44px, 7vw, 96px); line-height: .94 !important; font-weight: 800; margin-top: 12px !important; }
.la-blog .la-nota__bajada { margin: 28px 0 0; font-size: 22px; line-height: 1.5; color: var(--b-ink-mid); }
.la-blog .la-nota__byline { display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; justify-content: space-between; margin-top: 36px; padding-top: 24px; border-top: 1px solid #A9C7DD; }
.la-blog .la-nota__autor { display: flex; gap: 14px; align-items: center; font-size: 16px; }
.la-blog .la-avatar { width: 48px; height: 48px; border-radius: 50%; background: var(--b-ink); color: var(--b-ground); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; flex: none; }
.la-blog .la-compartir { display: flex; gap: 10px; }
.la-blog .la-compartir__btn { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #A9C7DD; display: inline-flex; align-items: center; justify-content: center; background: var(--b-white); }

.la-blog .la-nota__imagen { margin-top: -40px; margin-bottom: 0; }
.la-blog .la-nota__imagen .la-img { height: auto; max-height: 640px; border-radius: 24px; }
.la-blog .la-nota__imagen figcaption { margin-top: 10px; }

.la-blog .la-nota__destacada { margin: 48px 0 0; padding: 32px 0; border: 0; border-top: 2px solid var(--b-ink); border-bottom: 2px solid var(--b-ink); }
.la-blog .la-nota__destacada p { margin: 0; font: 800 clamp(30px, 4vw, 44px)/1.02 var(--b-display); letter-spacing: -0.03em; color: var(--b-ink); }

.la-blog .la-nota__cuerpo { padding-top: 48px; font-size: 19px; line-height: 1.7; color: var(--b-ink); }
.la-blog .la-nota__cuerpo > * { max-width: 700px; }
.la-blog .la-nota__cuerpo p { margin: 0 0 1.2em; }
/* Negrita en línea = negrita normal. Subtítulo / pregunta sólo en párrafos 100 % negrita (clase puesta por el mu-plugin blog-librosactivos). */
.la-blog .la-nota__cuerpo p.la-blog-subtitulo > strong, .la-blog .la-nota__cuerpo p.la-blog-subtitulo > b { display: block; font: 700 22px/1.35 var(--b-display); letter-spacing: -0.01em; color: var(--b-accent-deep); margin-top: 1.6em; }
.la-blog .la-nota__cuerpo p.la-blog-pregunta { font-weight: 700; color: var(--b-ink); margin-top: 1.6em; }
.la-blog .la-nota__cuerpo p.la-blog-pregunta strong, .la-blog .la-nota__cuerpo p.la-blog-pregunta b { font-weight: 700; }
.la-blog .la-nota__cuerpo h2, .la-blog .la-nota__cuerpo h3 { font-size: 30px; line-height: 1.15; font-weight: 800; margin: 1.6em 0 .6em; }
.la-blog .la-nota__cuerpo a { color: var(--b-accent-deep); text-decoration: underline; text-underline-offset: 3px; }
.la-blog .la-nota__cuerpo blockquote { margin: 1.6em 0; padding: 24px 0; border: 0; border-top: 2px solid var(--b-ink); border-bottom: 2px solid var(--b-ink); font: 700 26px/1.2 var(--b-display); letter-spacing: -0.02em; }
.la-blog .la-nota__cuerpo blockquote p { margin: 0; }
.la-blog .la-nota__cuerpo img { max-width: 100%; height: auto; border-radius: 16px; }
.la-blog .la-nota__cuerpo figure { margin: 2em 0; }
.la-blog .la-nota__cuerpo figcaption { font-family: var(--b-mono); font-size: 13px; color: var(--b-muted); margin-top: 8px; }
.la-blog .la-nota__cuerpo .la-blog-origen { margin-top: 2.4em; padding-top: 20px; border-top: 1px solid var(--b-line); font-family: var(--b-mono); font-size: 13px; color: var(--b-muted); }
.la-blog .la-nota__cuerpo .la-blog-origen em { font-style: normal; }
.la-blog .la-nota__terminos { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 24px; margin-top: 24px; border-top: 1px solid var(--b-line); }
.la-blog .la-seguir { margin-top: 0; }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
	.la-blog .la-seccion--doble { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
	.la-blog .la-wrap { padding: 0 16px; }
	.la-blog .la-wrap.la-seccion::after { left: 16px; right: 16px; }
	.la-blog .la-cabecera .la-wrap { padding-top: 28px; padding-bottom: 24px; }
	.la-blog .la-cabecera__meta span:not(:first-child) { display: none; }
	.la-blog .la-cabecera__titulo { font-size: 104px; }
	.la-blog .la-cabecera__controles { margin-top: 22px; }
	.la-blog .la-filtros { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px 4px; width: calc(100% + 32px); }
	.la-blog .la-filtro { flex: none; min-height: 40px; padding: 0 16px; font-size: 12px; }
	.la-blog .la-buscar { width: 100%; }
	.la-blog .la-hero { grid-template-columns: 1fr; gap: 20px; padding: 28px 0; }
	.la-blog .la-hero__media { order: -1; min-height: 280px; }
	.la-blog .la-hero__cita { display: none; }
	.la-blog .la-hero__titulo { font-size: 42px; }
	.la-blog .la-hero__bajada { font-size: 16px; }
	.la-blog .la-seccion { padding-top: 32px; padding-bottom: 32px; }
	.la-blog .la-seccion__titulo { font-size: 30px; }
	.la-blog .la-grilla { grid-template-columns: 1fr; gap: 16px; }
	.la-blog .la-tarjeta__cuerpo { padding: 18px; }
	.la-blog .la-tarjeta__titulo { font-size: 22px; }
	.la-blog .la-tarjeta--texto .la-tarjeta__titulo { font-size: 24px; }
	.la-blog .la-banda .la-wrap { padding-top: 36px; padding-bottom: 36px; }
	.la-blog .la-grilla--banda { display: flex; overflow-x: auto; gap: 12px; margin: 0 -16px; padding: 0 16px 4px; }
	.la-blog .la-grilla--banda > * { flex: none; width: 260px; min-height: 0; }
	.la-blog .la-tarjeta__grande { font-size: 22px; }
	.la-blog .la-indice__fila { flex-wrap: nowrap; gap: 14px; padding: 16px 0; }
	.la-blog .la-indice__fila .la-chip { display: none; }
	.la-blog .la-indice__n { width: auto; }
	.la-blog .la-indice__titulo { font-size: 20px; min-width: 0; }
	.la-blog .la-puente { padding: 28px 20px; }
	.la-blog .la-nota__cabecera .la-wrap { padding-bottom: 56px; }
	.la-blog .la-nota__bajada { font-size: 18px; }
	.la-blog .la-nota__cuerpo { font-size: 18px; }
	.la-blog .la-nota__imagen { margin-top: -28px; }
}