From 959bac1c8342185ea03b8036e0acafc80d8f524c Mon Sep 17 00:00:00 2001
From: Emanuel Guzzetti <eguzzetti@bancor.com.ar>
Date: Mon, 13 Apr 2026 23:04:04 -0300
Subject: [PATCH 1/2] Add language switcher for Spanish, English, and
 Portuguese

---
 index.html     |  45 +++---
 raffle-core.js |   9 +-
 scripts.js     | 377 +++++++++++++++++++++++++++++++++++++++++++++----
 styles.css     |  48 +++++++
 4 files changed, 431 insertions(+), 48 deletions(-)

diff --git a/index.html b/index.html
index 95d4bac..adacff0 100644
--- a/index.html
+++ b/index.html
@@ -20,12 +20,19 @@
     <div class="page-shell">
         <main class="app">
             <section class="hero">
-                <p class="eyebrow">Sorteos sin vueltas</p>
+                <div class="hero-topbar">
+                    <p id="heroEyebrow" class="eyebrow">Sorteos sin vueltas</p>
+                    <div class="language-switcher" aria-label="Language selector">
+                        <button type="button" class="lang-button is-active" data-lang="es">ES</button>
+                        <button type="button" class="lang-button" data-lang="en">EN</button>
+                        <button type="button" class="lang-button" data-lang="pt">PT</button>
+                    </div>
+                </div>
                 <div class="hero-title">
                     <img src="favicon.svg" alt="" class="hero-mark">
                     <h1>Sorteo Simple</h1>
                 </div>
-                <p class="hero-copy">
+                <p id="heroCopy" class="hero-copy">
                     Cargá participantes, definí premios y obtené ganadores al instante con una herramienta simple y clara.
                 </p>
             </section>
@@ -33,14 +40,14 @@ <h1>Sorteo Simple</h1>
             <section class="workspace" aria-label="Herramienta de sorteo">
                 <article class="panel panel-form">
                     <div class="panel-heading">
-                        <h2>Configurar sorteo</h2>
-                        <p>Prepará la lista, ajustá opciones y dejá todo listo para sortear.</p>
+                        <h2 id="formHeading">Configurar sorteo</h2>
+                        <p id="formSubheading">Prepará la lista, ajustá opciones y dejá todo listo para sortear.</p>
                     </div>
 
                     <form id="raffleForm" novalidate>
                         <div class="panel-top">
                             <div class="field-group compact">
-                                <label for="cantPremios">Cantidad de premios</label>
+                                <label id="prizeLabel" for="cantPremios">Cantidad de premios</label>
                                 <input type="number" id="cantPremios" name="cantPremios" value="1" min="1" max="100"
                                     inputmode="numeric" autocomplete="off" aria-describedby="prizeHelp prizeError"
                                     required>
@@ -51,7 +58,7 @@ <h2>Configurar sorteo</h2>
 
                         <div class="field-group field-group-fill">
                             <div class="field-header">
-                                <label for="formControlTextArea1">Participantes</label>
+                                <label id="participantsLabel" for="formControlTextArea1">Participantes</label>
                                 <span id="participantsCounter" class="counter">0 participantes</span>
                             </div>
                             <textarea class="form-textarea" id="formControlTextArea1" name="participantes" rows="12"
@@ -68,15 +75,15 @@ <h2>Configurar sorteo</h2>
                         </div>
 
                         <details class="options-card">
-                            <summary>Opciones avanzadas</summary>
+                            <summary id="advancedOptionsSummary">Opciones avanzadas</summary>
                             <div class="options-content">
                                 <label class="toggle">
                                     <input type="checkbox" id="excludePreviousWinners">
-                                    <span>Excluir ganadores previos al volver a sortear</span>
+                                    <span id="excludePreviousLabel">Excluir ganadores previos al volver a sortear</span>
                                 </label>
                                 <label class="toggle">
                                     <input type="checkbox" id="autoRemoveDuplicates">
-                                    <span>Quitar repetidos automáticamente al sortear</span>
+                                    <span id="autoRemoveDuplicatesLabel">Quitar repetidos automáticamente al sortear</span>
                                 </label>
                             </div>
                         </details>
@@ -91,39 +98,39 @@ <h2>Configurar sorteo</h2>
 
                 <article class="panel panel-result">
                     <div class="panel-heading">
-                        <h2>Resultado</h2>
-                        <p>Visualizá los ganadores, copiá el texto o exportalo para compartirlo.</p>
+                        <h2 id="resultHeading">Resultado</h2>
+                        <p id="resultSubheading">Visualizá los ganadores, copiá el texto o exportalo para compartirlo.</p>
                     </div>
 
                     <div class="panel-top">
                         <div class="result-top">
                             <div class="result-summary" aria-live="polite">
                                 <div>
-                                    <span class="summary-label">Premios</span>
+                                    <span id="summaryPrizesLabel" class="summary-label">Premios</span>
                                     <strong id="summaryPrizes">1</strong>
                                 </div>
                                 <div>
-                                    <span class="summary-label">Participantes válidos</span>
+                                    <span id="summaryParticipantsLabel" class="summary-label">Participantes válidos</span>
                                     <strong id="summaryParticipants">0</strong>
                                 </div>
                             </div>
 
                             <p class="result-meta" aria-live="polite">
