feat(cases): mídia no topo, títulos de busca curtos e CreativeWork

Case com mídia ao lado do título e play acessível; problema de cada cliente reescrito com base nos dados; serviços relacionados em 2 cards; FAQ antes do próximo passo e bloco 'Onde já apliquei isso'; Apolo citada em IoT e arquitetura. metaTitle até 43 caracteres e descrições até 155 com teste; JSON-LD CreativeWork; imagens de compartilhamento abaixo de 100 KB; 404 e robots corrigidos; server-only nos módulos com node:.

app/privacidade/page.test.tsx

@@ -4,7 +4,9 @@ import PrivacyPage, { metadata } from "./page";
 it("preserves breadcrumb navigation and a breadcrumb-only JSON-LD graph", () => {
   const { container } = render(<PrivacyPage />);
 
-  const breadcrumb = screen.getByRole("navigation", { name: "Breadcrumb" });
+  const breadcrumb = screen.getByRole("navigation", {
+    name: "Trilha de navegação",
+  });
   const breadcrumbLinks = within(breadcrumb).getAllByRole("link");
   expect(breadcrumbLinks.map((link) => link.textContent)).toEqual([
     "Início",
@@ -50,6 +52,18 @@ it("mentions no GitHub link and no English jargon in the visible text", () => {
   }
 });
 
+it("uses the same shell as the home, with no narrow max-width", () => {
+  const { container } = render(<PrivacyPage />);
+
+  const shells = container.querySelectorAll(".ds-section-shell");
+  expect(shells.length).toBeGreaterThan(0);
+  for (const shell of shells) {
+    expect(shell.className).not.toMatch(/max-w-/);
+  }
+  // o sufixo " | Evandro.dev.br" vem do layout: o título não o repete
+  expect(metadata.title).toBe("Privacidade e consentimento");
+});
+
 it("keeps the lime fill for contact actions only", () => {
   const { container } = render(<PrivacyPage />);
 

app/privacidade/page.tsx

@@ -4,19 +4,20 @@ import { Breadcrumb } from "@/app/components/Breadcrumb";
 import { pageTop } from "@/app/components/button-styles";
 import { safeJsonLd } from "@/lib/jsonld";
 import { buildBreadcrumbList, buildPageSocialMetadata } from "@/lib/seo";
-import { siteName, siteUrl } from "@/lib/site-content";
+import { siteUrl } from "@/lib/site-content";
 
 const pageUrl = `${siteUrl}/privacidade`;
+const pageTitle = "Privacidade e consentimento";
+const pageDescription =
+  "Como o portfólio trata dados de contato, consentimento de analytics, links externos e solicitações de privacidade.";
 
 export const metadata: Metadata = {
-  title: "Privacidade e consentimento",
-  description:
-    "Como o portfólio trata dados de contato, consentimento de analytics, links externos e solicitações de privacidade.",
+  title: pageTitle,
+  description: pageDescription,
   ...buildPageSocialMetadata({
     url: pageUrl,
-    title: `Privacidade e consentimento | ${siteName}`,
-    description:
-      "Informações factuais sobre contato, analytics e preferências de privacidade no portfólio.",
+    title: pageTitle,
+    description: pageDescription,
     type: "website",
   }),
 };
@@ -37,7 +38,7 @@ export default function PrivacyPage() {
       <script type="application/ld+json">{safeJsonLd(jsonLd)}</script>
 
       <section className={`ds-section ds-section-dark ${pageTop}`}>
-        <div className="ds-section-shell max-w-[960px]">
+        <div className="ds-section-shell">
           <Breadcrumb
             items={[
               { label: "Início", href: "/" },