/* ══════════════════════════════════════════════════════════════════
   LA TIPOGRAFÍA DE PUNTO DE COBRO          (Parte C · 23-sep-2026)

   ESTE ES EL ÚNICO SITIO DONDE SE CAMBIA LA FUENTE DE LA WEB.
   Lo cargan la portada, /minegocio/ y /suscripciones/. Si mañana la
   marca cambia de letra, se cambia aquí y cambia en las tres.

   Dos familias, y cada una tiene un trabajo:

   · `--marca` (Quicksand) — todo lo que se LEE: títulos, textos, botones.
     Es la letra de la marca, por decisión del creador.

   · `--numeros-copiables` (IBM Plex Mono) — EXACTAMENTE tres cosas, y
     ninguna más: la **CLABE**, la **referencia de 7 dígitos** y el
     **importe exacto** de la pantalla del SPEI. No es capricho de diseño: una
     CLABE son 18 dígitos que el cliente compara uno por uno contra la
     pantalla de su banco. En una redonda como Quicksand el 0 y la O, el
     1 y la l se parecen demasiado y las cifras no se alinean en columna.
     Una transferencia a la cuenta equivocada no se deshace.
     IBM Plex Mono se eligió porque ya estaba en la página (no pesa más
     de lo que ya pesaba), es libre (SIL OFL, uso comercial) y trae el
     CERO RAYADO, que es justo lo que resuelve la confusión 0/O.

   ⚠ Los nombres viejos (`--disp`, `--sans`, `--font` y también `--mono`)
   apuntan TODOS a la marca. `--mono` solía ser la monoespaciada y por eso
   se colaba en rótulos, precios y etiquetas de media web. Ahora la
   monoespaciada sólo se puede pedir por su nombre propio, que dice para
   qué es. No los borres: se usan en cientos de sitios.

   `display=swap`: el texto se ve desde el primer instante con la letra
   del sistema y salta a Quicksand cuando llega. La página nunca se
   queda en blanco esperando la fuente.
   ══════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Quicksand:wght@400;500;600;700&display=swap');

:root{
  --marca:'Quicksand','Trebuchet MS',system-ui,-apple-system,sans-serif;
  --numeros-copiables:'IBM Plex Mono',Consolas,'Courier New',monospace;

  /* Alias históricos: todos a la marca, `--mono` incluido. */
  --disp:var(--marca);
  --sans:var(--marca);
  --font:var(--marca);
  --mono:var(--marca);
}

/* ━━ LA REGLA ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

   TODO lleva la letra de la marca. No hay que acordarse de nada y no hay
   que ir pescando texto por texto: una sección nueva nace ya con la letra
   correcta, y un rincon olvidado se corrige solo.

   El `*` incluye los botones y los campos, que no heredan la fuente por su
   cuenta (por eso tres botones de la portada salían en Arial).

   Ojo con la fuerza: `*` es la regla más débil que existe en CSS, así que
   NO pisa nada que esté declarado con un selector de verdad. Sirve de red,
   no de martillo. La excepción de abajo le gana por ser una clase. */
*,*::before,*::after{font-family:var(--marca)}

/* La ÚNICA excepción de toda la web: los tres números que alguien compara
   dígito por dígito contra la pantalla de su banco. Se pide por su nombre,
   escribiendo la clase en el elemento — no se hereda ni se adivina. */
.numeros-copiables{font-family:var(--numeros-copiables)}