feat(site): blocos 3D da marca, novas ofertas e hero mais abrangente

Hero e movimento
- cena 3D em tempo real com os blocos da marca (kit feito no Blender, 3d/blocos.py):
  marca, tela, integrações e dados; segue a rolagem, tem vida em repouso, reage ao
  cursor e, parada no topo, passa sozinha pelos estados com legenda
- três níveis de aparelho (full, lite, static); sem WebGL fica o pôster
- título novo: "Sites e sistemas sob medida para o jeito que a sua empresa trabalha."
- faixa de clientes com o ramo, linha do primeiro passo, hero alinhado às seções
- rótulos digitados, entrada dos blocos, cortina de blocos entre páginas e capa
  compartilhada entre a lista de cases e o case

Ofertas
- atendimento no WhatsApp com IA e nota fiscal para a reforma tributária
  (páginas de serviço, cartões da home, formulário e aviso com data de validade)
- página /ia atualizada, com fontes
- peças 3D em loop nos cartões e topos de página (3d/pecas.py)

Design
- hover por papel (bloco nos botões, barra nos links), rótulos sem caixa alta
- um destino por rótulo: "Falar sobre meu projeto" leva ao formulário,
  "Chamar no WhatsApp" abre o WhatsApp
- logo montado em blocos, 404 redesenhado, grades sem célula vazia
- ícones do PWA e manifesto novos

Specs em specs/, contexto de design em DESIGN.md e PRODUCT.md.

app/curriculo/page.test.tsx

@@ -1,4 +1,8 @@
 import { fireEvent, render, screen, within } from "@testing-library/react";
+import {
+  primaryButton,
+  secondaryButtonDark,
+} from "@/app/components/button-styles";
 import { trackCvDownload } from "@/lib/analytics";
 import { buttonLabels } from "@/lib/site-content";
 import CurriculoPage, { metadata } from "./page";
