/* ═══════════════════════════════════════════════════════════════
   CAPA 5: UTILITIES
   Lista cerrada de clases de utilidad (nomenclatura en inglés).
   NINGUNA MÁS sin aprobación.
   ─────────────────────────────────────────────────────────── */

@layer utilities;

/* Oculta visualmente pero es legible por lectores de pantalla. */
.u-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* El enlace de salto (.u-sr-only) se vuelve visible al recibir foco. */
.u-sr-only:focus {
	position: fixed;
	top: var(--space-1);
	left: var(--space-1);
	z-index: var(--z-menu);
	width: auto;
	height: auto;
	margin: 0;
	padding: var(--space-1) var(--space-2);
	overflow: visible;
	clip: auto;
	white-space: normal;
	background-color: var(--color-surface);
	color: var(--color-primary);
}

/* Oculta completamente (visible para JS que lo muestre condicionalmente). */
.u-hidden {
	display: none !important;
}

/* Centrado horizontal con margen automático. */
.u-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Transforma a mayúsculas (para casos excepcionales no cubiertos por CSS nativo). */
.u-uppercase {
	text-transform: uppercase !important;
}