/* =====================================================================
   Halley · fitxa imprimible (A4)
   Solo se aplica al imprimir (media="print" en index.html) y solo cuando
   body tiene la clase "mode-impressio" (la pone el botón "Imprimir fitxa").
   Con Ctrl+P en cualquier otra pantalla se imprime la página normal.
   ===================================================================== */

@page {
  size: A4 portrait;
  margin: 12mm;
}

body.mode-impressio {
  background: #fff;
  padding: 0;
}

body.mode-impressio > *:not(.zona-impressio) { display: none !important; }
body.mode-impressio .zona-impressio { display: block !important; }

.full-impressio {
  font: 10pt/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #000;
}

/* Cabecera */
.fi-capcalera {
  display: flex;
  align-items: center;
  gap: 6mm;
  border-bottom: 1.5pt solid #000;
  padding-bottom: 3mm;
  margin-bottom: 5mm;
}

.fi-logo { width: 16mm; height: 16mm; }

.fi-capcalera h1 {
  font-size: 14pt;
  letter-spacing: 0.03em;
  margin: 0 0 1mm;
}

.fi-capcalera p { margin: 0; font-size: 9pt; }

/* Datos del cliente + recuadro del outline (esquina superior derecha) */
.fi-superior {
  display: grid;
  grid-template-columns: 1fr 62mm;
  gap: 6mm;
  align-items: start;
}

.fi-outline { margin: 0; }

.fi-outline img,
.fi-outline-buit {
  display: block;
  width: 100%;
  height: 82mm;
  object-fit: contain;
  border: 1pt solid #000;
}

.fi-outline figcaption {
  font-size: 8pt;
  text-align: center;
  color: #444;
  margin-top: 1mm;
}

/* Secciones */
.fi-seccio {
  break-inside: avoid;
  margin-bottom: 5mm;
}

.fi-seccio h2 {
  font-size: 10pt;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 2mm;
  padding: 1mm 2mm;
  background: #eee;
  border-left: 3pt solid #000;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.fi-seccio dl { margin: 0; }

/* Cada línea: etiqueta y valor sobre una raya (para completar a mano si está vacío) */
.fi-fila {
  display: grid;
  grid-template-columns: 42mm 1fr;
  gap: 3mm;
  align-items: end;
  min-height: 7mm;
}

.fi-fila dt { font-weight: 600; font-size: 9pt; }

.fi-fila dd {
  margin: 0;
  min-height: 5.5mm;
  padding: 0 1mm;
  border-bottom: 0.5pt solid #999;
  white-space: pre-wrap;
}

.fi-fila-alta dd { min-height: 14mm; }

/* Mida: llarg / ample / gruix / volum en una sola línea */
.fi-fila dd.fi-mida {
  display: flex;
  gap: 4mm;
  border-bottom: 0;
  padding: 0;
}

.fi-mida > span { flex: 1; display: flex; align-items: flex-end; gap: 1.5mm; }
.fi-mida em { font-style: normal; font-size: 8.5pt; color: #444; }
.fi-valor-mida { flex: 1; min-height: 5.5mm; border-bottom: 0.5pt solid #999; }

.fi-peu {
  margin-top: 4mm;
  padding-top: 1mm;
  border-top: 0.5pt solid #999;
  font-size: 8pt;
  color: #555;
  text-align: right;
}