@@ -46,7 +50,8 @@ it("shows a matching breadcrumb and keeps consulting secondary to hiring", () =>
 
   const hiringLink = screen.getByRole("link", { name: buttonLabels.contact });
   const consultingLink = screen.getByRole("link", { name: /consultoria/i });
-  expect(hiringLink).toHaveAttribute("href", "/#contact");
+  // "Falar sobre meu projeto" leva sempre ao formulário de contato da home
+  expect(hiringLink).toHaveAttribute("href", "/#contact-form");
   expect(consultingLink).toHaveAttribute("href", "/servicos");
   expect(
     hiringLink.compareDocumentPosition(consultingLink) &
@@ -70,22 +75,28 @@ it("offers the résumé PDF as a secondary action and measures the download", ()
   const pdf = screen.getByRole("link", { name: "Baixar currículo em PDF" });
   expect(pdf).toHaveAttribute("href", "/Profile.pdf");
   expect(pdf).toHaveAttribute("download", "Evandro_Fonseca_Junior_CV.pdf");
-  // limão só para o contato
-  expect(pdf).not.toHaveClass("ds-link-accent");
-  expect(screen.getByRole("link", { name: buttonLabels.contact })).toHaveClass(
-    "ds-link-accent",
-  );
+  // limão só para o contato: as classes de botão de button-styles.ts
+  expect(pdf.className).toBe(secondaryButtonDark);
+  expect(
+    screen.getByRole("link", { name: buttonLabels.contact }).className,
+  ).toBe(primaryButton);
 
   fireEvent.click(pdf);
   expect(trackCvDownload).toHaveBeenCalledWith({ placement: "curriculo" });
 });
 
-it("opens with a lower one-column strip, the location line and spaced achievement lists", () => {
+it("opens with a lower strip, the block piece, the location line, no eyebrow and spaced achievement lists", () => {
   const { container } = render(CurriculoPage());
 
   const hero = container.querySelector("section");
   expect(hero?.className).toContain("md:!pb-sp-12");
-  expect(hero?.querySelector(".ds-section-shell")).not.toHaveClass("grid");
+  expect(hero?.querySelector(".ds-eyebrow")).toBeNull();
+  const image = hero?.querySelector("img");
+  expect(image?.getAttribute("src")).toContain("estado-integracoes.webp");
+  expect(image?.closest('[aria-hidden="true"]')).toHaveClass(
+    "hidden",
+    "lg:block",
+  );
   expect(hero).toHaveTextContent(
     "Garuva e Joinville (SC) · atendimento remoto em todo o Brasil",
   );
@@ -95,3 +106,12 @@ it("opens with a lower one-column strip, the location line and spaced achievemen
     expect(list).toHaveClass("space-y-sp-2");
   }
 });
+
+it("keeps the skill tags right under each card title, with no gap pushed in by .ds-tags", () => {
+  const { container } = render(CurriculoPage());
+
+  const tags = container.querySelectorAll("article.ds-card ul.ds-tags");
+  expect(tags.length).toBeGreaterThan(0);
+  // .ds-tags (globals.css) tem margin-top: auto, que abria um buraco no cartão esticado pela grade
+  for (const list of tags) expect(list.className).toMatch(/!mt-sp-/);
+});

app/curriculo/page.tsx

@@ -1,8 +1,18 @@
 import type { Metadata } from "next";
-import { compactHero } from "@/app/cases/_components/hero-styles";
+import {
+  compactHero,
+  heroWithMediaGrid,
+} from "@/app/cases/_components/hero-styles";
 import { Breadcrumb } from "@/app/components/Breadcrumb";
-import { pageTop } from "@/app/components/button-styles";
+import {
+  pageTop,
+  primaryButton,
+  secondaryButtonDark,
+  textLinkDark,
+} from "@/app/components/button-styles";
+import { CONTACT_FORM_HASH } from "@/app/components/contact-subject";
 import HoverPrefetchLink from "@/app/components/HoverPrefetchLink";
+import { PagePiece } from "@/app/components/PagePiece";
 import { safeJsonLd } from "@/lib/jsonld";
 import { portfolio } from "@/lib/portfolio-data";
 import {
@@ -47,39 +57,38 @@ export default function CurriculoPage() {
       <section
         className={`ds-section ds-section-dark ${pageTop} ${compactHero}`}
       >
-        <div className="ds-section-shell">
-          <Breadcrumb
-            items={[
-              { label: "Início", href: "/" },
-              { label: "Currículo", href: "/curriculo" },
-            ]}
-          />
-          <p className="ds-eyebrow">Currículo profissional</p>
-          <h1 className="ds-section-title text-white">
-            Engenheiro da Computação e Desenvolvedor de Software.
-          </h1>
-          <p className="ds-copy max-w-[70ch] !text-[rgba(255,255,255,.78)]">
-            Garuva e Joinville (SC) · atendimento remoto em todo o Brasil. Este
-            currículo reúne experiência profissional, formação e competências
-            técnicas para avaliação de contratação.
-          </p>
-          <div className="mt-sp-6 flex flex-wrap gap-sp-3">
-            <HoverPrefetchLink
-              className="ds-link ds-link-accent"
-              href="/#contact"
-            >
-              {buttonLabels.contact}
-            </HoverPrefetchLink>
-            <CvDownloadLink className="ds-link ds-link-muted">
-              Baixar currículo em PDF
-            </CvDownloadLink>
-            <HoverPrefetchLink
-              className="ds-link ds-link-text"
-              href="/servicos"
-            >
-              Procurando consultoria? Ver serviços
-            </HoverPrefetchLink>
+        <div className={`ds-section-shell ${heroWithMediaGrid}`}>
+          <div className="min-w-0">
+            <Breadcrumb
+              items={[
+                { label: "Início", href: "/" },
+                { label: "Currículo", href: "/curriculo" },
+              ]}
+            />
+            <h1 className="ds-section-title text-white">
+              Engenheiro da Computação e Desenvolvedor de Software.
+            </h1>
+            <p className="ds-copy max-w-[70ch] !text-[rgba(255,255,255,.78)]">
+              Garuva e Joinville (SC) · atendimento remoto em todo o Brasil.
+              Este currículo reúne experiência profissional, formação e
+              competências técnicas para avaliação de contratação.
+            </p>
+            <div className="mt-sp-6 flex flex-wrap items-center gap-sp-3">
+              <HoverPrefetchLink
+                className={primaryButton}
+                href={`/${CONTACT_FORM_HASH}`}
+              >
+                {buttonLabels.contact}
+              </HoverPrefetchLink>
+              <CvDownloadLink className={secondaryButtonDark}>
+                Baixar currículo em PDF
+              </CvDownloadLink>
+              <HoverPrefetchLink className={textLinkDark} href="/servicos">
+                Procurando consultoria? Ver serviços
+              </HoverPrefetchLink>
+            </div>
           </div>
+          <PagePiece image="/3d/estado-integracoes.webp" />
         </div>
       </section>
 
@@ -101,7 +110,7 @@ export default function CurriculoPage() {
                     <li key={achievement}>{achievement}</li>
                   ))}
                 </ul>
-                <ul className="ds-tags mt-sp-6">
+                <ul className="ds-tags !mt-sp-6">
                   {experience.technologies.map((technology) => (
                     <li key={technology} className="ds-tag">
                       {technology}
@@ -121,7 +130,7 @@ export default function CurriculoPage() {
             {portfolio.skills.technical.map((category) => (
               <article key={category.category} className="ds-card">
                 <h3 className="ds-card-title">{category.category}</h3>
-                <ul className="ds-tags mt-sp-5">
+                <ul className="ds-tags !mt-sp-5">
                   {category.skills.map((skill) => (
                     <li key={skill} className="ds-tag">
                       {skill}