feat(cases): prova certa por serviço, páginas internas com trabalho no topo

Diagnóstico sem case que não cabe; desktop com o GCC Installer como projeto próprio; IoT com o Twins Lab e a nota da Apolo. Mosaico de pôsteres em /servicos e /cases, faixa baixa em uma coluna no currículo, privacidade e laboratório; Laboratório como lista compacta; SEV começando por catálogo, pedido no WhatsApp e painel; Joinville e SC nos títulos; imagens do LCP com fetchPriority e sizes reais; pré-carregamento só no hover; 404 com Open Graph próprio.

app/servicos/[slug]/page.test.tsx

@@ -2,6 +2,7 @@ import { render, screen, within } from "@testing-library/react";
 import { SEO_IDS } from "@/lib/seo";
 import {
   caseStudies,
+  clientCases,
   getRelatedCases,
   getServicePage,
   isClientCase,
@@ -207,6 +208,33 @@ it("renders answer-first consulting, reciprocal case links and minimal schema",
   ]);
 });
 
+it("fills the hub hero with a mosaic of three client posters and states the location in one line", () => {
+  const { container } = render(<ServicesIndexPage />);
+
+  const hero = container.querySelector("section");
+  expect(hero?.querySelector(".ds-section-shell")).toHaveClass("grid");
+  const posters = Array.from(hero?.querySelectorAll("img") ?? []);
+  expect(posters).toHaveLength(3);
+  for (const [index, poster] of posters.entries()) {
+    expect(decodeURIComponent(poster.getAttribute("src") ?? "")).toContain(
+      `/videos/${clientCases[index].id}/desktop.webp`,
+    );
+    expect(poster).toHaveAttribute("alt", "");
+  }
+  // só o primeiro, o maior, carrega na hora e com prioridade alta
+  expect(posters[0]).toHaveAttribute("fetchpriority", "high");
+  expect(posters[1]).toHaveAttribute("loading", "lazy");
+  expect(hero).toHaveTextContent(
+    "Garuva e Joinville (SC) · atendimento remoto em todo o Brasil",
+  );
+  expect(container.textContent).not.toMatch(/perto de Garuva/);
+
+  // as capas dos projetos, mais abaixo, têm a largura da coluna e carregam preguiçosas
+  const cover = container.querySelector("#projetos .ds-bframe img");
+  expect(cover?.getAttribute("sizes")).toMatch(/calc\(100vw - 40px\)$/);
+  expect(cover).toHaveAttribute("loading", "lazy");
+});
+
 it("keeps hub cards and structured items aligned", () => {
   const { container } = render(<ServicesIndexPage />);
 
@@ -309,19 +337,75 @@ it("shows the client cases first, right after the hero, with the first cover in
   expect(hero?.querySelector("a[href='/cases/sev-modaintima']")).not.toBeNull();
 });
 
-it("hides the related block and the hero frame when a service has no case", async () => {
-  const { container } = await renderService("tauri-rust");
+it("shows no case, no frame and no 'similar projects' button on the diagnosis service, only the Apolo note", async () => {
+  const { container } = await renderService("arquitetura-de-software");
 
+  // nenhum case de cliente é um diagnóstico: só a experiência na Apolo, em texto
   expect(
-    screen.queryByRole("heading", { name: "Onde já apliquei isso" }),
-  ).toBeNull();
+    screen.getByRole("heading", { name: "Onde já apliquei isso" }),
+  ).toBeVisible();
+  expect(screen.getByText(/Apolo Energia/)).toBeVisible();
   expect(screen.queryByRole("link", { name: /^Ler case:/ })).toBeNull();
   expect(
     screen.queryByRole("link", { name: "Ver projetos parecidos" }),
   ).toBeNull();
+  expect(screen.queryByText(/SEV Moda Íntima/)).toBeNull();
   expect(container.querySelector(".ds-bframe")).toBeNull();
-  // GCC Installer (Python e Tkinter) não pertence a um serviço de Tauri e Rust
-  expect(container.textContent).not.toMatch(/GCC|Tkinter/);
+});
+
+it("lists the Windows app as a 'Projeto próprio' on the desktop service, saying it is made in Python", async () => {
+  const { container } = await renderService("tauri-rust");
+
+  expect(
+    screen.getByRole("link", { name: "Ler case: MinGW GCC Installer" }),
+  ).toHaveAttribute("href", "/cases/gcc-installer");
+  expect(
+    screen.getByText("MinGW GCC Installer · Projeto próprio"),
+  ).toBeVisible();
+  expect(screen.getByText(/em Python e não em Tauri/)).toBeVisible();
+  expect(
+    screen.getByRole("link", { name: "Ver projetos parecidos" }),
+  ).toHaveAttribute("href", "#casos-relacionados");
+  // sem captura gravada, não há moldura nem imagem
+  expect(container.querySelector(".ds-bframe")).toBeNull();
+});
+
+it("keeps the hero in one lower column when there is no media, and in two columns when there is", async () => {
+  for (const slug of [
+    "tauri-rust",
+    "integracao-hardware-software-iot",
+    "arquitetura-de-software",
+  ]) {
+    const { container, unmount } = await renderService(slug);
+    const hero = container.querySelector("section");
+    expect(hero?.className).toContain("md:!pb-sp-12");
+    expect(hero?.querySelector(".ds-section-shell")).not.toHaveClass("grid");
+    unmount();
+  }
+
+  const withMedia = await renderService("criacao-de-sites");
+  const hero = withMedia.container.querySelector("section");
+  expect(hero?.className).not.toContain("md:!pb-sp-12");
+  expect(hero?.querySelector(".ds-section-shell")).toHaveClass("grid");
+  const cover = hero?.querySelector(".ds-bframe img");
+  // a largura real da coluna da direita, e não 100vw; é a imagem que abre a página
+  expect(cover?.getAttribute("sizes")).toMatch(/calc\(100vw - 40px\)$/);
+  expect(cover).toHaveAttribute("loading", "eager");
+  expect(cover).toHaveAttribute("fetchpriority", "high");
+});
+
+it("puts the location in one line, 'Garuva e Joinville (SC)', and spaces the list items", async () => {
+  const { container } = await renderService("consultoria-nextjs");
+
+  expect(container.textContent).toMatch(
+    /Garuva e Joinville \(SC\) · atendimento remoto em todo o Brasil/,
+  );
+  expect(container.textContent).not.toMatch(/a partir de Garuva/);
+  const lists = Array.from(container.querySelectorAll("ul.ds-list"));
+  expect(lists).toHaveLength(4);
+  for (const list of lists) {
+    expect(list).toHaveClass("space-y-sp-2");
+  }
 });
 
 it("labels the Twins Lab prototype as a laboratory project on the IoT service", async () => {