/* ============================================================
   La constancia de retención, en papel
   ============================================================
   Copia del formulario que ya usa Contaduría. Va en serif (Times) porque así
   sale del sistema viejo y el proveedor compara una constancia con la otra.

   Los dos ejemplares entran en una A4 con lugar de sobra: por eso los cuerpos
   son chicos y los interlineados justos. Si algún día hay que agregar renglones
   al Rubro III, lo primero que se achica es el margen de la hoja, no la letra.
   ============================================================ */

/* Los dos ejemplares tienen que entrar en UNA A4: si se pasan aunque sea un
   milímetro, la impresora tira una segunda hoja casi vacía con el pie del
   duplicado.

   NO LLEVA min-height DE A4. Forzar la hoja a 297mm clavados hacía que, con el
   margen que el navegador agrega al imprimir, se pasara por unos milímetros y
   saliera una segunda página. Sin el mínimo, la hoja mide lo que mide su
   contenido —que entra sobrado— y siempre sale una sola. */
.rt-hoja {
  font-family: "Times New Roman", Times, Georgia, serif;
  color: #000;
  background: #fff;
  width: 210mm;
  margin: 0 auto;
  padding: 12mm 11mm;
  box-sizing: border-box;
  font-size: 8.5pt;
  line-height: 1.32;
}

.rt-ej { padding: 0; }

/* El achique de emergencia. Si el detalle tiene tantos renglones que los dos
   ejemplares no entran en la A4, se escala el conjunto lo justo para que
   entren, en vez de dejar que la impresora tire una segunda hoja con el pie
   del duplicado. Lo calcula retencion-hoja.js al dibujar. */
.rt-ajuste { /* el zoom lo pone retencion-hoja.js cuando hace falta */ }

.rt-tit {
  text-align: center;
  font-weight: bold;
  font-size: 10.5pt;
  line-height: 1.24;
  margin-bottom: 4mm;
}

/* Los rubros: el encabezado de cada bloque. El número de constancia se va a la
   derecha en la misma línea del Rubro I, como en el original. */
.rt-rubro {
  display: flex;
  align-items: baseline;
  font-weight: bold;
  margin: 2.6mm 0 1mm;
}
.rt-rubro .rt-nro { margin-left: auto; font-weight: bold; white-space: nowrap; }

/* Las filas de campos. Las columnas están fijas para que "C.U.I.T." y
   "Provincia" caigan siempre en la misma vertical, ejemplar tras ejemplar. */
.rt-fila { display: flex; padding-left: 5mm; margin-bottom: .4mm; }
.rt-fila .rt-a { flex: 0 0 52%; }
.rt-fila .rt-c { flex: 0 0 14%; }
.rt-fila .rt-b { flex: 1; }
.rt-fila .rt-larga { flex: 1; }
.rt-fila b { font-weight: bold; }

/* Rubro III: la tabla del detalle. Sólo lleva las líneas que lleva el
   formulario — arriba y abajo del encabezado, y una al cerrar. */
.rt-tabla {
  width: 100%;
  border-collapse: collapse;
  margin: .8mm 0 1.6mm;
  font-size: 8.5pt;
}
.rt-tabla th {
  font-weight: bold;
  text-align: center;
  padding: 1mm 2mm;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.rt-tabla td { text-align: center; padding: 1.1mm 2mm; }
.rt-tabla tbody tr:last-child td { border-bottom: 1px solid #000; }

.rt-total { margin: 1.6mm 0 .8mm; }
.rt-linea { margin-bottom: .6mm; }

.rt-firma {
  margin-top: 7mm;
  margin-left: auto;
  width: 62mm;
  text-align: center;
  font-size: 8pt;
}
.rt-puntos { border-top: 1px dotted #000; margin-bottom: 1mm; }

/* La línea de corte entre los dos ejemplares. */
.rt-corte {
  border-top: 1px dashed #000;
  margin: 10mm 0 9mm;
}

/* Una constancia anulada se sigue pudiendo imprimir —queda en el talonario—
   pero tiene que gritar que no vale. */
.rt-anulada {
  margin-top: 3mm;
  color: #b00;
  border: 2px solid #b00;
  padding: 1mm 3mm;
  display: inline-block;
  font-weight: bold;
  letter-spacing: .2em;
}

@media print {
  @page { size: A4; margin: 0; }
  body * { visibility: hidden; }
  .rt-hoja, .rt-hoja * { visibility: visible; }
  .rt-hoja {
    position: absolute; left: 0; top: 0;
    width: 210mm; margin: 0;
    box-shadow: none;
  }
}

/* En pantalla la hoja se ve como una hoja, apoyada sobre el fondo. */
@media screen {
  .rt-hoja { box-shadow: 0 6px 26px rgba(0,0,0,.18); margin: 16px auto; }
}