feat(i18n): Spanish localization (phase 4)

Complete implementation of Spanish (es-419) language support:
- Canonical catalogs and data: messages/es.json, data/es/**, lib/data/es/**, public/exemplos/es/**
- Canonical slugs: /es/series, /es/catalogo, /es/comparacion, /es/componentes, /es/diagnostico, /es/frameworks, /es/glosario, /es/selector, /es/acerca
- Dedicated search index at /api/busca/es with Spanish accent normalization
- Strict exclusion of book references in Spanish routes and catalogs
- Language selector and root negotiation with es active (ENABLED_LOCALES = ['pt', 'en', 'es'])
- Extended verification suite: check-i18n, smoke-imagem and verifica-vazamentos

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

components/SearchDialog.jsx

@@ -43,9 +43,21 @@ const TIPOS_EN = {
 	componente: { label: "Component", Icon: Box, cor: "bg-surface-2 text-ink-soft" },
 };
 
+const TIPOS_ES = {
+	resposta: { label: "Respuesta", Icon: Sparkles, cor: "bg-accent text-accent-contrast" },
+	pino: { label: "Pines", Icon: Plug, cor: "bg-accent text-accent-contrast" },
+	pagina: { label: "Página", Icon: FileText, cor: "bg-surface-2 text-ink-soft" },
+	serie: { label: "Serie", Icon: Cpu, cor: "bg-accent-soft text-accent" },
+	framework: { label: "Framework", Icon: Terminal, cor: "bg-teal-soft text-teal" },
+	glossario: { label: "Glosario", Icon: BookOpen, cor: "bg-copper-soft text-copper" },
+	erro: { label: "Error", Icon: AlertTriangle, cor: "bg-gold-soft text-gold" },
+	componente: { label: "Componente", Icon: Box, cor: "bg-surface-2 text-ink-soft" },
+};
+
 const INTELIGENTES = new Set(["resposta", "pino"]);
 
 const EXEMPLOS_EN = ["flash s3", "usb pins c6", "gpio0 esp32", "brownout", "LVGL", "FreeRTOS"];
+const EXEMPLOS_ES = ["flash s3", "pines usb c6", "gpio0 esp32", "brownout", "LVGL", "FreeRTOS"];
 
 function Destaque({ texto, termos }) {
 	if (!termos.length) return texto;
@@ -98,11 +110,12 @@ function Pilula({ children, onClick, forte = false }) {
 
 export default function SearchDialog() {
 	const pathname = usePathname() || "";
-	const locale = pathname === "/en" || pathname.startsWith("/en/") ? "en" : "pt";
+	const locale = pathname === "/en" || pathname.startsWith("/en/") ? "en" : (pathname === "/es" || pathname.startsWith("/es/") ? "es" : "pt");
 	const isEn = locale === "en";
+	const isEs = locale === "es";
 
-	const TIPOS = isEn ? TIPOS_EN : TIPOS_PT;
-	const EXEMPLOS = isEn ? EXEMPLOS_EN : EXEMPLOS_DE_BUSCA;
+	const TIPOS = isEn ? TIPOS_EN : isEs ? TIPOS_ES : TIPOS_PT;
+	const EXEMPLOS = isEn ? EXEMPLOS_EN : isEs ? EXEMPLOS_ES : EXEMPLOS_DE_BUSCA;
 
 	const [aberto, setAberto] = useState(false);
 	const [montado, setMontado] = useState(false);
@@ -143,7 +156,7 @@ export default function SearchDialog() {
 	const carregarIndice = useCallback(() => {
 		setErro(false);
 		let cancelado = false;
-		const url = isEn ? "/api/busca/en?v=2" : "/api/busca?v=2";
+		const url = isEn ? "/api/busca/en?v=2" : isEs ? "/api/busca/es?v=2" : "/api/busca?v=2";
 		fetch(url, { cache: "no-cache" })
 			.then((r) => {
 				if (!r.ok) {
@@ -167,7 +180,7 @@ export default function SearchDialog() {
 		return () => {
 			cancelado = true;
 		};
-	}, [isEn]);
+	}, [isEn, isEs]);
 
 	// Carrega o índice (textos + especificações + pinos) na primeira abertura.
 	useEffect(() => {
@@ -238,7 +251,7 @@ export default function SearchDialog() {
 				id="botao-busca"
 				onClick={() => setAberto(true)}
 				className="flex h-11 min-w-11 shrink-0 cursor-pointer items-center justify-center gap-2 rounded-full border border-line px-3 text-ink transition-colors hover:bg-surface-2 xl:px-4"
-				aria-label={isEn ? "Search ESPDocs (Ctrl+K)" : "Buscar no ESPDocs (Ctrl+K)"}
+				aria-label={isEn ? "Search ESPDocs (Ctrl+K)" : isEs ? "Buscar en ESPDocs (Ctrl+K)" : "Buscar no ESPDocs (Ctrl+K)"}
 			>
 				<Search className="h-4 w-4" aria-hidden="true" />
 				<span className="hidden text-sm font-medium xl:inline">{isEn ? "Search" : "Buscar"}</span>
@@ -248,7 +261,7 @@ export default function SearchDialog() {
 			{montado &&
 				aberto &&
 				createPortal(
-					<div className="fixed inset-0 z-[120] flex items-start justify-center px-4 pt-[8vh]" role="dialog" aria-modal="true" aria-label={isEn ? "Search ESPDocs" : "Buscar no ESPDocs"}>
+					<div className="fixed inset-0 z-[120] flex items-start justify-center px-4 pt-[8vh]" role="dialog" aria-modal="true" aria-label={isEn ? "Search ESPDocs" : isEs ? "Buscar en ESPDocs" : "Buscar no ESPDocs"}>
 						<div className="dialog-scrim absolute inset-0 bg-black/45 backdrop-blur-sm" onClick={fechar} />
 						<div className="dialog-panel relative flex max-h-[80vh] w-full max-w-2xl flex-col overflow-hidden rounded-3xl border border-line bg-canvas shadow-2xl">
 							<div className="flex items-center gap-3 border-b border-line px-5">
@@ -260,17 +273,17 @@ export default function SearchDialog() {
 									value={consulta}
 									onChange={(e) => setConsulta(e.target.value)}
 									onKeyDown={onInputKey}
-									placeholder={isEn ? "Ask ESPDocs: “flash s3”, “usb pins c6”, “gpio0 esp32”…" : "Pergunte ao ESPDocs: “flash s3”, “pinos usb c6”, “gpio0 esp32”…"}
+									placeholder={isEn ? "Ask ESPDocs: “flash s3”, “usb pins c6”, “gpio0 esp32”…" : isEs ? "Pregunte a ESPDocs: “flash s3”, “pines usb c6”, “gpio0 esp32”…" : "Pergunte ao ESPDocs: “flash s3”, “pinos usb c6”, “gpio0 esp32”…"}
 									className="flex-1 bg-transparent py-5 text-base text-ink outline-none placeholder:text-muted"
 									autoComplete="off"
 									spellCheck={false}
-									aria-label={isEn ? "Search query" : "Termo de busca"}
+									aria-label={isEn ? "Search query" : isEs ? "Término de búsqueda" : "Termo de busca"}
 								/>
 								<button
 									type="button"
 									onClick={fechar}
 									className="grid h-9 w-9 cursor-pointer place-items-center rounded-full text-muted transition-colors hover:bg-surface-2 hover:text-ink"
-									aria-label={isEn ? "Close search" : "Fechar busca"}
+									aria-label={isEn ? "Close search" : isEs ? "Cerrar búsqueda" : "Fechar busca"}
 								>
 									<X className="h-4 w-4" />
 								</button>
@@ -278,7 +291,7 @@ export default function SearchDialog() {
 
 							{entendeu && (
 								<div className="flex flex-wrap items-center gap-2 border-b border-line bg-surface px-5 py-2.5">
-									<span className="text-xs font-semibold text-muted">{isEn ? "Understood:" : "Entendi:"}</span>
+									<span className="text-xs font-semibold text-muted">{isEn ? "Understood:" : isEs ? "Entendido:" : "Entendi:"}</span>
 									{interpretacao.chips.map((c) => (
 										<Pilula key={c.chave} forte>{c.nome}</Pilula>
 									))}
@@ -290,7 +303,7 @@ export default function SearchDialog() {
 
 							{sugestoes.length > 0 && (
 								<div className="flex flex-wrap items-center gap-2 border-b border-line px-5 py-2.5">
-									<span className="text-xs font-semibold text-muted">{interpretacao.chips.length ? (isEn ? "Ask about:" : "Perguntar sobre:") : (isEn ? "Which chip?" : "Para qual chip?")}</span>
+									<span className="text-xs font-semibold text-muted">{interpretacao.chips.length ? (isEn ? "Ask about:" : isEs ? "Preguntar sobre:" : "Perguntar sobre:") : (isEn ? "Which chip?" : isEs ? "¿Para qué chip?" : "Para qual chip?")}</span>
 									{sugestoes.map((s) => (
 										<Pilula key={s.rotulo} onClick={() => anexar(s.anexar)}>
 											{s.rotulo}
@@ -302,21 +315,21 @@ export default function SearchDialog() {
 							<div ref={listaRef} className="flex-1 overflow-y-auto p-2" role="listbox">
 								{erro && (
 									<div className="p-6 text-center">
-										<p className="text-sm font-semibold text-danger">{isEn ? "Could not load search index." : "Não foi possível carregar o índice de busca."}</p>
+										<p className="text-sm font-semibold text-danger">{isEn ? "Could not load search index." : isEs ? "No se pudo cargar el índice de búsqueda." : "Não foi possível carregar o índice de busca."}</p>
 										<button
 											type="button"
 											onClick={carregarIndice}
 											className="btn btn-primary btn-sm mt-3"
 										>
-											{isEn ? "Try again" : "Tentar novamente"}
+											{isEn ? "Try again" : isEs ? "Reintentar" : "Tentar novamente"}
 										</button>
 									</div>
 								)}
-								{!erro && !indice && <p className="p-6 text-center text-sm text-muted">{isEn ? "Loading…" : "Carregando…"}</p>}
+								{!erro && !indice && <p className="p-6 text-center text-sm text-muted">{isEn ? "Loading…" : isEs ? "Cargando…" : "Carregando…"}</p>}
 
 								{indice && vazia && (
 									<div className="px-3 pb-3 pt-1">
-										<p className="text-xs font-semibold text-muted">{isEn ? "Try asking" : "Experimente perguntar"}</p>
+										<p className="text-xs font-semibold text-muted">{isEn ? "Try asking" : isEs ? "Pruebe a preguntar" : "Experimente perguntar"}</p>
 										<div className="mt-2 flex flex-wrap gap-2">
 											{EXEMPLOS.map((ex) => (
 												<Pilula key={ex} onClick={() => setConsulta(ex)}>
@@ -324,14 +337,14 @@ export default function SearchDialog() {
 												</Pilula>
 											))}
 										</div>
-										<p className="mt-4 text-xs font-semibold text-muted">{isEn ? "Go to" : "Ir para"}</p>
+										<p className="mt-4 text-xs font-semibold text-muted">{isEn ? "Go to" : isEs ? "Ir a" : "Ir para"}</p>
 									</div>
 								)}
 
 								{indice && !vazia && resultados.length === 0 && (
 									<div className="p-8 text-center">
-										<p className="font-display text-lg font-semibold text-ink">{isEn ? `No results for “${consulta}”` : `Nenhum resultado para “${consulta}”`}</p>
-										<p className="mt-1 text-sm text-muted">{isEn ? "Try “brownout”, “flash s3”, “usb pins c6” or “LVGL”." : "Tente “brownout”, “flash s3”, “pinos usb c6” ou “LVGL”."}</p>
+										<p className="font-display text-lg font-semibold text-ink">{isEn ? `No results for “${consulta}”` : isEs ? `Sin resultados para “${consulta}”` : `Nenhum resultado para “${consulta}”`}</p>
+										<p className="mt-1 text-sm text-muted">{isEn ? "Try “brownout”, “flash s3”, “usb pins c6” or “LVGL”." : isEs ? "Pruebe “brownout”, “flash s3”, “pines usb c6” o “LVGL”." : "Tente “brownout”, “flash s3”, “pinos usb c6” ou “LVGL”."}</p>
 									</div>
 								)}
 
@@ -396,8 +409,8 @@ export default function SearchDialog() {
 							<div className="hidden items-center gap-4 border-t border-line bg-surface px-4 py-2.5 text-xs text-muted md:flex">
 								<span className="flex items-center gap-1"><ArrowUp className="h-3 w-3" /><ArrowDown className="h-3 w-3" /> {isEn ? "navigate" : "navegar"}</span>
 								<span className="flex items-center gap-1"><CornerDownLeft className="h-3 w-3" /> {isEn ? "open" : "abrir"}</span>
-								<span><kbd className="font-mono font-semibold">Esc</kbd> {isEn ? "close" : "fechar"}</span>
-								<span className="ml-auto">{vazia ? (isEn ? "Tip: press / on any page" : "Dica: pressione / em qualquer página") : `${resultados.length} ${isEn ? "result(s)" : "resultado(s)"}`}</span>
+								<span><kbd className="font-mono font-semibold">Esc</kbd> {isEn ? "close" : isEs ? "cerrar" : "fechar"}</span>
+								<span className="ml-auto">{vazia ? (isEn ? "Tip: press / on any page" : isEs ? "Consejo: presione / en cualquier página" : "Dica: pressione / em qualquer página") : `${resultados.length} ${isEn ? "result(s)" : "resultado(s)"}`}</span>
 							</div>
 						</div>
 					</div>,