From 43c563ed6460a1c9ed221d23b78edb236147f69c Mon Sep 17 00:00:00 2001
From: Marcelo Santos <117441129+marcelo-m7@users.noreply.github.com>
Date: Fri, 19 Sep 2025 17:07:33 +0100
Subject: [PATCH] Enable multilingual Hugo structure and localization

---
 README.md                                     |  34 +-
 config/_default/hugo.toml                     |   2 +-
 config/_default/languages.toml                |  26 +-
 config/_default/menus/menus.en.toml           |   2 +-
 config/_default/menus/menus.es.toml           |   9 +
 config/_default/menus/menus.fr.toml           |   9 +
 config/_default/menus/menus.pt.toml           |   2 +-
 config/_default/params.toml                   |  47 --
 content/en/_index.md                          |   6 +-
 content/es/_index.md                          |   9 +
 content/fr/_index.md                          |   9 +
 content/{ => pt}/_index.md                    |   0
 .../{ => pt}/courses/LESTI/2024-2025/index.md |   0
 .../uc/LESTI-ALG1/estruturas-de-dados.md      |   0
 .../LESTI/2024-2025/uc/LESTI-ALG1/index.md    |   0
 i18n/en.toml                                  | 116 +++++
 i18n/es.toml                                  | 116 +++++
 i18n/fr.toml                                  | 116 +++++
 i18n/pt.toml                                  | 116 +++++
 layouts/_default/baseof.html                  |   2 +-
 .../footer/script-footer-custom.html          |   8 +-
 layouts/course/single.html                    |  24 +-
 layouts/home.html                             |  10 +-
 layouts/topic/single.html                     |  14 +-
 layouts/uc/single.html                        |  30 +-
 netlify.toml                                  |   2 +-
 scripts/sync-content.mjs                      | 238 ++++++++---
 scripts/validate-frontmatter.js               |  25 +-
 static/js/loaders.js                          | 403 +++++++++++++++---
 29 files changed, 1146 insertions(+), 229 deletions(-)
 create mode 100644 config/_default/menus/menus.es.toml
 create mode 100644 config/_default/menus/menus.fr.toml
 create mode 100644 content/es/_index.md
 create mode 100644 content/fr/_index.md
 rename content/{ => pt}/_index.md (100%)
 rename content/{ => pt}/courses/LESTI/2024-2025/index.md (100%)
 rename content/{ => pt}/courses/LESTI/2024-2025/uc/LESTI-ALG1/estruturas-de-dados.md (100%)
 rename content/{ => pt}/courses/LESTI/2024-2025/uc/LESTI-ALG1/index.md (100%)
 create mode 100644 i18n/en.toml
 create mode 100644 i18n/es.toml
 create mode 100644 i18n/fr.toml
 create mode 100644 i18n/pt.toml

diff --git a/README.md b/README.md
index 61ec4ed4..d9afee3c 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@ A **FACODI** é uma plataforma de aprendizagem aberta que replica planos curricu
 - 🎓 Unidades curriculares com ementa, resultados de aprendizagem e tópicos
 - 🎥 Playlists abertas do YouTube organizadas por prioridade
 - 📝 Conteúdo em Markdown sincronizado automaticamente com o Supabase
-- 🌐 Multilíngue (PT como padrão, EN preparado como fallback)
+- 🌐 Multilíngue (PT, EN, ES e FR)
 
 ---
 
@@ -25,6 +25,16 @@ A **FACODI** é uma plataforma de aprendizagem aberta que replica planos curricu
 
 ---
 
