/* ============================================================================
   AURA DISCOVERY™ — print.css
   Informe imprimible. Se carga con media="print": no pesa ni un byte de
   renderizado en la experiencia normal.
   ----------------------------------------------------------------------------
   Este archivo produce el PDF. La estrategia es usar el motor de impresión del
   navegador en lugar de una librería: el texto queda seleccionable, la
   tipografía es real y el peso del proyecto no crece.

   El informe (.report) sólo existe en el DOM durante la impresión; lo monta y
   lo retira js/export.js.
   ========================================================================== */

@page {
  size: A4;
  margin: 18mm 16mm 16mm;
}

/* ============================================================================
   AISLAMIENTO
   Durante la impresión, la aplicación desaparece y sólo queda el informe.
   ========================================================================== */
.app,
.skip-link,
#liveRegion {
  display: none !important;
}

/* Si se imprime sin haber generado el informe, no se imprime nada roto */
.report { display: block; }


/* ============================================================================
   BASE
   Colores forzados a negro sobre blanco: un informe se archiva y se fotocopia.
   El modo noche no debe llegar nunca al papel.
   ========================================================================== */
body {
  background: #FFFFFF !important;
  color: #111111 !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               Helvetica, Arial, sans-serif;
  font-size: 10.5pt;
  line-height: 1.5;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.report {
  max-width: none;
  color: #111111;
}

.report p { margin: 0 0 0.6em; }
.report p:last-child { margin-bottom: 0; }


/* ============================================================================
   CABECERA
   Se repite en cada página mediante position: fixed sólo si el navegador lo
   soporta; si no, aparece una vez. No se fuerza: un encabezado repetido y mal
   colocado estropea más que la ausencia de encabezado.
   ========================================================================== */
.report__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12mm;
  padding-bottom: 5mm;
  border-bottom: 0.4pt solid rgba(17, 17, 17, 0.25);
}

.report__brand {
  display: flex;
  align-items: center;
  gap: 4mm;
}

.report__logo {
  width: 11mm;
  height: 11mm;
  object-fit: contain;
}

.report__product {
  font-size: 11pt;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.report__studio {
  font-size: 8pt;
  color: rgba(17, 17, 17, 0.62);
  letter-spacing: 0.02em;
}

/* La referencia va destacada: es el dato que se dicta por teléfono */
.report__ref {
  padding: 1.5mm 3.5mm;
  border: 0.5pt solid #C7A45F;
  border-radius: 2mm;
  font-size: 8.5pt;
  font-weight: 600;
  letter-spacing: 0.08em;
  white-space: nowrap;
}


/* ============================================================================
   IDENTIDAD
   ========================================================================== */
.report__identity {
  padding: 8mm 0 6mm;
  break-after: avoid;
}

.report__title {
  font-size: 22pt;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 5mm;
}

.report__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 3mm 10mm;
  margin: 0;
}

.report__meta-row { display: flex; flex-direction: column; gap: 0.5mm; }

.report__meta dt {
  font-size: 7pt;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(17, 17, 17, 0.5);
}

.report__meta dd {
  margin: 0;
  font-size: 10pt;
  font-weight: 500;
}


/* ============================================================================
   CUERPO
   Una pregunta por bloque. Nunca se parte una pregunta entre dos páginas:
   leer la respuesta sin ver la pregunta obliga a pasar hojas hacia atrás.
   ========================================================================== */
.report__body {
  padding-top: 4mm;
  border-top: 0.4pt solid rgba(17, 17, 17, 0.15);
}

.report__row {
  padding: 5mm 0;
  border-bottom: 0.3pt solid rgba(17, 17, 17, 0.10);
  break-inside: avoid;
  page-break-inside: avoid;
}
.report__row:last-child { border-bottom: 0; }

.report__question {
  font-size: 9pt;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-bottom: 2mm;
  color: #111111;
}

/* Barra dorada a la izquierda: ancla la vista al recorrer el documento */
.report__answer {
  padding-left: 4mm;
  border-left: 1pt solid #C7A45F;
  font-size: 10pt;
  line-height: 1.55;
  color: rgba(17, 17, 17, 0.85);
  white-space: pre-line;
}

.report__empty {
  color: rgba(17, 17, 17, 0.45);
  font-style: italic;
}


/* ============================================================================
   PIE
   ========================================================================== */
.report__foot {
  display: flex;
  justify-content: space-between;
  gap: 8mm;
  margin-top: 8mm;
  padding-top: 4mm;
  border-top: 0.4pt solid rgba(17, 17, 17, 0.25);
  font-size: 7.5pt;
  color: rgba(17, 17, 17, 0.55);
}
.report__foot p { margin: 0; }


/* ============================================================================
   HUÉRFANAS Y VIUDAS
   Una línea suelta al final de una página es un defecto de imprenta, y este
   documento se le entrega a un cliente.
   ========================================================================== */
p, h1, h2, h3 {
  orphans: 3;
  widows: 3;
}

h1, h2, h3 { break-after: avoid; page-break-after: avoid; }