/* Navegação compartilhada dos oito módulos — identidade Fórum Cinético. */
.course-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  gap: clamp(10px, 1.35vw, 23px) !important;
  min-width: 0;
  max-width: min(820px, 70vw);
  overflow-x: auto;
  scrollbar-width: none;
}
.course-nav::-webkit-scrollbar { display: none; }
.course-nav a {
  position: relative;
  flex: 0 0 auto;
  padding: 28px 0 24px !important;
  color: #7d8c9d !important;
  font: 700 9px/1 "DM Sans", sans-serif !important;
  letter-spacing: .07em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap;
}
.course-nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0 !important;
  left: 0;
  height: 2px !important;
  background: linear-gradient(90deg, #d8ff45, #28e0d2);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .25s ease;
}
.course-nav a:hover { color: #e4dfd3 !important; }
.course-nav a.active,
.course-nav a[aria-current="page"] { color: #f3f0e9 !important; }
.course-nav a.active::after,
.course-nav a[aria-current="page"]::after { transform: scaleX(1); }
.course-nav .nav-number { color: #d8ff45; }

@media (max-width: 1000px) {
  .course-nav { justify-content: flex-start; max-width: 58vw; }
  .course-nav a { padding-inline: 2px !important; }
  .course-nav .nav-label { display: none; }
}
@media (max-width: 650px) {
  .course-nav { max-width: 53vw; gap: 18px !important; }
  .course-nav a { font-size: 10px !important; }
}