/* ============================================================
   H!G — Hoja de impresión
   Genera el PDF de presentación: un capítulo por página.
   Solo afecta a la impresión; la web en pantalla no cambia.
   ============================================================ */

@media print {

  /* Página a la medida del ancho de diseño (1280px ≈ 338mm) */
  @page { size: 338mm 430mm; margin: 0; }

  /* Los fondos navy y el oro DEBEN imprimirse */
  *, *::before, *::after {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  html, body { width: 1280px; background: var(--marfil); }

  /* Al imprimir, Chrome resuelve los media queries contra la caja de
     página y cae en el layout móvil. Se restituye la composición de
     escritorio explícitamente. */
  .portada      { grid-template-columns: minmax(0,42fr) minmax(0,58fr) !important; }
  .rejilla      { grid-template-columns: var(--carril) var(--cuerpo) !important; gap: var(--gutter) !important; }
  .datos__lista { grid-template-columns: repeat(3,1fr) !important; }
  .datos__lista li + li { border-left: 1px solid var(--filete) !important; }
  .plp__mov, .voz, .porque {
    grid-template-columns: minmax(0,4fr) minmax(0,8fr) !important;
    gap: var(--gutter) !important;
  }
  .ayuda {
    grid-auto-flow: column !important;
    grid-template-columns: 1fr auto 1fr !important;
    grid-template-rows: repeat(6,auto) !important;
  }
  .ayuda__div { width: 1px !important; height: auto !important; margin-block: 0 !important; }
  .conector__tres { grid-template-columns: repeat(3,1fr) !important; }
  .quienes { grid-template-columns: 1fr auto 1fr !important; }
  .quienes__y { display: block !important; }
  .fuera        { grid-template-columns: minmax(0,7fr) minmax(0,5fr) !important; }
  .via__areas   { grid-template-columns: repeat(2,1fr) !important; }
  .proceso__pasos { grid-template-columns: repeat(5,1fr) !important; }
  .recorrido li { grid-template-columns: 9rem 1fr !important; }
  .voces__dos  { grid-template-columns: repeat(2,1fr) !important; }
  .frases       { grid-template-columns: repeat(3,1fr) !important; }
  .contraste__par { grid-template-columns: repeat(2,1fr) !important; }
  .linea li     { grid-template-columns: 11rem 1fr !important; }
  .estrella__grid { grid-template-columns: repeat(4,1fr) !important; }
  .pilar        { grid-template-columns: minmax(0,4fr) minmax(0,8fr) !important; }

  .cap__rotulo { font-size: 2rem !important; }
  .cap__rotulo::before { display: block !important; }

  .menu > a { display: inline !important; }

  /* La cabecera deja de ser sticky: si no, se repite en cada página */
  .cabecera { position: static; }

  /* Un capítulo por página, sin cortes por dentro */
  .cap, .conector, .lema {
    break-inside: avoid;
    break-after: page;
    page-break-inside: avoid;
    page-break-after: always;
  }

  /* La portada y la franja de datos comparten la primera página */
  .portada { min-height: 0; break-after: avoid; page-break-after: avoid; }
  .portada__foto { padding: 2.5rem; }
  .datos { break-after: page; page-break-after: always; }

  /* El cierre y el pie van juntos en la última */
  .lema { break-after: avoid; page-break-after: avoid; }
  .pie   { break-before: avoid; page-break-before: avoid; }

  /* Menos aire vertical: en papel el exceso deja páginas vacías */
  .cap { padding-block: 4.5rem; }
  #c05 { padding-block: 5.5rem; }

  /* La imagen a sangre se contiene dentro de la página */
  .sangre { width: 1280px; margin-left: 0; transform: none; }

  /* Sin sombras ni interacción */
  .portada__foto img { box-shadow: none; }
  .idioma, .menu > .cta { display: none; }

  /* 07 · Voces — los recuadros de vídeo (9:13) son demasiado altos
     para la caja de impresión y desbordan el capítulo a una segunda
     página. Se aplanan solo aquí; en pantalla siguen siendo 9:13. */
  .voz-v { aspect-ratio: 16/9 !important; }

  /* Banda de filosofía: centrada en su página, no pegada arriba */
  .filosofia { display: flex; align-items: center; justify-content: center; min-height: 60vh; }
}