feat(i18n): English localization (phase 3)

- Translate content to English across messages/en.json, data/en, lib/data/en, and public/exemplos/en
- Implement localized routing, slugs, and language negotiation with fallback to en
- Build dedicated search index for English with strict book exclusion
- Update components and pages to dynamically render localized strings and datasets
- Verify full structural parity and exact 1:1 match on Portuguese pages via comparator

Co-Authored-By: Antigravity <noreply@google.com>

app/[locale]/series/page.jsx

@@ -1,11 +1,14 @@
 "use client";
 
 import { useMemo, useState } from "react";
+import { usePathname } from "next/navigation";
 import Header from "@/components/Header";
 import Footer from "@/components/Footer";
 import PageHero from "@/components/PageHero";
 import Link from "next/link";
-import seriesData from "@/public/series.json";
+import seriesDataPt from "@/public/series.json";
+import seriesDataEn from "@/data/en/series.json";
+import { getLocalizedHref } from "@/i18n/links";
 import {
 	AlertTriangle,
 	ArrowRight,
@@ -17,7 +20,7 @@ import {
 	Sparkles,
 } from "lucide-react";
 
-const FILTROS = [
+const FILTROS_PT = [
 	{ id: "todas", rotulo: "Todas", testa: () => true },
 	{ id: "riscv", rotulo: "RISC-V", testa: (s) => s.arquitetura.includes("RISC-V") },
 	{ id: "xtensa", rotulo: "Xtensa", testa: (s) => !s.arquitetura.includes("RISC-V") },
@@ -25,22 +28,41 @@ const FILTROS = [
 	{ id: "ia", rotulo: "Aceleração de IA", testa: (s) => Boolean(s.aceleradores_ia) },
 ];
 
+const FILTROS_EN = [
+	{ id: "todas", rotulo: "All", testa: () => true },
+	{ id: "riscv", rotulo: "RISC-V", testa: (s) => s.arquitetura.includes("RISC-V") },
+	{ id: "xtensa", rotulo: "Xtensa", testa: (s) => !s.arquitetura.includes("RISC-V") },
+	{ id: "matter", rotulo: "Matter", testa: (s) => s.matter === "Yes" || s.matter === "Sim" },
+	{ id: "ia", rotulo: "AI Acceleration", testa: (s) => Boolean(s.aceleradores_ia) },
+];
+
 /** Marcador de segurança: o recurso que diferencia a série, não o que todas têm. */
-function nivelSeguranca(serie) {
+function nivelSeguranca(serie, isEn) {
 	const seg = serie.seguranca || {};
-	if (seg.key_manager === "Sim") return "Key Manager";
-	if (String(seg.ecdsa).startsWith("Sim")) return "ECDSA em hardware";
-	if (String(seg.ecc).startsWith("Sim")) return "ECC em hardware";
+	if (seg.key_manager === "Sim" || seg.key_manager === "Yes") return "Key Manager";
+	if (String(seg.ecdsa).startsWith("Sim") || String(seg.ecdsa).startsWith("Yes")) {
+		return isEn ? "Hardware ECDSA" : "ECDSA em hardware";
+	}
+	if (String(seg.ecc).startsWith("Sim") || String(seg.ecc).startsWith("Yes")) {
+		return isEn ? "Hardware ECC" : "ECC em hardware";
+	}
 	if (String(seg.aes).startsWith("AES")) return "AES + SHA";
-	return "Só SHA";
+	return isEn ? "SHA only" : "Só SHA";
 }
 
-const sim = (v) => !String(v).includes("Não");
+const simPt = (v) => !String(v).includes("Não");
+const simEn = (v) => !String(v).includes("No") && !String(v).includes("Não");
 
 export default function Series() {
+	const pathname = usePathname();
+	const isEn = pathname?.startsWith("/en");
+	const currentLocale = isEn ? "en" : "pt";
+	const seriesData = isEn ? seriesDataEn : seriesDataPt;
+	const filtros = isEn ? FILTROS_EN : FILTROS_PT;
+
 	const [filtro, setFiltro] = useState("todas");
 	const todas = Object.entries(seriesData);
-	const ativo = FILTROS.find((f) => f.id === filtro);
+	const ativo = filtros.find((f) => f.id === filtro) || filtros[0];
 	const series = useMemo(() => todas.filter(([, s]) => ativo.testa(s)), [todas, ativo]);
 
 	return (
@@ -49,40 +71,53 @@ export default function Series() {
 
 			<main id="conteudo">
 				<PageHero
-					trail={[{ label: "Séries" }]}
+					trail={[{ label: isEn ? "Series" : "Séries" }]}
 					icon={Compass}
-					label={`${todas.length} famílias da Espressif`}
-					title="Séries ESP32"
-					lede="Cada série foi desenhada para um tipo de projeto, do sensor a bateria ao acelerador de IA. Abra a ficha para ver pinagem, periféricos e segurança."
+					label={isEn ? `${todas.length} Espressif families` : `${todas.length} famílias da Espressif`}
+					title={isEn ? "ESP32 Series" : "Séries ESP32"}
+					lede={
+						isEn
+							? "Each series was designed for a specific project type, from battery-powered sensors to AI accelerators. Open the sheet to see pinout, peripherals, and security."
+							: "Cada série foi desenhada para um tipo de projeto, do sensor a bateria ao acelerador de IA. Abra a ficha para ver pinagem, periféricos e segurança."
+					}
 				/>
 
-				<section className="shell pt-10 sm:pt-12" aria-label="Lista de séries">
-					<div role="group" aria-label="Filtrar séries" className="flex flex-wrap gap-2">
-						{FILTROS.map((f) => (
+				<section className="shell pt-10 sm:pt-12" aria-label={isEn ? "Series list" : "Lista de séries"}>
+					<div role="group" aria-label={isEn ? "Filter series" : "Filtrar séries"} className="flex flex-wrap gap-2">
+						{filtros.map((f) => (
 							<button key={f.id} type="button" aria-pressed={filtro === f.id} onClick={() => setFiltro(f.id)} className="chip-btn">
 								{f.rotulo}
 							</button>
 						))}
 					</div>
 					<p role="status" aria-live="polite" className="mt-4 text-sm text-muted">
-						{series.length} {series.length === 1 ? "série" : "séries"}
+						{series.length} {series.length === 1 ? (isEn ? "series" : "série") : (isEn ? "series" : "séries")}
 					</p>
 
 					<div className="mt-4 grid gap-4 md:grid-cols-2 lg:grid-cols-3">
 						{series.map(([key, serie]) => {
 							const riscv = serie.arquitetura.includes("RISC-V");
-							const fatos = [
-								["Núcleos", serie.nucleos],
-								["Frequência", serie.frequencia],
-								["SRAM", serie.memoria_sram],
-								["Wi-Fi", sim(serie.wifi) ? "Sim" : "Não"],
-								["Bluetooth", serie.bluetooth === "Não" ? "Não" : "Sim"],
-								serie.consumo_energia?.deep_sleep ? ["Deep sleep", serie.consumo_energia.deep_sleep] : null,
-							].filter(Boolean);
+							const fatos = isEn
+								? [
+										["Cores", serie.nucleos],
+										["Frequency", serie.frequencia],
+										["SRAM", serie.memoria_sram],
+										["Wi-Fi", simEn(serie.wifi) ? "Yes" : "No"],
+										["Bluetooth", String(serie.bluetooth).includes("No") || String(serie.bluetooth).includes("Não") ? "No" : "Yes"],
+										serie.consumo_energia?.deep_sleep ? ["Deep sleep", serie.consumo_energia.deep_sleep] : null,
+									].filter(Boolean)
+								: [
+										["Núcleos", serie.nucleos],
+										["Frequência", serie.frequencia],
+										["SRAM", serie.memoria_sram],
+										["Wi-Fi", simPt(serie.wifi) ? "Sim" : "Não"],
+										["Bluetooth", serie.bluetooth === "Não" ? "Não" : "Sim"],
+										serie.consumo_energia?.deep_sleep ? ["Deep sleep", serie.consumo_energia.deep_sleep] : null,
+									].filter(Boolean);
 							return (
-								<Link key={key} href={`/series/${key}`} className="card card-interactive group flex flex-col p-5 sm:p-6">
+								<Link key={key} href={getLocalizedHref(`/series/${key}`, currentLocale)} className="card card-interactive group flex flex-col p-5 sm:p-6">
 									<div className="flex items-start justify-between gap-3">
-										<h2 className="font-display text-2xl font-semibold tracking-[-0.035em] text-ink">{key}</h2>
+										<h2 className="font-display text-2xl font-semibold tracking-[-0.03em] text-ink">{key}</h2>
 										<span className="chip">{riscv ? "RISC-V" : "Xtensa"}</span>
 									</div>
 									<p className="mt-2 line-clamp-2 min-h-[2.9rem] text-sm leading-relaxed text-muted">{serie.descricao}</p>
@@ -91,7 +126,7 @@ export default function Series() {
 										{fatos.map(([rotulo, valor]) => (
 											<div key={rotulo} className="flex items-baseline justify-between gap-4 py-2">
 												<dt className="text-muted">{rotulo}</dt>
-												<dd className={`text-right font-medium ${valor === "Não" ? "text-muted" : "text-ink"}`}>{valor}</dd>
+												<dd className={`text-right font-medium ${valor === "Não" || valor === "No" ? "text-muted" : "text-ink"}`}>{valor}</dd>
 											</div>
 										))}
 									</dl>
@@ -100,14 +135,14 @@ export default function Series() {
 										{serie.aceleradores_ia && (
 											<li className="chip chip-accent">
 												<Sparkles className="h-3 w-3" aria-hidden="true" />
-												Aceleradores de IA
+												{isEn ? "AI Accelerators" : "Aceleradores de IA"}
 											</li>
 										)}
 										<li className="chip">
 											<ShieldCheck className="h-3 w-3 text-accent" aria-hidden="true" />
-											{nivelSeguranca(serie)}
+											{nivelSeguranca(serie, isEn)}
 										</li>
-										{serie.matter === "Sim" && (
+										{(serie.matter === "Sim" || serie.matter === "Yes") && (
 											<li className="chip">
 												<Home className="h-3 w-3 text-accent" aria-hidden="true" />
 												Matter
@@ -116,13 +151,13 @@ export default function Series() {
 										{serie.status_documentacao && (
 											<li className="chip">
 												<AlertTriangle className="h-3 w-3 text-gold" aria-hidden="true" />
-												Documentação preliminar
+												{isEn ? "Preliminary documentation" : "Documentação preliminar"}
 											</li>
 										)}
 									</ul>
 
 									<span className="mt-5 inline-flex items-center gap-1 text-sm font-medium text-accent">
-										Abrir ficha
+										{isEn ? "Open datasheet" : "Abrir ficha"}
 										<ArrowUpRight className="h-4 w-4 transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5" aria-hidden="true" />
 									</span>
 								</Link>
@@ -134,14 +169,18 @@ export default function Series() {
 				<section className="shell section">
 					<div className="panel flex flex-col items-start justify-between gap-6 p-7 sm:p-10 md:flex-row md:items-center">
 						<div className="max-w-2xl">
-							<h2 className="section-title">Ficou em dúvida entre duas séries?</h2>
+							<h2 className="section-title">
+								{isEn ? "Unsure between two series?" : "Ficou em dúvida entre duas séries?"}
+							</h2>
 							<p className="mt-3 text-base text-muted">
-								O comparador coloca até quatro modelos lado a lado: núcleos, rádio, memória, periféricos e segurança.
+								{isEn
+									? "The comparator tool puts up to four models side by side: cores, radio, memory, peripherals, and security."
+									: "O comparador coloca até quatro modelos lado a lado: núcleos, rádio, memória, periféricos e segurança."}
 							</p>
 						</div>
-						<Link href="/comparacao" className="btn btn-primary shrink-0">
+						<Link href={getLocalizedHref("/comparacao", currentLocale)} className="btn btn-primary shrink-0">
 							<Scale className="h-4 w-4" aria-hidden="true" />
-							Comparar séries
+							{isEn ? "Compare series" : "Comparar séries"}
 							<ArrowRight className="h-4 w-4" aria-hidden="true" />
 						</Link>
 					</div>