diff --git a/web/experience/src/app/auth/login/page.tsx b/web/experience/src/app/auth/login/page.tsx
index a4c7fff..c3f045c 100644
--- a/web/experience/src/app/auth/login/page.tsx
+++ b/web/experience/src/app/auth/login/page.tsx
@@ -28,7 +28,7 @@ export default function ExperienceLoginPage() {
 
                 // Verify user is a student
                 if (response.user.role !== "student") {
-                    setError("Access denied. This portal is for students only. Please use the Studio portal for instructors.");
+                    setError("Acceso denegado. Este portal es solo para estudiantes. Utiliza el portal de Studio para instructores.");
                     setLoading(false);
                     return;
                 }
@@ -47,7 +47,7 @@ export default function ExperienceLoginPage() {
                 router.push("/");
             }
         } catch (err) {
-            setError(err instanceof Error ? err.message : "Authentication failed");
+            setError(err instanceof Error ? err.message : "Falló la autenticación");
         } finally {
             setLoading(false);
         }
@@ -61,8 +61,8 @@ export default function ExperienceLoginPage() {
                     <div className="inline-flex items-center justify-center w-16 h-16 bg-indigo-600 rounded-2xl mb-4">
                         <GraduationCap className="w-8 h-8 text-white" />
                     </div>
-                    <h1 className="text-3xl font-black text-white mb-2">OpenCCB Experience</h1>
-                    <p className="text-gray-400">Student Learning Portal</p>
+                    <h1 className="text-3xl font-black text-white mb-2">Experiencia OpenCCB</h1>
+                    Portal de Aprendizaje para Estudiantes
                 </div>
 
                 {/* Login/Register Form */}
@@ -72,15 +72,12 @@ export default function ExperienceLoginPage() {
                             onClick={() => setIsLogin(true)}
                             className={`flex-1 py-2 px-4 rounded-lg font-bold transition-all ${isLogin ? "bg-indigo-600 text-white" : "text-gray-400 hover:text-white"
                                 }`}
-                        >
-                            Login
-                        </button>
+                        Iniciar Sesión/button>
                         <button
                             onClick={() => setIsLogin(false)}
                             className={`flex-1 py-2 px-4 rounded-lg font-bold transition-all ${!isLogin ? "bg-indigo-600 text-white" : "text-gray-400 hover:text-white"
                                 }`}
-                        >
-                            Register
+                        > Registrarse
                         </button>
                     </div>
 
@@ -88,7 +85,7 @@ export default function ExperienceLoginPage() {
                         {!isLogin && (
                             <div>
                                 <label className="block text-sm font-bold text-gray-300 mb-2">
-                                    Full Name
+                                    Nombre Completo
                                 </label>
                                 <div className="relative">
                                     <User className="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400" />
@@ -106,7 +103,7 @@ export default function ExperienceLoginPage() {
                         {!isLogin && (
                             <div>
                                 <label className="block text-sm font-bold text-gray-300 mb-2">
-                                    Organization Name (Optional)
+                                    Nombre de la Organización (Opcional)
                                 </label>
                                 <div className="relative">
                                     <Building2 className="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400" />
@@ -115,16 +112,16 @@ export default function ExperienceLoginPage() {
                                         value={organizationName}
                                         onChange={(e) => setOrganizationName(e.target.value)}
                                         className="w-full bg-white/5 border border-white/10 rounded-xl py-3 pl-11 pr-4 text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500"
-                                        placeholder="Your School or Company"
+                                        placeholder="Tu Escuela o Empresa"
                                     />
                                 </div>
-                                <p className="text-xs text-gray-500 mt-2 pl-1">If left blank, an organization will be created based on your email domain.</p>
+                                <p className="text-xs text-gray-500 mt-2 pl-1">Si se deja en blanco, se creará una organización basada en el dominio de tu correo electrónico.</p>
                             </div>
                         )}
 
                         <div>
                             <label className="block text-sm font-bold text-gray-300 mb-2">
-                                Email
+                                Correo Electrónico
                             </label>
                             <div className="relative">
                                 <Mail className="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400" />
@@ -133,7 +130,7 @@ export default function ExperienceLoginPage() {
                                     value={email}
                                     onChange={(e) => setEmail(e.target.value)}
                                     className="w-full bg-white/5 border border-white/10 rounded-xl py-3 pl-11 pr-4 text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500"
-                                    placeholder="student@example.com"
+                                    placeholder="estudiante@ejemplo.com"
                                     required
                                 />
                             </div>
@@ -141,7 +138,7 @@ export default function ExperienceLoginPage() {
 
                         <div>
                             <label className="block text-sm font-bold text-gray-300 mb-2">
-                                Password
+Contraseña
                             </label>
                             <div className="relative">
                                 <Lock className="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400" />
@@ -167,22 +164,22 @@ export default function ExperienceLoginPage() {
                             disabled={loading}
                             className="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 rounded-xl transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
                         >
-                            {loading ? "Processing..." : isLogin ? "Sign In" : "Create Account"}
+                            {loading ? "Procesando..." : isLogin ? "Iniciar Sesión" : "Crear Cuenta"}
                         </button>
                     </form>
 
                     <div className="mt-6 pt-6 border-t border-white/10 text-center">
                         <p className="text-sm text-gray-400">
-                            Are you an instructor?{" "}
+                            ¿Eres un instructor?{" "}
                             <a href="http://localhost:3000/auth/login" className="text-indigo-400 hover:text-indigo-300 font-bold">
-                                Go to Instructor Portal
+                                Ir al Portal de Instructores
                             </a>
                         </p>
                     </div>
                 </div>
 
                 <p className="text-center text-xs text-gray-500 mt-6">
-                    OpenCCB Experience - Student Learning Portal
+                    Experiencia OpenCCB - Portal de Aprendizaje para Estudiantes
                 </p>
             </div>
         </div>
diff --git a/web/experience/src/app/auth/register/page.tsx b/web/experience/src/app/auth/register/page.tsx
index e3b6acf..930df16 100644
--- a/web/experience/src/app/auth/register/page.tsx
+++ b/web/experience/src/app/auth/register/page.tsx
@@ -27,7 +27,7 @@ export default function RegisterPage() {
             login(res.user, res.token);
             router.push("/");
         } catch (err) {
-            const message = err instanceof Error ? err.message : "Registration failed. Please try again.";
+            const message = err instanceof Error ? err.message : "El registro falló. Por favor, inténtalo de nuevo.";
             setError(message);
         } finally {
             setLoading(false);
@@ -41,8 +41,8 @@ export default function RegisterPage() {
                     <div className="w-16 h-16 rounded-2xl bg-blue-600/10 border border-blue-500/20 flex items-center justify-center mx-auto text-blue-500 mb-6">
                         <UserPlus size={32} />
                     </div>
-                    <h1 className="text-3xl font-black tracking-tighter text-white">Create Account</h1>
-                    <p className="text-gray-500 font-bold uppercase tracking-widest text-[10px]">Join the next generation of learners</p>
+                    <h1 className="text-3xl font-black tracking-tighter text-white">Crear Cuenta</h1>
+                    <p className="text-gray-500 font-bold uppercase tracking-widest text-[10px]">Únete a la próxima generación de aprendices</p>
                 </div>
 
                 <div className="glass-card p-8 border-white/5 bg-white/[0.02]">
@@ -54,7 +54,7 @@ export default function RegisterPage() {
                         )}
 
                         <div className="space-y-2">
-                            <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 px-1">Full Name</label>
+                            <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 px-1">Nombre Completo</label>
                             <div className="relative">
                                 <User className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-500" size={18} />
                                 <input
@@ -69,7 +69,7 @@ export default function RegisterPage() {
                         </div>
 
                         <div className="space-y-2">
-                            <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 px-1">Email Address</label>
+                            <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 px-1">Dirección de Correo Electrónico</label>
                             <div className="relative">
                                 <Mail className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-500" size={18} />
                                 <input
@@ -84,7 +84,7 @@ export default function RegisterPage() {
                         </div>
 
                         <div className="space-y-2">
-                            <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 px-1">Password</label>
+                            <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 px-1">Contraseña</label>
                             <div className="relative">
                                 <Lock className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-500" size={18} />
                                 <input
@@ -99,18 +99,18 @@ export default function RegisterPage() {
                         </div>
 
                         <div className="space-y-2">
-                            <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 px-1">Organization Name (Optional)</label>
+                            <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 px-1">Nombre de la Organización (Opcional)</label>
                             <div className="relative">
                                 <Building2 className="absolute left-4 top-1/2 -translate-y-1/2 text-gray-500" size={18} />
                                 <input
                                     type="text"
                                     value={organizationName}
                                     onChange={(e) => setOrganizationName(e.target.value)}
-                                    placeholder="Your School or Company"
+                                    placeholder="Tu Escuela o Empresa"
                                     className="w-full bg-white/5 border border-white/10 rounded-xl py-4 pl-12 pr-4 text-sm text-white focus:outline-none focus:border-blue-500 transition-all"
                                 />
                             </div>
-                            <p className="text-[10px] text-gray-600 px-1">If blank, we&apos;ll use your email domain.</p>
+                            <p className="text-[10px] text-gray-600 px-1">Si está en blanco, usaremos el dominio de tu correo electrónico.</p>
                         </div>
 
                         <button
@@ -118,13 +118,13 @@ export default function RegisterPage() {
                             type="submit"
                             className="btn-premium w-full !py-4 font-black text-xs uppercase tracking-[0.2em] shadow-xl shadow-blue-500/20 disabled:opacity-50"
                         >
-                            {loading ? "Creating..." : "Start Learning"}
+                            {loading ? "Creando..." : "Comenzar a Aprender"}
                         </button>
                     </form>
                 </div>
 
                 <p className="text-center text-[10px] font-bold uppercase tracking-widest text-gray-600">
-                    Already have an account? <Link href="/auth/login" className="text-blue-500 hover:text-blue-400">Login here</Link>
+                    ¿Ya tienes una cuenta? <Link href="/auth/login" className="text-blue-500 hover:text-blue-400">Inicia sesión aquí</Link>
                 </p>
             </div>
         </div>
diff --git a/web/experience/src/app/courses/[id]/calendar/page.tsx b/web/experience/src/app/courses/[id]/calendar/page.tsx
index 6422c9f..21c0a68 100644
--- a/web/experience/src/app/courses/[id]/calendar/page.tsx
+++ b/web/experience/src/app/courses/[id]/calendar/page.tsx
@@ -34,7 +34,7 @@ export default function StudentCalendarPage({ params }: { params: { id: string }
                 });
                 setLessons(allLessons);
             } catch (err) {
-                console.error("Failed to load course data", err);
+                console.error("Error al cargar los datos del curso", err);
             } finally {
                 setLoading(false);
             }
@@ -67,7 +67,7 @@ export default function StudentCalendarPage({ params }: { params: { id: string }
                 <div key={day} className={`h-28 border border-white/5 p-2 relative hover:bg-white/5 transition-colors group ${isToday ? 'bg-blue-500/5' : ''}`}>
                     <span className={`text-sm font-black ${isToday ? 'text-blue-400' : 'text-gray-600'}`}>
                         {day}
-                        {isToday && <span className="ml-2 text-[8px] uppercase tracking-widest px-1.5 py-0.5 bg-blue-500 text-white rounded">Today</span>}
+                        {isToday && <span className="ml-2 text-[8px] uppercase tracking-widest px-1.5 py-0.5 bg-blue-500 text-white rounded">Hoy</span>}
                     </span>
                     <div className="mt-1 space-y-1 overflow-y-auto max-h-20">
                         {dayLessons.map(lesson => (
@@ -94,8 +94,8 @@ export default function StudentCalendarPage({ params }: { params: { id: string }
     const nextMonth = () => setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1));
     const prevMonth = () => setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1));
 
-    if (loading) return <div className="py-20 text-center animate-pulse text-gray-500 font-bold uppercase tracking-widest text-xs">Syncing your timeline...</div>;
-    if (!course) return <div className="text-center py-20 text-red-400">Course not found.</div>;
+    if (loading) return <div className="py-20 text-center animate-pulse text-gray-500 font-bold uppercase tracking-widest text-xs">Sincronizando tu cronología...</div>;
+    if (!course) return <div className="text-center py-20 text-red-400">Curso no encontrado.</div>;
 
     const monthName = currentDate.toLocaleString('default', { month: 'long' });
     const year = currentDate.getFullYear();
@@ -105,23 +105,23 @@ export default function StudentCalendarPage({ params }: { params: { id: string }
             <div className="mb-12 flex flex-col md:flex-row justify-between items-start md:items-end gap-6">
                 <div>
                     <div className="flex items-center gap-2 mb-4 text-blue-500 font-bold text-xs uppercase tracking-widest">
-                        <Link href={`/courses/${params.id}`} className="hover:text-white transition-colors">Outline</Link>
+                        <Link href={`/courses/${params.id}`} className="hover:text-white transition-colors">Esquema</Link>
                         <ChevronRightIcon size={14} className="text-gray-600" />
                         <span>Timeline</span>
                     </div>
-                    <h1 className="text-4xl font-black tracking-tight mb-2">Course <span className="text-blue-500">Timeline</span></h1>
+                    <h1 className="text-4xl font-black tracking-tight mb-2">Cronología del Curso</h1>
                     <p className="text-gray-500 font-medium">{course.title}</p>
                 </div>
 
                 <div className="flex flex-wrap gap-4">
                     <div className="flex items-center gap-2 px-4 py-2 rounded-full border border-white/5 bg-white/2 text-[10px] font-black uppercase tracking-widest text-gray-400">
-                        <div className="w-2 h-2 rounded-full bg-red-500"></div> Exam
+                        <div className="w-2 h-2 rounded-full bg-red-500"></div> Examen
                     </div>
                     <div className="flex items-center gap-2 px-4 py-2 rounded-full border border-white/5 bg-white/2 text-[10px] font-black uppercase tracking-widest text-gray-400">
-                        <div className="w-2 h-2 rounded-full bg-blue-500"></div> Assignment
+                        <div className="w-2 h-2 rounded-full bg-blue-500"></div> Tarea
                     </div>
                     <div className="flex items-center gap-2 px-4 py-2 rounded-full border border-white/5 bg-white/2 text-[10px] font-black uppercase tracking-widest text-gray-400">
-                        <div className="w-2 h-2 rounded-full bg-green-500"></div> Task
+                        <div className="w-2 h-2 rounded-full bg-green-500"></div> Actividad
                     </div>
                 </div>
             </div>
@@ -133,13 +133,13 @@ export default function StudentCalendarPage({ params }: { params: { id: string }
                             <h3 className="text-xl font-black uppercase tracking-tight italic">{monthName} {year}</h3>
                             <div className="flex items-center gap-2 bg-white/5 rounded-2xl p-1 border border-white/10">
                                 <button onClick={prevMonth} className="p-2 hover:bg-white/10 rounded-xl transition-colors"><ChevronLeft className="w-5 h-5" /></button>
-                                <button onClick={() => setCurrentDate(new Date())} className="px-4 py-1 text-[10px] font-black uppercase tracking-widest hover:text-blue-400 transition-colors">Today</button>
+                                <button onClick={() => setCurrentDate(new Date())} className="px-4 py-1 text-[10px] font-black uppercase tracking-widest hover:text-blue-400 transition-colors">Hoy</button>
                                 <button onClick={nextMonth} className="p-2 hover:bg-white/10 rounded-xl transition-colors"><ChevronRight className="w-5 h-5" /></button>
                             </div>
                         </div>
 
                         <div className="grid grid-cols-7 border-t border-l border-white/5 rounded-2xl overflow-hidden">
-                            {['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map(day => (
+                            {['Dom', 'Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'].map(day => (
                                 <div key={day} className="bg-white/5 py-4 text-center text-[10px] font-black uppercase tracking-widest text-gray-600 border-r border-b border-white/5">
                                     {day}
                                 </div>
@@ -153,7 +153,7 @@ export default function StudentCalendarPage({ params }: { params: { id: string }
                     <div className="glass-card p-8 border-blue-500/20 bg-blue-500/5 rounded-3xl relative overflow-hidden">
                         <div className="relative z-10">
                             <h4 className="text-xs font-black uppercase tracking-[0.2em] text-blue-400 mb-6 flex items-center gap-2">
-                                <AlertCircle size={14} /> Upcoming Deadlines
+                                <AlertCircle size={14} /> Próximos Vencimientos
                             </h4>
                             <div className="space-y-6">
                                 {lessons
@@ -171,7 +171,7 @@ export default function StudentCalendarPage({ params }: { params: { id: string }
                                     ))
                                 }
                                 {lessons.filter(l => l.due_date && new Date(l.due_date) >= new Date()).length === 0 && (
-                                    <div className="text-xs text-gray-600 italic py-4">No upcoming deadlines. You are all caught up!</div>
+                                    <div className="text-xs text-gray-600 italic py-4">No hay próximos vencimientos. ¡Estás al día!</div>
                                 )}
                             </div>
                         </div>
@@ -180,22 +180,22 @@ export default function StudentCalendarPage({ params }: { params: { id: string }
 
                     <div className="glass-card p-8 border-white/5 bg-white/[0.01] rounded-3xl">
                         <h4 className="text-xs font-black uppercase tracking-[0.2em] text-gray-500 mb-6 flex items-center gap-2">
-                            <Clock size={14} /> Course Pace
+                            <Clock size={14} /> Ritmo del Curso
                         </h4>
                         <div className="space-y-4">
                             <div className="flex items-center justify-between">
-                                <span className="text-xs font-medium text-gray-600">Mode</span>
+                                <span className="text-xs font-medium text-gray-600">Modo</span>
                                 <span className="text-xs font-black uppercase tracking-widest text-white">{course.pacing_mode.replace('_', '-')}</span>
                             </div>
                             {course.start_date && (
                                 <div className="flex items-center justify-between">
-                                    <span className="text-xs font-medium text-gray-600">Start Date</span>
+                                    <span className="text-xs font-medium text-gray-600">Fecha de Inicio</span>
                                     <span className="text-xs font-black text-white">{new Date(course.start_date).toLocaleDateString()}</span>
                                 </div>
                             )}
                             {course.end_date && (
                                 <div className="flex items-center justify-between">
-                                    <span className="text-xs font-medium text-gray-600">End Date</span>
+                                    <span className="text-xs font-medium text-gray-600">Fecha de Finalización</span>
                                     <span className="text-xs font-black text-white">{new Date(course.end_date).toLocaleDateString()}</span>
                                 </div>
                             )}
diff --git a/web/experience/src/app/courses/[id]/lessons/[lessonId]/page.tsx b/web/experience/src/app/courses/[id]/lessons/[lessonId]/page.tsx
index defe2e9..2f9715d 100644
--- a/web/experience/src/app/courses/[id]/lessons/[lessonId]/page.tsx
+++ b/web/experience/src/app/courses/[id]/lessons/[lessonId]/page.tsx
@@ -42,7 +42,7 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                     setUserGrade(currentGrade || null);
                 }
             } catch (err) {
-                console.error("Failed to load lesson data", err);
+                console.error("Error al cargar los datos de la lección", err);
             } finally {
                 setLoading(false);
             }
@@ -50,8 +50,8 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
         fetchAll();
     }, [params.id, params.lessonId, user]);
 
-    if (loading) return <div className="p-20 text-center animate-pulse text-gray-500 font-bold uppercase tracking-widest">Loading Experience...</div>;
-    if (!lesson || !course) return <div className="p-20 text-center text-red-400">Content not found.</div>;
+    if (loading) return <div className="p-20 text-center animate-pulse text-gray-500 font-bold uppercase tracking-widest">Cargando Experiencia...</div>;
+    if (!lesson || !course) return <div className="p-20 text-center text-red-400">Contenido no encontrado.</div>;
 
     const allLessons = course.modules.flatMap(m => m.lessons);
     const currentIndex = allLessons.findIndex(l => l.id === params.lessonId);
@@ -76,7 +76,7 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                 className={`glass border-r border-white/5 transition-all duration-500 bg-black/40 flex flex-col ${sidebarOpen ? 'w-80' : 'w-0 overflow-hidden border-none'}`}
             >
                 <div className="p-6 border-b border-white/5">
-                    <h2 className="text-xs font-black uppercase tracking-widest text-blue-500 mb-1">Course Content</h2>
+                    <h2 className="text-xs font-black uppercase tracking-widest text-blue-500 mb-1">Contenido del Curso</h2>
                     <p className="text-sm font-bold text-white truncate">{course.title}</p>
                 </div>
 
@@ -108,7 +108,7 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                     <button
                         onClick={() => setSidebarOpen(!sidebarOpen)}
                         className="p-3 rounded-xl glass border-white/10 text-gray-400 hover:text-white transition-all bg-black/40"
-                        title="Toggle Sidebar"
+                        title="Alternar Barra Lateral"
                     >
                         <Menu size={20} />
                     </button>
@@ -116,7 +116,7 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                         <button
                             onClick={() => setTranscriptOpen(!transcriptOpen)}
                             className={`p-3 rounded-xl glass border-white/10 transition-all bg-black/40 ${transcriptOpen ? 'text-blue-400' : 'text-gray-400 hover:text-white'}`}
-                            title="Toggle Transcript"
+                            title="Alternar Transcripción"
                         >
                             <ListMusic size={20} />
                         </button>
@@ -128,7 +128,7 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                         <div className="max-w-4xl mx-auto space-y-20 pb-40">
                             <div className="space-y-4">
                                 <div className="flex items-center gap-2 text-[10px] font-black uppercase tracking-widest text-blue-400">
-                                    <span>{lesson.content_type === 'activity' ? 'Interactive Activity' : 'Video Lesson'}</span>
+                                    <span>{lesson.content_type === 'activity' ? 'Actividad Interactiva' : 'Lección en Video'}</span>
                                 </div>
                                 <h1 className="text-4xl font-black tracking-tighter text-white">{lesson.title}</h1>
                             </div>
@@ -136,7 +136,7 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                             {lesson.summary && (
                                 <div className="p-8 rounded-3xl bg-gradient-to-br from-blue-500/10 to-indigo-500/10 border border-blue-500/20 animate-in fade-in slide-in-from-top-4 duration-1000">
                                     <h3 className="text-[10px] font-black uppercase tracking-[0.3em] text-blue-400 mb-4 flex items-center gap-2">
-                                        <span className="text-base">✨</span> Summary
+                                        <span className="text-base">✨</span> Resumen
                                     </h3>
                                     <p className="text-lg text-gray-300 leading-relaxed font-medium italic">
                                         &quot;{lesson.summary}&quot;
@@ -183,7 +183,7 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                                                                 );
                                                                 setUserGrade(res);
                                                             } catch (err) {
-                                                                console.error("Failed to persist play count", err);
+                                                                console.error("Error al guardar el recuento de reproducciones", err);
                                                             }
                                                         }
                                                     }}
@@ -219,7 +219,7 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                                                                 );
                                                                 setUserGrade(res);
                                                             } catch (err) {
-                                                                console.error("Failed to persist block attempts", err);
+                                                                console.error("Error al guardar los intentos del bloque", err);
                                                             }
                                                         }
                                                     }}
@@ -248,7 +248,7 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                                 </div>
                             ) : (
                                 <div className="py-20 text-center glass-card border-dashed border-white/10">
-                                    <p className="text-gray-500 font-bold uppercase tracking-widest">This lesson currently has no content.</p>
+                                    <p className="text-gray-500 font-bold uppercase tracking-widest">Actualmente, esta lección no tiene contenido.</p>
                                 </div>
                             )}
 
@@ -257,12 +257,12 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                                     {userGrade && lesson.max_attempts && userGrade.attempts_count >= lesson.max_attempts ? (
                                         <div className="space-y-4">
                                             <div className="inline-flex items-center gap-2 px-6 py-2 bg-amber-500/10 border border-amber-500/30 text-amber-400 rounded-full text-xs font-black uppercase tracking-widest">
-                                                Locked: Maximum attempts reached ({lesson.max_attempts})
+                                                Bloqueado: Se alcanzó el máximo de intentos ({lesson.max_attempts})
                                             </div>
                                             <div className="text-4xl font-black text-white">
-                                                Score: <span className="text-blue-500">{userGrade.score * 100}%</span>
+                                                Puntuación: <span className="text-blue-500">{userGrade.score * 100}%</span>
                                             </div>
-                                            <p className="text-gray-500 text-xs italic">This assessment is now closed for further submissions.</p>
+                                            <p className="text-gray-500 text-xs italic">Esta evaluación ya está cerrada para futuras entregas.</p>
                                         </div>
                                     ) : (
                                         <>
@@ -273,23 +273,23 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                                                             // In a real scenario, we'd calculate the actual score from blocks
                                                             const res = await lmsApi.submitScore(user.id, params.id, params.lessonId, 1.0);
                                                             setUserGrade(res);
-                                                            alert("Score submitted successfully!");
+                                                            alert("¡Puntuación enviada con éxito!");
                                                         } catch (err) {
-                                                            console.error("Submission failed", err);
-                                                            alert("Failed to submit score. Please try again.");
+                                                            console.error("Falló el envío", err);
+                                                            alert("Error al enviar la puntuación. Por favor, inténtalo de nuevo.");
                                                         }
                                                     }
                                                 }}
                                                 className="btn-premium px-12 py-4 rounded-2xl shadow-blue-500/40 shadow-xl group/btn"
                                             >
                                                 <span className="flex items-center gap-2 font-black italic">
-                                                    {userGrade ? `SUBMIT ATTEMPT ${userGrade.attempts_count + 1}` : 'SUBMIT FOR GRADING'}
+                                                    {userGrade ? `ENVIAR INTENTO ${userGrade.attempts_count + 1}` : 'ENVIAR PARA CALIFICAR'}
                                                     <CheckCircle2 className="w-5 h-5 group-hover/btn:scale-110 transition-transform" />
                                                 </span>
                                             </button>
                                             {lesson.max_attempts && (
                                                 <p className="mt-4 text-[10px] text-gray-500 font-bold uppercase tracking-widest">
-                                                    Attempt {userGrade ? userGrade.attempts_count : 0} of {lesson.max_attempts} used
+                                                    Intento {userGrade ? userGrade.attempts_count : 0} de {lesson.max_attempts} usado
                                                 </p>
                                             )}
                                         </>
@@ -319,7 +319,7 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                                 <ChevronLeft size={20} />
                             </div>
                             <div className="hidden sm:block">
-                                <p className="text-[10px] font-black uppercase tracking-widest text-gray-500">Previous</p>
+                                <p className="text-[10px] font-black uppercase tracking-widest text-gray-500">Anterior</p>
                                 <p className="text-xs font-bold text-gray-300 group-hover:text-white truncate max-w-[120px]">{prevLesson.title}</p>
                             </div>
                         </Link>
@@ -332,17 +332,17 @@ export default function LessonPlayerPage({ params }: { params: { id: string, les
                             ))}
                         </div>
                         <span className="text-[10px] font-black uppercase tracking-widest text-gray-500 ml-4">
-                            {currentIndex + 1} OF {allLessons.length} COMPLETED
+                            {currentIndex + 1} OF {allLessons.length} COMPLETADO
                         </span>
                     </div>
 
                     {nextLesson ? (
                         <Link href={`/courses/${params.id}/lessons/${nextLesson.id}`} className="btn-premium !py-3 !px-6 text-xs !shadow-none">
-                            Next Lesson <ChevronRight size={18} />
+                            Siguiente Lección <ChevronRight size={18} />
                         </Link>
                     ) : (
                         <Link href="/" className="btn-premium !bg-green-600 !py-3 !px-6 text-xs !shadow-none">
-                            Finish Course <CheckCircle2 size={18} />
+                            Finalizar Curso <CheckCircle2 size={18} />
                         </Link>
                     )}
                 </footer>
diff --git a/web/experience/src/app/courses/[id]/page.tsx b/web/experience/src/app/courses/[id]/page.tsx
index d81ad67..67261b5 100644
--- a/web/experience/src/app/courses/[id]/page.tsx
+++ b/web/experience/src/app/courses/[id]/page.tsx
@@ -30,35 +30,35 @@ export default function CourseOutlinePage({ params }: { params: { id: string } }
         );
     }
 
-    if (!courseData) return <div className="text-center py-20 text-gray-500">Course not found.</div>;
+    if (!courseData) return <div className="text-center py-20 text-gray-500">Curso no encontrado.</div>;
 
     return (
         <div className="max-w-4xl mx-auto px-6 py-20">
             <div className="mb-16">
                 <div className="flex items-center gap-2 mb-6 text-blue-500 font-bold text-xs uppercase tracking-widest">
-                    <Link href="/" className="hover:text-white transition-colors">Catalog</Link>
+                    <Link href="/" className="hover:text-white transition-colors">Catálogo</Link>
                     <ChevronRight size={14} className="text-gray-600" />
-                    <span>Course Details</span>
+                    <span>Detalles del Curso</span>
                 </div>
                 <h1 className="text-5xl font-black tracking-tighter mb-6">{courseData.title}</h1>
                 <p className="text-gray-400 text-lg leading-relaxed max-w-2xl mb-10">
-                    {courseData.description || "Master the core principles and advanced techniques in this structured curriculum. Each module is designed to provide actionable insights and hands-on experience."}
+                    {courseData.description || "Domina los principios básicos y las técnicas avanzadas en este plan de estudios estructurado. Cada módulo está diseñado para proporcionar conocimientos prácticos y experiencia práctica."}
                 </p>
 
                 <div className="flex flex-wrap items-center gap-4 mb-10">
                     <div className={`flex items-center gap-2 px-4 py-2 rounded-full border text-xs font-bold uppercase tracking-widest ${courseData.pacing_mode === 'instructor_led' ? 'bg-purple-500/10 border-purple-500/30 text-purple-400' : 'bg-blue-500/10 border-blue-500/30 text-blue-400'
                         }`}>
                         {courseData.pacing_mode === 'instructor_led' ? <Clock size={14} /> : <Info size={14} />}
-                        {courseData.pacing_mode === 'instructor_led' ? 'Instructor-Led' : 'Self-Paced'}
+                        {courseData.pacing_mode === 'instructor_led' ? 'Dirigido por un Instructor' : 'A tu Ritmo'}
                     </div>
 
                     {courseData.pacing_mode === 'instructor_led' && (courseData.start_date || courseData.end_date) && (
                         <div className="flex items-center gap-4 text-xs font-bold text-gray-500 uppercase tracking-widest">
                             <Calendar size={14} />
                             <span>
-                                {courseData.start_date ? new Date(courseData.start_date).toLocaleDateString() : 'TBD'}
+                                {courseData.start_date ? new Date(courseData.start_date).toLocaleDateString() : 'Por Determinar'}
                                 <span className="mx-2 text-gray-700">→</span>
-                                {courseData.end_date ? new Date(courseData.end_date).toLocaleDateString() : 'TBD'}
+                                {courseData.end_date ? new Date(courseData.end_date).toLocaleDateString() : 'Por Determinar'}
                             </span>
                         </div>
                     )}
@@ -67,12 +67,12 @@ export default function CourseOutlinePage({ params }: { params: { id: string } }
                 <div className="flex items-center justify-between">
                     <div className="flex items-center gap-8">
                         <div className="flex flex-col">
-                            <span className="text-[10px] font-black uppercase tracking-widest text-gray-600 mb-1">Modules</span>
+                            <span className="text-[10px] font-black uppercase tracking-widest text-gray-600 mb-1">Módulos</span>
                             <span className="text-xl font-bold text-white">{courseData.modules.length}</span>
                         </div>
                         <div className="w-px h-8 bg-white/10" />
                         <div className="flex flex-col">
-                            <span className="text-[10px] font-black uppercase tracking-widest text-gray-600 mb-1">Total Lessons</span>
+                            <span className="text-[10px] font-black uppercase tracking-widest text-gray-600 mb-1">Lecciones Totales</span>
                             <span className="text-xl font-bold text-white">
                                 {courseData.modules.reduce((acc, m) => acc + m.lessons.length, 0)}
                             </span>
@@ -82,12 +82,12 @@ export default function CourseOutlinePage({ params }: { params: { id: string } }
                     <div className="flex gap-2">
                         <Link href={`/courses/${params.id}/calendar`}>
                             <button className="px-6 py-3 glass hover:border-blue-500/50 transition-all font-bold text-xs uppercase tracking-widest flex items-center gap-3 active:scale-95">
-                                <Calendar size={16} /> Timeline
+                                <Calendar size={16} /> Cronología
                             </button>
                         </Link>
                         <Link href={`/courses/${params.id}/progress`}>
                             <button className="px-8 py-3 glass hover:border-blue-500/50 transition-all font-bold text-xs uppercase tracking-widest flex items-center gap-3 active:scale-95">
-                                📊 Progress
+                                📊 Progreso
                             </button>
                         </Link>
                     </div>
@@ -120,14 +120,14 @@ export default function CourseOutlinePage({ params }: { params: { id: string } }
                                                 <div>
                                                     <h3 className="text-sm font-bold text-gray-200 group-hover:text-white transition-colors">{lesson.title}</h3>
                                                     <span className="text-[10px] font-bold uppercase tracking-widest text-gray-500">
-                                                        {lesson.content_type === 'activity' ? 'Interactive Activity' : 'Video Lesson'}
+                                                        {lesson.content_type === 'activity' ? 'Actividad Interactiva' : 'Lección en Video'}
                                                     </span>
                                                 </div>
                                             </div>
                                             <div className="flex items-center gap-6">
                                                 {lesson.due_date && (
                                                     <div className="text-right hidden sm:block">
-                                                        <div className="text-[9px] font-black uppercase tracking-widest text-gray-600">Deadline</div>
+                                                        <div className="text-[9px] font-black uppercase tracking-widest text-gray-600">Vencimiento</div>
                                                         <div className={`text-[10px] font-bold ${new Date(lesson.due_date) < new Date() ? 'text-red-400' : 'text-blue-400'}`}>
                                                             {new Date(lesson.due_date).toLocaleDateString()}
                                                         </div>
diff --git a/web/experience/src/app/courses/[id]/progress/page.tsx b/web/experience/src/app/courses/[id]/progress/page.tsx
index 0234799..10a636f 100644
--- a/web/experience/src/app/courses/[id]/progress/page.tsx
+++ b/web/experience/src/app/courses/[id]/progress/page.tsx
@@ -40,7 +40,7 @@ export default function StudentProgressPage() {
                 setUserGrades(grades);
             }
         } catch (err) {
-            console.error("Failed to load progress data", err);
+            console.error("Error al cargar los datos de progreso", err);
         } finally {
             setLoading(false);
         }
@@ -56,7 +56,7 @@ export default function StudentProgressPage() {
         </div>
     );
 
-    if (!course) return <div className="p-20 text-center text-white">Course not found.</div>;
+    if (!course) return <div className="p-20 text-center text-white">Curso no encontrado.</div>;
 
     const gradingCategories = course.grading_categories || [];
 
@@ -103,7 +103,7 @@ export default function StudentProgressPage() {
                 <div className="lg:col-span-1 space-y-8">
                     <div className="bg-gradient-to-br from-blue-600/20 to-indigo-600/20 rounded-[2.5rem] p-12 border border-blue-500/20 text-center relative overflow-hidden group">
                         <div className="absolute top-0 right-0 w-32 h-32 bg-blue-500/10 blur-3xl rounded-full -translate-y-1/2 translate-x-1/2 group-hover:bg-blue-500/20 transition-all duration-700"></div>
-                        <h2 className="text-gray-400 font-bold uppercase tracking-widest text-xs mb-8">Overall Standing</h2>
+                        <h2 className="text-gray-400 font-bold uppercase tracking-widest text-xs mb-8">Estado General</h2>
 
                         <div className="relative inline-flex items-center justify-center mb-8">
                             <svg className="w-48 h-48 -rotate-90">
@@ -131,7 +131,7 @@ export default function StudentProgressPage() {
                             </svg>
                             <div className="absolute inset-0 flex flex-col items-center justify-center">
                                 <span className="text-6xl font-black">{Math.round(totalWeightedGrade)}%</span>
-                                <span className="text-xs text-blue-400 font-bold uppercase tracking-widest mt-1">Current Grade</span>
+                                <span className="text-xs text-blue-400 font-bold uppercase tracking-widest mt-1">Calificación Actual</span>
                             </div>
                         </div>
 
@@ -146,7 +146,7 @@ export default function StudentProgressPage() {
 
                     <div className="bg-white/5 rounded-3xl p-8 border border-white/10 space-y-6">
                         <h3 className="text-sm font-bold uppercase tracking-[0.2em] text-gray-500 flex items-center gap-2">
-                            <BarChart3 className="w-4 h-4" /> Assessment Summary
+                            <BarChart3 className="w-4 h-4" /> Resumen de Evaluaciones
                         </h3>
                         <div className="space-y-4">
                             {categoryStats.map(stat => (
@@ -167,7 +167,7 @@ export default function StudentProgressPage() {
                     <section>
                         <h2 className="text-2xl font-black mb-8 flex items-center gap-3">
                             <Target className="w-8 h-8 text-blue-500" />
-                            Detailed Breakdown
+                            Desglose Detallado
                         </h2>
 
                         <div className="space-y-4">
@@ -177,12 +177,12 @@ export default function StudentProgressPage() {
                                         <div>
                                             <h3 className="text-xl font-bold">{cat.name}</h3>
                                             <p className="text-gray-400 text-sm mt-1">
-                                                Weight: {cat.weight}% of total course grade
+                                                Peso: {cat.weight}% de la calificación total del curso
                                             </p>
                                         </div>
                                         <div className="text-right">
                                             <div className="text-4xl font-black text-blue-500">{Math.round(cat.avgScore)}%</div>
-                                            <div className="text-[10px] text-gray-500 font-bold uppercase tracking-widest mt-1">Average Score</div>
+                                            <div className="text-[10px] text-gray-500 font-bold uppercase tracking-widest mt-1">Puntuación Promedio</div>
                                         </div>
                                     </div>
 
@@ -198,13 +198,13 @@ export default function StudentProgressPage() {
                                             <div className="flex items-center gap-4">
                                                 <div className="flex items-center gap-2">
                                                     <BookOpen className="w-4 h-4 text-gray-500" />
-                                                    <span className="text-gray-400">{cat.completedCount} / {cat.count} assessments completed</span>
+                                                    <span className="text-gray-400">{cat.completedCount} / {cat.count} evaluaciones completadas</span>
                                                 </div>
                                             </div>
                                             {cat.completedCount === cat.count && (
                                                 <div className="flex items-center gap-2 text-green-400 font-bold">
                                                     <CheckCircle2 className="w-4 h-4" />
-                                                    Category Finished
+                                                    Categoría Finalizada
                                                 </div>
                                             )}
                                         </div>
@@ -222,16 +222,16 @@ export default function StudentProgressPage() {
                                     <Award className="w-8 h-8" />
                                 </div>
                                 <div>
-                                    <h3 className="text-lg font-bold text-green-400">Course Completed!</h3>
+                                    <h3 className="text-lg font-bold text-green-400">¡Curso Completado!</h3>
                                     <p className="text-sm text-green-300/60 mt-0.5">
-                                        Congratulations! You have passed <b>{course.title}</b>.
+                                        ¡Felicidades! Has aprobado <b>{course.title}</b>.
                                     </p>
                                 </div>
                             </div>
                             <button
                                 onClick={() => {
                                     if (!course.certificate_template || !user) {
-                                        alert("Certificate template not available.");
+                                        alert("Plantilla de certificado no disponible.");
                                         return;
                                     }
                                     const filledTemplate = course.certificate_template
@@ -254,7 +254,7 @@ export default function StudentProgressPage() {
                                 className="px-6 py-3 bg-green-500 hover:bg-green-600 text-white font-bold rounded-xl transition-colors shadow-lg shadow-green-900/20 flex items-center gap-2"
                             >
                                 <Award className="w-4 h-4" />
-                                Download Certificate
+                                Descargar Certificado
                             </button>
                         </section>
                     ) : (
@@ -264,14 +264,14 @@ export default function StudentProgressPage() {
                                     <TrendingUp className="w-8 h-8" />
                                 </div>
                                 <div>
-                                    <h3 className="text-lg font-bold">Certification Track</h3>
+                                    <h3 className="text-lg font-bold">Ruta de Certificación</h3>
                                     <p className="text-sm text-indigo-300/60 mt-0.5">
-                                        Maintain {course.passing_percentage || 70}% or higher to earn your verified certificate.
+                                        Mantén {course.passing_percentage || 70}% o más para obtener tu certificado verificado.
                                     </p>
                                 </div>
                             </div>
                             <div className="text-indigo-400 font-bold text-sm">
-                                {Math.max(0, (course.passing_percentage || 70) - Math.round(totalWeightedGrade))}% to go
+                                Falta {Math.max(0, (course.passing_percentage || 70) - Math.round(totalWeightedGrade))}%
                             </div>
                         </section>
                     )}
diff --git a/web/experience/src/app/layout.tsx b/web/experience/src/app/layout.tsx
index a4411da..ca51d87 100644
--- a/web/experience/src/app/layout.tsx
+++ b/web/experience/src/app/layout.tsx
@@ -9,8 +9,8 @@ import AuthGuard from "@/components/AuthGuard";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "OpenCCB | Learning Experience",
-  description: "Consume high-fidelity educational content with OpenCCB",
+  title: "OpenCCB | Experiencia de Aprendizaje",
+  description: "Consume contenido educativo de alta fidelidad con OpenCCB",
 };
 
 import AppHeader from "@/components/AppHeader";
@@ -32,7 +32,7 @@ export default function RootLayout({
               </main>
               <footer className="py-12 px-6 border-t border-white/5 text-center bg-black/20">
                 <p className="text-[10px] font-black uppercase tracking-[0.2em] text-gray-600">
-                  Powered by OpenCCB &copy; 2023. Advanced Agentic Coding.
+                  Desarrollado por OpenCCB © 2023. Codificación Agente Avanzada.
                 </p>
               </footer>
             </AuthGuard>
diff --git a/web/experience/src/app/page.tsx b/web/experience/src/app/page.tsx
index df6b3cd..139ab3a 100644
--- a/web/experience/src/app/page.tsx
+++ b/web/experience/src/app/page.tsx
@@ -44,7 +44,7 @@ export default function CatalogPage() {
                 });
               });
             } catch (err) {
-              console.error(`Failed to load outline for course ${enrollment.course_id}`, err);
+              console.error(`No se pudo cargar el esquema del curso ${enrollment.course_id}`, err);
             }
           }
           setUpcomingDeadlines(deadlines.sort((a, b) => new Date(a.lesson.due_date!).getTime() - new Date(b.lesson.due_date!).getTime()).slice(0, 3));
@@ -68,7 +68,7 @@ export default function CatalogPage() {
       await lmsApi.enroll(courseId, user.id);
       setEnrollments(prev => [...prev, courseId]);
     } catch (err) {
-      console.error("Enrollment failed", err);
+      console.error("Falló la inscripción", err);
     }
   };
 
@@ -90,18 +90,18 @@ export default function CatalogPage() {
         <div className="space-y-4">
           <div className="flex items-center gap-2 text-[10px] font-black uppercase tracking-[0.3em] text-blue-500">
             <Star size={14} className="fill-blue-500" />
-            <span>Premier Curriculum</span>
+            <span>Currículo Premier</span>
           </div>
           <h1 className="text-6xl font-black tracking-tighter leading-none">
-            Explore <span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-indigo-600">Courses</span>
+            Explorar <span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-indigo-600">Cursos</span>
           </h1>
           <p className="text-gray-500 font-medium max-w-xl text-lg">
-            Master the skills of the future with our high-fidelity educational content.
+            Domina las habilidades del futuro con nuestro contenido educativo de alta fidelidad.
           </p>
         </div>
         {!user && (
           <Link href="/auth/register" className="btn-premium !bg-white !text-black shadow-none !px-8">
-            Get Started Free
+            Comienza Gratis
           </Link>
         )}
       </div>
@@ -122,8 +122,8 @@ export default function CatalogPage() {
 
                 <div className="flex-1 space-y-4">
                   <div>
-                    <div className="text-[10px] font-black uppercase tracking-[0.3em] text-blue-400 mb-1">Current Standing</div>
-                    <h2 className="text-3xl font-black text-white">Level {gamification.level} Pioneer</h2>
+                    <div className="text-[10px] font-black uppercase tracking-[0.3em] text-blue-400 mb-1">Posición Actual</div>
+                    <h2 className="text-3xl font-black text-white">Nivel {gamification.level} Pionero</h2>
                   </div>
 
                   <div className="space-y-2">
@@ -132,7 +132,7 @@ export default function CatalogPage() {
                         {gamification.points} / {Math.pow(gamification.level, 2) * 100} XP
                       </div>
                       <div className="text-[10px] font-black text-blue-400 uppercase tracking-widest">
-                        {Math.floor(((gamification.points - Math.pow(gamification.level - 1, 2) * 100) / (Math.pow(gamification.level, 2) * 100 - Math.pow(gamification.level - 1, 2) * 100)) * 100)}% to Level {gamification.level + 1}
+                        {Math.floor(((gamification.points - Math.pow(gamification.level - 1, 2) * 100) / (Math.pow(gamification.level, 2) * 100 - Math.pow(gamification.level - 1, 2) * 100)) * 100)}% para el Nivel {gamification.level + 1}
                       </div>
                     </div>
                     <div className="h-2 w-full bg-white/5 rounded-full overflow-hidden border border-white/5">
@@ -151,11 +151,11 @@ export default function CatalogPage() {
 
             <div className="glass-card p-8 bg-white/[0.01] border-white/5 rounded-3xl">
               <h3 className="text-xs font-black uppercase tracking-widest text-gray-500 mb-6 flex items-center gap-2">
-                <CheckCircle2 size={14} /> My Badges
+                <CheckCircle2 size={14} /> Mis Insignias
               </h3>
               <div className="flex flex-wrap gap-4">
                 {gamification.badges.length === 0 ? (
-                  <p className="text-sm text-gray-600 italic">No badges earned yet. Start learning to unlock achievements!</p>
+                  <p className="text-sm text-gray-600 italic">Aún no has ganado insignias. ¡Comienza a aprender para desbloquear logros!</p>
                 ) : (
                   gamification.badges.map(badge => (
                     <div key={badge.id} className="group/badge relative">
@@ -179,7 +179,7 @@ export default function CatalogPage() {
       {user && upcomingDeadlines.length > 0 && (
         <div className="mb-16 animate-in fade-in slide-in-from-top-4 duration-700 delay-200">
           <h3 className="text-xs font-black uppercase tracking-[0.3em] text-gray-500 mb-6 flex items-center gap-2">
-            <Calendar size={14} /> Upcoming Deadlines
+            <Calendar size={14} /> Próximos Vencimientos
           </h3>
           <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
             {upcomingDeadlines.map(({ lesson, courseTitle, courseId }) => (
@@ -187,11 +187,11 @@ export default function CatalogPage() {
                 <div className="glass-card p-6 border-blue-500/10 bg-blue-500/2 rounded-3xl hover:border-blue-500/30 transition-all">
                   <div className="flex justify-between items-start mb-4">
                     <div className="text-[10px] font-black uppercase tracking-widest text-blue-400 group-hover:text-blue-300 transition-colors">
-                      {lesson.important_date_type || 'Activity'}
+                      {lesson.important_date_type || 'Actividad'}
                     </div>
                     <div className="text-right">
                       <div className="text-xs font-black text-white">{new Date(lesson.due_date!).toLocaleDateString()}</div>
-                      <div className="text-[8px] font-bold text-gray-600 uppercase tracking-widest">Deadline</div>
+                      <div className="text-[8px] font-bold text-gray-600 uppercase tracking-widest">Vencimiento</div>
                     </div>
                   </div>
                   <h4 className="font-bold text-sm text-gray-200 mb-1 group-hover:text-white transition-colors line-clamp-1">{lesson.title}</h4>
@@ -205,7 +205,7 @@ export default function CatalogPage() {
 
       {courses.length === 0 ? (
         <div className="py-20 text-center glass-card border-dashed border-white/10 rounded-3xl bg-white/[0.01]">
-          <p className="text-gray-500 font-bold uppercase tracking-widest">No courses published yet.</p>
+          <p className="text-gray-500 font-bold uppercase tracking-widest">Aún no se han publicado cursos.</p>
         </div>
       ) : (
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
@@ -220,7 +220,7 @@ export default function CatalogPage() {
                   </div>
                   {isEnrolled && (
                     <span className="text-[10px] font-black uppercase tracking-widest px-3 py-1 rounded-full bg-green-500/10 text-green-400 border border-green-500/20">
-                      Enrolled
+                      Inscrito
                     </span>
                   )}
                 </div>
@@ -231,14 +231,14 @@ export default function CatalogPage() {
 
                 <div className="flex-1">
                   <p className="text-gray-500 text-sm font-medium line-clamp-3 mb-10 leading-relaxed">
-                    {course.description || "In-depth curriculum covering foundational principles to advanced mastery, crafted by industry veterans."}
+                    {course.description || "Currículo detallado que cubre desde los principios fundamentales hasta el dominio avanzado, elaborado por veteranos de la industria."}
                   </p>
                 </div>
 
                 <div className="pt-8 border-t border-white/5 flex items-center justify-between mt-auto">
                   {isEnrolled ? (
                     <Link href={`/courses/${course.id}`} className="btn-premium w-full !bg-blue-600/10 !text-blue-400 border border-blue-500/20 hover:!bg-blue-600/20 !shadow-none gap-2">
-                      Continue Learning <ArrowRight size={16} />
+                      Continuar Aprendiendo <ArrowRight size={16} />
                     </Link>
                   ) : (
                     <button
@@ -246,7 +246,7 @@ export default function CatalogPage() {
                       className="btn-premium w-full group-hover:scale-[1.02] transition-transform flex items-center justify-center gap-2 group/btn"
                     >
                       <CheckCircle2 size={18} className="text-white/50 group-hover/btn:text-white transition-colors" />
-                      Enroll for Free
+                      Inscribirse Gratis
                     </button>
                   )}
                 </div>
diff --git a/web/experience/src/app/profile/page.tsx b/web/experience/src/app/profile/page.tsx
index bbe75b8..0e797d7 100644
--- a/web/experience/src/app/profile/page.tsx
+++ b/web/experience/src/app/profile/page.tsx
@@ -31,10 +31,10 @@ export default function ProfilePage() {
                 full_name: fullName
             });
 
-            setMessage({ type: 'success', text: 'Profile updated successfully!' });
+            setMessage({ type: 'success', text: '¡Perfil actualizado con éxito!' });
         } catch (err) {
             console.error(err);
-            setMessage({ type: 'error', text: 'Failed to update profile.' });
+            setMessage({ type: 'error', text: 'Error al actualizar el perfil.' });
         } finally {
             setSaving(false);
         }
@@ -45,8 +45,8 @@ export default function ProfilePage() {
     return (
         <div className="max-w-4xl mx-auto py-12 px-6">
             <div className="mb-12">
-                <h1 className="text-4xl font-black tracking-tight text-white mb-2">My Profile</h1>
-                <p className="text-gray-400">Personalize your learning experience and track your progress.</p>
+                <h1 className="text-4xl font-black tracking-tight text-white mb-2">Mi Perfil</h1>
+                <p className="text-gray-400">Personaliza tu experiencia de aprendizaje y sigue tu progreso.</p>
             </div>
 
             <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
@@ -57,7 +57,7 @@ export default function ProfilePage() {
                             {user.full_name.charAt(0)}
                         </div>
                         <h2 className="text-xl font-bold text-white">{user.full_name}</h2>
-                        <span className="text-xs font-black uppercase tracking-widest text-blue-500 mt-1">Student</span>
+                        <span className="text-xs font-black uppercase tracking-widest text-blue-500 mt-1">Estudiante</span>
 
                         <div className="w-full h-px bg-white/5 my-6" />
 
@@ -65,7 +65,7 @@ export default function ProfilePage() {
                             <div className="flex items-center justify-between p-3 rounded-xl bg-white/5 border border-white/5">
                                 <div className="flex items-center gap-3">
                                     <Trophy size={16} className="text-yellow-500" />
-                                    <span className="text-xs font-bold text-white uppercase tracking-tighter">Level</span>
+                                    <span className="text-xs font-bold text-white uppercase tracking-tighter">Nivel</span>
                                 </div>
                                 <span className="text-lg font-black text-white">{user.level || 1}</span>
                             </div>
@@ -82,7 +82,7 @@ export default function ProfilePage() {
                             onClick={logout}
                             className="mt-8 w-full py-3 rounded-xl border border-white/10 text-sm font-bold text-gray-400 hover:text-white hover:bg-white/5 transition-all"
                         >
-                            Logout Session
+                            Cerrar Sesión
                         </button>
                     </div>
                 </div>
@@ -92,21 +92,21 @@ export default function ProfilePage() {
                     <form onSubmit={handleSave} className="glass p-8 rounded-3xl border border-white/5 space-y-6">
                         <div className="space-y-2">
                             <label className="text-xs font-black uppercase tracking-widest text-gray-500 flex items-center gap-2">
-                                <UserIcon size={14} /> Full Name
+                                <UserIcon size={14} /> Nombre Completo
                             </label>
                             <input
                                 type="text"
                                 value={fullName}
                                 onChange={(e) => setFullName(e.target.value)}
                                 className="w-full bg-black/40 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-blue-500/50 transition-colors placeholder:text-gray-700"
-                                placeholder="Enter your full name"
+                                placeholder="Introduce tu nombre completo"
                                 required
                             />
                         </div>
 
                         <div className="space-y-2 opacity-60">
                             <label className="text-xs font-black uppercase tracking-widest text-gray-500 flex items-center gap-2">
-                                <Mail size={14} /> Email Address
+                                <Mail size={14} /> Dirección de Correo Electrónico
                             </label>
                             <input
                                 type="email"
@@ -114,7 +114,7 @@ export default function ProfilePage() {
                                 disabled
                                 className="w-full bg-black/40 border border-white/10 rounded-xl px-4 py-3 text-white/50 cursor-not-allowed"
                             />
-                            <p className="text-[10px] text-gray-500 italic">Email cannot be changed currently.</p>
+                            <p className="text-[10px] text-gray-500 italic">El correo electrónico no se puede cambiar actualmente.</p>
                         </div>
 
                         {message && (
@@ -133,7 +133,7 @@ export default function ProfilePage() {
                             ) : (
                                 <Save size={20} />
                             )}
-                            Save Changes
+                            Guardar Cambios
                         </button>
                     </form>
 
@@ -143,11 +143,11 @@ export default function ProfilePage() {
                                 <Shield size={18} className="text-gray-400" />
                             </div>
                             <div>
-                                <h3 className="text-white font-bold text-sm">Organization</h3>
+                                <h3 className="text-white font-bold text-sm">Organización</h3>
                                 <p className="text-xs text-gray-500 mt-0.5 truncate max-w-[200px]">{user.organization_id}</p>
                             </div>
                         </div>
-                        <span className="text-[10px] font-black uppercase tracking-widest text-blue-500 bg-blue-500/10 px-3 py-1 rounded-full border border-blue-500/20">Active Tenant</span>
+                        <span className="text-[10px] font-black uppercase tracking-widest text-blue-500 bg-blue-500/10 px-3 py-1 rounded-full border border-blue-500/20">Inquilino Activo</span>
                     </div>
                 </div>
             </div>
diff --git a/web/experience/src/components/AppHeader.tsx b/web/experience/src/components/AppHeader.tsx
index 82ad90b..d2864ea 100644
--- a/web/experience/src/components/AppHeader.tsx
+++ b/web/experience/src/components/AppHeader.tsx
@@ -21,15 +21,15 @@ export default function AppHeader() {
                 </div>
                 <div className="flex flex-col -gap-1">
                     <span className="font-black text-lg tracking-tighter text-white leading-none">
-                        {branding?.name?.toUpperCase() || 'LEARN'}
+                        {branding?.name?.toUpperCase() || 'APRENDER'}
                     </span>
-                    {!branding && <span className="text-[10px] font-black tracking-widest text-blue-500 uppercase">EXPERIENCE</span>}
+                    {!branding && <span className="text-[10px] font-black tracking-widest text-blue-500 uppercase">EXPERIENCIA</span>}
                 </div>
             </Link>
 
             <nav className="hidden md:flex items-center gap-8">
-                <Link href="/" className="text-[10px] font-black uppercase tracking-[0.2em] text-gray-400 hover:text-white transition-colors">Catalog</Link>
-                <Link href="/my-learning" className="text-[10px] font-black uppercase tracking-[0.2em] text-gray-400 hover:text-white transition-colors">My Learning</Link>
+                <Link href="/" className="text-[10px] font-black uppercase tracking-[0.2em] text-gray-400 hover:text-white transition-colors">Catálogo</Link>
+                <Link href="/my-learning" className="text-[10px] font-black uppercase tracking-[0.2em] text-gray-400 hover:text-white transition-colors">Mi Aprendizaje</Link>
 
                 <div className="flex items-center gap-4 pl-4 border-l border-white/10">
                     <Link href="/profile" className="flex items-center gap-2 group/profile">
@@ -40,7 +40,7 @@ export default function AppHeader() {
                     <button
                         onClick={logout}
                         className="p-2 hover:bg-red-500/10 rounded-full text-gray-400 hover:text-red-400 transition-colors"
-                        title="Logout"
+                        title="Cerrar Sesión"
                     >
                         <LogOut size={16} />
                     </button>
diff --git a/web/experience/src/components/InteractiveTranscript.tsx b/web/experience/src/components/InteractiveTranscript.tsx
index e6f7814..7bacc12 100644
--- a/web/experience/src/components/InteractiveTranscript.tsx
+++ b/web/experience/src/components/InteractiveTranscript.tsx
@@ -43,7 +43,7 @@ export default function InteractiveTranscript({ cues, currentTime, onSeek }: Int
         <div className="flex flex-col h-full glass-card overflow-hidden border-white/5 bg-black/20">
             <div className="p-6 border-b border-white/5 flex items-center gap-3 bg-white/5">
                 <Clock className="w-4 h-4 text-blue-400" />
-                <h3 className="text-[10px] font-black uppercase tracking-[0.2em] text-gray-400">Interactive Transcript</h3>
+                <h3 className="text-[10px] font-black uppercase tracking-[0.2em] text-gray-400">Transcriptor Interactivo</h3>
             </div>
 
             <div
@@ -53,7 +53,7 @@ export default function InteractiveTranscript({ cues, currentTime, onSeek }: Int
                 {cues.length === 0 ? (
                     <div className="flex flex-col items-center justify-center h-full text-center p-8">
                         <span className="text-4xl mb-4">🤐</span>
-                        <p className="text-xs text-gray-500 uppercase tracking-widest font-bold">No transcription available for this content</p>
+                        <p className="text-xs text-gray-500 uppercase tracking-widest font-bold">No hay transcripción disponible para este contenido</p>
                     </div>
                 ) : (
                     cues.map((cue, index) => {
@@ -83,7 +83,7 @@ export default function InteractiveTranscript({ cues, currentTime, onSeek }: Int
             </div>
 
             <div className="p-4 bg-white/5 border-t border-white/5 flex items-center justify-between">
-                <span className="text-[8px] font-bold text-gray-500 uppercase tracking-widest">Click any segment to jump</span>
+                <span className="text-[8px] font-bold text-gray-500 uppercase tracking-widest">Haz clic en cualquier segmento para saltar</span>
                 <div className="flex gap-1">
                     <div className="w-1 h-1 rounded-full bg-blue-500 animate-pulse"></div>
                     <div className="w-1 h-1 rounded-full bg-blue-500/50"></div>
diff --git a/web/experience/src/components/Leaderboard.tsx b/web/experience/src/components/Leaderboard.tsx
index 962028e..aadf325 100644
--- a/web/experience/src/components/Leaderboard.tsx
+++ b/web/experience/src/components/Leaderboard.tsx
@@ -14,7 +14,7 @@ export default function Leaderboard() {
                 const data = await lmsApi.getLeaderboard();
                 setTopUsers(data);
             } catch (err) {
-                console.error("Failed to fetch leaderboard", err);
+                console.error("Error al obtener la tabla de clasificación", err);
             } finally {
                 setLoading(false);
             }
@@ -33,7 +33,7 @@ export default function Leaderboard() {
     return (
         <div className="glass-card p-8 border-white/5 bg-white/[0.01] rounded-3xl overflow-hidden relative">
             <h3 className="text-xs font-black uppercase tracking-widest text-gray-500 mb-6 flex items-center gap-2">
-                <Trophy size={14} className="text-amber-500" /> Leaderboard
+                <Trophy size={14} className="text-amber-500" /> Tabla de Clasificación
             </h3>
 
             <div className="space-y-3">
@@ -53,7 +53,7 @@ export default function Leaderboard() {
 
                         <div className="flex-1">
                             <div className="text-sm font-bold text-gray-200 line-clamp-1">{user.full_name}</div>
-                            <div className="text-[10px] font-bold text-gray-500 uppercase tracking-widest">Level {user.level || 1}</div>
+                            <div className="text-[10px] font-bold text-gray-500 uppercase tracking-widest">Nivel {user.level || 1}</div>
                         </div>
 
                         <div className="text-right">
@@ -65,7 +65,7 @@ export default function Leaderboard() {
 
                 {topUsers.length === 0 && (
                     <div className="text-center py-8 text-gray-600 italic text-sm">
-                        No ranking data available yet.
+                        Aún no hay datos de clasificación disponibles.
                     </div>
                 )}
             </div>
diff --git a/web/experience/src/components/blocks/DescriptionPlayer.tsx b/web/experience/src/components/blocks/DescriptionPlayer.tsx
index 6d93b61..a3f6cbf 100644
--- a/web/experience/src/components/blocks/DescriptionPlayer.tsx
+++ b/web/experience/src/components/blocks/DescriptionPlayer.tsx
@@ -11,7 +11,7 @@ export default function DescriptionPlayer({ id, title, content }: DescriptionPla
         <div className="space-y-8" id={id}>
             <div className="space-y-2">
                 <h3 className="text-xl font-bold border-l-4 border-blue-500 pl-4 py-1 tracking-tight text-white uppercase tracking-widest text-[10px]">
-                    {title || "Overview"}
+                    {title || "Resumen"}
                 </h3>
             </div>
 
diff --git a/web/experience/src/components/blocks/FillInTheBlanksPlayer.tsx b/web/experience/src/components/blocks/FillInTheBlanksPlayer.tsx
index 57e6ce1..9fbdbb8 100644
--- a/web/experience/src/components/blocks/FillInTheBlanksPlayer.tsx
+++ b/web/experience/src/components/blocks/FillInTheBlanksPlayer.tsx
@@ -46,7 +46,7 @@ export default function FillInTheBlanksPlayer({ id, title, content, allowRetry =
         <div className="space-y-8" id={id}>
             <div className="space-y-2">
                 <h3 className="text-xl font-bold border-l-4 border-blue-500 pl-4 py-1 tracking-tight text-white uppercase tracking-widest text-[10px]">
-                    {title || "Fill in the Blanks"}
+                    {title || "Rellena los Espacios en Blanco"}
                 </h3>
             </div>
 
@@ -84,7 +84,7 @@ export default function FillInTheBlanksPlayer({ id, title, content, allowRetry =
                                 onClick={() => setSubmitted(true)}
                                 className="btn-premium w-full py-5 font-black text-xs uppercase tracking-[0.2em] shadow-xl shadow-blue-500/20"
                             >
-                                Validate Answers
+                                Validar Respuestas
                             </button>
                         )}
 
@@ -93,7 +93,7 @@ export default function FillInTheBlanksPlayer({ id, title, content, allowRetry =
                                 onClick={handleReset}
                                 className="w-full py-5 glass text-blue-400 font-black text-xs uppercase tracking-[0.2em] hover:bg-white/5 transition-all rounded-3xl border-white/5"
                             >
-                                Try Again
+                                Intentar de Nuevo
                             </button>
                         )}
                     </>
diff --git a/web/experience/src/components/blocks/MatchingPlayer.tsx b/web/experience/src/components/blocks/MatchingPlayer.tsx
index e5f7880..d753244 100644
--- a/web/experience/src/components/blocks/MatchingPlayer.tsx
+++ b/web/experience/src/components/blocks/MatchingPlayer.tsx
@@ -41,13 +41,13 @@ export default function MatchingPlayer({ id, title, pairs, allowRetry = true }:
         <div className="space-y-8" id={id}>
             <div className="space-y-2">
                 <h3 className="text-xl font-bold border-l-4 border-blue-500 pl-4 py-1 tracking-tight text-white uppercase tracking-widest text-[10px]">
-                    {title || "Concept Matching"}
+                    {title || "Emparejamiento de Conceptos"}
                 </h3>
             </div>
 
             <div className="grid grid-cols-1 md:grid-cols-2 gap-12 p-8 glass border-white/5 rounded-3xl relative">
                 <div className="space-y-4">
-                    <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-4 block">Term</label>
+                    <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-4 block">Término</label>
                     {(pairs || []).map((pair, i) => (
                         <button
                             key={i}
@@ -63,7 +63,7 @@ export default function MatchingPlayer({ id, title, pairs, allowRetry = true }:
                 </div>
 
                 <div className="space-y-4">
-                    <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-4 block">Definition</label>
+                    <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-4 block">Definición</label>
                     {shuffledRight.map((item, i) => {
                         const matchedLeftIdx = Object.keys(matches).find(k => matches[parseInt(k)] === item.originalIdx);
                         const isCorrect = submitted && matchedLeftIdx !== undefined && parseInt(matchedLeftIdx) === item.originalIdx;
@@ -98,7 +98,7 @@ export default function MatchingPlayer({ id, title, pairs, allowRetry = true }:
                                 onClick={() => setSubmitted(true)}
                                 className="btn-premium w-full py-5 font-black text-xs uppercase tracking-[0.2em] shadow-xl shadow-blue-500/20"
                             >
-                                Validate Matching
+                                Validar Emparejamiento
                             </button>
                         )}
                         {submitted && (
@@ -106,7 +106,7 @@ export default function MatchingPlayer({ id, title, pairs, allowRetry = true }:
                                 onClick={handleReset}
                                 className="w-full py-5 glass text-blue-400 font-black text-xs uppercase tracking-[0.2em] hover:bg-white/5 transition-all rounded-2xl border-white/5"
                             >
-                                Try Again
+                                Intentar de Nuevo
                             </button>
                         )}
                     </div>
diff --git a/web/experience/src/components/blocks/MediaPlayer.tsx b/web/experience/src/components/blocks/MediaPlayer.tsx
index 41f7a11..45c3157 100644
--- a/web/experience/src/components/blocks/MediaPlayer.tsx
+++ b/web/experience/src/components/blocks/MediaPlayer.tsx
@@ -59,15 +59,15 @@ export default function MediaPlayer({ id, title, url, media_type, config, initia
     if (locked) {
         return (
             <div className="space-y-4" id={id}>
-                <h3 className="text-xs font-black uppercase tracking-widest text-gray-400">{title || "Multimedia Content"}</h3>
+                <h3 className="text-xs font-black uppercase tracking-widest text-gray-400">{title || "Contenido Multimedia"}</h3>
                 <div className="glass-card aspect-video flex flex-col items-center justify-center gap-6 border-red-500/20 bg-red-500/5">
                     <div className="w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center text-red-500">
                         <Lock size={32} />
                     </div>
                     <div className="text-center">
-                        <p className="text-xl font-bold text-white mb-2">Content Locked</p>
+                        <p className="text-xl font-bold text-white mb-2">Contenido Bloqueado</p>
                         <p className="text-sm text-gray-500 max-w-xs uppercase tracking-widest font-black">
-                            You have reached the limit of {maxPlays} plays for this content.
+                            Has alcanzado el límite de {maxPlays} reproducciones para este contenido.
                         </p>
                     </div>
                 </div>
@@ -89,10 +89,10 @@ export default function MediaPlayer({ id, title, url, media_type, config, initia
     return (
         <div className="space-y-6" id={id}>
             <div className="flex items-center justify-between">
-                <h3 className="text-xs font-black uppercase tracking-widest text-gray-400">{title || "Multimedia Content"}</h3>
+                <h3 className="text-xs font-black uppercase tracking-widest text-gray-400">{title || "Contenido Multimedia"}</h3>
                 {maxPlays > 0 && (
                     <span className="text-[10px] font-bold uppercase tracking-widest px-3 py-1 rounded-full bg-white/5 border border-white/5 text-gray-500">
-                        {playCount} / {maxPlays} PLAYS
+                        {playCount} / {maxPlays} REPRODUCCIONES
                     </span>
                 )}
             </div>
@@ -134,7 +134,7 @@ export default function MediaPlayer({ id, title, url, media_type, config, initia
             {maxPlays > 0 && playCount > 0 && (
                 <div className="flex items-center gap-2 text-[10px] font-bold uppercase tracking-widest text-orange-500/70 p-4 rounded-xl bg-orange-500/5 border border-orange-500/10">
                     <AlertCircle size={14} />
-                    <span>Watch carefully. Content will lock after {maxPlays} plays.</span>
+                    <span>Presta atención. El contenido se bloqueará después de {maxPlays} reproducciones.</span>
                 </div>
             )}
         </div>
diff --git a/web/experience/src/components/blocks/OrderingPlayer.tsx b/web/experience/src/components/blocks/OrderingPlayer.tsx
index 0ffabf0..8417570 100644
--- a/web/experience/src/components/blocks/OrderingPlayer.tsx
+++ b/web/experience/src/components/blocks/OrderingPlayer.tsx
@@ -37,14 +37,14 @@ export default function OrderingPlayer({ id, title, items, allowRetry = true }:
         <div className="space-y-8" id={id}>
             <div className="space-y-2">
                 <h3 className="text-xl font-bold border-l-4 border-blue-500 pl-4 py-1 tracking-tight text-white uppercase tracking-widest text-[10px]">
-                    {title || "Sequence Ordering"}
+                    {title || "Ordenamiento de Secuencia"}
                 </h3>
             </div>
 
             <div className="space-y-8 p-8 glass border-white/5 rounded-3xl">
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
                     <div className="space-y-4">
-                        <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-4 block">Available Items</label>
+                        <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-4 block">Elementos Disponibles</label>
                         <div className="flex flex-wrap gap-3">
                             {shuffledItems.map((item, i) => {
                                 const isPicked = userOrder.includes(item.originalIdx);
@@ -65,9 +65,9 @@ export default function OrderingPlayer({ id, title, items, allowRetry = true }:
                     </div>
 
                     <div className="space-y-4">
-                        <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-4 block">Your Sequence</label>
+                        <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-4 block">Tu Secuencia</label>
                         <div className="space-y-3">
-                            {userOrder.length === 0 && <p className="text-xs text-gray-600 italic py-4">Click items to build the sequence...</p>}
+                            {userOrder.length === 0 && <p className="text-xs text-gray-600 italic py-4">Haz clic en los elementos para construir la secuencia...</p>}
                             {userOrder.map((idx, i) => {
                                 const isItemCorrect = submitted && idx === i;
                                 const isItemWrong = submitted && idx !== i;
@@ -100,7 +100,7 @@ export default function OrderingPlayer({ id, title, items, allowRetry = true }:
                                 onClick={() => setSubmitted(true)}
                                 className="btn-premium w-full py-5 font-black text-xs uppercase tracking-[0.2em] shadow-xl shadow-blue-500/20"
                             >
-                                Validate Sequence
+                                Validar Secuencia
                             </button>
                         )}
                         {submitted && (
@@ -108,7 +108,7 @@ export default function OrderingPlayer({ id, title, items, allowRetry = true }:
                                 onClick={handleReset}
                                 className="w-full py-5 glass text-blue-400 font-black text-xs uppercase tracking-[0.2em] hover:bg-white/5 transition-all rounded-2xl border-white/5"
                             >
-                                Try Again
+                                Intentar de Nuevo
                             </button>
                         )}
                     </div>
diff --git a/web/experience/src/components/blocks/QuizPlayer.tsx b/web/experience/src/components/blocks/QuizPlayer.tsx
index 593e5f5..176f808 100644
--- a/web/experience/src/components/blocks/QuizPlayer.tsx
+++ b/web/experience/src/components/blocks/QuizPlayer.tsx
@@ -65,11 +65,11 @@ export default function QuizPlayer({ id, title, quizData, allowRetry = true, max
         <div className="space-y-8 notranslate" id={id} translate="no">
             <div className="space-y-2">
                 <h3 className="text-xl font-bold border-l-4 border-blue-500 pl-4 py-1 tracking-tight text-white uppercase tracking-widest text-[10px]">
-                    {title || "Knowledge Check"}
+                    {title || "Verificación de Conocimientos"}
                 </h3>
                 {maxAttempts > 0 && (
                     <span className="text-[10px] font-bold uppercase tracking-widest px-3 py-1 rounded-full bg-white/5 border border-white/5 text-gray-500">
-                        Attempt {attempts} / {maxAttempts}
+                        Intento {attempts} / {maxAttempts}
                     </span>
                 )}
             </div>
@@ -106,7 +106,7 @@ export default function QuizPlayer({ id, title, quizData, allowRetry = true, max
                                             <span>{opt}</span>
                                             {submitted && isActuallyCorrect && <span>✅</span>}
                                             {submitted && isWrongSelection && <span>❌</span>}
-                                            {submitted && missedCorrect && <span className="text-[10px] uppercase font-black tracking-tighter">Correct Answer</span>}
+                                            {submitted && missedCorrect && <span className="text-[10px] uppercase font-black tracking-tighter">Respuesta Correcta</span>}
                                         </div>
                                     </button>
                                 );
@@ -123,7 +123,7 @@ export default function QuizPlayer({ id, title, quizData, allowRetry = true, max
                                 disabled={maxAttempts > 0 && attempts >= maxAttempts}
                                 className={`btn-premium w-full py-5 font-black text-xs uppercase tracking-[0.2em] shadow-xl shadow-blue-500/20 ${maxAttempts > 0 && attempts >= maxAttempts ? 'opacity-50 cursor-not-allowed' : ''}`}
                             >
-                                {maxAttempts > 0 && attempts >= maxAttempts ? 'Max Attempts Reached' : 'Validate Answers'}
+                                {maxAttempts > 0 && attempts >= maxAttempts ? 'Máximo de Intentos Alcanzado' : 'Validar Respuestas'}
                             </button>
                         )}
                         {submitted && (
@@ -136,7 +136,7 @@ export default function QuizPlayer({ id, title, quizData, allowRetry = true, max
                                 disabled={maxAttempts > 0 && attempts >= maxAttempts}
                                 className={`w-full py-5 glass text-blue-400 font-black text-xs uppercase tracking-[0.2em] hover:bg-white/5 transition-all rounded-3xl border-white/5 ${maxAttempts > 0 && attempts >= maxAttempts ? 'opacity-50 cursor-not-allowed' : ''}`}
                             >
-                                {maxAttempts > 0 && attempts >= maxAttempts ? 'Max Attempts Reached' : 'Try Again'}
+                                {maxAttempts > 0 && attempts >= maxAttempts ? 'Máximo de Intentos Alcanzado' : 'Intentar de Nuevo'}
                             </button>
                         )}
                     </>
diff --git a/web/experience/src/components/blocks/ShortAnswerPlayer.tsx b/web/experience/src/components/blocks/ShortAnswerPlayer.tsx
index a2f494a..542153d 100644
--- a/web/experience/src/components/blocks/ShortAnswerPlayer.tsx
+++ b/web/experience/src/components/blocks/ShortAnswerPlayer.tsx
@@ -25,12 +25,12 @@ export default function ShortAnswerPlayer({ id, title, prompt, correctAnswers, a
         <div className="space-y-8" id={id}>
             <div className="space-y-2">
                 <h3 className="text-xl font-bold border-l-4 border-blue-500 pl-4 py-1 tracking-tight text-white uppercase tracking-widest text-[10px]">
-                    {title || "Short Answer"}
+                    {title || "Respuesta Corta"}
                 </h3>
             </div>
 
             <div className="p-8 glass border-white/5 rounded-3xl space-y-8">
-                <p className="text-xl font-bold text-gray-100">{prompt || "Please enter your answer below:"}</p>
+                <p className="text-xl font-bold text-gray-100">{prompt || "Por favor, introduce tu respuesta a continuación:"}</p>
 
                 <div className="space-y-4">
                     <input
@@ -42,12 +42,12 @@ export default function ShortAnswerPlayer({ id, title, prompt, correctAnswers, a
                             ? (isCorrect ? "border-green-500 bg-green-500/10 text-green-400" : "border-red-500 bg-red-500/10 text-red-100")
                             : "border-white/10 focus:border-blue-500 text-white"
                             }`}
-                        placeholder="Type your answer..."
+                        placeholder="Escribe tu respuesta..."
                     />
 
                     {submitted && !isCorrect && (
                         <div className="p-4 bg-orange-500/10 border border-orange-500/20 rounded-xl animate-in fade-in duration-500">
-                            <p className="text-[10px] text-orange-400 uppercase font-black tracking-widest">Suggested Answer(s):</p>
+                            <p className="text-[10px] text-orange-400 uppercase font-black tracking-widest">Respuesta(s) Sugerida(s):</p>
                             <p className="text-sm text-gray-400 mt-1">{(correctAnswers || [])[0]}</p>
                         </div>
                     )}
@@ -61,7 +61,7 @@ export default function ShortAnswerPlayer({ id, title, prompt, correctAnswers, a
                                 disabled={!userAnswer.trim()}
                                 className="btn-premium w-full py-5 font-black text-xs uppercase tracking-[0.2em] shadow-xl shadow-blue-500/20 disabled:opacity-50 disabled:grayscale"
                             >
-                                Submit Answer
+                                Enviar Respuesta
                             </button>
                         )}
 
@@ -70,7 +70,7 @@ export default function ShortAnswerPlayer({ id, title, prompt, correctAnswers, a
                                 onClick={handleReset}
                                 className="w-full py-5 glass text-blue-400 font-black text-xs uppercase tracking-[0.2em] hover:bg-white/5 transition-all rounded-3xl border-white/5"
                             >
-                                Try Again
+                                Intentar de Nuevo
                             </button>
                         )}
                     </>