+## 🧭 Separação de responsabilidades
+
+- **Hugo (`facodi.pt`)**: mantém o catálogo estático em Markdown, gera as páginas multilíngues e apenas injeta as variáveis públicas do Supabase recebidas no ambiente de deploy.
+- **Supabase**: armazena o conteúdo normalizado (cursos, UCs, tópicos, playlists) e expõe APIs autenticadas por `anon`/`service`. As chaves continuam definidas exclusivamente como _secrets_.
+- **Portal Next.js (futuro)**: consumirá esses dados de forma dinâmica, com autenticação e experiências interativas sem misturar runtime React com o build do Hugo.
+
+Essa divisão garante que o catálogo estático permaneça simples, seguro e versionável, enquanto o portal evolui com funcionalidades ricas sobre a mesma base de dados.
+
+---
+
 ## 📂 Estrutura do repositório
 
 ```bash
@@ -33,15 +43,19 @@ facodi.pt/
 ├─ config/
 │  └─ _default/
 ├─ content/
-│  ├─ _index.md
-│  └─ courses/
-│     └─ LESTI/
-│        └─ 2024-2025/
-│           ├─ index.md           # Curso
-│           └─ uc/
-│              └─ LESTI-ALG1/
-│                 ├─ index.md     # Unidade curricular
-│                 └─ estruturas-de-dados.md  # Tópico
+│  ├─ pt/
+│  │  ├─ _index.md
+│  │  └─ courses/
+│  │     └─ LESTI/
+│  │        └─ 2024-2025/
+│  │           ├─ index.md           # Curso
+│  │           └─ uc/
+│  │              └─ LESTI-ALG1/
+│  │                 ├─ index.md     # Unidade curricular
+│  │                 └─ estruturas-de-dados.md  # Tópico
+│  ├─ en/_index.md
+│  ├─ es/_index.md
+│  └─ fr/_index.md
 ├─ layouts/
 │  ├─ _default/baseof.html
 │  ├─ course/single.html
diff --git a/config/_default/hugo.toml b/config/_default/hugo.toml
index 72679145..09ac7205 100644
--- a/config/_default/hugo.toml
+++ b/config/_default/hugo.toml
@@ -10,7 +10,7 @@ rssLimit = 10
 summarylength = 40
 
 defaultContentLanguage = "pt"
-defaultContentLanguageInSubdir = false
+defaultContentLanguageInSubdir = true
 
 copyRight = "FACODI — Conteúdo aberto para aprendizagem comunitária"
 
diff --git a/config/_default/languages.toml b/config/_default/languages.toml
index 8846aa2e..3bdef4cf 100644
--- a/config/_default/languages.toml
+++ b/config/_default/languages.toml
@@ -1,7 +1,8 @@
 [pt]
   languageName = "Português"
-  contentDir = "content"
+  contentDir = "content/pt"
   weight = 1
+  languageCode = "pt-PT"
   [pt.params]
     languageISO = "PT"
     languageTag = "pt-PT"
@@ -11,7 +12,28 @@
   languageName = "English"
   contentDir = "content/en"
   weight = 2
+  languageCode = "en-US"
   [en.params]
     languageISO = "EN"
     languageTag = "en-US"
-    footer = 'Built by the FACODI community. English content coming soon.'
+    footer = 'Built by the FACODI community with Hugo and Supabase.'
+
+[es]
+  languageName = "Español"
+  contentDir = "content/es"
+  weight = 3
+  languageCode = "es-ES"
+  [es.params]
+    languageISO = "ES"
+    languageTag = "es-ES"
+    footer = 'Creado por la comunidad FACODI con Hugo y Supabase.'
+
+[fr]
+  languageName = "Français"
+  contentDir = "content/fr"
+  weight = 4
+  languageCode = "fr-FR"
+  [fr.params]
+    languageISO = "FR"
+    languageTag = "fr-FR"
+    footer = 'Construit par la communauté FACODI avec Hugo et Supabase.'
diff --git a/config/_default/menus/menus.en.toml b/config/_default/menus/menus.en.toml
index 91a65ca0..3d844e4b 100644
--- a/config/_default/menus/menus.en.toml
+++ b/config/_default/menus/menus.en.toml
@@ -1,6 +1,6 @@
 [[main]]
   name = "Courses"
-  url = "/"
+  pageRef = "/"
   weight = 10
 
 [[footer]]
diff --git a/config/_default/menus/menus.es.toml b/config/_default/menus/menus.es.toml
new file mode 100644
index 00000000..0be26324
--- /dev/null
+++ b/config/_default/menus/menus.es.toml
@@ -0,0 +1,9 @@
+[[main]]
+  name = "Cursos"
+  pageRef = "/"
+  weight = 10
+
+[[footer]]
+  name = "Código abierto"
+  url = "https://github.com/Monynha-Softwares/facodi.pt"
+  weight = 10
diff --git a/config/_default/menus/menus.fr.toml b/config/_default/menus/menus.fr.toml
new file mode 100644
index 00000000..f3723f5e
--- /dev/null
+++ b/config/_default/menus/menus.fr.toml
@@ -0,0 +1,9 @@
+[[main]]
+  name = "Cours"
+  pageRef = "/"
+  weight = 10
+
+[[footer]]
+  name = "Code ouvert"
+  url = "https://github.com/Monynha-Softwares/facodi.pt"
+  weight = 10
diff --git a/config/_default/menus/menus.pt.toml b/config/_default/menus/menus.pt.toml
index b3e88ccb..65163256 100644
--- a/config/_default/menus/menus.pt.toml
+++ b/config/_default/menus/menus.pt.toml
@@ -1,6 +1,6 @@
 [[main]]
   name = "Cursos"
-  url = "/"
+  pageRef = "/"
   weight = 10
 
 [[footer]]
diff --git a/config/_default/params.toml b/config/_default/params.toml
index 1ce8f688..8e4425fb 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -14,58 +14,11 @@ mainSections = ["courses"]
   colorModeToggler = true
   navbarSticky = true
   containerBreakpoint = "lg"
-
-  navBarButton = false
-  navBarButtonUrl = "/"
-  navBarButtonText = ""
-
-  flexSearch = false
-  searchExclKinds = []
-  searchExclTypes = []
-  showSearch = []
-  indexSummary = false
-
-  showDate = false
-  showSummary = true
-  searchLimit = 50
-
-  alert = false
-  alertDismissable = true
-
-  bootstrapJavascript = true
-
-  sectionNav = ["courses"]
   toTopButton = true
-  breadcrumbTrail = false
-  headlineHash = true
   scrollSpy = false
-
   multilingualMode = true
   showMissingLanguages = false
 
-  docsVersioning = false
-  docsVersion = "1.0"
-
-  headerBar = false
-  backgroundDots = false
-
-  sectionFooter = false
-  relatedPosts = false
-  imageList = false
-  imageSingle = true
-
-  editPage = false
-  lastMod = false
-  repoHost = "GitHub"
-  docsRepo = "https://github.com/Monynha-Softwares/facodi.pt"
-  docsRepoBranch = "main"
-  docsRepoSubPath = ""
-
-  krokiURL = "https://kroki.io"
-
-[supabase]
-  url = ""
-  anon_key = ""
 
 [seo]
   [seo.title]
diff --git a/content/en/_index.md b/content/en/_index.md
index 41521c1f..1eb47dfe 100644
--- a/content/en/_index.md
+++ b/content/en/_index.md
@@ -1,7 +1,9 @@
 ---
 title: "FACODI Catalog"
+lead: "Open courses inspired by the University of Algarve curricula."
 layout: home
-draft: true
 ---
 
-FACODI content is primarily authored in Portuguese. English translations will be published as they become available.
+FACODI is a community-led initiative that curates open courses based on the official curricula from UAlg.
+
+Explore the published courses and dive into each unit to see syllabi, learning outcomes, and curated playlists.
diff --git a/content/es/_index.md b/content/es/_index.md
new file mode 100644
index 00000000..2192255e
--- /dev/null
+++ b/content/es/_index.md
@@ -0,0 +1,9 @@
+---
+title: "Catálogo FACODI"
+lead: "Cursos abiertos inspirados en los planes de estudios de la Universidad del Algarve."
+layout: home
+---
+
+FACODI es una iniciativa comunitaria que organiza cursos abiertos basados en los planes oficiales de la UAlg.
+
+Descubre los cursos disponibles y explora cada unidad curricular para consultar programas, resultados de aprendizaje y playlists recomendadas.
diff --git a/content/fr/_index.md b/content/fr/_index.md
new file mode 100644
index 00000000..e598dcb8
--- /dev/null
+++ b/content/fr/_index.md
@@ -0,0 +1,9 @@
+---
+title: "Catalogue FACODI"
+lead: "Cours ouverts inspirés des plans d'études de l'Université de l'Algarve."
+layout: home
+---
+
+FACODI est une initiative communautaire qui propose des cours ouverts basés sur les programmes officiels de l'UAlg.
+
+Parcourez les cours disponibles et explorez chaque unité d'enseignement pour consulter les plans de cours, les résultats d'apprentissage et les playlists recommandées.
diff --git a/content/_index.md b/content/pt/_index.md
similarity index 100%
rename from content/_index.md
rename to content/pt/_index.md
diff --git a/content/courses/LESTI/2024-2025/index.md b/content/pt/courses/LESTI/2024-2025/index.md
similarity index 100%
rename from content/courses/LESTI/2024-2025/index.md
rename to content/pt/courses/LESTI/2024-2025/index.md
diff --git a/content/courses/LESTI/2024-2025/uc/LESTI-ALG1/estruturas-de-dados.md b/content/pt/courses/LESTI/2024-2025/uc/LESTI-ALG1/estruturas-de-dados.md
similarity index 100%
rename from content/courses/LESTI/2024-2025/uc/LESTI-ALG1/estruturas-de-dados.md
rename to content/pt/courses/LESTI/2024-2025/uc/LESTI-ALG1/estruturas-de-dados.md
diff --git a/content/courses/LESTI/2024-2025/uc/LESTI-ALG1/index.md b/content/pt/courses/LESTI/2024-2025/uc/LESTI-ALG1/index.md
similarity index 100%
rename from content/courses/LESTI/2024-2025/uc/LESTI-ALG1/index.md
rename to content/pt/courses/LESTI/2024-2025/uc/LESTI-ALG1/index.md
diff --git a/i18n/en.toml b/i18n/en.toml
new file mode 100644
index 00000000..06efa657
--- /dev/null
+++ b/i18n/en.toml
@@ -0,0 +1,116 @@
+[course_plan_short]
+other = "Plan {{ .plan }}"
+
+[course_ects_short]
+other = "{{ .ects }} ECTS"
+
+[course_duration_short]
+other = "{{ .count }} semesters"
+
+[course_summary_pending]
+other = "Documentation in progress."
+
+[home_no_courses]
+other = "No courses published yet. Check back soon!"
+
+[course_header_label]
+other = "Course {{ .code }}"
+
+[course_plan_caption]
+other = "Curricular plan {{ .plan }}"
+
+[course_synced_title]
+other = "Synchronized content"
+
+[course_synced_loading]
+other = "Loading detailed description from Supabase…"
+
+[course_units_title]
+other = "Curricular units"
+
+[course_units_loading]
+other = "Loading curricular units…"
+
+[course_details_title]
+other = "Course details"
+
+[course_details_institution]
+other = "Institution"
+
+[course_details_school]
+other = "School"
+
+[course_details_ects]
+other = "ECTS"
+
+[course_details_duration]
+other = "Duration"
+
+[course_details_language]
+other = "Language"
+
+[uc_header_label]
+other = "Curricular unit {{ .code }}"
+
+[uc_official_title]
+other = "Official content"
+
+[uc_official_loading]
+other = "Syncing syllabus and materials…"
+
+[uc_outcomes_title]
+other = "Learning outcomes"
+
+[uc_outcomes_loading]
+other = "Loading outcomes…"
+
+[uc_playlists_title]
+other = "Recommended playlists"
+
+[uc_playlists_loading]
+other = "Loading playlists…"
+
+[uc_topics_title]
+other = "Associated topics"
+
+[uc_topics_loading]
+other = "Loading topics…"
+
+[uc_details_title]
+other = "Information"
+
+[uc_details_course]
+other = "Course"
+
+[uc_details_ects]
+other = "ECTS"
+
+[uc_details_semester]
+other = "Semester"
+
+[uc_details_language]
+other = "Language"
+
+[uc_details_prerequisites]
+other = "Prerequisites"
+
+[topic_header_label]
+other = "Topic {{ .slug }}"
+
+[topic_synced_title]
+other = "Synchronized content"
+
+[topic_synced_loading]
+other = "Loading Markdown content…"
+
+[topic_playlists_title]
+other = "Related playlists"
+
+[topic_playlists_loading]
+other = "Loading playlists…"
+
+[topic_tags_title]
+other = "Tags"
+
+[topic_tags_loading]
+other = "Loading tags…"
diff --git a/i18n/es.toml b/i18n/es.toml
new file mode 100644
index 00000000..ce7963e6
--- /dev/null
+++ b/i18n/es.toml
@@ -0,0 +1,116 @@
+[course_plan_short]
+other = "Plan {{ .plan }}"
+
+[course_ects_short]
+other = "{{ .ects }} ECTS"
+
+[course_duration_short]
+other = "{{ .count }} semestres"
+
+[course_summary_pending]
+other = "Documentación en preparación."
+
+[home_no_courses]
+other = "Todavía no hay cursos publicados. ¡Vuelve pronto!"
+
+[course_header_label]
+other = "Curso {{ .code }}"
+
+[course_plan_caption]
+other = "Plan curricular {{ .plan }}"
+
+[course_synced_title]
+other = "Contenido sincronizado"
+
+[course_synced_loading]
+other = "Cargando descripción detallada desde Supabase…"
+
+[course_units_title]
+other = "Unidades curriculares"
+
+[course_units_loading]
+other = "Cargando unidades curriculares…"
+
+[course_details_title]
+other = "Detalles del curso"
+
+[course_details_institution]
+other = "Institución"
+
+[course_details_school]
+other = "Escuela"
+
+[course_details_ects]
+other = "ECTS"
+
+[course_details_duration]
+other = "Duración"
+
+[course_details_language]
+other = "Idioma"
+
+[uc_header_label]
+other = "Unidad curricular {{ .code }}"
+
+[uc_official_title]
+other = "Contenido oficial"
+
+[uc_official_loading]
+other = "Sincronizando programa y materiales…"
+
+[uc_outcomes_title]
+other = "Resultados de aprendizaje"
+
+[uc_outcomes_loading]
+other = "Cargando resultados…"
+
+[uc_playlists_title]
+other = "Playlists recomendadas"
+
+[uc_playlists_loading]
+other = "Cargando playlists…"
+
+[uc_topics_title]
+other = "Temas asociados"
+
+[uc_topics_loading]
+other = "Cargando temas…"
+
+[uc_details_title]
+other = "Información"
+
+[uc_details_course]
+other = "Curso"
+
+[uc_details_ects]
+other = "ECTS"
+
+[uc_details_semester]
+other = "Semestre"
+
+[uc_details_language]
+other = "Idioma"
+
+[uc_details_prerequisites]
+other = "Requisitos previos"
+
+[topic_header_label]
+other = "Tema {{ .slug }}"
+
+[topic_synced_title]
+other = "Contenido sincronizado"
+
+[topic_synced_loading]
+other = "Cargando contenido Markdown…"
+
+[topic_playlists_title]
+other = "Playlists relacionadas"
+
+[topic_playlists_loading]
+other = "Cargando playlists…"
+
+[topic_tags_title]
+other = "Etiquetas"
+
+[topic_tags_loading]
+other = "Cargando etiquetas…"
diff --git a/i18n/fr.toml b/i18n/fr.toml
new file mode 100644
index 00000000..26fc6e11
--- /dev/null
+++ b/i18n/fr.toml
@@ -0,0 +1,116 @@
+[course_plan_short]
+other = "Plan {{ .plan }}"
+
+[course_ects_short]
+other = "{{ .ects }} ECTS"
+
+[course_duration_short]
+other = "{{ .count }} semestres"
+
+[course_summary_pending]
+other = "Documentation en préparation."
+
+[home_no_courses]
+other = "Aucun cours publié pour le moment. Revenez bientôt !"
+
+[course_header_label]
+other = "Cours {{ .code }}"
+
+[course_plan_caption]
+other = "Plan d'études {{ .plan }}"
+
+[course_synced_title]
+other = "Contenu synchronisé"
+
+[course_synced_loading]
+other = "Chargement de la description détaillée depuis Supabase…"
+
+[course_units_title]
+other = "Unités d'enseignement"
+
+[course_units_loading]
+other = "Chargement des unités d'enseignement…"
+
+[course_details_title]
+other = "Détails du cours"
+
+[course_details_institution]
+other = "Institution"
+
+[course_details_school]
+other = "École"
+
+[course_details_ects]
+other = "ECTS"
+
+[course_details_duration]
+other = "Durée"
+
+[course_details_language]
+other = "Langue"
+
+[uc_header_label]
+other = "Unité d'enseignement {{ .code }}"
+
+[uc_official_title]
+other = "Contenu officiel"
+
+[uc_official_loading]
+other = "Synchronisation du programme et des ressources…"
+
+[uc_outcomes_title]
+other = "Résultats d'apprentissage"
+
+[uc_outcomes_loading]
+other = "Chargement des résultats…"
+
+[uc_playlists_title]
+other = "Playlists recommandées"
+
+[uc_playlists_loading]
+other = "Chargement des playlists…"
+
+[uc_topics_title]
+other = "Sujets associés"
+
+[uc_topics_loading]
+other = "Chargement des sujets…"
+
+[uc_details_title]
+other = "Informations"
+
+[uc_details_course]
+other = "Cours"
+
+[uc_details_ects]
+other = "ECTS"
+
+[uc_details_semester]
+other = "Semestre"
+
+[uc_details_language]
+other = "Langue"
+
+[uc_details_prerequisites]
+other = "Prérequis"
+
+[topic_header_label]
+other = "Sujet {{ .slug }}"
+
+[topic_synced_title]
+other = "Contenu synchronisé"
+
+[topic_synced_loading]
+other = "Chargement du contenu Markdown…"
+
+[topic_playlists_title]
+other = "Playlists associées"
+
+[topic_playlists_loading]
+other = "Chargement des playlists…"
+
+[topic_tags_title]
+other = "Étiquettes"
+
+[topic_tags_loading]
+other = "Chargement des étiquettes…"
diff --git a/i18n/pt.toml b/i18n/pt.toml
new file mode 100644
index 00000000..262a6b7b
--- /dev/null
+++ b/i18n/pt.toml
@@ -0,0 +1,116 @@
+[course_plan_short]
+other = "Plano {{ .plan }}"
+
+[course_ects_short]
+other = "{{ .ects }} ECTS"
+
+[course_duration_short]
+other = "{{ .count }} semestres"
+
+[course_summary_pending]
+other = "Documentação em preparação."
+
+[home_no_courses]
+other = "Nenhum curso publicado ainda. Volte em breve!"
+
+[course_header_label]
+other = "Curso {{ .code }}"
+
+[course_plan_caption]
+other = "Plano curricular {{ .plan }}"
+
+[course_synced_title]
+other = "Conteúdo sincronizado"
+
+[course_synced_loading]
+other = "Carregando descrição detalhada a partir do Supabase…"
+
+[course_units_title]
+other = "Unidades curriculares"
+
+[course_units_loading]
+other = "Carregando unidades curriculares…"
+
+[course_details_title]
+other = "Detalhes do curso"
+
+[course_details_institution]
+other = "Instituição"
+
+[course_details_school]
+other = "Escola"
+
+[course_details_ects]
+other = "ECTS"
+
+[course_details_duration]
+other = "Duração"
+
+[course_details_language]
+other = "Idioma"
+
+[uc_header_label]
+other = "Unidade curricular {{ .code }}"
+
+[uc_official_title]
+other = "Conteúdo oficial"
+
+[uc_official_loading]
+other = "Sincronizando ementa e materiais…"
+
+[uc_outcomes_title]
+other = "Resultados de aprendizagem"
+
+[uc_outcomes_loading]
+other = "Carregando resultados…"
+
+[uc_playlists_title]
+other = "Playlists recomendadas"
+
+[uc_playlists_loading]
+other = "Carregando playlists…"
+
+[uc_topics_title]
+other = "Tópicos associados"
+
+[uc_topics_loading]
+other = "Carregando tópicos…"
+
+[uc_details_title]
+other = "Informações"
+
+[uc_details_course]
+other = "Curso"
+
+[uc_details_ects]
+other = "ECTS"
+
+[uc_details_semester]
+other = "Semestre"
+
+[uc_details_language]
+other = "Idioma"
+
+[uc_details_prerequisites]
+other = "Pré-requisitos"
+
+[topic_header_label]
+other = "Tópico {{ .slug }}"
+
+[topic_synced_title]
+other = "Conteúdo sincronizado"
+
+[topic_synced_loading]
+other = "Carregando conteúdo Markdown…"
+
+[topic_playlists_title]
+other = "Playlists relacionadas"
+
+[topic_playlists_loading]
+other = "Carregando playlists…"
+
+[topic_tags_title]
+other = "Etiquetas"
+
+[topic_tags_loading]
+other = "Carregando tags…"
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index a98637f9..6f840a0e 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="{{ .Site.LanguageCode | default "pt" }}" data-bs-theme="{{ site.Params.doks.colorMode | default "auto" }}">
+<html lang="{{ or .Site.Language.LanguageCode .Site.Language.Lang "pt" }}" data-bs-theme="{{ site.Params.doks.colorMode | default "auto" }}">
   {{ partial "head/head" . }}
   {{ partial "head/body-class" . }}
   <body class="{{ delimit (.Scratch.Get "class") " " }}"{{ if eq site.Params.doks.scrollSpy true }} data-bs-spy="scroll" data-bs-target="#toc" data-bs-root-margin="0px 0px -60%" data-bs-smooth-scroll="true" tabindex="0"{{ end }}{{ block "body-attrs" . }}{{ end }}>
diff --git a/layouts/_partials/footer/script-footer-custom.html b/layouts/_partials/footer/script-footer-custom.html
index 9a1de999..2ebd3c8e 100644
--- a/layouts/_partials/footer/script-footer-custom.html
+++ b/layouts/_partials/footer/script-footer-custom.html
@@ -1,8 +1,8 @@
-{{- $supabaseUrl := site.Params.supabase.url | default (getenv "SUPABASE_URL") -}}
-{{- $supabaseAnon := site.Params.supabase.anon_key | default (getenv "SUPABASE_ANON_KEY") -}}
+{{- $supabaseUrl := getenv "SUPABASE_URL" -}}
+{{- $supabaseAnon := getenv "SUPABASE_ANON_KEY" -}}
 <script>
-  window.__SUPABASE_URL__ = "{{ $supabaseUrl }}";
-  window.__SUPABASE_ANON_KEY__ = "{{ $supabaseAnon }}";
+  window.__SUPABASE_URL__ = {{ ($supabaseUrl | default "") | jsonify }};
+  window.__SUPABASE_ANON_KEY__ = {{ ($supabaseAnon | default "") | jsonify }};
 </script>
 <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2/dist/umd/supabase.min.js" integrity="sha384-bVwQoMVfX2h5BCEQ6py0X6Z1GDZCBoBPXaGNsq4CPGK/c/pXHiY/VKwxLBzME2Yt" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/marked@12/marked.min.js" integrity="sha384-jYlzveLMpSGcooIbqmoeZaZX6mE6oPD58Ll35H0TADaBrZEcD3xKhsR4HIX66vep" crossorigin="anonymous"></script>
diff --git a/layouts/course/single.html b/layouts/course/single.html
index b2b9844f..9ce854bd 100644
--- a/layouts/course/single.html
+++ b/layouts/course/single.html
@@ -3,42 +3,42 @@
   <div class="row g-5">
     <div class="col-lg-8">
       <header class="mb-4">
-        <p class="text-uppercase text-muted small mb-2">Curso {{ .Params.code }}</p>
+        <p class="text-uppercase text-muted small mb-2">{{ i18n "course_header_label" (dict "code" .Params.code) }}</p>
         <h1 class="display-6 fw-semibold">{{ .Title }}</h1>
         {{ with .Params.plan_version }}
-        <p class="text-muted">Plano curricular {{ . }}</p>
+        <p class="text-muted">{{ i18n "course_plan_caption" (dict "plan" .) }}</p>
         {{ end }}
       </header>
       <div class="content mb-5">
         {{ .Content }}
       </div>
       <section class="mb-5">
-        <h2 class="h4">Conteúdo sincronizado</h2>
+        <h2 class="h4">{{ i18n "course_synced_title" }}</h2>
         <div id="course-content-md" class="border rounded-3 p-4 bg-light-subtle" data-course-content>
-          <p class="text-muted mb-0">Carregando descrição detalhada a partir do Supabase…</p>
+          <p class="text-muted mb-0">{{ i18n "course_synced_loading" }}</p>
         </div>
       </section>
       <section>
-        <h2 class="h4">Unidades curriculares</h2>
+        <h2 class="h4">{{ i18n "course_units_title" }}</h2>
         <div class="row g-3" data-course-ucs>
-          <div class="col-12 text-muted">Carregando unidades curriculares…</div>
+          <div class="col-12 text-muted">{{ i18n "course_units_loading" }}</div>
         </div>
       </section>
     </div>
     <div class="col-lg-4">
       <aside class="card shadow-sm border-0">
         <div class="card-body">
-          <h2 class="h5">Detalhes do curso</h2>
+          <h2 class="h5">{{ i18n "course_details_title" }}</h2>
           <dl class="row mb-0 small" data-course-details>
-            <dt class="col-5">Instituição</dt>
+            <dt class="col-5">{{ i18n "course_details_institution" }}</dt>
             <dd class="col-7 text-muted">—</dd>
-            <dt class="col-5">Escola</dt>
+            <dt class="col-5">{{ i18n "course_details_school" }}</dt>
             <dd class="col-7 text-muted">—</dd>
-            <dt class="col-5">ECTS</dt>
+            <dt class="col-5">{{ i18n "course_details_ects" }}</dt>
             <dd class="col-7 text-muted">—</dd>
-            <dt class="col-5">Duração</dt>
+            <dt class="col-5">{{ i18n "course_details_duration" }}</dt>
             <dd class="col-7 text-muted">—</dd>
-            <dt class="col-5">Idioma</dt>
+            <dt class="col-5">{{ i18n "course_details_language" }}</dt>
             <dd class="col-7 text-muted">—</dd>
           </dl>
         </div>
diff --git a/layouts/home.html b/layouts/home.html
index f7e26d28..b990c422 100644
--- a/layouts/home.html
+++ b/layouts/home.html
@@ -26,14 +26,14 @@ <h2 class="h4">
               </a>
             </h2>
             <p class="text-muted small mb-3">
-              {{ with .Params.plan_version }}<span class="me-2">Plano {{ . }}</span>{{ end }}
-              {{ with .Params.ects_total }}<span class="me-2">{{ . }} ECTS</span>{{ end }}
-              {{ with .Params.duration_semesters }}<span>{{ . }} semestres</span>{{ end }}
+              {{ with .Params.plan_version }}<span class="me-2">{{ i18n "course_plan_short" (dict "plan" .) }}</span>{{ end }}
+              {{ with .Params.ects_total }}<span class="me-2">{{ i18n "course_ects_short" (dict "ects" .) }}</span>{{ end }}
+              {{ with .Params.duration_semesters }}<span>{{ i18n "course_duration_short" (dict "count" .) }}</span>{{ end }}
             </p>
             {{ with .Params.summary }}
             <p class="mb-0">{{ . }}</p>
             {{ else }}
-            <p class="mb-0 text-muted">Documentação em preparação.</p>
+            <p class="mb-0 text-muted">{{ i18n "course_summary_pending" }}</p>
             {{ end }}
           </div>
         </article>
@@ -41,7 +41,7 @@ <h2 class="h4">
       {{ end }}
     {{ else }}
       <div class="col-12 text-center">
-        <p class="text-muted">Nenhum curso publicado ainda. Volte em breve!</p>
+        <p class="text-muted">{{ i18n "home_no_courses" }}</p>
       </div>
     {{ end }}
   </div>
diff --git a/layouts/topic/single.html b/layouts/topic/single.html
index dabb4d43..9adb6931 100644
--- a/layouts/topic/single.html
+++ b/layouts/topic/single.html
@@ -3,28 +3,28 @@
   <div class="row justify-content-center">
     <div class="col-lg-9">
       <header class="mb-4">
-        <p class="text-uppercase text-muted small mb-2">Tópico {{ .Params.slug }}</p>
+        <p class="text-uppercase text-muted small mb-2">{{ i18n "topic_header_label" (dict "slug" .Params.slug) }}</p>
         <h1 class="display-6 fw-semibold">{{ .Title }}</h1>
       </header>
       <div class="content mb-5">
         {{ .Content }}
       </div>
       <section class="mb-5">
-        <h2 class="h4">Conteúdo sincronizado</h2>
+        <h2 class="h4">{{ i18n "topic_synced_title" }}</h2>
         <div class="border rounded-3 p-4 bg-light-subtle" data-topic-content>
-          <p class="text-muted mb-0">Carregando conteúdo Markdown…</p>
+          <p class="text-muted mb-0">{{ i18n "topic_synced_loading" }}</p>
         </div>
       </section>
       <section class="mb-5">
-        <h2 class="h4">Playlists relacionadas</h2>
+        <h2 class="h4">{{ i18n "topic_playlists_title" }}</h2>
         <div class="row g-3" data-topic-playlists>
-          <div class="col-12 text-muted">Carregando playlists…</div>
+          <div class="col-12 text-muted">{{ i18n "topic_playlists_loading" }}</div>
         </div>
       </section>
       <section>
-        <h2 class="h4">Etiquetas</h2>
+        <h2 class="h4">{{ i18n "topic_tags_title" }}</h2>
         <div class="d-flex flex-wrap gap-2" data-topic-tags>
-          <span class="badge text-bg-light text-muted">Carregando tags…</span>
+          <span class="badge text-bg-light text-muted">{{ i18n "topic_tags_loading" }}</span>
         </div>
       </section>
     </div>
diff --git a/layouts/uc/single.html b/layouts/uc/single.html
index 4036e83c..87d0a7f1 100644
--- a/layouts/uc/single.html
+++ b/layouts/uc/single.html
@@ -3,51 +3,51 @@
   <div class="row g-5">
     <div class="col-xl-8">
       <header class="mb-4">
-        <p class="text-uppercase text-muted small mb-2">Unidade curricular {{ .Params.code }}</p>
+        <p class="text-uppercase text-muted small mb-2">{{ i18n "uc_header_label" (dict "code" .Params.code) }}</p>
         <h1 class="display-6 fw-semibold">{{ .Title }}</h1>
       </header>
       <div class="content mb-5">
         {{ .Content }}
       </div>
       <section class="mb-5">
-        <h2 class="h4">Conteúdo oficial</h2>
+        <h2 class="h4">{{ i18n "uc_official_title" }}</h2>
         <div class="border rounded-3 p-4 bg-light-subtle" data-uc-content>
-          <p class="text-muted mb-0">Sincronizando ementa e materiais…</p>
+          <p class="text-muted mb-0">{{ i18n "uc_official_loading" }}</p>
         </div>
       </section>
       <section class="mb-5">
-        <h2 class="h4">Resultados de aprendizagem</h2>
+        <h2 class="h4">{{ i18n "uc_outcomes_title" }}</h2>
         <ol class="list-group list-group-numbered" data-uc-outcomes>
-          <li class="list-group-item text-muted">Carregando resultados…</li>
+          <li class="list-group-item text-muted">{{ i18n "uc_outcomes_loading" }}</li>
         </ol>
       </section>
       <section class="mb-5">
-        <h2 class="h4">Playlists recomendadas</h2>
+        <h2 class="h4">{{ i18n "uc_playlists_title" }}</h2>
         <div class="row g-3" data-uc-playlists>
-          <div class="col-12 text-muted">Carregando playlists…</div>
+          <div class="col-12 text-muted">{{ i18n "uc_playlists_loading" }}</div>
         </div>
       </section>
       <section>
-        <h2 class="h4">Tópicos associados</h2>
+        <h2 class="h4">{{ i18n "uc_topics_title" }}</h2>
         <div class="row g-3" data-uc-topics>
-          <div class="col-12 text-muted">Carregando tópicos…</div>
+          <div class="col-12 text-muted">{{ i18n "uc_topics_loading" }}</div>
         </div>
       </section>
     </div>
     <div class="col-xl-4">
       <aside class="card shadow-sm border-0">
         <div class="card-body">
-          <h2 class="h5">Informações</h2>
+          <h2 class="h5">{{ i18n "uc_details_title" }}</h2>
           <dl class="row mb-0 small" data-uc-details>
-            <dt class="col-5">Curso</dt>
+            <dt class="col-5">{{ i18n "uc_details_course" }}</dt>
             <dd class="col-7 text-muted">—</dd>
-            <dt class="col-5">ECTS</dt>
+            <dt class="col-5">{{ i18n "uc_details_ects" }}</dt>
             <dd class="col-7 text-muted">—</dd>
-            <dt class="col-5">Semestre</dt>
+            <dt class="col-5">{{ i18n "uc_details_semester" }}</dt>
             <dd class="col-7 text-muted">—</dd>
-            <dt class="col-5">Idioma</dt>
+            <dt class="col-5">{{ i18n "uc_details_language" }}</dt>
             <dd class="col-7 text-muted">—</dd>
-            <dt class="col-5">Pré-requisitos</dt>
+            <dt class="col-5">{{ i18n "uc_details_prerequisites" }}</dt>
             <dd class="col-7 text-muted">—</dd>
           </dl>
         </div>
diff --git a/netlify.toml b/netlify.toml
index d4ca962e..ba16fbbe 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -25,7 +25,7 @@
     Strict-Transport-Security = "max-age=31536000; includeSubDomains; preload"
     X-Content-Type-Options = "nosniff"
     X-XSS-Protection = "1; mode=block"
-    Content-Security-Policy = "default-src 'self'; manifest-src 'self'; connect-src 'self'; font-src 'self'; img-src 'self' https://avatars.githubusercontent.com data:; script-src 'self' 'nonce-dXNlcj0iaGVsbG8iLGRvbWFpbj0iaGVua3ZlcmxpbmRlLmNvbSIsZG9jdW1lbnQud3JpdGUodXNlcisiQCIrZG9tYWluKTs=' 'sha256-aWZ3y/RxbBYKHXH0z8+8ljrHG1mSBvyzSfxSMjBSaXk='; style-src 'self'"
+    Content-Security-Policy = "default-src 'self'; manifest-src 'self'; connect-src 'self' https://*.supabase.co https://*.supabase.in https://*.supabase.net; font-src 'self'; img-src 'self' https://avatars.githubusercontent.com data:; script-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net; style-src 'self' 'unsafe-inline'"
     X-Frame-Options = "SAMEORIGIN"
     Referrer-Policy = "strict-origin"
     Permissions-Policy = "geolocation=(self), microphone=(), camera=()"
diff --git a/scripts/sync-content.mjs b/scripts/sync-content.mjs
index 93c6dcd8..63777f55 100755
--- a/scripts/sync-content.mjs
+++ b/scripts/sync-content.mjs
@@ -6,6 +6,13 @@ import matter from 'gray-matter';
 import { createClient } from '@supabase/supabase-js';
 
 const CONTENT_ROOT = path.resolve('content');
+const SUPPORTED_LANGS = ['pt', 'en', 'es', 'fr'];
+const LANGUAGE_PRIORITY = {
+  pt: 0,
+  en: 1,
+  es: 2,
+  fr: 3,
+};
 const SUPABASE_URL = process.env.SUPABASE_URL;
 const SUPABASE_SERVICE_KEY = process.env.SUPABASE_SERVICE_KEY;
 
@@ -20,30 +27,30 @@ const supabase = createClient(SUPABASE_URL, SUPABASE_SERVICE_KEY, {
   },
 });
 
-const courseRecords = [];
-const courseContents = [];
-const ucRecords = [];
-const ucContents = [];
-const ucOutcomes = [];
-const ucPlaylists = [];
-const ucTopics = [];
-const topicRecords = [];
-const topicContents = [];
-const topicTags = [];
-const topicPlaylists = [];
+const courseRecords = new Map();
+const courseContents = new Map();
+const ucRecords = new Map();
+const ucContents = new Map();
+const ucOutcomes = new Map();
+const ucPlaylists = new Map();
+const ucTopics = new Map();
+const topicRecords = new Map();
+const topicContents = new Map();
+const topicTags = new Map();
+const topicPlaylists = new Map();
 
 function toPosix(p) {
   return p.split(path.sep).join('/');
 }
 
-async function walk(dir) {
+async function walk(dir, lang) {
   const entries = await fs.readdir(dir, { withFileTypes: true });
   for (const entry of entries) {
     const fullPath = path.join(dir, entry.name);
     if (entry.isDirectory()) {
-      await walk(fullPath);
+      await walk(fullPath, lang);
     } else if (entry.isFile() && entry.name.endsWith('.md')) {
-      await parseMarkdown(fullPath);
+      await parseMarkdown(fullPath, lang);
     }
   }
 }
@@ -54,9 +61,51 @@ function normalizePlanFromDir(dirName) {
   return dirName.replace('-', '/');
 }
 
-async function parseMarkdown(fullPath) {
-  const relPath = toPosix(path.relative(CONTENT_ROOT, fullPath));
-  if (!relPath || relPath.startsWith('en/')) {
+function getPriority(language, fallbackLang) {
+  const normalized = (language || '').toLowerCase();
+  if (normalized) {
+    const base = normalized.split('-')[0];
+    if (LANGUAGE_PRIORITY[base] !== undefined) {
+      return LANGUAGE_PRIORITY[base];
+    }
+  }
+  const fallback = (fallbackLang || '').toLowerCase();
+  if (LANGUAGE_PRIORITY[fallback] !== undefined) {
+    return LANGUAGE_PRIORITY[fallback];
+  }
+  return 99;
+}
+
+function setBest(map, key, value, priority) {
+  if (value === undefined || value === null) {
+    return;
+  }
+  const existing = map.get(key);
+  if (!existing || priority <= existing.priority) {
+    map.set(key, { priority, value });
+  }
+}
+
+function mapToArray(map) {
+  return Array.from(map.values()).map((entry) => entry.value);
+}
+
+function flattenMapValues(map) {
+  const result = [];
+  map.forEach(({ value }) => {
+    if (Array.isArray(value)) {
+      result.push(...value);
+    } else if (value) {
+      result.push(value);
+    }
+  });
+  return result;
+}
+
+async function parseMarkdown(fullPath, lang) {
+  const langRoot = path.join(CONTENT_ROOT, lang);
+  const relPath = toPosix(path.relative(langRoot, fullPath));
+  if (!relPath || relPath === '_index.md' || !relPath.startsWith('courses/')) {
     return;
   }
 
@@ -64,29 +113,38 @@ async function parseMarkdown(fullPath) {
   const parsed = matter(raw);
   const data = parsed.data || {};
   const content = parsed.content.trim();
+  const priority = getPriority(data.language, lang);
 
   if (/^courses\/[^/]+\/[^/]+\/index\.md$/i.test(relPath)) {
     const segments = relPath.split('/');
     const codeFromPath = segments[1];
     const planDir = segments[2];
+    const code = data.code || codeFromPath;
+    const planVersion = data.plan_version || normalizePlanFromDir(planDir);
     const record = {
-      code: data.code || codeFromPath,
-      plan_version: data.plan_version || normalizePlanFromDir(planDir),
+      code,
+      plan_version: planVersion,
       name: data.title || '',
       degree: data.degree || '',
       ects_total: data.ects_total ?? null,
       duration_semesters: data.duration_semesters ?? null,
       institution: data.institution || null,
       school: data.school || null,
-      language: data.language || null,
+      language: data.language || lang,
       summary: data.summary || null,
     };
-    courseRecords.push(record);
-    courseContents.push({
-      course_code: record.code,
-      plan_version: record.plan_version,
-      content_md: content,
-    });
+    const key = `${record.code}__${record.plan_version}`;
+    setBest(courseRecords, key, record, priority);
+    setBest(
+      courseContents,
+      key,
+      {
+        course_code: record.code,
+        plan_version: record.plan_version,
+        content_md: content,
+      },
+      priority,
+    );
   } else if (/^courses\/[^/]+\/[^/]+\/uc\/[^/]+\/index\.md$/i.test(relPath)) {
     const segments = relPath.split('/');
     const courseCodeFromPath = segments[1];
@@ -94,59 +152,72 @@ async function parseMarkdown(fullPath) {
     const ucCodeFromPath = segments[4];
     const planVersion = normalizePlanFromDir(data.plan_version || planDir);
     const courseCode = data.course_code || courseCodeFromPath;
+    const ucCode = data.code || ucCodeFromPath;
 
-    ucRecords.push({
-      code: data.code || ucCodeFromPath,
+    const ucRecord = {
+      code: ucCode,
       course_code: courseCode,
       course_plan_version: planVersion,
       name: data.title || '',
       description: data.description || null,
       ects: data.ects ?? null,
       semester: data.semester ?? null,
-      language: data.language || null,
+      language: data.language || lang,
       prerequisites: Array.isArray(data.prerequisites) ? data.prerequisites : [],
-    });
-
-    ucContents.push({
-      uc_code: data.code || ucCodeFromPath,
-      content_md: content,
-    });
+    };
 
+    setBest(ucRecords, ucCode, ucRecord, priority);
+    setBest(
+      ucContents,
+      ucCode,
+      {
+        uc_code: ucCode,
+        content_md: content,
+      },
+      priority,
+    );
+
+    const outcomes = [];
     if (Array.isArray(data.learning_outcomes)) {
       data.learning_outcomes.forEach((outcome, index) => {
         if (typeof outcome === 'string' && outcome.trim().length > 0) {
-          ucOutcomes.push({
-            uc_code: data.code || ucCodeFromPath,
+          outcomes.push({
+            uc_code: ucCode,
             outcome,
             order: index + 1,
           });
         }
       });
     }
+    setBest(ucOutcomes, ucCode, outcomes, priority);
 
+    const playlists = [];
     if (Array.isArray(data.youtube_playlists)) {
       data.youtube_playlists.forEach((playlist) => {
         if (playlist && playlist.id) {
-          ucPlaylists.push({
-            uc_code: data.code || ucCodeFromPath,
+          playlists.push({
+            uc_code: ucCode,
             playlist_id: playlist.id,
             priority: playlist.priority ?? null,
           });
         }
       });
     }
+    setBest(ucPlaylists, ucCode, playlists, priority);
 
+    const topics = [];
     if (Array.isArray(data.topics)) {
       data.topics.forEach((topic) => {
         const slug = typeof topic === 'string' ? topic : topic && topic.slug;
         if (slug) {
-          ucTopics.push({
-            uc_code: data.code || ucCodeFromPath,
+          topics.push({
+            uc_code: ucCode,
             topic_slug: slug,
           });
         }
       });
     }
+    setBest(ucTopics, ucCode, topics, priority);
   } else if (/^courses\/[^/]+\/[^/]+\/uc\/[^/]+\/[^/]+\.md$/i.test(relPath)) {
     const fileName = path.basename(relPath);
     if (fileName.toLowerCase() === 'index.md') {
@@ -157,29 +228,38 @@ async function parseMarkdown(fullPath) {
     const slugFromPath = fileName.replace(/\.md$/, '');
 
     const slug = data.slug || slugFromPath;
-    topicRecords.push({
+    const topicRecord = {
       slug,
       name: data.title || slug,
       summary: data.summary || null,
-    });
-
-    topicContents.push({
-      topic_slug: slug,
-      content_md: content,
-    });
+    };
 
+    setBest(topicRecords, slug, topicRecord, priority);
+    setBest(
+      topicContents,
+      slug,
+      {
+        topic_slug: slug,
+        content_md: content,
+      },
+      priority,
+    );
+
+    const tags = [];
     if (Array.isArray(data.tags)) {
       data.tags.forEach((tag) => {
         if (typeof tag === 'string' && tag.trim().length > 0) {
-          topicTags.push({ topic_slug: slug, tag });
+          tags.push({ topic_slug: slug, tag });
         }
       });
     }
+    setBest(topicTags, slug, tags, priority);
 
+    const playlists = [];
     if (Array.isArray(data.youtube_playlists)) {
       data.youtube_playlists.forEach((playlist) => {
         if (playlist && playlist.id) {
-          topicPlaylists.push({
+          playlists.push({
             topic_slug: slug,
             playlist_id: playlist.id,
             priority: playlist.priority ?? null,
@@ -187,6 +267,7 @@ async function parseMarkdown(fullPath) {
         }
       });
     }
+    setBest(topicPlaylists, slug, playlists, priority);
   }
 }
 
@@ -217,32 +298,59 @@ async function purge(table, column, values) {
 }
 
 async function main() {
-  await walk(CONTENT_ROOT);
+  for (const lang of SUPPORTED_LANGS) {
+    const langRoot = path.join(CONTENT_ROOT, lang);
+    try {
+      const stats = await fs.stat(langRoot);
+      if (!stats.isDirectory()) {
+        continue;
+      }
+    } catch (err) {
+      if (err.code === 'ENOENT') {
+        continue;
+      }
+      throw err;
+    }
+    await walk(langRoot, lang);
+  }
 
   console.log('🔄 Iniciando sincronização com Supabase…');
 
-  await upsert('catalog.course', courseRecords, { onConflict: 'code,plan_version' });
-  await upsert('catalog.course_content', courseContents, { onConflict: 'course_code,plan_version' });
-  await upsert('catalog.uc', ucRecords, { onConflict: 'code' });
-  await upsert('catalog.uc_content', ucContents, { onConflict: 'uc_code' });
-  await upsert('subjects.topic', topicRecords, { onConflict: 'slug' });
-  await upsert('subjects.topic_content', topicContents, { onConflict: 'topic_slug' });
-
-  const ucCodes = [...new Set(ucRecords.map((uc) => uc.code))];
+  const courseRecordArray = mapToArray(courseRecords);
+  const courseContentArray = mapToArray(courseContents);
+  const ucRecordArray = mapToArray(ucRecords);
+  const ucContentArray = mapToArray(ucContents);
+  const topicRecordArray = mapToArray(topicRecords);
+  const topicContentArray = mapToArray(topicContents);
+
+  const ucOutcomesArray = flattenMapValues(ucOutcomes);
+  const ucPlaylistsArray = flattenMapValues(ucPlaylists);
+  const ucTopicsArray = flattenMapValues(ucTopics);
+  const topicTagsArray = flattenMapValues(topicTags);
+  const topicPlaylistsArray = flattenMapValues(topicPlaylists);
+
+  await upsert('catalog.course', courseRecordArray, { onConflict: 'code,plan_version' });
+  await upsert('catalog.course_content', courseContentArray, { onConflict: 'course_code,plan_version' });
+  await upsert('catalog.uc', ucRecordArray, { onConflict: 'code' });
+  await upsert('catalog.uc_content', ucContentArray, { onConflict: 'uc_code' });
+  await upsert('subjects.topic', topicRecordArray, { onConflict: 'slug' });
+  await upsert('subjects.topic_content', topicContentArray, { onConflict: 'topic_slug' });
+
+  const ucCodes = Array.from(ucRecords.keys());
   await purge('catalog.uc_learning_outcome', 'uc_code', ucCodes);
   await purge('mapping.uc_playlist', 'uc_code', ucCodes);
   await purge('mapping.uc_topic', 'uc_code', ucCodes);
 
-  await insert('catalog.uc_learning_outcome', ucOutcomes);
-  await insert('mapping.uc_playlist', ucPlaylists);
-  await insert('mapping.uc_topic', ucTopics);
+  await insert('catalog.uc_learning_outcome', ucOutcomesArray);
+  await insert('mapping.uc_playlist', ucPlaylistsArray);
+  await insert('mapping.uc_topic', ucTopicsArray);
 
-  const topicSlugs = [...new Set(topicRecords.map((topic) => topic.slug))];
+  const topicSlugs = Array.from(topicRecords.keys());
   await purge('subjects.topic_tag', 'topic_slug', topicSlugs);
   await purge('mapping.topic_playlist', 'topic_slug', topicSlugs);
 
-  await insert('subjects.topic_tag', topicTags);
-  await insert('mapping.topic_playlist', topicPlaylists);
+  await insert('subjects.topic_tag', topicTagsArray);
+  await insert('mapping.topic_playlist', topicPlaylistsArray);
 
   console.log('✅ Sincronização concluída com sucesso.');
 }
diff --git a/scripts/validate-frontmatter.js b/scripts/validate-frontmatter.js
index 30673eb8..56957fff 100755
--- a/scripts/validate-frontmatter.js
+++ b/scripts/validate-frontmatter.js
@@ -5,16 +5,17 @@ const path = require('path');
 const matter = require('gray-matter');
 
 const CONTENT_DIR = path.resolve(process.cwd(), 'content');
+const SUPPORTED_LANGS = ['pt', 'en', 'es', 'fr'];
 const errors = [];
 
-function walk(dir) {
+function walk(dir, lang) {
   const entries = fs.readdirSync(dir, { withFileTypes: true });
   for (const entry of entries) {
     const fullPath = path.join(dir, entry.name);
     if (entry.isDirectory()) {
-      walk(fullPath);
+      walk(fullPath, lang);
     } else if (entry.isFile() && entry.name.endsWith('.md')) {
-      validateFile(fullPath);
+      validateFile(fullPath, lang);
     }
   }
 }
@@ -134,15 +135,20 @@ function validateTopic(relPath, data, filePath, fileName) {
   }
 }
 
-function validateFile(fullPath) {
-  const relPath = toPosix(path.relative(CONTENT_DIR, fullPath));
+function validateFile(fullPath, lang) {
+  const langRoot = path.join(CONTENT_DIR, lang);
+  const relPath = toPosix(path.relative(langRoot, fullPath));
   const filePath = toPosix(path.relative(process.cwd(), fullPath));
 
   const raw = fs.readFileSync(fullPath, 'utf8');
   const parsed = matter(raw);
   const data = parsed.data || {};
 
-  if (!relPath || relPath.startsWith('en/')) {
+  if (!relPath || relPath === '_index.md') {
+    return;
+  }
+
+  if (!relPath.startsWith('courses/')) {
     return;
   }
 
@@ -158,7 +164,12 @@ function validateFile(fullPath) {
   }
 }
 
-walk(CONTENT_DIR);
+SUPPORTED_LANGS.forEach((lang) => {
+  const langRoot = path.join(CONTENT_DIR, lang);
+  if (fs.existsSync(langRoot)) {
+    walk(langRoot, lang);
+  }
+});
 
 if (errors.length > 0) {
   console.error('❌ Erros de frontmatter encontrados:');
diff --git a/static/js/loaders.js b/static/js/loaders.js
index 0fe005d8..65e21bc5 100644
--- a/static/js/loaders.js
+++ b/static/js/loaders.js
@@ -1,7 +1,290 @@
 (function () {
+  const translations = {
+    pt: {
+      common: {
+        dash: '—',
+        playlistPriority: (value, dash) => `Prioridade ${value === null || value === undefined || value === '' ? dash : value}`,
+        openPlaylist: 'Abrir playlist',
+      },
+      course: {
+        notFound: 'Curso não encontrado.',
+        labels: {
+          institution: 'Instituição',
+          school: 'Escola',
+          ects: 'ECTS',
+          duration: 'Duração',
+          language: 'Idioma',
+        },
+        formatDuration: (value, dash) => (value && value !== dash ? `${value} semestres` : dash),
+        contentMissing: 'Ainda não há conteúdo sincronizado para este curso.',
+        ucsEmpty: 'Nenhuma unidade curricular sincronizada.',
+        formatUcMeta: (semester, ects, dash) => {
+          const semDisplay = semester && semester !== dash ? `${semester}º semestre` : null;
+          const ectsDisplay = ects && ects !== dash ? `${ects} ECTS` : null;
+          if (semDisplay && ectsDisplay) {
+            return `${semDisplay} · ${ectsDisplay}`;
+          }
+          return semDisplay || ectsDisplay || dash;
+        },
+        ucDescriptionFallback: 'Descrição em preparação.',
+        loadErrors: {
+          details: 'Falha ao carregar detalhes do curso.',
+          content: 'Não foi possível carregar o conteúdo sincronizado.',
+          ucs: 'Não foi possível carregar as unidades curriculares.',
+        },
+      },
+      uc: {
+        notFound: 'UC não encontrada.',
+        labels: {
+          course: 'Curso',
+          ects: 'ECTS',
+          semester: 'Semestre',
+          language: 'Idioma',
+          prerequisites: 'Pré-requisitos',
+        },
+        contentMissing: 'Conteúdo ainda não disponível.',
+        outcomesEmpty: 'Nenhum resultado cadastrado.',
+        playlistsEmpty: 'Sem playlists associadas.',
+        topicsEmpty: 'Sem tópicos associados.',
+        topicSummaryFallback: 'Resumo em preparação.',
+        loadErrors: {
+          details: 'Falha ao carregar informações da UC.',
+          content: 'Não foi possível carregar a ementa sincronizada.',
+          outcomes: 'Erro ao carregar resultados de aprendizagem.',
+          playlists: 'Erro ao carregar playlists.',
+          topics: 'Erro ao carregar tópicos.',
+        },
+      },
+      topic: {
+        notFound: 'Tópico não encontrado.',
+        contentFallback: 'Conteúdo em preparação.',
+        playlistsEmpty: 'Sem playlists cadastradas.',
+        tagsEmpty: 'Sem etiquetas',
+        loadErrors: {
+          content: 'Não foi possível carregar o conteúdo do tópico.',
+          playlists: 'Erro ao carregar playlists.',
+          tags: 'Erro ao carregar tags.',
+        },
+      },
+    },
+    en: {
+      common: {
+        dash: '—',
+        playlistPriority: (value, dash) => `Priority ${value === null || value === undefined || value === '' ? dash : value}`,
+        openPlaylist: 'Open playlist',
+      },
+      course: {
+        notFound: 'Course not found.',
+        labels: {
+          institution: 'Institution',
+          school: 'School',
+          ects: 'ECTS',
+          duration: 'Duration',
+          language: 'Language',
+        },
+        formatDuration: (value, dash) => (value && value !== dash ? `${value} semesters` : dash),
+        contentMissing: 'There is no synchronized content for this course yet.',
+        ucsEmpty: 'No curricular units synced.',
+        formatUcMeta: (semester, ects, dash) => {
+          const semDisplay = semester && semester !== dash ? `Semester ${semester}` : null;
+          const ectsDisplay = ects && ects !== dash ? `${ects} ECTS` : null;
+          if (semDisplay && ectsDisplay) {
+            return `${semDisplay} · ${ectsDisplay}`;
+          }
+          return semDisplay || ectsDisplay || dash;
+        },
+        ucDescriptionFallback: 'Description in progress.',
+        loadErrors: {
+          details: 'Failed to load course details.',
+          content: 'The synchronized content could not be loaded.',
+          ucs: 'Unable to load curricular units.',
+        },
+      },
+      uc: {
+        notFound: 'Course unit not found.',
+        labels: {
+          course: 'Course',
+          ects: 'ECTS',
+          semester: 'Semester',
+          language: 'Language',
+          prerequisites: 'Prerequisites',
+        },
+        contentMissing: 'Content not available yet.',
+        outcomesEmpty: 'No learning outcomes registered.',
+        playlistsEmpty: 'No playlists associated.',
+        topicsEmpty: 'No related topics.',
+        topicSummaryFallback: 'Summary in progress.',
+        loadErrors: {
+          details: 'Failed to load unit information.',
+          content: 'The synchronized syllabus could not be loaded.',
+          outcomes: 'Error loading learning outcomes.',
+          playlists: 'Error loading playlists.',
+          topics: 'Error loading topics.',
+        },
+      },
+      topic: {
+        notFound: 'Topic not found.',
+        contentFallback: 'Content in progress.',
+        playlistsEmpty: 'No playlists registered.',
+        tagsEmpty: 'No tags',
+        loadErrors: {
+          content: 'The topic content could not be loaded.',
+          playlists: 'Error loading playlists.',
+          tags: 'Error loading tags.',
+        },
+      },
+    },
+    es: {
+      common: {
+        dash: '—',
+        playlistPriority: (value, dash) => `Prioridad ${value === null || value === undefined || value === '' ? dash : value}`,
+        openPlaylist: 'Abrir playlist',
+      },
+      course: {
+        notFound: 'Curso no encontrado.',
+        labels: {
+          institution: 'Institución',
+          school: 'Escuela',
+          ects: 'ECTS',
+          duration: 'Duración',
+          language: 'Idioma',
+        },
+        formatDuration: (value, dash) => (value && value !== dash ? `${value} semestres` : dash),
+        contentMissing: 'Aún no hay contenido sincronizado para este curso.',
+        ucsEmpty: 'Ninguna unidad curricular sincronizada.',
+        formatUcMeta: (semester, ects, dash) => {
+          const semDisplay = semester && semester !== dash ? `Semestre ${semester}` : null;
+          const ectsDisplay = ects && ects !== dash ? `${ects} ECTS` : null;
+          if (semDisplay && ectsDisplay) {
+            return `${semDisplay} · ${ectsDisplay}`;
+          }
+          return semDisplay || ectsDisplay || dash;
+        },
+        ucDescriptionFallback: 'Descripción en preparación.',
+        loadErrors: {
+          details: 'Error al cargar los detalles del curso.',
+          content: 'No se pudo cargar el contenido sincronizado.',
+          ucs: 'No se pudieron cargar las unidades curriculares.',
+        },
+      },
+      uc: {
+        notFound: 'Unidad curricular no encontrada.',
+        labels: {
+          course: 'Curso',
+          ects: 'ECTS',
+          semester: 'Semestre',
+          language: 'Idioma',
+          prerequisites: 'Requisitos previos',
+        },
+        contentMissing: 'Contenido todavía no disponible.',
+        outcomesEmpty: 'Ningún resultado registrado.',
+        playlistsEmpty: 'Sin playlists asociadas.',
+        topicsEmpty: 'Sin temas asociados.',
+        topicSummaryFallback: 'Resumen en preparación.',
+        loadErrors: {
+          details: 'Error al cargar la información de la unidad.',
+          content: 'No se pudo cargar el programa sincronizado.',
+          outcomes: 'Error al cargar los resultados de aprendizaje.',
+          playlists: 'Error al cargar las playlists.',
+          topics: 'Error al cargar los temas.',
+        },
+      },
+      topic: {
+        notFound: 'Tema no encontrado.',
+        contentFallback: 'Contenido en preparación.',
+        playlistsEmpty: 'Sin playlists registradas.',
+        tagsEmpty: 'Sin etiquetas',
+        loadErrors: {
+          content: 'No se pudo cargar el contenido del tema.',
+          playlists: 'Error al cargar las playlists.',
+          tags: 'Error al cargar las etiquetas.',
+        },
+      },
+    },
+    fr: {
+      common: {
+        dash: '—',
+        playlistPriority: (value, dash) => `Priorité ${value === null || value === undefined || value === '' ? dash : value}`,
+        openPlaylist: 'Ouvrir la playlist',
+      },
+      course: {
+        notFound: 'Cours introuvable.',
+        labels: {
+          institution: 'Institution',
+          school: 'École',
+          ects: 'ECTS',
+          duration: 'Durée',
+          language: 'Langue',
+        },
+        formatDuration: (value, dash) => (value && value !== dash ? `${value} semestres` : dash),
+        contentMissing: 'Il n\'y a pas encore de contenu synchronisé pour ce cours.',
+        ucsEmpty: 'Aucune unité d\'enseignement synchronisée.',
+        formatUcMeta: (semester, ects, dash) => {
+          const semDisplay = semester && semester !== dash ? `Semestre ${semester}` : null;
+          const ectsDisplay = ects && ects !== dash ? `${ects} ECTS` : null;
+          if (semDisplay && ectsDisplay) {
+            return `${semDisplay} · ${ectsDisplay}`;
+          }
+          return semDisplay || ectsDisplay || dash;
+        },
+        ucDescriptionFallback: 'Description en préparation.',
+        loadErrors: {
+          details: 'Impossible de charger les détails du cours.',
+          content: 'Impossible de charger le contenu synchronisé.',
+          ucs: 'Impossible de charger les unités d\'enseignement.',
+        },
+      },
+      uc: {
+        notFound: 'Unité d\'enseignement introuvable.',
+        labels: {
+          course: 'Cours',
+          ects: 'ECTS',
+          semester: 'Semestre',
+          language: 'Langue',
+          prerequisites: 'Prérequis',
+        },
+        contentMissing: 'Contenu indisponible pour le moment.',
+        outcomesEmpty: 'Aucun résultat enregistré.',
+        playlistsEmpty: 'Aucune playlist associée.',
+        topicsEmpty: 'Aucun sujet associé.',
+        topicSummaryFallback: 'Résumé en préparation.',
+        loadErrors: {
+          details: 'Impossible de charger les informations de l\'unité.',
+          content: 'Impossible de charger le programme synchronisé.',
+          outcomes: 'Erreur lors du chargement des résultats.',
+          playlists: 'Erreur lors du chargement des playlists.',
+          topics: 'Erreur lors du chargement des sujets.',
+        },
+      },
+      topic: {
+        notFound: 'Sujet introuvable.',
+        contentFallback: 'Contenu en préparation.',
+        playlistsEmpty: 'Aucune playlist enregistrée.',
+        tagsEmpty: 'Aucune étiquette',
+        loadErrors: {
+          content: 'Impossible de charger le contenu du sujet.',
+          playlists: 'Erreur lors du chargement des playlists.',
+          tags: 'Erreur lors du chargement des étiquettes.',
+        },
+      },
+    },
+  };
+
+  function getMessages() {
+    if (typeof document === 'undefined') {
+      return translations.pt;
+    }
+    const langAttr = document.documentElement ? document.documentElement.lang : 'pt';
+    const langKey = langAttr ? langAttr.toLowerCase().split('-')[0] : 'pt';
+    return translations[langKey] || translations.pt;
+  }
+
+  const messages = getMessages();
+  const dash = messages.common.dash || '—';
+
   function getClient() {
     if (!window.facodi || !window.facodi.supabase) {
-      console.warn('[FACODI] Cliente Supabase indisponível.');
+      console.warn('[FACODI] Supabase client unavailable.');
       return null;
     }
     return window.facodi.supabase;
@@ -18,10 +301,12 @@
       .replace(/&/g, '&amp;')
       .replace(/</g, '&lt;')
       .replace(/>/g, '&gt;');
-    return '<p>' + escaped.replace(/\n{2,}/g, '</p><p>').replace(/\n/g, '<br />') + '</p>';
+    return '<p>' + escaped.replace(/
+{2,}/g, '</p><p>').replace(/
+/g, '<br />') + '</p>';
   }
 
-  function toText(value, fallback = '—') {
+  function toText(value, fallback = dash) {
     if (Array.isArray(value)) {
       return value.length ? value.join(', ') : fallback;
     }
@@ -31,6 +316,18 @@
     return value;
   }
 
+  function formatPlaylistPriority(value) {
+    return messages.common.playlistPriority(value, dash);
+  }
+
+  function formatCourseDuration(value) {
+    return messages.course.formatDuration(value, dash);
+  }
+
+  function formatUcMeta(semester, ects) {
+    return messages.course.formatUcMeta(semester, ects, dash);
+  }
+
   async function loadCoursePage(courseCode, planVersion) {
     const client = getClient();
     if (!client) return;
@@ -52,19 +349,20 @@
         .maybeSingle();
 
       if (courseError || !course) {
-        throw courseError || new Error('Curso não encontrado.');
+        throw courseError || new Error(messages.course.notFound);
       }
 
+      const durationText = toText(course.duration_semesters);
       detailsEl.innerHTML = `
