/* =========================================================================
   PMS Arco Iris · la factura

   Va en su propia hoja porque es lo único del sistema que se imprime en
   papel. Todo lo demás se mira en pantalla.
   ========================================================================= */

.factura{
  background:#fff; color:#1A1A1A; font-size:12.5px; line-height:1.45;
  padding:22px; border:1px solid var(--linea); border-radius:8px;
  font-family:Inter,"Segoe UI",system-ui,sans-serif;
}
.factura .cabeza{
  display:flex; justify-content:space-between; gap:20px;
  border-bottom:2px solid #1A1A1A; padding-bottom:14px; margin-bottom:14px;
}
.factura .cabeza h2{ font-size:17px; margin:0 0 3px; }
.factura .cabeza .emisor div{ font-size:11.5px; color:#4A4A4A; }
.factura .cabeza .numero{ text-align:right; white-space:nowrap; }
.factura .cabeza .numero b{ display:block; font-size:20px; letter-spacing:.02em; }
.factura .cabeza .numero small{ display:block; font-size:11px; color:#4A4A4A; }

.factura .bloque-datos{
  display:grid; grid-template-columns:1fr 1fr; gap:6px 18px; margin-bottom:14px;
}
.factura .bloque-datos div{ font-size:11.5px; }
.factura .bloque-datos b{ font-weight:600; }

.factura table{ width:100%; border-collapse:collapse; margin-bottom:12px; }
.factura th{
  text-align:left; font-size:10px; text-transform:uppercase; letter-spacing:.06em;
  border-bottom:1px solid #1A1A1A; padding:6px 4px; font-weight:700;
}
.factura td{ padding:6px 4px; border-bottom:1px solid #E4E4E4; font-size:12px; }
.factura .num{ text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }

.factura .totales-factura{
  margin-left:auto; width:250px; font-size:12.5px;
}
.factura .totales-factura div{
  display:flex; justify-content:space-between; padding:3px 0;
}
.factura .totales-factura .grande{
  border-top:2px solid #1A1A1A; margin-top:5px; padding-top:7px;
  font-size:16px; font-weight:700;
}
.factura .pie{
  margin-top:16px; padding-top:12px; border-top:1px solid #E4E4E4;
  font-size:10.5px; color:#4A4A4A; text-align:center; line-height:1.5;
}
.factura .anulada{
  border:2px solid var(--peligro); color:var(--peligro);
  font-weight:800; font-size:15px; text-align:center; padding:7px;
  border-radius:6px; margin-bottom:14px; letter-spacing:.1em;
}

/* -------------------------------------------------------------------------
   Impresión

   Se esconde toda la aplicación y se deja solo la factura. Es más simple y
   más fiable que abrir una ventana aparte: no hay bloqueadores de
   ventanas emergentes de por medio.
   ------------------------------------------------------------------------- */
@media print{
  body > *{ display:none !important; }
  body > .telon{ display:block !important; position:static; background:none;
                 padding:0; backdrop-filter:none; }
  .telon .ventana{ box-shadow:none; border-radius:0; max-height:none; max-width:none; }
  .ventana-cabeza, .ventana-pie{ display:none !important; }
  .ventana-cuerpo{ padding:0 !important; overflow:visible !important; }
  .factura{ border:0; padding:0; }
  @page{ margin:14mm; }
}