.navbar-kf { padding: .65rem 0; }
.nav-kf { gap: .25rem 2rem; }
.nav-kf .nav-link {
  position: relative;
  font-size: .76rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
  color: var(--kf-carbon); padding: .5rem 0 !important;
  transition: color 200ms ease;
}
.nav-kf .nav-link::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: .2rem; height: 1px;
  background: var(--kf-morado);
  transform: scaleX(0); transform-origin: left center;
  transition: transform 260ms var(--ease-out);
}
.nav-kf .nav-link.active { color: var(--kf-morado); }
.nav-kf .nav-link.active::after { transform: scaleX(1); }
@media (hover: hover) and (pointer: fine) {
  .nav-kf .nav-link:hover { color: var(--kf-morado); }
  .nav-kf .nav-link:hover::after { transform: scaleX(1); }
}
.navbar-kf .navbar-brand span { font-size: 1.4rem; letter-spacing: .06em; }
@media (max-width: 991.98px) {
  .navbar-kf .navbar-collapse { padding: .5rem 0 1rem; }
  .nav-kf { gap: 0; }
  .nav-kf .nav-link { padding: .7rem 0 !important; }
  .nav-kf .nav-link::after { display: none; }
}
.navbar-kf .navbar-brand { min-height: 44px; }
.navbar-kf .navbar-brand span { font-size: 1.55rem; letter-spacing: .08em; }
@media (max-width: 991.98px) {
  .navbar-kf .container { justify-content: center; }
  .navbar-kf .navbar-brand.marca-centro { margin: 0 auto; }
  .navbar-kf .navbar-toggler { position: absolute; right: .75rem; top: .5rem; }
}
