/* Utilities */

/* Text alignment */
.u-text-center  { text-align: center; }
.u-text-left    { text-align: left; }
.u-text-right   { text-align: right; }

/* Text colors */
.u-text-primary { color: var(--color-azul-rey); }
.u-text-accent  { color: var(--color-verde-academia); }
.u-text-white   { color: var(--color-blanco); }
.u-text-muted   { color: var(--color-gris-500); }

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

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

/* Responsive hide/show */
@media (max-width: 767px) {
  .u-hidden-mobile { display: none !important; }
}

@media (min-width: 768px) {
  .u-hidden-desktop { display: none !important; }
}

/* Width */
.u-w-full { width: 100%; }
.u-max-content { width: max-content; }

/* Image aspect ratios */
.aspect-square    { aspect-ratio: 1; }
.aspect-4-3       { aspect-ratio: 4 / 3; }
.aspect-16-9      { aspect-ratio: 16 / 9; }
.aspect-3-4       { aspect-ratio: 3 / 4; }

/* Object fit */
.u-object-cover   { object-fit: cover; }
.u-object-contain { object-fit: contain; }

/* Overflow */
.u-overflow-hidden { overflow: hidden; }

/* Border radius */
.u-rounded-sm { border-radius: var(--radius-sm); }
.u-rounded-md { border-radius: var(--radius-md); }
.u-rounded-lg { border-radius: var(--radius-lg); }

/* Background */
.u-bg-white { background-color: var(--color-blanco); }
.u-bg-beige { background-color: var(--color-beige); }
.u-bg-primary { background-color: var(--color-azul-rey); }

/* Gradient text */
.u-gradient-text {
  background: linear-gradient(135deg, var(--color-azul-rey), var(--color-azul-rey-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Tag / pill label */
.tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-1) var(--space-3);
  background: var(--color-azul-rey-muted);
  color: var(--color-azul-rey);
  border-radius: var(--radius-pill);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.tag--accent {
  background: var(--color-verde-academia-muted);
  color: var(--color-verde-academia);
}

.tag--muted {
  background: var(--color-gris-100);
  color: var(--color-gris-700);
}