/* ============================================================
   print.css — Reglas de impresión / exportación.
   Se aplican con @media print (Impresión directa del navegador)
   y con la clase .modo-impresión (cuando imprimimos tras
   inyectar un contenedor temporal para lote).
   ============================================================ */

@media print {
  /* Ocultar toda la interfaz */
  .cabecera-app,
  .panel-configuracion,
  .pie-app,
  .barra-superior-vista,
  .contenedor-vista-lote .resumen-lote,
  .mensaje-error,
  .skip-link { display: none !important; }

  body { background: #fff !important; }

  .contenedor-principal {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
  }

  .vista-previa-diploma {
    border: none !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  /* Cada página contiene un diploma a tamaño completo */
  .diploma-contenedor,
  .diploma-contenedor .diploma {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* Forzar saltos de página entre diplomas */
  .diploma-contenedor + .diploma-contenedor { page-break-before: always; }

  /* Orientación: el navegador decide según CSS @page */
  .diploma[data-orientacion="horizontal"] {
    page-break-after: always;
  }

  /* Respetar colores del diploma (fondos, bordes de color) */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}

/* Orientación de la página: por defecto landscape (la más común).
   El JS inyecta una regla @page específica al imprimir para forzar
   portrait u horizontal según corresponda. */
@page {
  size: A4 landscape;
  margin: 0;
}

/* ====== Contenedor temporal para impresión del lote ====== */
.contenedor-impresion-temporal {
  position: absolute;
  left: -99999px;
  top: 0;
  width: 1000px;
  background: #fff;
}
.contenedor-impresion-temporal .diploma-contenedor {
  width: 1000px;
  page-break-after: always;
}
.contenedor-impresion-temporal .diploma-contenedor:last-child {
  page-break-after: auto;
}

/* Cuando se está imprimiendo el lote, mostramos el contenedor temporal y ocultamos lo demás */
body.imprimiendo-lote .contenedor-principal > * { visibility: hidden; }
body.imprimiendo-lote .contenedor-impresion-temporal {
  position: static;
  left: 0;
  visibility: visible;
}