feat: refine portfolio showcase, services and quality lab

Align the notebook browser with the physical LCD, refresh real project captures and navigation, simplify service content, and stabilize hero hydration.

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

@@ -91,10 +91,18 @@ it("renders answer-first consulting, reciprocal case links and minimal schema",
   });
   const { container } = render(ui);
 
-  const heading = screen.getByRole("heading", { level: 1 });
   const answer = screen.getByText(service.answer);
   expect(answer).toBeVisible();
-  expect(heading.nextElementSibling).toBe(answer);
+  for (const item of [
+    ...service.outcomes,
+    ...service.examples,
+    ...service.process,
+  ]) {
+    expect(screen.getByText(item)).toBeVisible();
+  }
+  for (const detail of service.technicalDetails) {
+    expect(screen.getByText(detail)).not.toBeVisible();
+  }
 
   const primaryCtas = screen.getAllByRole("link", {
     name: service.ctaLabel,
@@ -201,11 +209,6 @@ it("renders answer-first consulting, reciprocal case links and minimal schema",
 it("keeps hub cards and structured items aligned", () => {
   const { container } = render(<ServicesIndexPage />);
 
-  const heading = screen.getByRole("heading", { level: 1 });
-  expect(heading.nextElementSibling).toHaveTextContent(
-    /desenvolvimento.+consultoria.+engenharia de software/i,
-  );
-
   const visibleBreadcrumb = screen.getByRole("navigation", {
     name: "Breadcrumb",
   });
@@ -225,7 +228,7 @@ it("keeps hub cards and structured items aligned", () => {
     "BreadcrumbList",
   ]);
   const itemList = graph[1] as {
-    itemListElement: Array<{ position: number; url: string }>;
+    itemListElement: Array<{ position: number; url: string; name: string }>;
   };
   expect(itemList.itemListElement.map(({ position }) => position)).toEqual([
     1, 2, 3, 4, 5, 6,
@@ -236,7 +239,9 @@ it("keeps hub cards and structured items aligned", () => {
   expect([...structuredUrls].sort()).toEqual(
     publicServiceHrefs.map((href) => `${siteUrl}${href}`).sort(),
   );
-  const visibleCards = screen.getAllByRole("link", { name: "Abrir página" });
+  const visibleCards = itemList.itemListElement.map(({ name }) =>
+    screen.getByRole("link", { name }),
+  );
   const visibleHrefs = visibleCards.map((link) => link.getAttribute("href"));
   expect(visibleHrefs).toHaveLength(6);
   expect(new Set(visibleHrefs).size).toBe(6);