/* =========================================================
   MIMALE — Utility classes (mínimas, intencionales)
   No es Tailwind. Solo lo que se reusa transversalmente.
   ========================================================= */

.u-sr-only {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0,0,0,0);
	white-space: nowrap; border: 0;
}

.u-flex   { display: flex; }
.u-grid   { display: grid; }
.u-block  { display: block; }
.u-inline { display: inline; }
.u-hidden { display: none; }

.u-items-center  { align-items: center; }
.u-items-start   { align-items: flex-start; }
.u-items-end     { align-items: flex-end; }
.u-justify-center  { justify-content: center; }
.u-justify-between { justify-content: space-between; }

.u-gap-2 { gap: var(--space-2); }
.u-gap-3 { gap: var(--space-3); }
.u-gap-4 { gap: var(--space-4); }
.u-gap-5 { gap: var(--space-5); }
.u-gap-6 { gap: var(--space-6); }

.u-mt-0 { margin-top: 0; }
.u-mb-0 { margin-bottom: 0; }

.u-text-center { text-align: center; }
.u-text-left   { text-align: left; }
.u-text-right  { text-align: right; }

.u-ink-primary   { color: var(--color-ink-primary); }
.u-ink-secondary { color: var(--color-ink-secondary); }
.u-ink-muted     { color: var(--color-ink-muted); }
.u-ink-inverse   { color: var(--color-ink-inverse); }

.u-bg-base    { background: var(--color-bg-base); }
.u-bg-surface { background: var(--color-bg-surface); }
.u-bg-subtle  { background: var(--color-bg-subtle); }
.u-bg-inverse { background: var(--color-bg-inverse); }

.u-font-display { font-family: var(--font-display); }
.u-font-body    { font-family: var(--font-body); }

.u-fs-display-l { font-size: var(--fs-display-l); line-height: var(--lh-tight); letter-spacing: var(--ls-tight); }
.u-fs-h2        { font-size: var(--fs-h2); }
.u-fs-body-l    { font-size: var(--fs-body-l); }
.u-fs-caption   { font-size: var(--fs-caption); }
.u-fs-label     { font-size: var(--fs-label); letter-spacing: var(--ls-wide); text-transform: uppercase; font-weight: 600; }

.u-section { padding-block: var(--space-9); }
@media (max-width: 768px) {
	.u-section { padding-block: var(--space-7); }
}

.u-rounded-md { border-radius: var(--radius-md); }
.u-rounded-lg { border-radius: var(--radius-lg); }
.u-rounded-pill { border-radius: var(--radius-pill); }