.vincula-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  padding: 20px 12px 0;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
}
.vincula-navbar { padding: 0; }
.vincula-navbar .vincula-navbar__container {
  background: #fff;
  border-radius: 50px;
  padding: 5px 25px;
  min-height: 72px;
  box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
}
.vincula-navbar .navbar-brand { display: inline-flex; align-items: center; gap: 8px; margin-right: 24px; padding: 0; }
.vincula-navbar .navbar-nav { align-items: center; gap: 2px; }
.vincula-navbar .nav-link,
.vincula-navbar .navbar-text {
  color: #785ef0;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}
.vincula-navbar .navbar-nav .nav-link { padding: 18px 12px; }
.vincula-navbar .nav-link:hover,
.vincula-navbar .nav-link.active { color: #5436cc; }
.vincula-navbar .nav-link.active { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.vincula-navbar .navbar-nav .vincula-navbar__cta {
  color: #000;
  background: var(--vincula-yellow, #ffb000);
  border-radius: 50px;
  padding: 10px 22px;
  margin-left: 14px;
  font-size: 14px;
}
.vincula-navbar .navbar-nav .vincula-navbar__cta:hover { color: #000; background: #e6a000; }
.vincula-navbar .navbar-toggler { border: 0; padding: 8px; color: #785ef0; }
.vincula-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23785EF0' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.vincula-navbar a:focus-visible,
.vincula-navbar button:focus-visible { outline: 3px solid #785ef0; outline-offset: 4px; }
@media (max-width: 1199.98px) {
  .vincula-header { padding-top: 10px; }
  .vincula-navbar .vincula-navbar__container { padding: 10px 18px; border-radius: 32px; }
  .vincula-navbar .navbar-collapse { padding: 12px 0; max-height: calc(100dvh - 100px); overflow-y: auto; }
  .vincula-navbar .navbar-nav { align-items: stretch; gap: 4px; }
  .vincula-navbar .navbar-nav .nav-link { padding: 12px; }
  .vincula-navbar .navbar-text { padding-inline: 12px; white-space: normal; }
  .vincula-navbar .navbar-nav .vincula-navbar__cta { display: inline-block; margin: 6px 0 0; padding: 10px 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .vincula-navbar .collapsing { transition: none; }
}