/* Utilidades mínimas: solo lo que los bloques necesitan. */
@layer utilities {
  .stack > * + * { margin-top: var(--stack, var(--s-md)); }
  .mt-lg { margin-top: var(--s-lg); }
  .mt-xl { margin-top: var(--s-xl); }
  .text-muted { color: var(--c-ink-2); }
  .text-center { text-align: center; }
  .js-only { display: none; }
  .js .js-only { display: revert; }
  .no-js-only { }
  .js .no-js-only { display: none; }

  /* Entradas al hacer scroll: solo si hay JS y no hay reduced-motion (site.js añade .motion) */
  .motion [data-reveal] {
    opacity: 0;
    transform: translateY(24px);
  }
}