/* ============================================================
   print.css — PDF editorial paginado · Propuesta Final Centro Digital PRS
   En sintonía con el PDF de Itaca CRM-ICG: portada, ritmo de página,
   una columna legible, acordeones expandidos, tabla limpia. Identidad
   PRS: DM Sans + cyan/magenta + amarillo, cero fondos oscuros.
   Render: Chromium (Playwright) page.pdf({format:'A4', printBackground:true}).
   Consume tokens.css (no redefine paleta). Solo aplica en @media print.
   ============================================================ */

@page{ size: A4 portrait; }

@media print{
  html, body{ background:#fff !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }

  /* Fuera todo el cromo de pantalla */
  .rail, .controls, .pdf-fab, .scroll-cue, .progreso, .skip, .hero__acciones{ display:none !important; }

  .doc{ display:block; } .main{ display:block; }
  .wrap{ width:100%; max-width:none; padding:0; }
  .reveal{ opacity:1 !important; transform:none !important; }
  a{ color:inherit; text-decoration:none; }

  /* Grids → una columna editorial */
  .hero-grid, .twocol, .twocol--flip, .antesdespues, .abc, .silos, .fuera,
  .compromisos, .matriz, .portada-meta, .caminos{ display:block !important; }
  .hero-grid > * + *, .twocol > * + *{ margin-top:8mm; }
  .antesdespues > * + *, .abc > * + *, .silos > * + *, .compromisos > * + *,
  .fuera > * + *, .caminos > * + *{ margin-top:5mm; }

  /* Trama de medios tonos fuera del papel */
  .sec::after, .hero__halftone{ display:none !important; }

  /* ---- Portada (cover) ---- */
  .hero{ min-height:auto; overflow:visible; padding:0; break-after:page; }
  .hero__title{ font-size:34pt; line-height:1.03; margin:2mm 0; }
  .hero__lockup{ box-shadow:none; }
  .anchor{ margin-top:8mm; }
  .anchor__frame{ box-shadow:none; max-width:120mm; margin:0 auto; }
  .portada-meta{ margin-top:8mm; }
  .pmeta{ margin-bottom:5mm; }

  /* ---- Cada sección abre página, como Itaca ---- */
  .sec{ break-before:page; overflow:visible; padding:0; border:0; }
  #punto-de-partida{ break-before:auto; }
  .sec--reposo{ background:transparent !important; }
  .marca-n__n{ font-size:46pt; -webkit-text-stroke-width:1.5px; }
  .sec__head::before{ height:5px; }

  /* Acordeón de fases: todo expandido y visible */
  .card__body[hidden]{ display:block !important; }
  .card__mas{ display:none !important; }
  .card{ box-shadow:none; }

  /* Tabla económica cómoda a página */
  .tabla-wrap{ overflow:visible; } .tabla{ min-width:0; width:100%; }

  /* Anti-corte / viudas */
  h1,h2,h3{ break-after:avoid; orphans:3; widows:3; }
  p, li{ orphans:3; widows:3; }
  .card, .esc, .fichacard, .camino, .tabla, .dolor, .silo, .destello,
  .formula, .hito, .firma-cierre, .tabla tr{ break-inside:avoid; }

  /* Colores de marca visibles en papel (printBackground) */
  .destello{ box-shadow:none; }
  .cta{ break-inside:avoid; }
  .cta .btn{ display:none; }
  .pie{ break-inside:avoid; }
  .pie__row{ flex-wrap:wrap; gap:6px 14px; } .pie__meta{ white-space:normal; }

  /* Escenario B: badge RECOMENDADO dentro de la tarjeta (no se recorta al saltar página) */
  .esc{ padding-top:8mm; }
  .esc--destacado::before{ position:static !important; top:auto !important; left:auto !important; display:inline-block; margin:0 0 4mm 0 !important; }
  .esc--destacado{ padding-top:6mm; }
}