-                                <span><strong id="summaryDuplicateParticipants">0</strong> repetidos</span>
+                                <span><strong id="summaryDuplicateParticipants">0</strong> <span id="summaryDuplicatesLabel">repetidos</span></span>
                             </p>
                         </div>
                     </div>
 
                     <div class="field-group field-group-fill">
                         <div class="field-header">
-                            <label for="formControlTextArea2">Ganadores</label>
+                            <label id="winnersLabel" for="formControlTextArea2">Ganadores</label>
                             <span id="resultBadge" class="counter counter-neutral">Sin sorteo</span>
                         </div>
                         <div id="winnerReveal" class="winner-reveal" aria-live="polite"></div>
                         <div id="resultStage" class="result-stage">
                             <div id="emptyState" class="empty-state">
-                                <strong>Todo listo para empezar</strong>
-                                <p>Cuando ejecutes el sorteo, vas a ver aquí los ganadores numerados y vas a poder copiarlos o exportarlos.</p>
+                                <strong id="emptyStateTitle">Todo listo para empezar</strong>
+                                <p id="emptyStateText">Cuando ejecutes el sorteo, vas a ver aquí los ganadores numerados y vas a poder copiarlos o exportarlos.</p>
                             </div>
                             <textarea class="form-textarea result-area" id="formControlTextArea2" name="resultado"
                                 rows="12" placeholder="Todavía no hay un sorteo realizado" readonly
@@ -133,7 +140,7 @@ <h2>Resultado</h2>
                     </div>
 
                     <div class="history-card" aria-live="polite">
-                        <span class="summary-label">Ganadores acumulados excluidos</span>
+                        <span id="historyLabel" class="summary-label">Ganadores acumulados excluidos</span>
                         <p id="historyText">Todavía no se excluyeron ganadores previos.</p>
                     </div>
 
@@ -147,7 +154,7 @@ <h2>Resultado</h2>
         </main>
 
         <footer class="site-footer">
-            <p>Creado por E.G.</p>
+            <p id="footerText">Creado por E.G.</p>
             <div class="footer-links">
                 <a href="https://www.linkedin.com/in/emanuel-guzzetti/" target="_blank" rel="noopener noreferrer"
                     aria-label="Perfil de LinkedIn">
diff --git a/raffle-core.js b/raffle-core.js
index 864a490..a6436ff 100644
--- a/raffle-core.js
+++ b/raffle-core.js
@@ -56,11 +56,11 @@
         const uniqueParticipants = dedupeParticipants(participants);
 
         if (participants.length === 0) {
-            return { valid: false, message: "Ingresa al menos un participante para realizar el sorteo." };
+            return { valid: false, code: "no_participants", message: "Ingresa al menos un participante para realizar el sorteo." };
         }
 
         if (prizeCount < MIN_PRIZES || prizeCount > MAX_PRIZES) {
-            return { valid: false, message: "La cantidad de premios debe estar entre 1 y 100." };
+            return { valid: false, code: "invalid_prize_count", message: "La cantidad de premios debe estar entre 1 y 100." };
         }
 
         const eligibleParticipants = buildEligibleParticipants(
@@ -70,17 +70,18 @@
         );
 
         if (eligibleParticipants.length === 0) {
-            return { valid: false, message: "No quedan participantes disponibles con las opciones actuales." };
+            return { valid: false, code: "no_eligible_participants", message: "No quedan participantes disponibles con las opciones actuales." };
         }
 
         if (prizeCount > eligibleParticipants.length) {
             return {
                 valid: false,
+                code: "too_many_prizes",
                 message: "La cantidad de premios no puede superar a los participantes disponibles.",
             };
         }
 
