/* mj soluções IT — ajustes do site sobre o design system Industry */
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--color-bg); }
.mono { font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; }
.wrap { max-width: 1280px; margin: 0 auto; }
img { max-width: 100%; }
.band-dark { background: #2b333b; color: #f4f4f2; }
.band-dark .card { border-color: color-mix(in srgb, #f4f4f2 22%, transparent); }
.band-dark .blueprint { border-color: color-mix(in srgb, #f4f4f2 22%, transparent); }
.band-dark .blueprint > .corner { color: color-mix(in srgb, #f4f4f2 55%, transparent); }
.band-dark .card-kicker, .band-dark a:not(.btn) { color: var(--color-accent); }
.band-dark .btn-primary { color: #1b2126; }
.slot { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-text) 7%, transparent) 0 6px, transparent 6px 12px); }
.site-nav { flex-wrap: wrap; }

@media (max-width: 1000px) {
  .wrap [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  .wrap [style*="padding:96px 56px"] { padding: 64px 24px !important; }
  .wrap [style*="56px"] { padding-left: 24px !important; padding-right: 24px !important; }
  .wrap [style*="border-left:1px solid"] { border-left: 0 !important; padding-left: 0 !important; }
  .wrap h1 { font-size: 44px !important; }
  .wrap h2 { font-size: 32px !important; }
  .wrap h3 { font-size: 26px !important; }
  .site-nav { gap: 14px !important; row-gap: 10px !important; }
  .wrap table.table { font-size: 14px; }
}
@media (max-width: 620px) {
  .wrap h1 { font-size: 34px !important; }
  .wrap [style*="font-size:76px"] { font-size: 34px !important; }
  .wrap [style*="font-size:48px"], .wrap [style*="font-size:44px"] { font-size: 28px !important; }
}