/* print.css — hojas de 80 mm para ticketera térmica. En pantalla la zona de impresión no se ve. */

#zona-impresion { display: none; }

.ticket { width: 72mm; font-family: "Cascadia Mono", "Consolas", "Courier New", monospace; font-size: 11pt; line-height: 1.3; color: #000; }
.tk-cabeza { text-align: center; }
.tk-negocio { font-size: 15pt; font-weight: 700; }
.tk-titulo { text-align: center; font-size: 13pt; font-weight: 700; margin: 1mm 0; }
.tk-fila { display: flex; justify-content: space-between; gap: 3mm; }
.tk-fila > span:last-child { text-align: right; white-space: nowrap; }
.tk-item { margin: 0.6mm 0; }
.tk-item-grande { font-size: 14pt; font-weight: 700; }
.tk-extra { padding-left: 4mm; font-size: 10pt; font-weight: 400; }
.tk-aviso { padding-left: 4mm; font-size: 12pt; font-weight: 700; text-decoration: underline; }
.tk-fila > span:first-child { white-space: pre-wrap; }
.tk-total { font-size: 14pt; font-weight: 700; }
.tk-raya { border-top: 1px dashed #000; margin: 1.5mm 0; }
.tk-nota { text-align: center; font-size: 9.5pt; margin-top: 1mm; }
.tk-firma { margin-top: 14mm; border-top: 1px solid #000; text-align: center; font-size: 10pt; }

@media print {
  @page { size: 80mm auto; margin: 3mm 4mm; }
  html, body { background: #fff !important; }
  body > *:not(#zona-impresion) { display: none !important; }
  #zona-impresion { display: block !important; }
  .ticket { page-break-after: always; break-after: page; }
  .ticket:last-child { page-break-after: auto; break-after: auto; }
}