/* Navegação principal: soluções visíveis e distribuídas pela barra. */
@media (min-width: 851px) {
  .nav {
    padding-inline: clamp(24px, 3vw, 48px);
    gap: 0;
  }

  .brand {
    flex: 0 0 auto;
  }

  .brand img {
    width: clamp(145px, 12vw, 180px);
  }

  .nav nav {
    flex: 1;
    justify-content: space-between;
    gap: clamp(10px, 1.25vw, 22px);
    margin-left: clamp(22px, 3vw, 48px);
    font-size: clamp(11px, .92vw, 14px);
    white-space: nowrap;
  }

  .nav nav > a:not(.nav-cta) {
    display: flex;
    align-items: center;
    min-height: 44px;
  }

  .nav-cta {
    padding: 14px clamp(14px, 1.35vw, 20px);
  }
}

@media (min-width: 851px) and (max-width: 1100px) {
  .nav {
    padding-inline: 18px;
  }

  .brand img {
    width: 124px;
  }

  .nav nav {
    margin-left: 16px;
    gap: 9px;
    font-size: 11px;
  }

  .nav-cta {
    padding: 12px 13px;
  }
}