-        <dt class="col-5">Instituição</dt>
+        <dt class="col-5">${messages.course.labels.institution}</dt>
         <dd class="col-7">${toText(course.institution)}</dd>
-        <dt class="col-5">Escola</dt>
+        <dt class="col-5">${messages.course.labels.school}</dt>
         <dd class="col-7">${toText(course.school)}</dd>
-        <dt class="col-5">ECTS</dt>
+        <dt class="col-5">${messages.course.labels.ects}</dt>
         <dd class="col-7">${toText(course.ects_total)}</dd>
-        <dt class="col-5">Duração</dt>
-        <dd class="col-7">${toText(course.duration_semesters)} semestres</dd>
-        <dt class="col-5">Idioma</dt>
+        <dt class="col-5">${messages.course.labels.duration}</dt>
+        <dd class="col-7">${formatCourseDuration(durationText)}</dd>
+        <dt class="col-5">${messages.course.labels.language}</dt>
         <dd class="col-7">${toText(course.language)}</dd>
       `;
 
@@ -82,7 +380,7 @@
       if (courseContent && courseContent.content_md) {
         contentEl.innerHTML = renderMarkdown(courseContent.content_md);
       } else {
-        contentEl.innerHTML = '<p class="text-muted mb-0">Ainda não há conteúdo sincronizado para este curso.</p>';
+        contentEl.innerHTML = `<p class="text-muted mb-0">${messages.course.contentMissing}</p>`;
       }
 
       const { data: ucList, error: ucError } = await client
@@ -99,7 +397,7 @@
 
       ucContainer.innerHTML = '';
       if (!ucList || ucList.length === 0) {
-        ucContainer.innerHTML = '<div class="col-12 text-muted">Nenhuma unidade curricular sincronizada.</div>';
+        ucContainer.innerHTML = `<div class="col-12 text-muted">${messages.course.ucsEmpty}</div>`;
         return;
       }
 
@@ -111,24 +409,28 @@
         const col = document.createElement('div');
         col.className = 'col-md-6';
         const ucUrl = `${basePath}uc/${encodeURIComponent(uc.code)}/`;
+        const semesterText = toText(uc.semester);
+        const ectsText = toText(uc.ects);
+        const meta = formatUcMeta(semesterText, ectsText);
+        const description = toText(uc.description, messages.course.ucDescriptionFallback);
         col.innerHTML = `
           <article class="card h-100 border-0 shadow-sm">
             <div class="card-body">
               <h3 class="h5">
                 <a class="text-decoration-none" href="${ucUrl}">${uc.code} · ${uc.name}</a>
               </h3>
