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.tsx

@@ -1,13 +1,17 @@
 import type { Metadata } from "next";
-import Link from "next/link";
 import { notFound } from "next/navigation";
 import { getCaseMedia } from "@/app/cases/_components/case-media";
+import {
+  compactHero,
+  heroWithMediaGrid,
+} from "@/app/cases/_components/hero-styles";
 import { Breadcrumb } from "@/app/components/Breadcrumb";
 import {
   pageTop,
   primaryButton,
   secondaryButtonDark,
 } from "@/app/components/button-styles";
+import HoverPrefetchLink from "@/app/components/HoverPrefetchLink";
 import WhatsAppLink from "@/app/components/WhatsAppLink";
 import { safeJsonLd } from "@/lib/jsonld";
 import {
@@ -92,13 +96,13 @@ export default async function ServicePage({ params }: ServicePageProps) {
     <main>
       <script type="application/ld+json">{safeJsonLd(jsonLd)}</script>
 
-      <section className={`ds-section ds-section-dark ${pageTop}`}>
+      <section
+        className={`ds-section ds-section-dark ${pageTop} ${
+          heroCase ? "" : compactHero
+        }`}
+      >
         <div
-          className={`ds-section-shell ${
-            heroCase
-              ? "grid items-center gap-sp-10 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,1fr)] lg:gap-sp-16"
-              : ""
-          }`}
+          className={`ds-section-shell ${heroCase ? heroWithMediaGrid : ""}`}
         >
           <div className="max-w-[860px]">
             <Breadcrumb
@@ -129,10 +133,10 @@ export default async function ServicePage({ params }: ServicePageProps) {
                 </a>
               ) : null}
             </div>
-            <p className="mt-sp-4 text-[15px] md:text-sm leading-6 text-white/70">
+            <p className="mt-sp-4 text-[15px] leading-6 text-white/70">
               Fale diretamente com Evandro. Abre uma conversa, sem precisar
-              preencher um formulário. Atendimento remoto a partir de Garuva,
-              SC.
+              preencher um formulário. Garuva e Joinville (SC) · atendimento
+              remoto em todo o Brasil.
             </p>
           </div>
           <ServiceHeroCover caseStudy={heroCase} />
@@ -150,7 +154,7 @@ export default async function ServicePage({ params }: ServicePageProps) {
           <div className="ds-grid-2">
             <article className="ds-card">
               <h2 className="ds-card-title !mt-0">Para quem faz sentido</h2>
-              <ul className="ds-list">
+              <ul className="ds-list space-y-sp-2">
                 {service.audience.map((item) => (
                   <li key={item}>{item}</li>
                 ))}
@@ -159,7 +163,7 @@ export default async function ServicePage({ params }: ServicePageProps) {
 
             <article className="ds-card">
               <h2 className="ds-card-title !mt-0">O que podemos entregar</h2>
-              <ul className="ds-list">
+              <ul className="ds-list space-y-sp-2">
                 {service.outcomes.map((item) => (
                   <li key={item}>{item}</li>
                 ))}
@@ -175,7 +179,7 @@ export default async function ServicePage({ params }: ServicePageProps) {
             <article className="min-w-0">
               <div className="ds-kicker">Da conversa à entrega</div>
               <h2 className="ds-card-title">Como trabalhamos</h2>
-              <ol className="mt-sp-5 list-decimal space-y-sp-4 pl-sp-5 text-[15px] md:text-sm leading-8 text-[var(--ink-80)]">
+              <ol className="mt-sp-5 list-decimal space-y-sp-4 pl-sp-5 text-[15px] leading-8 text-[var(--ink-80)]">
                 {service.process.map((step) => (
                   <li key={step} className="pl-sp-2">
                     {step}
@@ -191,7 +195,7 @@ export default async function ServicePage({ params }: ServicePageProps) {
                 Situações comuns em que este serviço ajuda. A sua será combinada
                 na conversa.
               </p>
-              <ul className="ds-list">
+              <ul className="ds-list space-y-sp-2">
                 {service.examples.map((example) => (
                   <li key={example}>{example}</li>
                 ))}
@@ -205,7 +209,7 @@ export default async function ServicePage({ params }: ServicePageProps) {
               Detalhes técnicos e tecnologias
             </summary>
             <div className="max-w-[80ch]">
-              <ul className="ds-list">
+              <ul className="ds-list space-y-sp-2">
                 {service.technicalDetails.map((detail) => (
                   <li key={detail}>{detail}</li>
                 ))}
@@ -240,8 +244,7 @@ export default async function ServicePage({ params }: ServicePageProps) {
             <p className="ds-copy !text-[rgba(255,255,255,0.76)]">
               Pode ser uma ideia, uma tarefa que toma tempo ou um sistema que
               precisa melhorar. Não é preciso chegar com uma solução técnica.
-              Atendo a partir de Garuva, no Norte de Santa Catarina, e
-              remotamente.
+              Atendo em Garuva e Joinville (SC) e remotamente, em todo o Brasil.
             </p>
             <div className="mt-sp-6 flex flex-wrap gap-sp-3">
               <WhatsAppLink
@@ -251,9 +254,12 @@ export default async function ServicePage({ params }: ServicePageProps) {
               >
                 {service.ctaLabel} no WhatsApp
               </WhatsAppLink>
-              <Link href="/servicos" className={secondaryButtonDark}>
+              <HoverPrefetchLink
+                href="/servicos"
+                className={secondaryButtonDark}
+              >
                 Ver todos os serviços
-              </Link>
+              </HoverPrefetchLink>
             </div>
           </div>
         </div>