/* ============================================
   UTILITIES.CSS
   Clases utilitarias de uso común en toda la app.
   Limpiado: solo clases realmente usadas en HTML/JS.
   ============================================ */

/* ---------- DISPLAY ---------- */

.hidden {
  display: none !important;
}

/* ---------- ALINEACIÓN DE TEXTO ---------- */

.text-center {
  text-align: center;
}

/* ---------- COLORES DE TEXTO ---------- */

.text-muted {
  color: var(--color-text-muted);
}

.text-success {
  color: var(--color-success);
}

.text-warning {
  color: var(--color-warning);
}

/* ---------- ESPACIADO (MARGEN) ---------- */

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

/* ---------- ANCHO ---------- */

.max-w-app {
  max-width: 500px;
}

.w-full {
  width: 100%;
}