/* Cabeçalho claro da página inicial */
.header {
  background: #fff;
  color: var(--navy);
  border-bottom: 1px solid #e2eaf1;
  box-shadow: 0 8px 26px rgba(5, 17, 58, 0.06);
}

.header nav {
  color: #52617a;
}
.header nav a {
  position: relative;
  transition: color 0.2s;
}
.header nav a:hover {
  color: var(--navy);
}
.header nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -9px;
  height: 2px;
  background: var(--cyan);
  transition: right 0.25s ease;
}
.header nav a:hover::after {
  right: 0;
}
.header .btn-small {
  color: #fff;
}
.menu-toggle {
  color: var(--navy);
  border-color: #d5e0e9;
  background: #f5f9fc;
}
.menu-toggle:hover {
  border-color: var(--cyan);
  color: var(--cyan);
}

@media (max-width: 980px) {
  .header nav {
    background: #fff;
    border-color: #dfe8ef;
    box-shadow: 0 18px 45px rgba(5, 17, 58, 0.16);
  }
  .header nav a {
    color: var(--navy);
    border-bottom-color: #e9eff4;
  }
  .header nav a:hover {
    color: var(--cyan);
  }
  .header nav a::after {
    display: none;
  }
}