/* Imprimir (10-nov): la lista, la ficha de cada encargo y el resguardo (imprimir.js), en el ordenador y en el móvil.
   Fuera del papel no se ve nada; al imprimir, solo sale lo de #impreso. */
.impreso { display: none; }
@media print {
  /* Mientras se imprime algo de imprimir.js, en el papel solo sale eso (también por encima del informe) */
  body.imprimiendo { padding: 0 !important; background: #FFFFFF !important; }
  body.imprimiendo > :not(#impreso) { display: none !important; }
  body.imprimiendo #impreso { display: block !important; color: #000000; font: 11pt/1.35 Arial, Helvetica, sans-serif; }
  .impreso--dia { page: dia; }
  .impreso--resguardo { page: resguardo; }
  .impreso--fichas { page: fichas; }
}
@page dia { size: A4 landscape; margin: 12mm; }
@page resguardo { margin: 6mm; }
@page fichas { size: A4; margin: 14mm; }
/* La hoja del día: una tabla que se lee de un vistazo y se puede tachar a mano */
.hoja-dia__cabeza h1 { margin: 0; font-size: 17pt; }
.hoja-dia__cabeza p { margin: 2px 0 10px; color: #444444; font-size: 10pt; }
.hoja-dia { width: 100%; border-collapse: collapse; }
.hoja-dia th, .hoja-dia td { padding: 5px 7px; border: 1px solid #999999; text-align: left; vertical-align: top; }
.hoja-dia thead th { background: #EEEEEE; font-size: 10pt; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.hoja-dia tr { break-inside: avoid; }
.hoja-dia__tramo th { background: #F6F6F6; font-size: 10pt; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.hoja-dia__hora { white-space: nowrap; font-weight: 700; }
.hoja-dia__importe { white-space: nowrap; text-align: right !important; }
.hoja-dia__hecho { width: 14mm; text-align: center !important; font-size: 14pt; }
.hoja-dia__pie { margin-top: 8px; font-weight: 700; }
/* El resguardo: del ancho de un ticket (80 mm), dos copias con línea de corte */
.resguardo { width: 72mm; margin: 0 auto; break-inside: avoid; }
.resguardo header { text-align: center; }
.resguardo h1 { margin: 0; font-size: 13pt; }
.resguardo header p { margin: 1px 0; font-size: 9pt; }
.resguardo h2 { margin: 8px 0 6px; padding: 3px 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; text-align: center; font-size: 10.5pt; text-transform: uppercase; letter-spacing: .04em; }
.resguardo dl { display: grid; grid-template-columns: 18mm 1fr; gap: 3px 6px; margin: 0; font-size: 10pt; }
.resguardo dt { font-weight: 700; }
.resguardo dd { margin: 0; overflow-wrap: anywhere; }
.resguardo__firmas { display: grid; grid-template-columns: 1fr 1fr; gap: 6mm; margin-top: 16mm; font-size: 8.5pt; text-align: center; }
.resguardo__firmas span { padding-top: 3px; border-top: 1px solid #000000; }
.resguardo__nota { margin: 8px 0 0; font-size: 8pt; text-align: center; }
.resguardo__copia { margin: 3px 0 0; font-size: 8pt; text-align: center; font-weight: 700; }
.resguardo__corte { width: 72mm; margin: 6mm auto; text-align: center; font-size: 9pt; color: #555555; letter-spacing: .05em; }

/* En una lista de varios días, el día encabeza su bloque */
.hoja-dia__fecha th { background: #E6E6E6; font-size: 11pt; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
/* La ficha: un encargo por hoja, para prepararlo. Lo que se busca de un vistazo (qué, cuándo, la tarjeta) va en grande */
.ficha-imp { break-after: page; font-size: 11.5pt; }
.ficha-imp:last-child { break-after: auto; }
.ficha-imp__cabeza { display: flex; justify-content: space-between; gap: 10mm; padding-bottom: 5mm; border-bottom: 2px solid #000000; }
.ficha-imp__tipo { display: inline-block; padding: 1mm 3mm; border: 1.5px solid #000000; border-radius: 2mm; font-size: 10pt; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.ficha-imp__ref { margin-left: 3mm; font-size: 10pt; color: #444444; }
.ficha-imp__cabeza h1 { margin: 3mm 0 1mm; font-size: 22pt; line-height: 1.15; }
.ficha-imp__cabeza p { margin: 0; font-size: 10.5pt; color: #333333; }
.ficha-imp__cuando { flex: none; max-width: 75mm; text-align: right; }
.ficha-imp__cuando b { display: block; font-size: 15pt; }
.ficha-imp__cuando span { display: block; margin-top: 1mm; font-size: 20pt; font-weight: 700; }
.ficha-imp__ojo { margin: 4mm 0 0; padding: 2mm 3mm; border: 1.5px solid #000000; }
.ficha-imp__datos { display: grid; grid-template-columns: 1fr 1fr; gap: 5mm 8mm; margin-top: 6mm; }
.ficha-imp h2 { margin: 0 0 1.5mm; font-size: 9pt; letter-spacing: .06em; text-transform: uppercase; color: #555555; }
.ficha-imp section p { margin: 0 0 1mm; }
.ficha-imp__total { font-size: 16pt; font-weight: 700; }
.ficha-imp__tarjeta { margin-top: 7mm; padding: 5mm; border: 1.5px dashed #000000; border-radius: 3mm; }
.ficha-imp__tarjeta p { font: 16pt/1.4 Georgia, 'Times New Roman', serif; }
.ficha-imp__tarjeta .ficha-imp__sin { font: 11pt/1.35 Arial, Helvetica, sans-serif; color: #555555; }
.ficha-imp__notas { margin-top: 7mm; }
.ficha-imp__notas div { height: 45mm; background: repeating-linear-gradient(transparent 0 8.5mm, #999999 8.5mm 9mm); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.ficha-imp__hecho { display: flex; flex-wrap: wrap; gap: 4mm 10mm; margin: 7mm 0 0; padding: 0; list-style: none; font-size: 12.5pt; }
.ficha-imp__pie { margin-top: 8mm; font-size: 8.5pt; color: #555555; }