diff --git a/web-next/app/[locale]/forum/topic/[topicId]/page.tsx b/web-next/app/[locale]/forum/topic/[topicId]/page.tsx
index 827c18b..6c316be 100644
--- a/web-next/app/[locale]/forum/topic/[topicId]/page.tsx
+++ b/web-next/app/[locale]/forum/topic/[topicId]/page.tsx
@@ -101,7 +101,12 @@ export default async function TopicPage({
                   <span className="username">{author?.name ?? `#${post.poster}`}</span>
                 </div>
                 <div className={`user_avatar${isStaff ? ' isStaff' : ''}`}>
-                  <span />
+                  <span
+                    style={{
+                      background: `url(${author?.avatar ?? '/forum/avatars/class-1.gif'}) no-repeat center`,
+                      backgroundSize: 'cover',
+                    }}
+                  />
                 </div>
                 <div className="user_info">
                   <h3 className="post_field">
diff --git a/web-next/lib/forum.ts b/web-next/lib/forum.ts
index e8d1913..c752936 100644
--- a/web-next/lib/forum.ts
+++ b/web-next/lib/forum.ts
@@ -85,6 +85,16 @@ export interface PosterInfo {
   isStaff: boolean
   joindate: string | null
   postCount: number
+  avatar: string
+}
+
+// Avatar por clase (FusionCMS) del personaje de más nivel de la cuenta. Solo clases
+// jugables en WotLK 3.4.3 (1..9 y 11). Sin personaje → guerrero por defecto.
+const AVATAR_DIR = '/forum/avatars'
+const AVATAR_CLASSES = new Set([1, 2, 3, 4, 5, 6, 7, 8, 9, 11])
+function avatarForClass(classId: number | undefined): string {
+  const c = classId && AVATAR_CLASSES.has(classId) ? classId : 1
+  return `${AVATAR_DIR}/class-${c}.gif`
 }
 
 /** Nivel GM mínimo para considerarse «staff» en el foro (badge y color). */
@@ -362,6 +372,23 @@ export async function resolvePosters(ids: number[]): Promise<Map<number, PosterI
   if (unique.length === 0) return map
 
   const placeholders = unique.map(() => '?').join(',')
+
+  // Clase del personaje de más nivel de cada cuenta (para el avatar). Se tolera que
+  // acore_characters no exista o esté vacía: el avatar cae a guerrero por defecto.
+  const classByAccount = new Map<number, number>()
+  try {
+    const [chars] = await db(DB.characters).query<RowDataPacket[]>(
+      `SELECT account, class FROM characters WHERE account IN (${placeholders}) ORDER BY level DESC, guid ASC`,
+      unique,
+    )
+    for (const c of chars) {
+      const acc = Number(c.account)
+      if (!classByAccount.has(acc)) classByAccount.set(acc, Number(c.class))
+    }
+  } catch {
+    /* sin personajes: avatar por defecto */
+  }
+
   try {
     const [accs] = await db(DB.auth).query<RowDataPacket[]>(
       `SELECT id, username, joindate FROM account WHERE id IN (${placeholders})`,
@@ -383,6 +410,7 @@ export async function resolvePosters(ids: number[]): Promise<Map<number, PosterI
         isStaff: gmlevel >= STAFF_GMLEVEL,
         joindate: a.joindate ? new Date(a.joindate).toISOString() : null,
         postCount: 0,
+        avatar: avatarForClass(classByAccount.get(Number(a.id))),
       })
     }
   } catch {
@@ -391,7 +419,15 @@ export async function resolvePosters(ids: number[]): Promise<Map<number, PosterI
   // Cualquier id no resuelto (cuenta borrada) recibe un placeholder.
   for (const id of unique) {
     if (!map.has(id)) {
-      map.set(id, { id, name: `#${id}`, gmlevel: 0, isStaff: false, joindate: null, postCount: 0 })
+      map.set(id, {
+        id,
+        name: `#${id}`,
+        gmlevel: 0,
+        isStaff: false,
+        joindate: null,
+        postCount: 0,
+        avatar: avatarForClass(classByAccount.get(id)),
+      })
     }
   }
   return map
diff --git a/web-next/public/forum/avatars/class-1.gif b/web-next/public/forum/avatars/class-1.gif
new file mode 100644
index 0000000..dbca9d1
Binary files /dev/null and b/web-next/public/forum/avatars/class-1.gif differ
diff --git a/web-next/public/forum/avatars/class-11.gif b/web-next/public/forum/avatars/class-11.gif
new file mode 100644
index 0000000..2598041
Binary files /dev/null and b/web-next/public/forum/avatars/class-11.gif differ
diff --git a/web-next/public/forum/avatars/class-2.gif b/web-next/public/forum/avatars/class-2.gif
new file mode 100644
index 0000000..1bb4b00
Binary files /dev/null and b/web-next/public/forum/avatars/class-2.gif differ
diff --git a/web-next/public/forum/avatars/class-3.gif b/web-next/public/forum/avatars/class-3.gif
new file mode 100644
index 0000000..ed74527
Binary files /dev/null and b/web-next/public/forum/avatars/class-3.gif differ
diff --git a/web-next/public/forum/avatars/class-4.gif b/web-next/public/forum/avatars/class-4.gif
new file mode 100644
index 0000000..96aee80
Binary files /dev/null and b/web-next/public/forum/avatars/class-4.gif differ
diff --git a/web-next/public/forum/avatars/class-5.gif b/web-next/public/forum/avatars/class-5.gif
new file mode 100644
index 0000000..e6b51e5
Binary files /dev/null and b/web-next/public/forum/avatars/class-5.gif differ
diff --git a/web-next/public/forum/avatars/class-6.gif b/web-next/public/forum/avatars/class-6.gif
new file mode 100644
index 0000000..8e937ff
Binary files /dev/null and b/web-next/public/forum/avatars/class-6.gif differ
diff --git a/web-next/public/forum/avatars/class-7.gif b/web-next/public/forum/avatars/class-7.gif
new file mode 100644
index 0000000..b83d4f9
Binary files /dev/null and b/web-next/public/forum/avatars/class-7.gif differ
diff --git a/web-next/public/forum/avatars/class-8.gif b/web-next/public/forum/avatars/class-8.gif
new file mode 100644
index 0000000..51fd411
Binary files /dev/null and b/web-next/public/forum/avatars/class-8.gif differ
diff --git a/web-next/public/forum/avatars/class-9.gif b/web-next/public/forum/avatars/class-9.gif
new file mode 100644
index 0000000..e67c953
Binary files /dev/null and b/web-next/public/forum/avatars/class-9.gif differ