/* ==========================================================================
   UTILIDADES
   --------------------------------------------------------------------------
   Clases de ayuda de un solo propósito. Prefijo "u-" para distinguirlas.
   Se cargan casi al final para que ganen a los estilos de componentes.
   ========================================================================== */

/* ---------- Accesibilidad ----------
   Oculta visualmente pero lo leen los lectores de pantalla.
   (Nombre estándar de WordPress: no lo cambies) */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Enlace "Saltar al contenido": aparece al tabular */
.skip-link:focus {
	position: fixed;
	top: var(--space-2);
	left: var(--space-2);
	z-index: 1000;
	width: auto;
	height: auto;
	padding: var(--space-3) var(--space-4);
	margin: 0;
	clip: auto;
	color: var(--color-primary-contrast);
	background-color: var(--color-primary);
	border-radius: var(--radius-md);
}

/* ---------- Texto ---------- */
.u-text-center { text-align: center; }
.u-text-muted  { color: var(--color-text-muted); }
.u-text-small  { font-size: var(--fs-sm); }

/* ---------- Espaciado ---------- */
.u-mt-0 { margin-top: 0; }
.u-mt-4 { margin-top: var(--space-4); }
.u-mt-6 { margin-top: var(--space-6); }
.u-mb-0 { margin-bottom: 0; }
.u-mb-4 { margin-bottom: var(--space-4); }
.u-mb-6 { margin-bottom: var(--space-6); }

/* ---------- Visibilidad ---------- */
.u-hidden { display: none; }

/* Ocultar solo en móvil / solo en escritorio (punto de corte 48em) */
@media (max-width: 47.99em) {
	.u-hide-mobile { display: none; }
}

@media (min-width: 48em) {
	.u-hide-desktop { display: none; }
}

/* ---------- Limpiar flotados (imágenes alineadas) ---------- */
.u-clearfix::after,
.entry__content::after {
	content: "";
	display: table;
	clear: both;
}