Vou verificar como o logo é usado na página principal:
Agora sei que o projeto usa /images/logo-azul.png na navbar. Para fundo escuro (navy), preciso usar a versão clara. Vou ver como a navbar usa o logo:
O projeto usa /images/logo-azul.png com <img> e h-10 w-auto. Para fundo navy, vou usar o mesmo logo com brightness-0 invert para ficar branco:
Corrigi o logo para usar o mesmo /images/logo-azul.png das navbars do projeto, com o mesmo tamanho (h-10 w-auto) e brightness-0 invert para aparecer branco sobre o fundo navy. Removi o import do Image do Next.js que nao e mais necessario.
Substituí o py-[120px] por pt-12 md:pt-16 pb-[120px], reduzindo o padding superior de 120px para 48px (mobile) e 64px (desktop) enquanto mantém o espaço inferior. Agora o logo fica bem mais próximo do topo da seção.