/* ESCALA DE ESPACIADO ÚNICA (Viola Boehm, 14/09/2026: "no respeta el mismo
   margen que el resto de la página"). Todo hueco ENTRE bloques sale de aquí:
   4 · 8 · 12 · 16 · 24 · 32 · 48. Nada de 11, 13 o 14 sueltos.

   Regla: la separación entre hermanos la pone el PADRE con `gap` (flex o
   grid), nunca un margin en cada hijo, que se doblan o se comen entre sí.
   --page-gutter es el margen lateral de la pantalla y --block-gap el hueco
   entre tarjetas: son el mismo número a propósito, así el aire de los lados
   y el de entre bloques se lee igual.

   Fichero aparte y sin nada más dentro: lo enlazan también las pantallas
   que no heredan de base.html (Clases, Intercambios), y pbc-tokens.css trae
   reglas de la barra de arriba que ahí no pintan nada. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --page-gutter: var(--space-4);
  --block-gap: var(--space-4);
}