/*
 * Invoice de Foro. Usa la hoja, el pie y el bloque del total de cotizacion.css;
 * aquí solo va lo propio del invoice. Medidas en puntos: calc(var(--pt) * N).
 */

.hoja--invoice .hoja__etiqueta { white-space: pre-line; }

.invoice {
  top: calc(var(--pt) * 156.86);
  font-size: calc(var(--pt) * 12.2078);
  line-height: calc(var(--pt) * 14.1915);
}

.invoice__titulo { white-space: nowrap; }

.invoice__etiqueta { color: var(--tinta-50); }

/* Textos secundarios (direcciones, datos de pago, detalle de conceptos): igual que las descripciones del Alcance. */
.invoice__detalle {
  margin-top: calc(var(--pt) * 3.5);
  font-family: "Foro Univers", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: calc(var(--pt) * 9);
  line-height: calc(var(--pt) * 10.8);
  letter-spacing: -0.011em;
  color: var(--gris);
  white-space: pre-line;
  overflow-wrap: break-word;
}

/* Bill to / From y Payment / Notes: las dos columnas del Alcance. */
.invoice__columnas {
  display: grid;
  grid-template-columns: repeat(2, calc(var(--pt) * 211.8));
  column-gap: calc(var(--pt) * 14.99);
  margin-top: calc(var(--pt) * 21.87);
  overflow-wrap: break-word;
}

.invoice__partes { position: relative; }

/* Fecha, vencimiento, condiciones y proyecto: en la columna de la etiqueta, a la altura de "Bill to". */
.invoice__datos {
  position: absolute;
  top: 0;
  left: calc(var(--pt) * -113.4);
  width: calc(var(--pt) * 105);
}

.invoice__datos dt { color: var(--tinta-50); }
.invoice__datos dd + dt { margin-top: calc(var(--pt) * 7.1); }

.invoice__columna { min-width: 0; }

/* Conceptos */

.invoice__fila {
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc(var(--pt) * 30) calc(var(--pt) * 76) calc(var(--pt) * 76);
  column-gap: calc(var(--pt) * 8);
  padding: calc(var(--pt) * 6.5) 0 calc(var(--pt) * 7.5);
  border-bottom: calc(var(--pt) * 0.75) solid rgba(0, 0, 0, 0.18);
}

.invoice__fila--encabezado {
  margin-top: calc(var(--pt) * 21.87);
  padding-top: 0;
  color: var(--tinta-50);
  border-bottom-color: var(--gris);
}

.invoice__concepto { min-width: 0; overflow-wrap: break-word; }

.invoice__numero {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* Total */

.invoice__cierre { padding-top: calc(var(--pt) * 14.19); }

/* Subtotal e impuesto: misma columna de 113.39 pt que el total. */
.invoice__subtotales {
  display: grid;
  grid-template-columns: calc(var(--pt) * 113.39) minmax(0, 1fr);
  margin-bottom: calc(var(--pt) * 14.19);
}

.invoice__subtotales dd { font-variant-numeric: tabular-nums; }

.invoice__pie { margin-top: calc(var(--pt) * 21.87); }