/* Marca VI branca da navbar. */
.site-header .logo-vi {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  color: #fff;
  text-decoration: none;
  line-height: 1;
}

.site-header .vi-mark {
  display: block;
  width: 58px;
  height: auto;
  overflow: visible;
  transform-origin: center;
  transition: transform .25s ease;
  will-change: transform;
}

.site-header .logo-vi:hover .vi-mark,
.site-header .logo-vi:focus-visible .vi-mark {
  transform: translateY(-1px);
}

.site-header .logo-vi:focus-visible {
  outline: 2px solid rgba(255, 255, 255, .78);
  outline-offset: 5px;
  border-radius: 6px;
}

@media (max-width: 640px) {
  .site-header .logo-vi {
    width: 54px;
    height: 54px;
  }

  .site-header .vi-mark {
    width: 48px;
  }
}