/*
 * print-article.css — "Imprimir o guardar en PDF" para los artículos de la capa
 * de Conocimiento (conceptos, comparativas, cálculos, guías). Pantalla: botón
 * discreto. Impresión: documento limpio de la PROSA con marca.
 *
 * Márgenes por página: vía `@page { margin }`. Es lo único que respetan TODOS
 * los navegadores por igual (la técnica de tabla con thead/tfoot repetidos NO
 * funciona en Safari/WebKit). Costo del margen no-cero: el navegador puede
 * estampar su propio encabezado/pie (URL, fecha, nº de página); se desactiva
 * con el checkbox "Encabezados y pies de página" del diálogo de impresión.
 */

/* Botón (en pantalla): discreto, secundario, al final del artículo */
.article-print { margin: var(--space-8) 0 var(--space-2); }
.article-print-btn {
  display: inline-flex; align-items: center; gap: 8px;
  font: inherit; font-weight: 600; font-size: .9rem;
  color: var(--color-gray-700); background: transparent;
  border: 1.5px solid var(--color-gray-300); border-radius: 10px;
  padding: 9px 16px; cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}
.article-print-btn:hover { background: var(--color-gray-100); border-color: var(--color-gray-500); color: var(--color-gray-900); }
.article-print-btn svg { flex-shrink: 0; }

/* Bloques solo-impresión (encabezado/pie de marca) */
.print-only { display: none; }

@media print {
  @page { size: A4; margin: 1.5cm 1.6cm 1.7cm; }  /* margen real por página, igual en todo navegador */

  /* Ocultar cromo del sitio y elementos no-artículo */
  .site-header, .site-footer, .rt-related, .article-print, .print-hide,
  nav, .skip-link { display: none !important; }
  .print-only { display: block !important; }

  html, body { background: #fff !important; }
  body { margin: 0 !important; padding: 0 !important; color: #222 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .container { max-width: none !important; padding: 0 !important; margin: 0 !important; }
  .print-flat { background: #fff !important; padding: 0 !important; }
  .conocimiento-article, .guia-content { max-width: none !important; margin: 0 !important; }

  /* Encabezado de marca (primera página) */
  .print-brand { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 2px solid #1B2D4F; padding-bottom: 6px; margin-bottom: 14px; }
  .print-brand__logo { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 1.05rem; color: #1B2D4F; }
  .print-brand__logo svg { width: 22px; height: 22px; flex-shrink: 0; }
  .print-brand__date { font-size: .7rem; color: #777; white-space: nowrap; }

  /* Título y fecha del artículo (se conservan del hero) */
  h1 { font-size: 1.55rem !important; line-height: 1.2 !important; color: #111 !important; margin: 0 0 4px !important; }
  .article-updated { font-size: .72rem !important; color: #777 !important; margin: 0 0 4px !important; }

  /* Prosa */
  .resumen { font-weight: 600 !important; font-size: 1rem !important; }
  .conocimiento-article p, .guia-content p, li { color: #222 !important; }
  h2, h3 { color: #1B2D4F !important; page-break-after: avoid; }
  .conocimiento-article h2, .guia-content h2 { font-size: 1.12rem !important; margin-top: 14px !important; }
  h3 { font-size: 1rem !important; }
  p, li { orphans: 3; widows: 3; }
  ul, ol { page-break-inside: avoid; }
  .faq-section h3 { page-break-after: avoid; }
  a { color: #000 !important; text-decoration: none !important; }

  /* Código / tablas / cajas de las guías */
  pre { white-space: pre-wrap !important; word-wrap: break-word; background: #f4f4f4 !important; border: 1px solid #ccc !important; padding: 8px 10px !important; font-size: .78rem !important; page-break-inside: avoid; }
  code { white-space: pre-wrap; }
  table, .ejemplo-tabla { width: 100% !important; border-collapse: collapse; page-break-inside: avoid; font-size: .82rem !important; }
  .formula-box, .clave-box { page-break-inside: avoid; }
  img, svg, figure { max-width: 100% !important; page-break-inside: avoid; }

  .disclaimer { font-size: .72rem !important; color: #555 !important; margin-top: 12px !important; }

  /* Pie de marca (última página) */
  .print-foot { display: flex !important; justify-content: space-between; gap: 12px; border-top: 1px solid #bbb; padding-top: 6px; margin-top: 16px; font-size: .66rem; color: #777; }
}