diff --git a/web-next/app/[locale]/layout.tsx b/web-next/app/[locale]/layout.tsx
index e0f3835..e28786b 100644
--- a/web-next/app/[locale]/layout.tsx
+++ b/web-next/app/[locale]/layout.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from 'next'
+import Script from 'next/script'
 import { notFound } from 'next/navigation'
 import { NextIntlClientProvider, hasLocale } from 'next-intl'
 import { getTranslations, setRequestLocale } from 'next-intl/server'
@@ -66,6 +67,14 @@ export default async function LocaleLayout({
         />
         {/* Tema real de NovaWoW (nw-ryu). Va el ÚLTIMO para ganar la cascada. */}
         <link rel="stylesheet" href="/nw-themes/nw-ryu/nw-css/novawow-style.css?v=2" />
+        {/* Config de los tooltips de wowhead (debe definirse antes de tooltips.js).
+            Solo tooltips: no recolorea/renombra/iconiza nuestros enlaces. El idioma
+            del tooltip lo da el subdominio del enlace (es./www.). */}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: 'const whTooltips={colorLinks:false,iconizeLinks:false,renameLinks:false};',
+          }}
+        />
       </head>
       <body>
         <NextIntlClientProvider>
@@ -76,6 +85,10 @@ export default async function LocaleLayout({
           <Footer />
           <CookieBanner />
         </NextIntlClientProvider>
+        {/* Tooltips de wowhead (WotLK) en todos los enlaces .../wowhead.com/... y
+            elementos con data-wowhead. Funciona con contenido añadido por React
+            (carrito, búsquedas) porque delega el hover en el documento. */}
+        <Script src="https://wow.zamimg.com/js/tooltips.js" strategy="afterInteractive" />
       </body>
     </html>
   )
diff --git a/web-next/app/[locale]/quest-character/page.tsx b/web-next/app/[locale]/quest-character/page.tsx
index f4456eb..602d004 100644
--- a/web-next/app/[locale]/quest-character/page.tsx
+++ b/web-next/app/[locale]/quest-character/page.tsx
@@ -5,6 +5,7 @@ import { redirect } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
 import { QUEST_OPTIONS } from '@/lib/quest-tracker'
+import { wowheadIcon, wowheadUrl, wowheadData, wowheadWotlkHome, type WowheadType } from '@/lib/wowhead'
 import { PageShell } from '@/components/PageShell'
 import { ServiceBox } from '@/components/ServiceBox'
 import { QuestTrackerForm } from '@/components/QuestTrackerForm'
@@ -17,7 +18,6 @@ export async function generateMetadata({ params }: { params: Promise<{ locale: s
   return { title: t('quest.pageTitle') }
 }
 
-const QUEST_DB = 'https://wotlk.novawow.com'
 const CLASS_GROUPS: { css: string; name: string }[] = [
   { css: 'warlock', name: 'Brujo' },
   { css: 'hunter', name: 'Cazador' },
@@ -65,7 +65,8 @@ export default async function QuestCharacterPage({ params }: { params: Promise<{
                   <li key={o.key}>
                     {o.link ? (
                       <a
-                        href={`${QUEST_DB}/?${o.link.type}=${o.link.id}`}
+                        href={wowheadUrl(o.link.type as WowheadType, o.link.id, locale)}
+                        data-wowhead={wowheadData(o.link.type as WowheadType, o.link.id)}
                         target="_blank"
                         rel="noopener noreferrer"
                         className="icontinyl"
@@ -73,7 +74,7 @@ export default async function QuestCharacterPage({ params }: { params: Promise<{
                           o.icon
                             ? {
                                 paddingLeft: '18px',
-                                background: `url("${QUEST_DB}/static/images/wow/icons/tiny/${o.icon}.gif") left center no-repeat`,
+                                background: `url("${wowheadIcon(o.icon, 'tiny')}") left center no-repeat`,
                               }
                             : undefined
                         }
@@ -95,8 +96,8 @@ export default async function QuestCharacterPage({ params }: { params: Promise<{
         <ul>
           <li>
             {t.rich('quest.hodir', {
-              hodir: (c) => <a href={`${QUEST_DB}/?faction=1119`} target="_blank" rel="noopener noreferrer">{c}</a>,
-              lille: (c) => <a href={`${QUEST_DB}/?npc=32540`} target="_blank" rel="noopener noreferrer">{c}</a>,
+              hodir: (c) => <a href={wowheadUrl('faction', 1119, locale)} data-wowhead={wowheadData('faction', 1119)} target="_blank" rel="noopener noreferrer">{c}</a>,
+              lille: (c) => <a href={wowheadUrl('npc', 32540, locale)} data-wowhead={wowheadData('npc', 32540)} target="_blank" rel="noopener noreferrer">{c}</a>,
             })}
           </li>
         </ul>
@@ -107,9 +108,9 @@ export default async function QuestCharacterPage({ params }: { params: Promise<{
         </ul>
         <br />
         <p>{t('quest.howToSearch')}</p>
-        <p>{t.rich('quest.step1', { link: (c) => <a href={QUEST_DB} target="_blank" rel="noopener noreferrer">{c}</a> })}</p>
+        <p>{t.rich('quest.step1', { link: (c) => <a href={wowheadWotlkHome(locale)} target="_blank" rel="noopener noreferrer">{c}</a> })}</p>
         <p>{t('quest.step2')}</p>
-        <p>{t.rich('quest.step3', { url: QUEST_DB, s: (c) => <span className="second-brown">{c}</span> })}</p>
+        <p>{t.rich('quest.step3', { url: wowheadWotlkHome(locale), s: (c) => <span className="second-brown">{c}</span> })}</p>
         <p>{t('quest.step4')}</p>
         <br />
         <p>{t('quest.searchButtonExplain')}</p>
diff --git a/web-next/components/QuestTrackerForm.tsx b/web-next/components/QuestTrackerForm.tsx
index 36c272c..81092be 100644
--- a/web-next/components/QuestTrackerForm.tsx
+++ b/web-next/components/QuestTrackerForm.tsx
@@ -2,10 +2,10 @@
 
 import { useMemo, useState } from 'react'
 import { useTranslations } from 'next-intl'
+import { WowheadLink } from '@/components/WowheadLink'
 import { CharacterSelect } from '@/components/CharacterSelect'
 import { Turnstile } from '@/components/Turnstile'
 
-const QUEST_DB = 'https://wotlk.novawow.com'
 
 export interface QuestCharacter {
   name: string
@@ -173,9 +173,9 @@ export function QuestTrackerForm({ characters, options }: { characters: QuestCha
                   return (
                     <tr key={s.quest}>
                       <td className="lefted">
-                        <a href={`${QUEST_DB}/?quest=${s.quest}`} target="_blank" rel="noopener noreferrer">
+                        <WowheadLink type="quest" id={s.quest}>
                           {t('quest.questNumber', { quest: s.quest })}
-                        </a>
+                        </WowheadLink>
                       </td>
                       <td className={`real-info-box ${st.cls}`}>{st.text}</td>
                     </tr>
diff --git a/web-next/components/RecruitPanel.tsx b/web-next/components/RecruitPanel.tsx
index e96bd14..834ed43 100644
--- a/web-next/components/RecruitPanel.tsx
+++ b/web-next/components/RecruitPanel.tsx
@@ -1,11 +1,10 @@
 'use client'
 
 import { useState } from 'react'
-import { useTranslations } from 'next-intl'
+import { useTranslations, useLocale } from 'next-intl'
 import type { RecruitRewardView } from '@/lib/recruit-claim'
 import type { CharOption } from '@/components/CharacterSelect'
-
-const ICON_BASE = 'https://wotlk.ultimowow.com/static/images/wow/icons/tiny'
+import { wowheadUrl, wowheadData, wowheadIcon } from '@/lib/wowhead'
 
 function claimErrorKey(message?: string): string {
   switch (message) {
@@ -40,6 +39,7 @@ export function RecruitPanel({
   recruitedCount: number
 }) {
   const t = useTranslations('UI')
+  const locale = useLocale()
   const [character, setCharacter] = useState(characters[0]?.name ?? '')
   const selectedCss = characters.find((c) => c.name === character)?.classCss
   const [busyId, setBusyId] = useState<number | null>(null)
@@ -77,11 +77,12 @@ export function RecruitPanel({
     return (
       <>
         <a
-          href={r.item_link}
+          href={wowheadUrl('item', r.item_id, locale)}
+          data-wowhead={wowheadData('item', r.item_id)}
           target="_blank"
           rel="noopener noreferrer"
           className={`icontinyl ${quality || ''}`}
-          style={{ paddingLeft: '18px', background: `url('${ICON_BASE}/${icon}.gif') left center no-repeat` }}
+          style={{ paddingLeft: '18px', background: `url('${wowheadIcon(icon, 'tiny')}') left center no-repeat` }}
         >
           {r.reward_name}
         </a>
diff --git a/web-next/components/RestoreItemsForm.tsx b/web-next/components/RestoreItemsForm.tsx
index 5c03cc9..2c3f15f 100644
--- a/web-next/components/RestoreItemsForm.tsx
+++ b/web-next/components/RestoreItemsForm.tsx
@@ -4,10 +4,9 @@ import { useState } from 'react'
 import { useTranslations, useLocale } from 'next-intl'
 import { CharacterSelect, type CharOption } from '@/components/CharacterSelect'
 import { PaymentMethodSelect, pdCostOf, type PayMethod } from '@/components/PaymentMethodSelect'
+import { WowheadLink } from '@/components/WowheadLink'
 import { Turnstile } from '@/components/Turnstile'
 
-const ITEM_DB = 'https://wotlk.novawow.com'
-
 interface DeletedItem {
   recoverId: number
   itemId: number
@@ -134,7 +133,7 @@ export function RestoreItemsForm({ characters, price, pdBalance }: { characters:
                 {items.map((it) => (
                   <tr key={it.recoverId}>
                     <td className="lefted">
-                      <a href={`${ITEM_DB}/?item=${it.itemId}`} target="_blank" rel="noopener noreferrer">{it.name}</a>
+                      <WowheadLink id={it.itemId}>{it.name}</WowheadLink>
                       {it.count > 1 ? ` x${it.count}` : ''}
                     </td>
                     <td className="real-info-box">
diff --git a/web-next/components/SendGiftForm.tsx b/web-next/components/SendGiftForm.tsx
index cf66954..15223a7 100644
--- a/web-next/components/SendGiftForm.tsx
+++ b/web-next/components/SendGiftForm.tsx
@@ -5,6 +5,7 @@ import { useTranslations, useLocale } from 'next-intl'
 import type { GiftCategory, GiftItem } from '@/lib/gift'
 import { CharacterSelect, type CharOption } from '@/components/CharacterSelect'
 import { PaymentMethodSelect, type PayMethod } from '@/components/PaymentMethodSelect'
+import { WowheadLink } from '@/components/WowheadLink'
 
 // Tope de cantidad en la interfaz. El servidor lo revalida en priceCart (fuente de verdad).
 const MAX_QTY = 100
@@ -186,9 +187,9 @@ export function SendGiftForm({
         <div className="gift-grid">
           {pageItems.map((it) => (
             <div className="item-box" key={it.id}>
-              <a href={`https://www.wowhead.com/wotlk/item=${it.itemId}`} target="_blank" rel="noreferrer noopener">
+              <WowheadLink id={it.itemId}>
                 <img className="item-img-box" src={it.imageUrl} alt={it.name} />
-              </a>
+              </WowheadLink>
               <div className="third-brown" style={{ fontSize: '12px' }}>{it.category}</div>
               <div className="item-name second-brown">{it.name}</div>
               <div className="yellow-info">
@@ -232,9 +233,13 @@ export function SendGiftForm({
               {[...cart.values()].map((e) => (
                 <tr key={e.item.id}>
                   <td>
-                    <img className="item-img-box" src={e.item.imageUrl} alt={e.item.name} />
+                    <WowheadLink id={e.item.itemId}>
+                      <img className="item-img-box" src={e.item.imageUrl} alt={e.item.name} />
+                    </WowheadLink>
+                  </td>
+                  <td className="second-brown">
+                    <WowheadLink id={e.item.itemId}>{e.item.name}</WowheadLink>
                   </td>
-                  <td className="second-brown">{e.item.name}</td>
                   <td>
                     <input
                       type="number"
diff --git a/web-next/components/SiteHeader.tsx b/web-next/components/SiteHeader.tsx
index 14f8087..3bc14ab 100644
--- a/web-next/components/SiteHeader.tsx
+++ b/web-next/components/SiteHeader.tsx
@@ -3,6 +3,7 @@
 import { useState } from 'react'
 import { useLocale, useTranslations } from 'next-intl'
 import { Link } from '@/i18n/navigation'
+import { wowheadWotlkHome } from '@/lib/wowhead'
 
 const SERVER_NAME = 'NovaWoW'
 
@@ -94,7 +95,7 @@ export function SiteHeader({
                 <Link href="/forum">{t('header.forums')}</Link>
               </p>
               <p>
-                <a href="https://wotlk.novawow.com" target="_blank" rel="noopener noreferrer">
+                <a href={wowheadWotlkHome(locale)} target="_blank" rel="noopener noreferrer">
                   {t('header.wotlkDb')}
                 </a>
               </p>
diff --git a/web-next/components/WowheadLink.tsx b/web-next/components/WowheadLink.tsx
new file mode 100644
index 0000000..8804af1
--- /dev/null
+++ b/web-next/components/WowheadLink.tsx
@@ -0,0 +1,37 @@
+'use client'
+
+import { useLocale } from 'next-intl'
+import { wowheadUrl, wowheadData, type WowheadType } from '@/lib/wowhead'
+
+/**
+ * Enlace a wowhead (rama WotLK) con tooltip, en el locale actual de la web.
+ * Reutilizable en cualquier ruta actual o futura donde haya que enlazar un
+ * ítem/misión/hechizo. El tooltip lo pinta el script global del layout.
+ */
+export function WowheadLink({
+  type = 'item',
+  id,
+  children,
+  className,
+  style,
+}: {
+  type?: WowheadType
+  id: number | string
+  children: React.ReactNode
+  className?: string
+  style?: React.CSSProperties
+}) {
+  const locale = useLocale()
+  return (
+    <a
+      href={wowheadUrl(type, id, locale)}
+      data-wowhead={wowheadData(type, id)}
+      target="_blank"
+      rel="noopener noreferrer"
+      className={className}
+      style={style}
+    >
+      {children}
+    </a>
+  )
+}
diff --git a/web-next/lib/wowhead.ts b/web-next/lib/wowhead.ts
new file mode 100644
index 0000000..f7fb52b
--- /dev/null
+++ b/web-next/lib/wowhead.ts
@@ -0,0 +1,52 @@
+/**
+ * Enlaces, iconos y tooltips de wowhead (rama WotLK Classic) con el locale de la
+ * web. Sustituye a la antigua base de datos de ítems (AoWoW en wotlk.ultimowow /
+ * wotlk.novawow) y a los iconos de otros mirrors: todo pasa por wowhead / zamimg.
+ *
+ * El tooltip lo pinta el script global (ver el layout raíz); el idioma del
+ * tooltip lo determina el SUBDOMINIO del enlace, por eso construimos las URLs
+ * con el subdominio del locale actual.
+ *
+ * Es un módulo puro (sin acceso a BD), así que lo pueden importar tanto los
+ * Server Components como los Client Components.
+ */
+
+export type WowheadType = 'item' | 'spell' | 'quest' | 'npc' | 'achievement' | 'object' | 'faction'
+export type IconSize = 'tiny' | 'small' | 'medium' | 'large'
+
+// Subdominio de wowhead por locale de la web (www = inglés, por defecto).
+// Añadir aquí si se soportan más idiomas (de, fr, ru, pt, it, ko...).
+const LOCALE_SUBDOMAIN: Record<string, string> = { es: 'es', en: 'www' }
+
+function subdomain(locale: string): string {
+  return LOCALE_SUBDOMAIN[locale] ?? 'www'
+}
+
+/** URL de wowhead (rama WotLK) para una entidad, en el locale de la web. */
+export function wowheadUrl(type: WowheadType, id: number | string, locale: string): string {
+  return `https://${subdomain(locale)}.wowhead.com/wotlk/${type}=${id}`
+}
+
+/** Enlace a un ítem en wowhead (WotLK) en el locale de la web. */
+export function wowheadItemUrl(id: number | string, locale: string): string {
+  return wowheadUrl('item', id, locale)
+}
+
+/** Home de la base de datos WotLK en wowhead (enlace "WOTLK DB"). */
+export function wowheadWotlkHome(locale: string): string {
+  return `https://${subdomain(locale)}.wowhead.com/wotlk`
+}
+
+/** Icono (de ítem/hechizo/misión) servido por el CDN de wowhead (zamimg). */
+export function wowheadIcon(name: string, size: IconSize = 'large'): string {
+  const ext = size === 'tiny' ? 'gif' : 'jpg'
+  return `https://wow.zamimg.com/images/wow/icons/${size}/${name}.${ext}`
+}
+
+/**
+ * Valor del atributo `data-wowhead`, para que el script de tooltips lo reconozca
+ * con la rama WotLK aunque el href no baste (iconos, celdas sin enlace, etc.).
+ */
+export function wowheadData(type: WowheadType, id: number | string): string {
+  return `${type}=${id}&domain=wotlk`
+}
