/* Vetor Global — visual corrections based on mobile QA */
.vg-header {
  background: #0b1220 !important;
  border: 0 !important;
  border-radius: 16px !important;
  margin: 14px auto 0 !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(11,18,32,.10) !important;
}
.vg-brand { color: #fff !important; }
.vg-logo {
  background: #0b1220 url('/vetor-global-logo.svg') center / cover no-repeat !important;
  border-radius: 12px !important;
}
.vg-brand strong { color: #fff !important; }
.vg-brand small {
  color: #cbd5e1 !important;
  opacity: 1 !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
.vg-now {
  background: #0b1220 !important;
  border: 1px solid #155eef !important;
  color: #fff !important;
}
.vg-now:first-letter { color: #155eef; }
.vg-pro h2 { color: #fff !important; opacity: 1 !important; }
.vg-pro p { color: #d0d5dd !important; }
.vg-pro .eyebrow { color: #84adff !important; }
.vg-pro button {
  background: #155eef !important;
  color: #fff !important;
  border: 0 !important;
}
.vg-pro { min-height: 0 !important; }
.vg-newsletter h2 { color: #101828 !important; opacity: 1 !important; }
.vg-newsletter p { color: #475467 !important; }
.vg-newsletter .eyebrow { color: #155eef !important; opacity: 1 !important; }

@media (max-width: 720px) {
  .vg-header {
    width: calc(100% - 24px) !important;
    max-width: 1280px !important;
    margin: 12px auto 0 !important;
    padding: 12px 14px !important;
    min-height: 78px !important;
  }
  .vg-brand { gap: 10px !important; }
  .vg-logo { width: 46px !important; height: 46px !important; flex-basis: 46px !important; }
  .vg-brand strong { font-size: 18px !important; line-height: 1.1 !important; }
  .vg-brand small { font-size: 11px !important; line-height: 1.25 !important; }
  .vg-now { border-radius: 10px !important; padding: 10px 11px !important; font-size: 11px !important; }
  .vg-pro { padding: 26px 18px !important; }
  .vg-pro h2 { font-size: 31px !important; line-height: 1.08 !important; margin: 9px 0 12px !important; }
  .vg-pro p { font-size: 17px !important; line-height: 1.5 !important; }
  .vg-pro button { font-size: 15px !important; padding: 12px 16px !important; }
}
@media (max-width: 480px) {
  .vg-brand strong { font-size: 17px !important; }
  .vg-brand small { font-size: 10.5px !important; max-width: 170px !important; }
  .vg-logo { width: 44px !important; height: 44px !important; flex-basis: 44px !important; }
  .vg-header { min-height: 76px !important; }
}
@media (max-width: 360px) {
  .vg-brand strong { font-size: 16px !important; }
  .vg-brand small { font-size: 10px !important; max-width: 145px !important; }
  .vg-logo { width: 42px !important; height: 42px !important; flex-basis: 42px !important; }
}