/** RIAEJ — Utilidades mínimas
 *
 * Reemplazan los 486 atributos `style=""` en línea del prototipo original
 * (hallazgo Arquitectura #8 / Seguridad #7): cada `style` disperso impide
 * una Content-Security-Policy con `style-src 'self'` el día que este
 * proyecto tenga backend. Las plantillas de este proyecto usan estas
 * clases en vez de `style=""` — es la convención a seguir en cualquier
 * plantilla nueva que se añada.
 */
@layer utilidades {
  .u-solo-lectores-pantalla {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
  }
  .u-mt-0 { margin-block-start: 0; }
  .u-mt-1 { margin-block-start: var(--esp-4); }
  .u-mt-2 { margin-block-start: var(--esp-6); }
  .u-mt-3 { margin-block-start: var(--esp-10); }
  .u-texto-suave { color: var(--color-texto-suave); }
  .u-texto-tenue { color: var(--color-texto-tenue); }
  .u-centro-texto { text-align: center; }
  .u-ancho-completo { width: 100%; }
  .u-gap-pequeno { gap: var(--esp-2); }
  .u-gap-grande { gap: var(--esp-6); }
}