/* Utility classes - Vista Neotech */
.vn-text-center { text-align: center; }
.vn-text-left { text-align: left; }
.vn-text-orange { color: var(--vn-orange) !important; }
.vn-text-cyan { color: var(--vn-cyan) !important; }
.vn-text-white { color: #fafafa !important; }
.vn-text-muted { color: var(--vn-text-muted) !important; }

.vn-bg-muted { background: var(--vn-bg-muted); }
.vn-bg-elevated { background: var(--vn-bg-elevated); }
.vn-bg-dark { background: var(--vn-footer-bg); }

.vn-rounded { border-radius: var(--vn-radius); }
.vn-rounded-lg { border-radius: var(--vn-radius-lg); }
.vn-rounded-pill { border-radius: var(--vn-radius-pill); }

.vn-shadow { box-shadow: var(--vn-shadow); }
.vn-shadow-lg { box-shadow: var(--vn-shadow-lg); }

.vn-mt-1 { margin-top: 0.5rem; }
.vn-mt-2 { margin-top: 1rem; }
.vn-mt-3 { margin-top: 1.5rem; }
.vn-mt-4 { margin-top: 2rem; }
.vn-mb-1 { margin-bottom: 0.5rem; }
.vn-mb-2 { margin-bottom: 1rem; }
.vn-mb-3 { margin-bottom: 1.5rem; }
.vn-mb-4 { margin-bottom: 2rem; }

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

.vn-border-top { border-top: 1px solid var(--vn-border); }
.vn-border-bottom { border-bottom: 1px solid var(--vn-border); }

.vn-flex { display: flex; }
.vn-flex-wrap { flex-wrap: wrap; }
.vn-gap-1 { gap: 0.5rem; }
.vn-gap-2 { gap: 1rem; }
.vn-gap-3 { gap: 1.5rem; }

.vn-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.vn-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.vn-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }

@media (max-width: 768px) {
  .vn-grid-2, .vn-grid-3, .vn-grid-4 { grid-template-columns: 1fr; }
}

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