/* =========================================
   UTILITÁRIOS
   Ajustes pontuais — nunca usar style="" inline no HTML
   ========================================= */
.mt-8  { margin-top: 8px; }
.mt-12 { margin-top: 12px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }
.mt-28 { margin-top: 28px; }
.mt-40 { margin-top: 40px; }
.mt-60 { margin-top: 60px; }

.mb-8  { margin-bottom: 8px; }
.mb-12 { margin-bottom: 12px; }
.mb-16 { margin-bottom: 16px; }
.mb-24 { margin-bottom: 24px; }
.mb-28 { margin-bottom: 28px; }

.text-center { text-align: center; }
.center-x { margin-left: auto; margin-right: auto; }

.flex-row { display: flex; flex-wrap: wrap; }
.flex-gap-12 { gap: 12px; }
.flex-center { justify-content: center; align-items: center; }

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