/**
 * VSA — estilos globales complementarios.
 * Tokens en theme.json; aquí: base, accesibilidad y utilidades mínimas.
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

/* Utilidades mínimas (usar con moderación) */
.vsa-sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}