/* ==========================================================
   PHASEOS · cuaderno ATA impreso (EXPORTAR → Cuaderno ATA)

   Copia la lista general del cuaderno de la empresa (ATA PHASE SONIDO.xlsx)
   para imprimirla en folio A4 blanco:
     - primera hoja (.ata-hoja--primera): 41 líneas;
     - hoja suplementaria por delante (--anverso): 35 líneas, con el número
       de hoja y el del cuaderno arriba y la tira «CUADERNO ATA» a la
       izquierda;
     - por detrás (--reverso): 40 líneas.
   Las hojas las monta exportar.js. Solo cuenta al imprimir (media="print"
   en index.html): la página va sin márgenes (@page de phaseos.css) y cada
   hoja lleva los suyos, como el Excel.

   Medidas en milímetros y puntos. Blanco y negro, con la columna de la
   aduana y la tira en gris, como el original. Si al imprimir sobra o falta
   sitio, se ajusta el alto de las filas (--ata-fila) o el de la cabecera.
   La letra es la del Excel (Arial Narrow); exportar.js la usa también para
   medir si cabe cada designación (FUENTE_ATA): si se cambia, en los dos.
   ========================================================== */

.ata-hoja {
    --ata-fila: 4.6mm;
    --ata-fino: 0.2mm solid #000000;
    --ata-grueso: 0.45mm solid #000000;
    --ata-gris: #c0c0c0;
    position: relative;
    width: 210mm;
    height: 297mm;
    box-sizing: border-box;
    padding: 25mm 7mm 5mm 5mm;
    overflow: hidden;
    font-family: "Arial Narrow", "Avenir Next Condensed", Arial, sans-serif;
    color: #000000;
    background: #ffffff;
    break-after: page;
    page-break-after: always;
    /* Sin esto el navegador no imprime los fondos grises. */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.ata-hoja:last-child {
    break-after: auto;
    page-break-after: auto;
}

/* La hoja suplementaria por delante deja más sitio arriba, como el Excel. */
.ata-hoja--anverso {
    padding-top: 45mm;
}

/* Solo arriba y abajo: el margen izquierdo del título no se toca. */
.ata-hoja p {
    margin-top: 0;
    margin-bottom: 0;
}

/* Todo va a la derecha de un margen de 20 mm (el sello o la tira). */
.ata-titulo,
.ata-suplementaria {
    margin-left: 20mm;
}


/* ---------- Arriba ---------- */

/* Primera hoja y por detrás: «CUADERNO A.T.A. · LISTA GENERAL · A.T.A. CARNET» */
.ata-titulo {
    display: flex;
    justify-content: space-between;
    height: 5mm;
    padding: 0 1mm;
    font-size: 10pt;
    font-weight: 700;
    line-height: 5mm;
}

/* Por delante: número de hoja suplementaria y número de cuaderno */
.ata-suplementaria {
    display: grid;
    grid-template-columns: 74mm 14mm 34mm 1fr;
    align-items: center;
    height: 10.5mm;
    margin-bottom: 2mm;
    font-size: 8pt;
    line-height: 3.5mm;
}

.ata-suplementaria__textos {
    border-bottom: var(--ata-fino);
}

.ata-suplementaria__textos--derecha {
    text-align: right;
}

.ata-suplementaria__numero {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14pt;
    font-weight: 700;
    border-bottom: var(--ata-fino);
}

.ata-suplementaria__cuaderno {
    padding-left: 3mm;
    font-size: 22pt;
    white-space: nowrap;
}

.ata-b {
    font-weight: 700;
}

.ata-i {
    font-style: italic;
}


/* ---------- La tabla ---------- */

.ata-cuerpo {
    display: flex;
}

/* A la izquierda: «Sello Cámara» (abajo) o, por delante, la tira gris */
.ata-margen {
    flex: none;
    display: flex;
    width: 20mm;
}

/* A la altura de las dos últimas líneas, como en el Excel */
.ata-hoja .ata-sello {
    align-self: flex-end;
    width: 12mm;
    margin-bottom: 8mm;
    font-size: 9pt;
    font-style: italic;
    line-height: var(--ata-fila);
    text-align: center;
}

.ata-tira {
    width: 6mm;
    height: 80mm;
    box-sizing: border-box;
    border: var(--ata-grueso);
    background: var(--ata-gris);
    font-size: 9pt;
    font-weight: 700;
    line-height: 6mm;
    text-align: center;
    /* Letras una debajo de otra, como en el Excel */
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: -0.3mm;
}

.ata-tira:first-child {
    margin-left: 8mm;
}

.ata-tira + .ata-tira {
    border-left: 0;
}

.ata-tabla {
    width: 178mm;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 9pt;
}

/* Ancho de las 7 columnas (suman 178 mm). Si se cambia el de la 2,
   también ANCHO_DESIGNACION_MM en exportar.js. */
.ata-tabla col:nth-child(1) { width: 16mm; }
.ata-tabla col:nth-child(2) { width: 64mm; }
.ata-tabla col:nth-child(3) { width: 15.5mm; }
.ata-tabla col:nth-child(4) { width: 15.5mm; }
.ata-tabla col:nth-child(5) { width: 25mm; }
.ata-tabla col:nth-child(6) { width: 17mm; }
.ata-tabla col:nth-child(7) { width: 25mm; }

.ata-tabla td,
.ata-tabla th {
    padding: 0 1mm;
    border-left: var(--ata-fino);
    border-right: var(--ata-fino);
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
}

/* Columna 7: reservada a la aduana, en gris y con raya gruesa */
.ata-tabla .ata-aduana {
    border-left: var(--ata-grueso);
    border-right: var(--ata-grueso);
    background: var(--ata-gris);
}

/* La cabecera en tres idiomas */
.ata-cabecera th {
    height: 34mm;
    border-top: var(--ata-fino);
    border-bottom: var(--ata-fino);
    font-size: 8pt;
    line-height: 1.25;
    white-space: normal;
}

.ata-cabecera th > span {
    display: block;
    margin-bottom: 1.5mm;
}

.ata-cabecera th.ata-aduana {
    border-top: var(--ata-grueso);
    vertical-align: top;
    padding-top: 1mm;
}

.ata-cabecera th.ata-aduana > span {
    margin-bottom: 0;
}

.ata-cabecera th.ata-aduana > .ata-hueco {
    height: 3mm;
}

/* País de origen: el texto de lado, de abajo arriba */
.ata-cabecera .ata-pais > span {
    display: inline-block;
    max-height: 32mm;
    margin: 0;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
}

/* La fila con los números de columna 1 a 7 */
.ata-numeros td {
    height: 4.8mm;
    border: var(--ata-fino);
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-weight: 700;
}

.ata-numeros td.ata-aduana {
    border-left: var(--ata-grueso);
    border-right: var(--ata-grueso);
}

/* Una línea de mercancía */
.ata-linea td {
    height: var(--ata-fila);
    line-height: 1;
}

.ata-linea td:nth-child(2) {
    text-align: left;
    text-overflow: clip;
}

/* Designaciones largas: letra más pequeña para que quepan en una línea
   (la elige exportar.js midiendo cada una). */
.ata-linea .ata-letra-85 { font-size: 8.5pt; }
.ata-linea .ata-letra-8 { font-size: 8pt; }
.ata-linea .ata-letra-75 { font-size: 7.5pt; }
.ata-linea .ata-letra-7 { font-size: 7pt; }
.ata-linea .ata-letra-65 { font-size: 6.5pt; }
.ata-linea .ata-letra-6 { font-size: 6pt; }
.ata-linea .ata-letra-55 { font-size: 5.5pt; }

.ata-linea:first-child td {
    border-top: var(--ata-fino);
}

/* «Suma anterior» (arriba de las suplementarias) y «Suma y sigue» (abajo) */
.ata-suma td {
    border: var(--ata-fino);
}

.ata-suma td.ata-aduana {
    border-left: var(--ata-grueso);
    border-right: var(--ata-grueso);
}

.ata-suma--anterior td {
    height: var(--ata-fila);
}

.ata-suma--anterior td:first-child {
    font-weight: 700;
}

.ata-suma--sigue td {
    height: 8mm;
    font-weight: 700;
}

.ata-suma--sigue td:first-child {
    font-size: 8pt;
    text-align: left;
    white-space: normal;
}

.ata-suma--sigue td.ata-aduana {
    border-bottom: var(--ata-grueso);
}


/* ---------- Las notas de abajo ---------- */

.ata-notas {
    margin: 2mm 0 0 20mm;
    font-size: 6.5pt;
    line-height: 1.3;
}