/* =========================================================
   CQM · Base compartida de secciones (tokens y titulares).
   cifras, nosotros, clientes, contacto y pie.
   ========================================================= */

:root {
  --blue-900: #031a36;
  --blue-800: #062a55;
  --blue-700: #0b3c78;
  --blue-500: #1d6fd1;
  --cyan: #22b8e0;
  --paper: #f1f4f6;
  --ink: #0b1a2c;
  --ink-2: #44525f;
  /* interfaz de la app (clara, tonos azules) */
  --ui-bg: #f3f6fa;
  --ui-card: #ffffff;
  --ui-line: #e1e8f0;
  --ui-text: #172738;
  --ui-mute: #586a7e;
  --ui-blue: #1a5fb4;
  --ui-head: #0b4f8a;
  --ui-ok: #137a4c;
  --ui-or: #ec8a1f;
  --ui-red: #dc4b4b;
}

.sec-title {
  margin: 0 0 .5em;
  font-family: var(--font-display); font-stretch: 108%; font-weight: 640;
  font-size: clamp(1.9rem, 1.1rem + 2.2vw, 3.2rem); line-height: 1.02; letter-spacing: -.024em;
  text-wrap: balance;
}
.sec-lead { margin: 0; max-width: 54ch; font-size: clamp(1rem, .94rem + .2vw, 1.1rem); line-height: 1.55; color: var(--zinc-200); }