-        return { valid: true, message: "" };
+        return { valid: true, code: "", message: "" };
     }
 
     function pickWinners(participants, prizeCount, excludedParticipants) {
diff --git a/scripts.js b/scripts.js
index f1f5bb5..9b4b097 100644
--- a/scripts.js
+++ b/scripts.js
@@ -1,7 +1,207 @@
 const STORAGE_KEY = "sorteo-simple-state";
+const LANGUAGE_STORAGE_KEY = "sorteo-simple-language";
 const TOAST_DURATION_MS = 2800;
 const DRAW_ANIMATION_MS = 620;
 
+const I18N = {
+    es: {
+        pageDescription: "Herramienta moderna para sortear ganadores de forma aleatoria, sin repetir nombres.",
+        heroEyebrow: "Sorteos sin vueltas",
+        heroCopy: "Cargá participantes, definí premios y obtené ganadores al instante con una herramienta simple y clara.",
+        formHeading: "Configurar sorteo",
+        formSubheading: "Prepará la lista, ajustá opciones y dejá todo listo para sortear.",
+        prizeLabel: "Cantidad de premios",
+        prizeHelp: "Permitido: entre 1 y 100 premios.",
+        participantsLabel: "Participantes",
+        participantsPlaceholder: "Escribí un participante por línea",
+        participantsHelp: "Las líneas vacías se ignoran. Podés limpiar nombres repetidos en un clic.",
+        removeDuplicatesButton: "Quitar repetidos",
+        advancedOptionsSummary: "Opciones avanzadas",
+        excludePreviousLabel: "Excluir ganadores previos al volver a sortear",
+        autoRemoveDuplicatesLabel: "Quitar repetidos automáticamente al sortear",
+        drawButton: "Sortear ahora",
+        rerollButton: "Sortear de nuevo",
+        resetButton: "Limpiar todo",
+        resultHeading: "Resultado",
+        resultSubheading: "Visualizá los ganadores, copiá el texto o exportalo para compartirlo.",
+        summaryPrizesLabel: "Premios",
+        summaryParticipantsLabel: "Participantes válidos",
+        summaryDuplicatesLabel: "repetidos",
+        winnersLabel: "Ganadores",
+        noResult: "Sin sorteo",
+        latestResultReady: "Último sorteo listo",
+        emptyStateTitle: "Todo listo para empezar",
+        emptyStateText: "Cuando ejecutes el sorteo, vas a ver aquí los ganadores numerados y vas a poder copiarlos o exportarlos.",
+        resultPlaceholder: "Todavía no hay un sorteo realizado",
+        resultHelp: "El resultado se genera automáticamente y queda bloqueado para evitar cambios manuales.",
+        historyLabel: "Ganadores acumulados excluidos",
+        historyEmpty: "Todavía no se excluyeron ganadores previos.",
+        copyButton: "Copiar resultado",
+        exportButton: "Exportar TXT",
+        clearHistoryButton: "Borrar historial",
+        footerText: "Creado por E.G.",
+        confirmTitle: "Confirmar acción",
+        confirmCancelButton: "Cancelar",
+        confirmAcceptButton: "Continuar",
+        participantSingle: "participante",
+        participantPlural: "participantes",
+        duplicatesMetric: "repetidos",
+        availableMetric: "disponibles",
+        invalidPrizeCount: "La cantidad de premios es inválida.",
+        validation_no_participants: "Ingresá al menos un participante para realizar el sorteo.",
+        validation_invalid_prize_count: "La cantidad de premios debe estar entre 1 y 100.",
+        validation_no_eligible_participants: "No quedan participantes disponibles con las opciones actuales.",
+        validation_too_many_prizes: "La cantidad de premios no puede superar a los participantes disponibles.",
+        raffleDone: "Sorteo realizado con éxito.",
+        rerollNeedParticipants: "Primero cargá participantes para poder volver a sortear.",
+        rerollDone: "Nuevo sorteo generado.",
+        noResultToCopy: "Todavía no hay resultado para copiar.",
+        copiedResult: "Resultado copiado al portapapeles.",
+        copyFailed: "No se pudo copiar el resultado.",
+        noResultToExport: "Todavía no hay resultado para exportar.",
+        exportedResult: "Resultado exportado en TXT.",
+        noDuplicatesToClean: "No hay participantes repetidos para limpiar.",
+        duplicatesRemoved: "Se eliminaron los participantes repetidos.",
+        clearHistoryConfirm: "Se va a borrar el historial de ganadores excluidos. Después vas a poder volver a usar esos nombres en próximos sorteos.",
+        clearHistoryDone: "Se borró el historial de ganadores excluidos.",
+        resetConfirm: "Se van a limpiar participantes, resultado y opciones activas. Esta acción no se puede deshacer.",
+        resetDone: "Formulario reiniciado.",
+        confirmCancel: false,
+        winnerSingle: "Ganador",
+        prizePrefix: "Premio",
+    },
+    en: {
+        pageDescription: "Modern tool to draw winners at random without repeating names.",
+        heroEyebrow: "Quick raffles",
+        heroCopy: "Add participants, set prizes, and get winners instantly with a simple and clear tool.",
+        formHeading: "Setup raffle",
+        formSubheading: "Prepare the list, adjust options, and get everything ready to draw.",
+        prizeLabel: "Number of prizes",
+        prizeHelp: "Allowed range: from 1 to 100 prizes.",
+        participantsLabel: "Participants",
+        participantsPlaceholder: "Write one participant per line",
+        participantsHelp: "Empty lines are ignored. You can clean repeated names in one click.",
+        removeDuplicatesButton: "Remove duplicates",
+        advancedOptionsSummary: "Advanced options",
+        excludePreviousLabel: "Exclude previous winners when drawing again",
+        autoRemoveDuplicatesLabel: "Remove duplicates automatically when drawing",
+        drawButton: "Draw now",
+        rerollButton: "Draw again",
+        resetButton: "Clear all",
+        resultHeading: "Result",
+        resultSubheading: "View the winners, copy the text, or export it to share.",
+        summaryPrizesLabel: "Prizes",
+        summaryParticipantsLabel: "Eligible participants",
+        summaryDuplicatesLabel: "duplicates",
+        winnersLabel: "Winners",
+        noResult: "No draw yet",
+        latestResultReady: "Latest draw ready",
+        emptyStateTitle: "Everything is ready",
+        emptyStateText: "When you run the draw, you will see the numbered winners here and you will be able to copy or export them.",
+        resultPlaceholder: "There is no draw yet",
+        resultHelp: "The result is generated automatically and stays locked to avoid manual changes.",
+        historyLabel: "Excluded winners history",
+        historyEmpty: "No previous winners have been excluded yet.",
+        copyButton: "Copy result",
+        exportButton: "Export TXT",
+        clearHistoryButton: "Clear history",
+        footerText: "Created by E.G.",
+        confirmTitle: "Confirm action",
+        confirmCancelButton: "Cancel",
+        confirmAcceptButton: "Continue",
+        participantSingle: "participant",
+        participantPlural: "participants",
+        duplicatesMetric: "duplicates",
+        availableMetric: "available",
+        invalidPrizeCount: "The prize count is invalid.",
+        validation_no_participants: "Enter at least one participant to run the draw.",
+        validation_invalid_prize_count: "The prize count must be between 1 and 100.",
+        validation_no_eligible_participants: "There are no participants available with the current options.",
+        validation_too_many_prizes: "The prize count cannot be greater than the available participants.",
+        raffleDone: "Draw completed successfully.",
+        rerollNeedParticipants: "Add participants first so you can draw again.",
+        rerollDone: "New draw generated.",
+        noResultToCopy: "There is no result to copy yet.",
+        copiedResult: "Result copied to the clipboard.",
+        copyFailed: "The result could not be copied.",
+        noResultToExport: "There is no result to export yet.",
+        exportedResult: "Result exported as TXT.",
+        noDuplicatesToClean: "There are no duplicated participants to clean.",
+        duplicatesRemoved: "Duplicated participants were removed.",
+        clearHistoryConfirm: "This will clear the excluded winners history. Those names will be available again in future draws.",
+        clearHistoryDone: "Excluded winners history was cleared.",
+        resetConfirm: "This will clear participants, result, and active options. This action cannot be undone.",
+        resetDone: "Form reset.",
+        winnerSingle: "Winner",
+        prizePrefix: "Prize",
+    },
+    pt: {
+        pageDescription: "Ferramenta moderna para sortear vencedores aleatoriamente sem repetir nomes.",
+        heroEyebrow: "Sorteios sem enrolação",
+        heroCopy: "Adicione participantes, defina prêmios e obtenha vencedores na hora com uma ferramenta simples e clara.",
+        formHeading: "Configurar sorteio",
+        formSubheading: "Prepare a lista, ajuste as opções e deixe tudo pronto para sortear.",
+        prizeLabel: "Quantidade de prêmios",
+        prizeHelp: "Permitido: entre 1 e 100 prêmios.",
+        participantsLabel: "Participantes",
+        participantsPlaceholder: "Escreva um participante por linha",
+        participantsHelp: "Linhas vazias são ignoradas. Você pode remover nomes repetidos com um clique.",
+        removeDuplicatesButton: "Remover repetidos",
+        advancedOptionsSummary: "Opções avançadas",
+        excludePreviousLabel: "Excluir vencedores anteriores ao sortear novamente",
+        autoRemoveDuplicatesLabel: "Remover repetidos automaticamente ao sortear",
+        drawButton: "Sortear agora",
+        rerollButton: "Sortear novamente",
+        resetButton: "Limpar tudo",
+        resultHeading: "Resultado",
+        resultSubheading: "Veja os vencedores, copie o texto ou exporte para compartilhar.",
+        summaryPrizesLabel: "Prêmios",
+        summaryParticipantsLabel: "Participantes válidos",
+        summaryDuplicatesLabel: "repetidos",
+        winnersLabel: "Vencedores",
+        noResult: "Sem sorteio",
+        latestResultReady: "Último sorteio pronto",
+        emptyStateTitle: "Tudo pronto para começar",
+        emptyStateText: "Quando você executar o sorteio, os vencedores numerados aparecerão aqui e você poderá copiá-los ou exportá-los.",
+        resultPlaceholder: "Ainda não há um sorteio realizado",
+        resultHelp: "O resultado é gerado automaticamente e fica bloqueado para evitar alterações manuais.",
+        historyLabel: "Histórico de vencedores excluídos",
+        historyEmpty: "Ainda não há vencedores anteriores excluídos.",
+        copyButton: "Copiar resultado",
+        exportButton: "Exportar TXT",
+        clearHistoryButton: "Limpar histórico",
+        footerText: "Criado por E.G.",
+        confirmTitle: "Confirmar ação",
+        confirmCancelButton: "Cancelar",
+        confirmAcceptButton: "Continuar",
+        participantSingle: "participante",
+        participantPlural: "participantes",
+        duplicatesMetric: "repetidos",
+        availableMetric: "disponíveis",
+        invalidPrizeCount: "A quantidade de prêmios é inválida.",
+        validation_no_participants: "Adicione pelo menos um participante para realizar o sorteio.",
+        validation_invalid_prize_count: "A quantidade de prêmios deve estar entre 1 e 100.",
+        validation_no_eligible_participants: "Não há participantes disponíveis com as opções atuais.",
+        validation_too_many_prizes: "A quantidade de prêmios não pode superar os participantes disponíveis.",
+        raffleDone: "Sorteio realizado com sucesso.",
+        rerollNeedParticipants: "Adicione participantes primeiro para poder sortear novamente.",
+        rerollDone: "Novo sorteio gerado.",
+        noResultToCopy: "Ainda não há resultado para copiar.",
+        copiedResult: "Resultado copiado para a área de transferência.",
+        copyFailed: "Não foi possível copiar o resultado.",
+        noResultToExport: "Ainda não há resultado para exportar.",
+        exportedResult: "Resultado exportado em TXT.",
+        noDuplicatesToClean: "Não há participantes repetidos para limpar.",
+        duplicatesRemoved: "Os participantes repetidos foram removidos.",
+        clearHistoryConfirm: "Isso vai limpar o histórico de vencedores excluídos. Esses nomes poderão ser usados novamente nos próximos sorteios.",
+        clearHistoryDone: "O histórico de vencedores excluídos foi limpo.",
+        resetConfirm: "Isso vai limpar participantes, resultado e opções ativas. Esta ação não pode ser desfeita.",
+        resetDone: "Formulário reiniciado.",
+        winnerSingle: "Vencedor",
+        prizePrefix: "Prêmio",
+    },
+};
+
 const {
     MIN_PRIZES,
     sanitizePrizeCount,
@@ -11,7 +211,6 @@ const {
     buildEligibleParticipants,
     validateRaffle,
     pickWinners,
-    formatWinners,
 } = window.RaffleCore;
 
 const raffleForm = document.getElementById("raffleForm");
@@ -43,16 +242,61 @@ const confirmDialog = document.getElementById("confirmDialog");
 const confirmMessage = document.getElementById("confirmMessage");
 const confirmCancelButton = document.getElementById("confirmCancelButton");
 const confirmAcceptButton = document.getElementById("confirmAcceptButton");
+const descriptionMeta = document.querySelector('meta[name="description"]');
+const langButtons = document.querySelectorAll("[data-lang]");
+const heroEyebrow = document.getElementById("heroEyebrow");
+const heroCopy = document.getElementById("heroCopy");
+const formHeading = document.getElementById("formHeading");
+const formSubheading = document.getElementById("formSubheading");
+const prizeLabel = document.getElementById("prizeLabel");
+const prizeHelp = document.getElementById("prizeHelp");
+const participantsLabel = document.getElementById("participantsLabel");
+const participantsHelp = document.getElementById("participantsHelp");
+const advancedOptionsSummary = document.getElementById("advancedOptionsSummary");
+const excludePreviousLabel = document.getElementById("excludePreviousLabel");
+const autoRemoveDuplicatesLabel = document.getElementById("autoRemoveDuplicatesLabel");
+const drawButton = document.getElementById("drawButton");
+const rerollButtonLabel = document.getElementById("rerollButton");
+const resetButtonLabel = document.getElementById("resetButton");
+const resultHeading = document.getElementById("resultHeading");
+const resultSubheading = document.getElementById("resultSubheading");
+const summaryPrizesLabel = document.getElementById("summaryPrizesLabel");
+const summaryParticipantsLabel = document.getElementById("summaryParticipantsLabel");
+const summaryDuplicatesLabel = document.getElementById("summaryDuplicatesLabel");
+const winnersLabel = document.getElementById("winnersLabel");
+const emptyStateTitle = document.getElementById("emptyStateTitle");
+const emptyStateText = document.getElementById("emptyStateText");
+const resultHelp = document.getElementById("resultHelp");
+const historyLabel = document.getElementById("historyLabel");
+const footerText = document.getElementById("footerText");
+const confirmTitle = document.getElementById("confirmTitle");
 
 let toastTimeoutId;
 let drawAnimationTimeoutId;
 let pendingConfirmationResolve;
 
 const state = {
+    language: "es",
     previousWinners: [],
     lastUsedParticipants: [],
 };
 
+function t(key) {
+    return I18N[state.language][key] ?? I18N.es[key] ?? key;
+}
+
+function loadLanguage() {
+    const savedLanguage = window.localStorage.getItem(LANGUAGE_STORAGE_KEY);
+
+    if (savedLanguage && I18N[savedLanguage]) {
+        state.language = savedLanguage;
+    }
+}
+
+function persistLanguage() {
+    window.localStorage.setItem(LANGUAGE_STORAGE_KEY, state.language);
+}
+
 function loadState() {
     try {
         const saved = window.localStorage.getItem(STORAGE_KEY);
@@ -74,6 +318,50 @@ function loadState() {
     }
 }
 
+function applyTranslations() {
+    document.documentElement.lang = state.language;
+    document.title = "Sorteo Simple";
+    descriptionMeta.setAttribute("content", t("pageDescription"));
+    heroEyebrow.textContent = t("heroEyebrow");
+    heroCopy.textContent = t("heroCopy");
+    formHeading.textContent = t("formHeading");
+    formSubheading.textContent = t("formSubheading");
+    prizeLabel.textContent = t("prizeLabel");
+    prizeHelp.textContent = t("prizeHelp");
+    participantsLabel.textContent = t("participantsLabel");
+    participantsInput.placeholder = t("participantsPlaceholder");
+    participantsHelp.textContent = t("participantsHelp");
+    removeDuplicatesButton.textContent = t("removeDuplicatesButton");
+    advancedOptionsSummary.textContent = t("advancedOptionsSummary");
+    excludePreviousLabel.textContent = t("excludePreviousLabel");
+    autoRemoveDuplicatesLabel.textContent = t("autoRemoveDuplicatesLabel");
+    drawButton.textContent = t("drawButton");
+    rerollButtonLabel.textContent = t("rerollButton");
+    resetButtonLabel.textContent = t("resetButton");
+    resultHeading.textContent = t("resultHeading");
+    resultSubheading.textContent = t("resultSubheading");
+    summaryPrizesLabel.textContent = t("summaryPrizesLabel");
+    summaryParticipantsLabel.textContent = t("summaryParticipantsLabel");
+    summaryDuplicatesLabel.textContent = t("summaryDuplicatesLabel");
+    winnersLabel.textContent = t("winnersLabel");
+    emptyStateTitle.textContent = t("emptyStateTitle");
+    emptyStateText.textContent = t("emptyStateText");
+    resultOutput.placeholder = t("resultPlaceholder");
+    resultHelp.textContent = t("resultHelp");
+    historyLabel.textContent = t("historyLabel");
+    copyButton.textContent = t("copyButton");
+    exportButton.textContent = t("exportButton");
+    clearHistoryButton.textContent = t("clearHistoryButton");
+    footerText.textContent = t("footerText");
+    confirmTitle.textContent = t("confirmTitle");
+    confirmCancelButton.textContent = t("confirmCancelButton");
+    confirmAcceptButton.textContent = t("confirmAcceptButton");
+
+    langButtons.forEach((button) => {
+        button.classList.toggle("is-active", button.dataset.lang === state.language);
+    });
+}
+
 function persistState() {
     const snapshot = {
         prizeCount: sanitizePrizeCount(prizesInput.value),
@@ -118,6 +406,14 @@ function closeConfirmation(confirmed) {
     }
 }
 
+function translateValidationMessage(validation) {
+    if (!validation || validation.valid || !validation.code) {
+        return "";
+    }
+
+    return t(`validation_${validation.code}`) || validation.message;
+}
+
 function getCurrentParticipants() {
     return parseParticipants(participantsInput.value);
 }
@@ -151,11 +447,11 @@ function renderMetrics(overview) {
 
     if (overview.duplicates.length > 0) {
         const duplicateCount = overview.duplicates.reduce((total, duplicate) => total + duplicate.count - 1, 0);
-        chips.push(`<span class="meta-chip warning">${duplicateCount} repetidos</span>`);
+        chips.push(`<span class="meta-chip warning">${duplicateCount} ${t("duplicatesMetric")}</span>`);
     }
 
     if (excludePreviousWinnersInput.checked && state.previousWinners.length > 0) {
-        chips.push(`<span class="meta-chip">${overview.eligibleParticipants.length} disponibles</span>`);
+        chips.push(`<span class="meta-chip">${overview.eligibleParticipants.length} ${t("availableMetric")}</span>`);
     }
 
     participantsMetrics.innerHTML = chips.join("");
@@ -165,7 +461,7 @@ function updateSummary() {
     const prizes = sanitizePrizeCount(prizesInput.value);
     const overview = getParticipantsOverview();
     const total = overview.participants.length;
-    const label = total === 1 ? "participante" : "participantes";
+    const label = total === 1 ? t("participantSingle") : t("participantPlural");
     const duplicateEntriesCount = overview.duplicates.reduce((totalDuplicates, duplicate) => {
         return totalDuplicates + duplicate.count - 1;
     }, 0);
@@ -176,7 +472,7 @@ function updateSummary() {
     summaryDuplicateParticipants.textContent = String(duplicateEntriesCount);
     historyText.textContent = state.previousWinners.length
         ? state.previousWinners.join(", ")
-        : "Todavía no se excluyeron ganadores previos.";
+        : t("historyEmpty");
     removeDuplicatesButton.disabled = overview.duplicates.length === 0;
     rerollButton.disabled = overview.uniqueParticipants.length === 0;
     exportButton.disabled = !resultOutput.value.trim();
@@ -189,7 +485,7 @@ function updateSummary() {
 
 function renderResultState(hasResult) {
     emptyState.classList.toggle("empty-state-hidden", hasResult);
-    resultBadge.textContent = hasResult ? "Ultimo sorteo listo" : "Sin sorteo";
+    resultBadge.textContent = hasResult ? t("latestResultReady") : t("noResult");
     resultBadge.className = `counter ${hasResult ? "counter-success" : "counter-neutral"}`;
 }
 
@@ -204,6 +500,12 @@ function extractWinnersFromResultText(resultText) {
         });
 }
 
+function formatLocalizedWinners(winners) {
+    return winners
+        .map((winner, index) => `${t("prizePrefix")} ${index + 1}: ${winner}`)
+        .join("\n");
+}
+
 function renderWinnerReveal(winners) {
     if (!winners.length) {
         winnerReveal.innerHTML = "";
@@ -213,7 +515,7 @@ function renderWinnerReveal(winners) {
 
     winnerReveal.classList.add("has-winners");
     winnerReveal.innerHTML = winners.map((winner, index) => {
-        const label = winners.length === 1 ? "Ganador" : `Premio ${index + 1}`;
+        const label = winners.length === 1 ? t("winnerSingle") : `${t("prizePrefix")} ${index + 1}`;
         const singleClass = winners.length === 1 ? " single" : "";
         const delay = `${index * 90}ms`;
 
@@ -236,11 +538,11 @@ function validateFormForUI() {
         excludePreviousWinners: excludePreviousWinnersInput.checked,
     });
 
-    setFieldError(prizeError, prizesInput, prizes >= MIN_PRIZES ? "" : "La cantidad de premios es inválida.");
+    setFieldError(prizeError, prizesInput, prizes >= MIN_PRIZES ? "" : t("invalidPrizeCount"));
     setFieldError(
         participantsError,
         participantsInput,
-        validation.valid ? "" : validation.message,
+        validation.valid ? "" : translateValidationMessage(validation),
     );
 
     return validation;
@@ -272,6 +574,24 @@ function syncPanelTopHeights() {
     });
 }
 
+function setLanguage(language) {
+    if (!I18N[language]) {
+        return;
+    }
+
+    state.language = language;
+    persistLanguage();
+    applyTranslations();
+    if (resultOutput.value.trim()) {
+        resultOutput.value = formatLocalizedWinners(extractWinnersFromResultText(resultOutput.value));
+    }
+    validateFormForUI();
+    updateSummary();
+    renderResultState(Boolean(resultOutput.value.trim()));
+    renderWinnerReveal(extractWinnersFromResultText(resultOutput.value));
+    syncPanelTopHeights();
+}
+
 function performRaffle(options) {
     const prizes = sanitizePrizeCount(prizesInput.value);
     const overview = getParticipantsOverview();
@@ -293,13 +613,13 @@ function performRaffle(options) {
         resultOutput.value = "";
         renderWinnerReveal([]);
         renderResultState(false);
-        showToast(validation.message, "error");
+        showToast(translateValidationMessage(validation), "error");
         return false;
     }
 
     const excludedParticipants = excludePreviousWinnersInput.checked ? state.previousWinners : [];
     const winners = pickWinners(sourceParticipants, prizes, excludedParticipants);
-    resultOutput.value = formatWinners(winners);
+    resultOutput.value = formatLocalizedWinners(winners);
     renderWinnerReveal(winners);
     state.lastUsedParticipants = [...sourceParticipants];
 
@@ -329,7 +649,7 @@ function handleSubmit(event) {
     event.preventDefault();
     performRaffle({
         useCurrentText: true,
-        toastMessage: "Sorteo realizado con éxito.",
+        toastMessage: t("raffleDone"),
     });
 }
 
@@ -337,7 +657,7 @@ function handleReroll() {
     const overview = getParticipantsOverview();
 
     if (overview.uniqueParticipants.length === 0) {
-        showToast("Primero cargá participantes para poder volver a sortear.", "warning");
+        showToast(t("rerollNeedParticipants"), "warning");
         return;
     }
 
@@ -347,28 +667,28 @@ function handleReroll() {
 
     performRaffle({
         useCurrentText: false,
-        toastMessage: "Nuevo sorteo generado.",
+        toastMessage: t("rerollDone"),
     });
 }
 
 async function handleCopy() {
     if (!resultOutput.value.trim()) {
-        showToast("Todavía no hay resultado para copiar.", "warning");
+        showToast(t("noResultToCopy"), "warning");
         return;
     }
 
     try {
         await navigator.clipboard.writeText(resultOutput.value);
-        showToast("Resultado copiado al portapapeles.", "success");
+        showToast(t("copiedResult"), "success");
     } catch (error) {
         console.error(error);
-        showToast("No se pudo copiar el resultado.", "error");
+        showToast(t("copyFailed"), "error");
     }
 }
 
 function handleExport() {
     if (!resultOutput.value.trim()) {
-        showToast("Todavía no hay resultado para exportar.", "warning");
+        showToast(t("noResultToExport"), "warning");
         return;
     }
 
@@ -383,7 +703,7 @@ function handleExport() {
     link.remove();
     URL.revokeObjectURL(url);
 
-    showToast("Resultado exportado en TXT.", "success");
+    showToast(t("exportedResult"), "success");
 }
 
 function handleRemoveDuplicates() {
@@ -391,18 +711,18 @@ function handleRemoveDuplicates() {
     const uniqueParticipants = dedupeParticipants(participants);
 
     if (participants.length === uniqueParticipants.length) {
-        showToast("No hay participantes repetidos para limpiar.", "warning");
+        showToast(t("noDuplicatesToClean"), "warning");
         return;
     }
 
     participantsInput.value = uniqueParticipants.join("\n");
     validateFormForUI();
     updateSummary();
-    showToast("Se eliminaron los participantes repetidos.", "success");
+    showToast(t("duplicatesRemoved"), "success");
 }
 
 async function handleClearHistory() {
-    const confirmed = await requestConfirmation("Se va a borrar el historial de ganadores excluidos. Después vas a poder volver a usar esos nombres en próximos sorteos.");
+    const confirmed = await requestConfirmation(t("clearHistoryConfirm"));
 
     if (!confirmed) {
         return;
@@ -411,7 +731,7 @@ async function handleClearHistory() {
     state.previousWinners = [];
     validateFormForUI();
     updateSummary();
-    showToast("Se borró el historial de ganadores excluidos.", "success");
+    showToast(t("clearHistoryDone"), "success");
 }
 
 async function handleReset(event) {
@@ -433,7 +753,7 @@ async function handleReset(event) {
         return;
     }
 
-    const confirmed = await requestConfirmation("Se van a limpiar participantes, resultado y opciones activas. Esta acción no se puede deshacer.");
+    const confirmed = await requestConfirmation(t("resetConfirm"));
 
     if (!confirmed) {
         return;
@@ -453,11 +773,13 @@ async function handleReset(event) {
         setFieldError(participantsError, participantsInput, "");
         renderResultState(false);
         updateSummary();
-        showToast("Formulario reiniciado.", "success");
+        showToast(t("resetDone"), "success");
     });
 }
 
+loadLanguage();
 loadState();
+applyTranslations();
 raffleForm.addEventListener("submit", handleSubmit);
 prizesInput.addEventListener("input", handlePrizeInput);
 participantsInput.addEventListener("input", handleParticipantsInput);
@@ -475,6 +797,11 @@ resetButton.addEventListener("click", handleReset);
 rerollButton.addEventListener("click", handleReroll);
 clearHistoryButton.addEventListener("click", handleClearHistory);
 removeDuplicatesButton.addEventListener("click", handleRemoveDuplicates);
+langButtons.forEach((button) => {
+    button.addEventListener("click", () => {
+        setLanguage(button.dataset.lang);
+    });
+});
 confirmCancelButton.addEventListener("click", () => closeConfirmation(false));
 confirmAcceptButton.addEventListener("click", () => closeConfirmation(true));
 confirmDialog.addEventListener("click", (event) => {
diff --git a/styles.css b/styles.css
index 1c4212b..52fbe21 100644
--- a/styles.css
+++ b/styles.css
@@ -84,6 +84,49 @@ body::after {
     padding: 18px 6px 4px;
 }
 
+.hero-topbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 16px;
+}
+
+.language-switcher {
+    display: inline-flex;
+    gap: 6px;
+    padding: 6px;
+    border: 1px solid rgba(148, 163, 184, 0.18);
+    border-radius: 999px;
+    background: rgba(255, 255, 255, 0.7);
+    box-shadow: var(--shadow-md);
+}
+
+.lang-button {
+    appearance: none;
+    border: 0;
+    border-radius: 999px;
+    min-width: 44px;
+    min-height: 34px;
+    padding: 0 12px;
+    font: inherit;
+    font-size: 0.82rem;
+    font-weight: 800;
+    letter-spacing: 0.04em;
+    cursor: pointer;
+    color: var(--text-muted);
+    background: transparent;
+    transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
+}
+
+.lang-button:hover {
+    transform: translateY(-1px);
+}
+
+.lang-button.is-active {
+    color: #fff;
+    background: linear-gradient(135deg, var(--accent), var(--accent-strong));
+}
+
 .hero-title {
     display: flex;
     align-items: center;
@@ -738,6 +781,11 @@ input[type="number"]:focus,
         padding-inline: 2px;
     }
 
+    .hero-topbar {
+        align-items: flex-start;
+        flex-direction: column;
+    }
+
     .hero-title {
         gap: 12px;
     }

From 7b60e9e3eda8a4fbfc6a0f47370fae71ae3e9f87 Mon Sep 17 00:00:00 2001
From: Emanuel Guzzetti <eguzzetti@bancor.com.ar>
Date: Mon, 13 Apr 2026 23:05:38 -0300
Subject: [PATCH 2/2] Update README for multilingual support

---
 README.md | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 8568166..40ac08e 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,8 @@ Sorteo Simple es una aplicación web estática para elegir ganadores de forma al
 - Permite volver a sortear manteniendo la misma base de participantes.
 - Puede excluir ganadores previos para rondas sucesivas.
 - Guarda el estado en `localStorage`.
+- Guarda el idioma seleccionado en `localStorage`.
+- Permite alternar la interfaz entre español, inglés y portugués.
 - Copia el resultado al portapapeles.
 - Exporta el resultado a un archivo `.txt`.
 - Muestra una revelación animada de ganadores.
@@ -23,7 +25,7 @@ Sorteo Simple es una aplicación web estática para elegir ganadores de forma al
 - `index.html`: interfaz principal.
 - `styles.css`: sistema visual responsive.
 - `raffle-core.js`: lógica pura del sorteo y validaciones reutilizables.
-- `scripts.js`: integración con DOM, persistencia y acciones de la UI.
+- `scripts.js`: integración con DOM, persistencia, traducciones y acciones de la UI.
 - `favicon.svg`: marca visual y favicon del sitio.
 - `site.webmanifest`: metadatos básicos de identidad del sitio.
 - `tests/raffle-core.test.js`: pruebas básicas del módulo puro.
@@ -32,9 +34,10 @@ Sorteo Simple es una aplicación web estática para elegir ganadores de forma al
 ## Cómo usarlo
 
 1. Abre `index.html` en tu navegador.
-2. Escribe participantes, uno por línea.
-3. Ajusta la cantidad de premios y, si quieres, las opciones avanzadas.
-4. Ejecuta el sorteo, vuelve a sortear, copia o exporta el resultado.
+2. Elige el idioma desde el selector `ES / EN / PT`.
+3. Escribe participantes, uno por línea.
+4. Ajusta la cantidad de premios y, si quieres, las opciones avanzadas.
+5. Ejecuta el sorteo, vuelve a sortear, copia o exporta el resultado.
 
 ## Verificación rápida
 
@@ -50,3 +53,4 @@ Sorteo Simple es una aplicación web estática para elegir ganadores de forma al
 - Historial acumulado de ganadores excluidos.
 - Separación entre lógica pura y código de interfaz.
 - Favicon y branding propio.
+- Soporte de interfaz multilenguaje.