-              <p class="text-muted small mb-2">${toText(uc.semester)}º semestre · ${toText(uc.ects)} ECTS</p>
-              <p class="mb-0">${toText(uc.description, 'Descrição em preparação.')}</p>
+              <p class="text-muted small mb-2">${meta}</p>
+              <p class="mb-0">${description}</p>
             </div>
           </article>
         `;
         ucContainer.appendChild(col);
       });
     } catch (err) {
-      console.error('[FACODI] Erro ao carregar curso:', err);
-      detailsEl.innerHTML = '<div class="text-danger">Falha ao carregar detalhes do curso.</div>';
-      contentEl.innerHTML = '<p class="text-danger mb-0">Não foi possível carregar o conteúdo sincronizado.</p>';
-      ucContainer.innerHTML = '<div class="col-12 text-danger">Não foi possível carregar as unidades curriculares.</div>';
+      console.error('[FACODI] Failed to load course:', err);
+      detailsEl.innerHTML = `<div class="text-danger">${messages.course.loadErrors.details}</div>`;
+      contentEl.innerHTML = `<p class="text-danger mb-0">${messages.course.loadErrors.content}</p>`;
+      ucContainer.innerHTML = `<div class="col-12 text-danger">${messages.course.loadErrors.ucs}</div>`;
     }
   }
 
@@ -154,19 +456,19 @@
         .maybeSingle();
 
       if (ucError || !uc) {
-        throw ucError || new Error('UC não encontrada.');
+        throw ucError || new Error(messages.uc.notFound);
       }
 
       detailsEl.innerHTML = `
