/**
 * Tierra de Gracia | Clases de Utilidad
 */

/* Lector de Pantalla Accesible (WCAG 2.1 AA) */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Espaciados Rápidos */
.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 2rem; }
.mt-4 { margin-top: 3rem; }

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

.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }

/* Display & Layout */
.block { display: block; }
.inline-block { display: inline-block; }
.d-flex { display: flex; }
.align-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.flex-col { flex-direction: column; }

.w-100 { width: 100%; }
.mx-auto { margin-left: auto; margin-right: auto; }

/* Fondos */
.bg-light { background-color: var(--color-surface-alt); }
.bg-surface { background-color: var(--color-surface); }

/* Visibilidad */
@media (max-width: 860px) {
  .hide-on-mobile {
    display: none !important;
  }
}