/* Documento PDF de movimientos (pdfs/movimiento + layout pdf).
   Se incrusta en el <head> del HTML autónomo que renderiza Chrome headless
   (ver PdfHelper#pdf_stylesheet): acá no hay Tailwind ni asset pipeline.
   OJO: stylesheet_link_tag :app enlaza TODAS las hojas de este directorio en
   todas las páginas de la app, así que cada regla va scopeada a body.documento-pdf
   (la clase que pone el layout pdf) — nada de selectores de elemento sueltos. */

@page {
  size: A4;
  margin: 2cm;
}

body.documento-pdf {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12pt;
  line-height: 1.6;
  color: #1e293b;
  margin: 0;
}

.documento-pdf .pdf-membrete {
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 2px solid #1e293b;
  padding-bottom: 12px;
  margin-bottom: 28px;
}

.documento-pdf .pdf-logo {
  height: 56px;
  width: auto;
}

.documento-pdf .pdf-municipio {
  font-size: 14pt;
  font-weight: bold;
  margin: 0;
}

.documento-pdf .pdf-portal {
  font-size: 10pt;
  color: #475569;
  margin: 2px 0 0;
}

.documento-pdf .pdf-contenido {
  text-align: justify;
}

.documento-pdf align-center {
  display: block;
  text-align: center;
}

/* La imagen embebida (pdf-imagen) es inline: el text-align del bloque la centra;
   esta regla solo asegura que un adjunto suelto también respete el centrado. */
.documento-pdf align-center .pdf-imagen {
  display: inline-block;
}

.documento-pdf .pdf-imagen {
  max-width: 100%;
  max-height: 120px;
  width: auto;
  height: auto;
}

.documento-pdf .pdf-pie {
  margin-top: 40px;
  border-top: 1px solid #cbd5e1;
  padding-top: 8px;
  font-size: 9pt;
  color: #64748b;
}

/* PDF de detalle de un indicador (platform/estadisticas/export + layout
   estadisticas_pdf). Scopeado a .pdf-estadisticas por la misma razón que el
   resto de esta hoja: stylesheet_link_tag :app enlaza todas las hojas de este
   directorio en todas las páginas de la app. */
.pdf-estadisticas h1 { font-size: 16pt; margin-bottom: 2mm; }
.pdf-estadisticas .pdf-subtitulo { font-size: 9pt; color: #555; margin-bottom: 6mm; }
.pdf-estadisticas .pdf-pie { margin-top: 8mm; font-size: 8pt; color: #777; }
.pdf-estadisticas table { width: 100%; border-collapse: collapse; font-size: 10pt; }
.pdf-estadisticas th, .pdf-estadisticas td { padding: 1.5mm 2mm; border-bottom: 0.3mm solid #ddd; text-align: left; }
.pdf-estadisticas td { text-align: right; }
.pdf-estadisticas .estadisticas-tabla-grupo { border-left: 0.3mm solid #ccc; }

/* Bloques de KPIs del panel de cifras (platform/estadisticas/resumen). La hoja
   de pantalla usa `display: grid` y Chrome headless lo pagina mal —una tarjeta
   cortada entre dos páginas—, así que acá van en filas de tabla-like con
   `page-break-inside: avoid` y el ancho lo da la propia cantidad de columnas. */
.pdf-estadisticas .estadisticas-bloque { margin-bottom: 6mm; page-break-inside: avoid; }
.pdf-estadisticas .estadisticas-bloque-titulo { font-size: 11pt; margin: 0 0 2mm; }
.pdf-estadisticas .estadisticas-bloque-alcance { font-size: 8pt; color: #777; font-weight: normal; }
.pdf-estadisticas .estadisticas-kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 2mm;
  margin: 0;
}
.pdf-estadisticas .estadisticas-kpi {
  flex: 1 1 32mm;
  padding: 2mm;
  border: 0.3mm solid #ddd;
}
.pdf-estadisticas .estadisticas-kpi dt { font-size: 7.5pt; color: #555; }
.pdf-estadisticas .estadisticas-kpi dd { margin: 0; font-size: 13pt; font-weight: bold; }
.pdf-estadisticas .estadisticas-kpi dd.estadisticas-kpi-contexto {
  font-size: 7.5pt;
  font-weight: normal;
  color: #777;
}
.pdf-estadisticas .estadisticas-bloque-nota { font-size: 8pt; color: #777; }

/* Verificación pública del documento redactado: QR + URL en el pie. */
.documento-pdf .pdf-verificacion { display: flex; align-items: center; gap: 4mm; margin-top: 4mm; font-size: 8pt; color: #555; }
.documento-pdf .pdf-verificacion-qr { width: 22mm; height: 22mm; }
.documento-pdf .pdf-verificacion-url { font-family: monospace; word-break: break-all; }