-        <dt class="col-5">Curso</dt>
+        <dt class="col-5">${messages.uc.labels.course}</dt>
         <dd class="col-7">${toText(uc.course_code)}</dd>
-        <dt class="col-5">ECTS</dt>
+        <dt class="col-5">${messages.uc.labels.ects}</dt>
         <dd class="col-7">${toText(uc.ects)}</dd>
-        <dt class="col-5">Semestre</dt>
+        <dt class="col-5">${messages.uc.labels.semester}</dt>
         <dd class="col-7">${toText(uc.semester)}</dd>
-        <dt class="col-5">Idioma</dt>
+        <dt class="col-5">${messages.uc.labels.language}</dt>
         <dd class="col-7">${toText(uc.language)}</dd>
-        <dt class="col-5">Pré-requisitos</dt>
+        <dt class="col-5">${messages.uc.labels.prerequisites}</dt>
         <dd class="col-7">${toText(uc.prerequisites)}</dd>
       `;
 
@@ -183,7 +485,7 @@
       if (ucContent && ucContent.content_md) {
         contentEl.innerHTML = renderMarkdown(ucContent.content_md);
       } else {
-        contentEl.innerHTML = '<p class="text-muted mb-0">Conteúdo ainda não disponível.</p>';
+        contentEl.innerHTML = `<p class="text-muted mb-0">${messages.uc.contentMissing}</p>`;
       }
 
       const { data: outcomes, error: outcomesError } = await client
@@ -198,7 +500,7 @@
 
       outcomesEl.innerHTML = '';
       if (!outcomes || outcomes.length === 0) {
-        outcomesEl.innerHTML = '<li class="list-group-item text-muted">Nenhum resultado cadastrado.</li>';
+        outcomesEl.innerHTML = `<li class="list-group-item text-muted">${messages.uc.outcomesEmpty}</li>`;
       } else {
         outcomes.forEach((item) => {
           const li = document.createElement('li');
@@ -220,17 +522,18 @@
 
       playlistsEl.innerHTML = '';
       if (!playlists || playlists.length === 0) {
-        playlistsEl.innerHTML = '<div class="col-12 text-muted">Sem playlists associadas.</div>';
+        playlistsEl.innerHTML = `<div class="col-12 text-muted">${messages.uc.playlistsEmpty}</div>`;
       } else {
         playlists.forEach((playlist) => {
           const col = document.createElement('div');
           col.className = 'col-md-6';
           const playlistUrl = `https://www.youtube.com/playlist?list=${encodeURIComponent(playlist.playlist_id)}`;
