/* Lo que el papel no necesita. El PDF sale del dialogo de impresion de
   Windows ("Microsoft Print to PDF"), asi que la unica diferencia entre
   la pantalla y el papel es esta hoja. */
@media print {
  .barra,
  .pestanas,
  .no-imprimir,
  .boton { display: none !important; }

  body { background: #fff; font-size: 11px; }
  main { padding: 0; }

  .panel {
    border: none;
    padding: 0;
    margin: 0 0 0.8rem;
    break-inside: avoid;
  }

  /* Que el encabezado de una tabla larga se repita en la hoja siguiente:
     una tabla de devoluciones puede pasar de pagina. */
  thead { display: table-header-group; }
  tr { break-inside: avoid; }

  /* El color de un faltante tiene que sobrevivir a la impresion en gris:
     va tambien en negrita, no solo en rojo. */
  .es-faltante, .es-sobrante { font-weight: 700; }

  /* El desglose de una devolucion se despliega en pantalla, pero el papel
     no se puede desplegar: en el reporte impreso va todo abierto. El
     triangulito de `summary` sobra ahi. */
  details > *:not(summary) { display: block !important; }
  summary { list-style: none; }
  summary::-webkit-details-marker { display: none; }
}

/* El encabezado del reporte solo tiene sentido en el papel: en pantalla
   ya esta la barra de arriba diciendo donde esta uno. */
.membrete { display: none; }
@media print {
  .membrete {
    display: block;
    border-bottom: 2px solid #1c2530;
    margin-bottom: 0.8rem;
    padding-bottom: 0.4rem;
  }
}