/* =========================================================
   Utilities — Helpers atômicos (usar com parcimônia)
   ========================================================= */

/* Display */
.u-hidden { display: none !important; }
.u-block  { display: block !important; }
.u-flex   { display: flex !important; }
.u-grid   { display: grid !important; }

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

/* Spacing (margin-top) — usar só quando faz sentido fora do stack */
.u-mt-0 { margin-block-start: 0; }
.u-mt-2 { margin-block-start: var(--space-2); }
.u-mt-4 { margin-block-start: var(--space-4); }
.u-mt-6 { margin-block-start: var(--space-6); }
.u-mt-8 { margin-block-start: var(--space-8); }

/* Tipo */
.u-uppercase  { text-transform: uppercase; letter-spacing: var(--ls-wide); }
.u-muted      { color: var(--text-secondary); }

/* Responsive hide */
@media (max-width: 720px) {
  .u-hide-mobile { display: none !important; }
}
@media (min-width: 721px) {
  .u-hide-desktop { display: none !important; }
}

/* Fluída */
.u-full { width: 100%; }