+          const priorityLabel = formatPlaylistPriority(playlist.priority);
           col.innerHTML = `
             <article class="card h-100 border-0 shadow-sm">
               <div class="card-body">
-                <p class="text-muted small mb-2">Prioridade ${playlist.priority ?? '-'}</p>
-                <a class="btn btn-outline-primary btn-sm" href="${playlistUrl}" target="_blank" rel="noopener">Abrir playlist</a>
+                <p class="text-muted small mb-2">${priorityLabel}</p>
+                <a class="btn btn-outline-primary btn-sm" href="${playlistUrl}" target="_blank" rel="noopener">${messages.common.openPlaylist}</a>
               </div>
             </article>
           `;
@@ -249,7 +552,7 @@
 
       topicsEl.innerHTML = '';
       if (!topicLinks || topicLinks.length === 0) {
-        topicsEl.innerHTML = '<div class="col-12 text-muted">Sem tópicos associados.</div>';
+        topicsEl.innerHTML = `<div class="col-12 text-muted">${messages.uc.topicsEmpty}</div>`;
       } else {
         const slugs = topicLinks.map((item) => item.topic_slug);
         const { data: topics, error: topicsDetailError } = await client
@@ -269,11 +572,12 @@
           const col = document.createElement('div');
           col.className = 'col-md-6';
           const topicUrl = `${basePath}${encodeURIComponent(topic.slug)}/`;
+          const summaryText = toText(topic.summary, messages.uc.topicSummaryFallback);
           col.innerHTML = `
             <article class="card h-100 border-0 shadow-sm">
               <div class="card-body">
                 <h3 class="h6"><a class="text-decoration-none" href="${topicUrl}">${topic.name}</a></h3>
-                <p class="mb-0 text-muted">${toText(topic.summary, 'Resumo em preparação.')}</p>
+                <p class="mb-0 text-muted">${summaryText}</p>
               </div>
             </article>
           `;
@@ -281,12 +585,12 @@
         });
       }
     } catch (err) {
-      console.error('[FACODI] Erro ao carregar UC:', err);
-      detailsEl.innerHTML = '<div class="text-danger">Falha ao carregar informações da UC.</div>';
-      contentEl.innerHTML = '<p class="text-danger mb-0">Não foi possível carregar a ementa sincronizada.</p>';
-      outcomesEl.innerHTML = '<li class="list-group-item text-danger">Erro ao carregar resultados de aprendizagem.</li>';
-      playlistsEl.innerHTML = '<div class="col-12 text-danger">Erro ao carregar playlists.</div>';
-      topicsEl.innerHTML = '<div class="col-12 text-danger">Erro ao carregar tópicos.</div>';
+      console.error('[FACODI] Failed to load course unit:', err);
+      detailsEl.innerHTML = `<div class="text-danger">${messages.uc.loadErrors.details}</div>`;
+      contentEl.innerHTML = `<p class="text-danger mb-0">${messages.uc.loadErrors.content}</p>`;
+      outcomesEl.innerHTML = `<li class="list-group-item text-danger">${messages.uc.loadErrors.outcomes}</li>`;
+      playlistsEl.innerHTML = `<div class="col-12 text-danger">${messages.uc.loadErrors.playlists}</div>`;
+      topicsEl.innerHTML = `<div class="col-12 text-danger">${messages.uc.loadErrors.topics}</div>`;
     }
   }
 
