/* =================================================================
   legacy.css — reviste el HTML histórico (5.808 posts) SIN tocarlo.
   En @layer legacy (capa débil): nunca pelea con el CSS nuevo, sin !important.
   Se encola SOLO en posts con original_id (inc/enqueue.php). Ver arquitectura §8.
   ================================================================= */

@layer legacy {
	/* SIN max-width propio (antes var(--measure), 65ch): ahora vive dentro de .post__col
	   (single-news.css, 790px centrados) — mismo contenedor que .post-content.modern-content, que
	   tampoco trae max-width propio. Con el de acá activo quedaba más angosto Y pegado a la
	   izquierda dentro de esa columna ya centrada (.legacy-content no tiene margin-inline:auto),
	   en vez de ocupar el ancho parejo que sí tienen las noticias modernas — pedido explícito
	   2026-07-10 ("conserva el diseño moderno donde está el cuerpo con márgenes estrechos"). */
	.legacy-content {
		font-size: var(--step-0);
		line-height: 1.7;
	}

	.legacy-content img { max-width: 100%; height: auto; border-radius: var(--radius); }
	.legacy-content h2, .legacy-content h3 { color: var(--c-ink); margin-block: var(--space-l) var(--space-s); }
	.legacy-content p { margin-block: var(--space-s); }
	.legacy-content a { color: var(--c-brand); }
	.legacy-content table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
	.legacy-content blockquote {
		margin: var(--space-m) 0;
		padding-left: var(--space-m);
		border-left: 3px solid var(--c-brand);
		color: var(--c-muted);
	}

	/* Alineaciones clásicas del editor antiguo */
	.legacy-content .alignleft  { float: left;  margin: 0 var(--space-m) var(--space-s) 0; }
	.legacy-content .alignright { float: right; margin: 0 0 var(--space-s) var(--space-m); }
	.legacy-content .aligncenter { display: block; margin-inline: auto; }

	/* Neutraliza estilos inline / grid Bootstrap heredados en el HTML viejo */
	.legacy-content [style*="font-family"] { font-family: var(--font-sans) !important; }
	.legacy-content .row, .legacy-content [class^="col-"] { all: revert-layer; }

	.post__legacy-images {
		display: grid;
		gap: var(--space-m);
		margin-top: var(--space-l);
	}
	.post__legacy-images figcaption { color: var(--c-muted); font-size: .85rem; margin-top: .25rem; }
}