/* ===== IMPRESIÓN / EXPORTAR A PDF =====
   Objetivo: replicar el diseño de ESCRITORIO de la web sobre A4.
   Clave: el área imprimible de una A4 (~190mm ≈ 718px) cae por debajo del
   breakpoint `@media (max-width: 760px)` de cv.css, que colapsa todo a una
   columna (versión móvil). Aquí revertimos ese colapso y compactamos para papel. */
@page {
	size: A4;
	margin: 10mm;
}

@media print {
	html, body {
		background: #fff;
		padding: 0;
		margin: 0;
		font-size: 10px;
	}

	/* Conservar los colores de marca al imprimir / exportar a PDF */
	* {
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	.cv {
		max-width: 100%;
		box-shadow: none;
		border-radius: 0;
		padding: 4px;
		gap: 13px;
	}

	/* Compactar espaciados verticales para que quepa en 1 página A4 */
	.block { gap: 9px; }
	.timeline { gap: 11px; }
	.stack { gap: 10px 24px; }
	.grid { gap: 22px; }
	.plain { gap: 6px; }            /* columna Formación es la más alta: la comprimimos */
	.bullets { gap: 3px; }

	/* ---- Forzar el layout de ESCRITORIO (revierte el @media 760px de cv.css) ---- */
	.cv-header {
		flex-direction: row;
		align-items: center;
		text-align: left;
		gap: 20px;
	}
	.tagline { margin-inline: 0; }

	.card { grid-template-columns: 1.4fr 1fr 1.1fr; }
	.card-col + .card-col::before { display: block; }        /* restaura los separadores verticales */
	.card-col:not(:first-child) { border-top: none; }        /* quita la línea superior del modo móvil */
	.card-col { padding: 14px 16px; }

	.stack { grid-template-columns: repeat(2, 1fr); }
	.grid { grid-template-columns: 1.2fr 1.2fr 0.8fr; }

	/* ---- Ajustes de tamaño para que entre bien en A4 ---- */
	.photo { width: 104px; height: 104px; }
	.identity h1 { font-size: 1.9rem; }

	/* Recentrar las viñetas: el `top` en px estaba calibrado para la fuente web (14px);
	   con la fuente reducida de impresión (10px) el punto quedaba caído bajo el texto. */
	.strengths li::before { top: 4.5px; }
	.bullets li::before { top: 4.5px; }
	.timeline > li::before { top: 3px; }

	/* Evitar cortes feos a mitad de bloque entre páginas */
	.card,
	.stack-group,
	.timeline > li,
	.grid > .block {
		break-inside: avoid;
	}

	a { text-decoration: none; }
}