fix(home): oferta leva ao formulário, ofertas logo depois da vitrine

O botão das ofertas rola até o contato com o tipo marcado e não quebra mais as âncoras; ofertas com o que você recebe e primeiro passo, logo depois da vitrine; bloco de IA fora da home; cartão largo da SEV no hero do celular; separador da faixa de clientes só entre itens; favicon de 13 para 1,8 KB; pré-carregamento só no hover e nunca de /#... fora da home; X do menu e cabeçalho opaco; WhatsApp com "o case"; /ia com 3 passos e modelo de relatório ilustrativo; Sobre alinhado ao currículo; CSP Report-Only com os domínios do Ads.

app/components/ClientStrip.test.tsx

@@ -63,12 +63,19 @@ it("gives every client link a touch target of at least 44 px (min-h-11)", () =>
   }
 });
 
-it("keeps the separator after the last client when the years follow, and none when they do not", () => {
+it("puts the separator only BETWEEN items: none before the first, one before each of the others (years included)", () => {
   const withYears = render(<ClientStrip clients={clients} years={5} />);
-  const separators = withYears.container.querySelectorAll(
-    "li [aria-hidden='true']",
-  );
-  expect(separators).toHaveLength(clients.length);
+  const items = withYears.container.querySelectorAll("li");
+  expect(items).toHaveLength(clients.length + 1);
+  expect(
+    Array.from(items).map(
+      (item) => item.querySelector("[aria-hidden='true']") !== null,
+    ),
+  ).toEqual([false, true, true]);
+  // nenhum item termina com o ponto: ele sempre abre o item, para a margem negativa escondê-lo no começo de uma linha
+  for (const item of items) {
+    expect(item.lastElementChild).not.toHaveAttribute("aria-hidden");
+  }
   withYears.unmount();
 
   // zero anos não escreve um "0" solto nem um ponto a mais
@@ -79,3 +86,24 @@ it("keeps the separator after the last client when the years follow, and none wh
   expect(zero.container).not.toHaveTextContent(/anos de experiência/);
   expect(screen.queryByText("0")).toBeNull();
 });
+
+it("hides the separator of an item that wraps to the next line: negative margin on every item but the first, and the list clips the overflow on the x axis", () => {
+  const { container } = render(<ClientStrip clients={clients} years={5} />);
+
+  const list = container.querySelector("ul") as HTMLElement;
+  expect(list).toHaveClass("flex-wrap", "overflow-x-clip");
+  const items = Array.from(list.querySelectorAll("li"));
+  expect(items[0]).not.toHaveClass("-ml-4");
+  for (const item of items.slice(1)) {
+    expect(item).toHaveClass("-ml-4");
+    // o ponto ocupa os mesmos 16 px que a margem negativa
+    expect(item.querySelector("[aria-hidden='true']")).toHaveClass("w-4");
+  }
+  for (const item of items) expect(item).toHaveClass("pr-4");
+});
+
+it("keeps the years number in the display font (the mono font is not downloaded above the fold)", () => {
+  render(<ClientStrip clients={clients} years={5} />);
+
+  expect(screen.getByText("5").className).not.toContain("font-mono");
+});