diff --git a/web/app/changelog/page.tsx b/web/app/changelog/page.tsx
index 1a3237b..c1ec8f6 100644
--- a/web/app/changelog/page.tsx
+++ b/web/app/changelog/page.tsx
@@ -2,7 +2,7 @@ import fs from "fs"
 import path from "path"
 import { remark } from "remark"
 import html from "remark-html"
-import gfm from "remark-gfm" // ✅ Agrega soporte para imágenes y tablas en Markdown
+import * as gfm from "remark-gfm" // ✅ Asegura la correcta importación de `remark-gfm`
 import dynamic from "next/dynamic"
 import React from "react"
 import parse from "html-react-parser"
@@ -13,10 +13,20 @@ const CopyableCode = dynamic(() => import("@/components/CopyableCode"), { ssr: f
 async function getChangelogContent() {
   try {
     const changelogPath = path.join(process.cwd(), "..", "CHANGELOG.md")
+
+    if (!fs.existsSync(changelogPath)) {
+      console.error("❌ Archivo CHANGELOG.md no encontrado.")
+      return "<p class='text-red-600'>Error: No se encontró el archivo CHANGELOG.md</p>"
+    }
+
     const fileContents = fs.readFileSync(changelogPath, "utf8")
 
-    // ✅ Agregamos `remark-gfm` para permitir imágenes
-    const result = await remark().use(gfm).use(html).process(fileContents)
+    // ✅ Agregamos `remark-gfm` para permitir imágenes, tablas y otros elementos avanzados de Markdown
+    const result = await remark()
+      .use(gfm.default || gfm) // ✅ Manejo seguro de `remark-gfm`
+      .use(html)
+      .process(fileContents)
+
     return result.toString()
   } catch (error) {
     console.error("❌ Error al leer el archivo CHANGELOG.md", error)