.desktop-nav {
  display: none;
}

@media (min-width: 768px) {
  .desktop-nav {
    display: flex;
    align-items: center;
    gap: .25rem;
  }

  .desktop-nav a {
    display: inline-flex;
    min-height: var(--secom-input-height);
    align-items: center;
    gap: .4rem;
    padding-inline: 10px;
    color: var(--secom-branco);
    font-size: var(--secom-size-conteudo);
    font-weight: var(--secom-weight-semibold);
    text-decoration: none;
  }

  .desktop-nav a:hover,
  .desktop-nav a:focus-visible {
    color: var(--secom-branco);
    background: var(--secom-azul-2);
    text-decoration: none;
  }

  .desktop-nav a[aria-current="page"] {
    text-decoration: underline;
    text-underline-offset: .2rem;
  }
}