@@ -310,7 +614,7 @@
         .maybeSingle();
 
       if (topicError || !topic) {
-        throw topicError || new Error('Tópico não encontrado.');
+        throw topicError || new Error(messages.topic.notFound);
       }
 
       const { data: topicContent, error: topicContentError } = await client
@@ -323,11 +627,13 @@
         throw topicContentError;
       }
 
-      const summaryHtml = topic.summary ? `<p class="fw-semibold">${topic.summary}</p>` : '';
+      const summaryText = toText(topic.summary, '');
+      const summaryHtml = summaryText ? `<p class="fw-semibold">${summaryText}</p>` : '';
+
       if (topicContent && topicContent.content_md) {
         contentEl.innerHTML = summaryHtml + renderMarkdown(topicContent.content_md);
       } else {
-        contentEl.innerHTML = summaryHtml || '<p class="text-muted mb-0">Conteúdo em preparação.</p>';
+        contentEl.innerHTML = summaryHtml || `<p class="text-muted mb-0">${messages.topic.contentFallback}</p>`;
       }
 
       const { data: topicPlaylists, error: topicPlaylistsError } = await client
@@ -342,17 +648,18 @@
 
       playlistsEl.innerHTML = '';
       if (!topicPlaylists || topicPlaylists.length === 0) {
-        playlistsEl.innerHTML = '<div class="col-12 text-muted">Sem playlists cadastradas.</div>';
+        playlistsEl.innerHTML = `<div class="col-12 text-muted">${messages.topic.playlistsEmpty}</div>`;
       } else {
         topicPlaylists.forEach((playlist) => {
           const col = document.createElement('div');
           col.className = 'col-md-6';
           const playlistUrl = `https://www.youtube.com/playlist?list=${encodeURIComponent(playlist.playlist_id)}`;
+          const priorityLabel = formatPlaylistPriority(playlist.priority);
           col.innerHTML = `
             <article class="card h-100 border-0 shadow-sm">
               <div class="card-body">
-                <p class="text-muted small mb-2">Prioridade ${playlist.priority ?? '-'}</p>
-                <a class="btn btn-outline-primary btn-sm" href="${playlistUrl}" target="_blank" rel="noopener">Abrir playlist</a>
+                <p class="text-muted small mb-2">${priorityLabel}</p>
+                <a class="btn btn-outline-primary btn-sm" href="${playlistUrl}" target="_blank" rel="noopener">${messages.common.openPlaylist}</a>
               </div>
             </article>
           `;
@@ -373,7 +680,7 @@
       if (!tags || tags.length === 0) {
         const span = document.createElement('span');
         span.className = 'badge text-bg-light text-muted';
-        span.textContent = 'Sem etiquetas';
+        span.textContent = messages.topic.tagsEmpty;
         tagsEl.appendChild(span);
       } else {
         tags.forEach((tagItem) => {
@@ -384,10 +691,10 @@
         });
       }
     } catch (err) {
-      console.error('[FACODI] Erro ao carregar tópico:', err);
-      contentEl.innerHTML = '<p class="text-danger mb-0">Não foi possível carregar o conteúdo do tópico.</p>';
-      playlistsEl.innerHTML = '<div class="col-12 text-danger">Erro ao carregar playlists.</div>';
-      tagsEl.innerHTML = '<span class="badge text-bg-danger">Erro ao carregar tags</span>';
+      console.error('[FACODI] Failed to load topic:', err);
+      contentEl.innerHTML = `<p class="text-danger mb-0">${messages.topic.loadErrors.content}</p>`;
+      playlistsEl.innerHTML = `<div class="col-12 text-danger">${messages.topic.loadErrors.playlists}</div>`;
+      tagsEl.innerHTML = `<span class="badge text-bg-danger">${messages.topic.loadErrors.tags}</span>`;
     }
   }