/* =========================================================
   MENU — barra fixa do topo
   ========================================================= */

.nav { position: sticky; top: 0; z-index: 50; transition: background .4s, box-shadow .4s; }
.nav.scrolled { background: #070d1acc; backdrop-filter: blur(14px); box-shadow: 0 1px 0 var(--line); }

.nav .wrap {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  opacity: 0;
  animation: up 1s .2s forwards;
}
.nav-logo img { height: 38px; width: auto; }

/* links do centro */
.nav-links { display: flex; gap: 4px; padding: 5px; }
.nav-links a { padding: 8px 14px; border-radius: 10px; font-weight: 600; font-size: .9rem; color: var(--mut); transition: .25s; }
.nav-links a:hover { color: #fff; background: #ffffff14; }

/* atalhos para os apps (direita) */
.nav-apps { justify-self: end; display: flex; gap: 8px; }
.nav-apps a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px 6px 6px;
  border-radius: 999px;
  border: 1px solid #ffffff1f;
  background: #ffffff0a;
  color: #fff;
  font-weight: 700;
  font-size: .85rem;
  transition: border-color .2s;
}
.nav-apps a:hover { border-color: var(--c); }
.nav-apps img { width: 26px; height: 26px; border-radius: 50%; background: #fff; padding: 3px; object-fit: contain; }

@media (max-width: 900px) {
  .nav .wrap { display: flex; justify-content: space-between; }
  .nav-apps a { font-size: 0; gap: 0; padding: 4px; }
}
@media (max-width: 640px) { .nav-links { display: none; } }