From e2197780441c5dc6d5da38cad9405744f535bca6 Mon Sep 17 00:00:00 2001
From: shni <am7777336@gmail.com>
Date: Tue, 7 Oct 2025 12:44:25 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20actualizar=20secciones=20de=20EJS=20con?=
 =?UTF-8?q?=20contenido=20y=20mejoras=20de=20dise=C3=B1o=20en=20la=20docum?=
 =?UTF-8?q?entaci=C3=B3n=20del=20sistema=20de=20juego?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/server/views/pages/index.ejs              |  4 +-
 .../partials/sections/comandos-basicos.ejs    | 26 ++++++++-
 .../views/partials/sections/crafteo.ejs       | 28 ++++++++-
 .../views/partials/sections/economia.ejs      | 31 +++++++++-
 .../partials/sections/inventario-equipo.ejs   | 48 +++++++++++++++-
 src/server/views/partials/sections/logros.ejs | 28 ++++++++-
 .../views/partials/sections/minijuegos.ejs    | 57 ++++++++++++++++++-
 .../views/partials/sections/sistema-juego.ejs | 36 +++++++++++-
 src/server/views/partials/sections/tienda.ejs | 30 +++++++++-
 9 files changed, 268 insertions(+), 20 deletions(-)

diff --git a/src/server/views/pages/index.ejs b/src/server/views/pages/index.ejs
index 6dd1407..56cda98 100644
--- a/src/server/views/pages/index.ejs
+++ b/src/server/views/pages/index.ejs
@@ -38,7 +38,7 @@
           </span>
         </a>
         
-        <button id="toggle-nav" class="group px-10 py-4 text-lg font-bold text-white backdrop-blur-xl bg-white/5 border-2 border-white/10 rounded-2xl hover:bg-white/10 hover:border-white/20 hover:scale-105 transition-all duration-300">
+        <button id="toggle-nav" class="group px-10 py-4 text-lg font-bold text-white backdrop-blur-xl bg-white/5 border-2 border-white/10 rounded-2xl hover:bg-white/10 hover:border-white/20 hover:scale-105 transition-all duration-300 lg:hidden">
           <span class="flex items-center gap-2">
             <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
@@ -69,7 +69,7 @@
     <div class="mx-auto flex w-full max-w-[90rem] flex-1 flex-col gap-10 px-0 md:px-6 pb-16 lg:flex-row lg:px-10">
       <%- await include('../partials/toc') %>
 
-      <main class="flex-1 min-w-0 lg:max-w-4xl xl:max-w-5xl">
+  <main class="flex-1 min-w-0 lg:max-w-[60rem] xl:max-w-[72rem]">
         <div class="mx-auto flex w-full flex-col gap-8">
           <%- await include('../partials/sections/primeros-pasos') %>
           <%- await include('../partials/sections/comandos-basicos') %>
diff --git a/src/server/views/partials/sections/comandos-basicos.ejs b/src/server/views/partials/sections/comandos-basicos.ejs
index 8fc657e..ef949c2 100644
--- a/src/server/views/partials/sections/comandos-basicos.ejs
+++ b/src/server/views/partials/sections/comandos-basicos.ejs
@@ -1,4 +1,26 @@
-<section id="comandos-basicos" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl">
+<section id="comandos-basicos" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl shadow-indigo-500/10 backdrop-blur">
   <h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">⚡ Comandos Básicos</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">
+    Estos son los comandos esenciales que necesitas conocer para empezar.
+  </p>
+
+  <div class="space-y-4">
+    <div class="rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white mb-3">📋 Información y Utilidad</h3>
+      <div class="space-y-3 text-sm">
+        <div class="flex flex-col gap-1">
+          <code class="rounded bg-indigo-500/15 px-2 py-1 font-mono text-indigo-200 w-fit">!ayuda [comando|categoría]</code>
+          <p class="text-slate-300 pl-2">Muestra la lista de comandos. También puedes usar <code class="text-xs">!help</code>, <code class="text-xs">!comandos</code> o <code class="text-xs">!cmds</code></p>
+        </div>
+        <div class="flex flex-col gap-1">
+          <code class="rounded bg-indigo-500/15 px-2 py-1 font-mono text-indigo-200 w-fit">!ping</code>
+          <p class="text-slate-300 pl-2">Verifica la latencia del bot. También: <code class="text-xs">!latency</code>, <code class="text-xs">!pong</code></p>
+        </div>
+        <div class="flex flex-col gap-1">
+          <code class="rounded bg-indigo-500/15 px-2 py-1 font-mono text-indigo-200 w-fit">!player [@usuario]</code>
+          <p class="text-slate-300 pl-2">Muestra tu perfil completo de jugador con estadísticas, equipo e inventario. También: <code class="text-xs">!perfil</code>, <code class="text-xs">!profile</code>, <code class="text-xs">!yo</code>, <code class="text-xs">!me</code></p>
+        </div>
+      </div>
+    </div>
+  </div>
 </section>
diff --git a/src/server/views/partials/sections/crafteo.ejs b/src/server/views/partials/sections/crafteo.ejs
index 220e11b..7074029 100644
--- a/src/server/views/partials/sections/crafteo.ejs
+++ b/src/server/views/partials/sections/crafteo.ejs
@@ -1,4 +1,26 @@
-<section id="crafteo" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl">
-  <h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">🛠️ Crafteo y Creación</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+<section id="crafteo" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl shadow-indigo-500/10">
+  <h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">🛠️ Crafteo</h2>
+  <p class="text-slate-200">Combina materiales para crear objetos. Algunas recetas requieren nivel mínimo o herramientas específicas.</p>
+
+  <div class="grid gap-6 md:grid-cols-2">
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white">📜 Ver Recetas</h3>
+      <div class="bg-slate-900/50 p-3 rounded-lg text-sm">
+        <code class="text-indigo-200">!recetas</code>
+      </div>
+      <p class="text-slate-300 text-sm">Lista de recetas disponibles y sus requisitos.</p>
+    </div>
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white">🧪 Crear un Objeto</h3>
+      <div class="bg-slate-900/50 p-3 rounded-lg text-sm">
+        <code class="text-indigo-200">!craftear &lt;receta&gt; [cantidad]</code>
+      </div>
+      <p class="text-slate-300 text-sm">Ejemplo: <span class="font-mono">!craftear espada 1</span></p>
+    </div>
+  </div>
+
+  <div class="mt-6 rounded-2xl border border-indigo-500/30 bg-indigo-500/10 p-5 text-sm text-indigo-100">
+    <strong class="block text-base font-semibold text-indigo-200 mb-2">Nota</strong>
+    <p>Las recetas pueden actualizarse con nuevos parches. Revisa <span class="font-mono">!recetas</span> después de una actualización.</p>
+  </div>
 </section>
diff --git a/src/server/views/partials/sections/economia.ejs b/src/server/views/partials/sections/economia.ejs
index 58875d5..d3005ec 100644
--- a/src/server/views/partials/sections/economia.ejs
+++ b/src/server/views/partials/sections/economia.ejs
@@ -1,4 +1,31 @@
-<section id="economia" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl">
+<section id="economia" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl shadow-indigo-500/10 backdrop-blur">
   <h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">💰 Sistema de Economía</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">Gana y gestiona monedas para comprar items, participar en eventos y mejorar tu progreso.</p>
+
+  <div class="grid gap-6 md:grid-cols-2">
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white">🪙 Ver tus Monedas</h3>
+      <div class="space-y-2 text-sm">
+        <div class="bg-slate-900/50 p-3 rounded-lg">
+          <code class="text-indigo-200">!monedas [@usuario]</code>
+        </div>
+        <p class="text-slate-300">Muestra el balance de monedas tuyo o de otro usuario.</p>
+      </div>
+    </div>
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white">💸 Cómo Ganar Monedas</h3>
+      <ul class="list-disc space-y-1 pl-5 text-sm text-slate-200">
+        <li>Jugar minijuegos (minar, pescar, pelear, plantar)</li>
+        <li>Completar misiones</li>
+        <li>Mantener tu racha diaria</li>
+        <li>Abrir cofres</li>
+        <li>Vender items (si está habilitado)</li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="rounded-2xl border border-amber-500/30 bg-amber-500/10 p-5 text-sm text-amber-100 mt-4">
+    <strong class="block text-base font-semibold text-amber-200 mb-2">⚠️ Importante:</strong>
+    <p>Las monedas son específicas por servidor. Cada servidor de Discord tiene su propia economía independiente.</p>
+  </div>
 </section>
diff --git a/src/server/views/partials/sections/inventario-equipo.ejs b/src/server/views/partials/sections/inventario-equipo.ejs
index 55d9bd1..fcc6894 100644
--- a/src/server/views/partials/sections/inventario-equipo.ejs
+++ b/src/server/views/partials/sections/inventario-equipo.ejs
@@ -1,4 +1,48 @@
-<section id="inventario-equipo" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl">
+<section id="inventario-equipo" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl shadow-indigo-500/10 backdrop-blur">
   <h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">🎒 Inventario y Equipo</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">
+    Gestiona todos tus items y equipa armas, armaduras y capas para mejorar tus estadísticas.
+  </p>
+
+  <div class="space-y-4">
+    <div class="rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white mb-3">📦 Ver tu Inventario</h3>
+      <div class="space-y-3 text-sm">
+        <div class="bg-slate-900/50 p-3 rounded-lg">
+          <code class="text-indigo-200">!inventario [página|filtro]</code>
+          <p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!inv</code></p>
+        </div>
+        <p class="text-slate-300">Muestra todos tus items con cantidades, información de herramientas y estadísticas.</p>
+      </div>
+    </div>
+
+    <div class="rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white mb-3">🧤 Equipar Items</h3>
+      <div class="space-y-3 text-sm">
+        <div class="bg-slate-900/50 p-3 rounded-lg">
+          <code class="text-indigo-200">!equipar &lt;slot&gt; &lt;itemKey&gt;</code>
+          <p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!equip</code></p>
+        </div>
+        <div class="grid gap-3 md:grid-cols-3 mt-3">
+          <div class="bg-indigo-500/10 border border-indigo-500/30 rounded-lg p-3">
+            <p class="font-semibold text-indigo-200 mb-1">⚔️ weapon</p>
+            <p class="text-xs text-slate-300">Armas que aumentan tu daño (ATK)</p>
+          </div>
+          <div class="bg-indigo-500/10 border border-indigo-500/30 rounded-lg p-3">
+            <p class="font-semibold text-indigo-200 mb-1">🛡️ armor</p>
+            <p class="text-xs text-slate-300">Armaduras que aumentan tu defensa (DEF)</p>
+          </div>
+          <div class="bg-indigo-500/10 border border-indigo-500/30 rounded-lg p-3">
+            <p class="font-semibold text-indigo-200 mb-1">🧥 cape</p>
+            <p class="text-xs text-slate-300">Capas con bonos especiales (HP, stats)</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="rounded-2xl border border-emerald-500/30 bg-emerald-500/10 p-5 text-sm text-emerald-100">
+    <strong class="block text-base font-semibold text-emerald-200 mb-2">💡 Tip:</strong>
+    <p>Usa <code class="rounded bg-emerald-500/20 px-1.5 py-0.5 font-mono text-xs">!player</code> para ver rápidamente tu equipo actual y las estadísticas que te otorgan.</p>
+  </div>
 </section>
diff --git a/src/server/views/partials/sections/logros.ejs b/src/server/views/partials/sections/logros.ejs
index e3e2f4e..a643304 100644
--- a/src/server/views/partials/sections/logros.ejs
+++ b/src/server/views/partials/sections/logros.ejs
@@ -1,4 +1,28 @@
-<section id="logros" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl">
+<section id="logros" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl shadow-indigo-500/10">
   <h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">🏆 Logros</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">Completa objetivos para obtener recompensas únicas y mostrar tu progreso.</p>
+
+  <div class="grid gap-6 md:grid-cols-2">
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white">📊 Ver tus Logros</h3>
+      <div class="bg-slate-900/50 p-3 rounded-lg text-sm">
+        <code class="text-indigo-200">!logros</code>
+      </div>
+      <p class="text-slate-300 text-sm">Muestra logros completados y pendientes, con su progreso.</p>
+    </div>
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white">🎯 Progreso</h3>
+      <ul class="list-disc space-y-1 pl-5 text-sm text-slate-200">
+        <li>Juega minijuegos y combates</li>
+        <li>Completa misiones</li>
+        <li>Alcanza rachas diarias</li>
+        <li>Explora nuevas funciones (crafteo, fundición, etc.)</li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="mt-6 rounded-2xl border border-fuchsia-500/30 bg-fuchsia-500/10 p-5 text-sm text-fuchsia-100">
+    <strong class="block text-base font-semibold text-fuchsia-200 mb-2">Tip</strong>
+    <p>Algunos logros otorgan títulos o insignias visibles en el servidor. ¡Presúmelos!</p>
+  </div>
 </section>
diff --git a/src/server/views/partials/sections/minijuegos.ejs b/src/server/views/partials/sections/minijuegos.ejs
index b1fd29c..62df432 100644
--- a/src/server/views/partials/sections/minijuegos.ejs
+++ b/src/server/views/partials/sections/minijuegos.ejs
@@ -1,4 +1,57 @@
-<section id="minijuegos" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl">
+<section id="minijuegos" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl shadow-indigo-500/10 backdrop-blur">
   <h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">🎯 Minijuegos y Actividades</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">
+    Los minijuegos son la forma principal de ganar recursos, monedas y experiencia. Cada uno tiene su propio estilo y recompensas.
+  </p>
+
+  <div class="space-y-6">
+    <div class="rounded-2xl border border-orange-500/30 bg-orange-500/5 p-5">
+      <h3 class="text-lg font-semibold text-orange-200 mb-3">⛏️ Minar (Mining)</h3>
+      <div class="space-y-3 text-sm text-slate-200">
+        <p>Ve a la mina y extrae recursos minerales valiosos. Necesitas un pico para minar.</p>
+        <div class="bg-slate-900/50 p-3 rounded-lg">
+          <code class="text-indigo-200">!mina [nivel] [herramienta] [area:clave]</code>
+          <p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!minar</code></p>
+        </div>
+      </div>
+    </div>
+
+    <div class="rounded-2xl border border-cyan-500/30 bg-cyan-500/5 p-5">
+      <h3 class="text-lg font-semibold text-cyan-200 mb-3">🎣 Pescar (Fishing)</h3>
+      <div class="space-y-3 text-sm text-slate-200">
+        <p>Lanza tu caña en la laguna y captura peces y tesoros acuáticos. Necesitas una caña de pescar.</p>
+        <div class="bg-slate-900/50 p-3 rounded-lg">
+          <code class="text-indigo-200">!pescar [nivel] [herramienta] [area:clave]</code>
+          <p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!fish</code></p>
+        </div>
+      </div>
+    </div>
+
+    <div class="rounded-2xl border border-red-500/30 bg-red-500/5 p-5">
+      <h3 class="text-lg font-semibold text-red-200 mb-3">⚔️ Pelear (Combat)</h3>
+      <div class="space-y-3 text-sm text-slate-200">
+        <p>Entra a la arena y enfrenta enemigos peligrosos. Las armas mejoran tu daño.</p>
+        <div class="bg-slate-900/50 p-3 rounded-lg">
+          <code class="text-indigo-200">!pelear [nivel] [arma] [area:clave]</code>
+          <p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!fight</code>, <code class="text-xs">!arena</code></p>
+        </div>
+      </div>
+    </div>
+
+    <div class="rounded-2xl border border-green-500/30 bg-green-500/5 p-5">
+      <h3 class="text-lg font-semibold text-green-200 mb-3">🌾 Plantar/Cultivar (Farming)</h3>
+      <div class="space-y-3 text-sm text-slate-200">
+        <p>Cultiva plantas y cosecha alimentos en tu granja. Usa una azada para mejores resultados.</p>
+        <div class="bg-slate-900/50 p-3 rounded-lg">
+          <code class="text-indigo-200">!plantar [nivel] [herramienta]</code>
+          <p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!farm</code></p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="rounded-2xl border border-sky-500/30 bg-sky-500/10 p-5 text-sm text-sky-100 mt-4">
+    <strong class="block text-base font-semibold text-sky-200 mb-2">⏰ Cooldowns:</strong>
+    <p>Cada minijuego tiene un tiempo de espera (cooldown) entre usos. Usa <code class="rounded bg-sky-500/20 px-1.5 py-0.5 font-mono text-xs">!cooldowns</code> para ver tus tiempos activos.</p>
+  </div>
 </section>
diff --git a/src/server/views/partials/sections/sistema-juego.ejs b/src/server/views/partials/sections/sistema-juego.ejs
index 89357de..e2f3a09 100644
--- a/src/server/views/partials/sections/sistema-juego.ejs
+++ b/src/server/views/partials/sections/sistema-juego.ejs
@@ -1,4 +1,36 @@
-<section id="sistema-juego" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl">
+<section id="sistema-juego" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl shadow-indigo-500/10 backdrop-blur">
   <h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">🎮 Sistema de Juego</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">
+    El sistema de juego de Amayo incluye <strong class="text-white">HP (puntos de vida)</strong>, <strong class="text-white">estadísticas de combate</strong>, <strong class="text-white">niveles de progresión</strong> y más.
+  </p>
+
+  <div class="grid gap-6 md:grid-cols-2">
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white">⚔️ Estadísticas de Combate</h3>
+      <ul class="list-disc space-y-1 pl-5 text-sm text-slate-200">
+        <li><strong class="text-white">HP (Vida):</strong> Tus puntos de vida actuales y máximos</li>
+        <li><strong class="text-white">ATK (Ataque):</strong> Daño que infliges a los enemigos</li>
+        <li><strong class="text-white">DEF (Defensa):</strong> Reduce el daño recibido</li>
+        <li><strong class="text-white">Bonos de Equipo:</strong> Las armas, armaduras y capas mejoran tus stats</li>
+      </ul>
+    </div>
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white">📊 Ver tus Estadísticas</h3>
+      <div class="space-y-2 text-sm">
+        <div class="flex flex-col gap-1">
+          <code class="rounded bg-indigo-500/15 px-2 py-1 font-mono text-indigo-200 w-fit">!player</code>
+          <p class="text-slate-300">Vista general de tu perfil</p>
+        </div>
+        <div class="flex flex-col gap-1">
+          <code class="rounded bg-indigo-500/15 px-2 py-1 font-mono text-indigo-200 w-fit">!stats</code>
+          <p class="text-slate-300">Estadísticas detalladas de todas tus actividades</p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="rounded-2xl border border-amber-500/30 bg-amber-500/10 p-5 text-sm text-amber-100">
+    <strong class="block text-base font-semibold text-amber-200 mb-2">💡 Consejo:</strong>
+    <p>Equipa mejores armas y armaduras para aumentar tus estadísticas y tener más éxito en los minijuegos de combate.</p>
+  </div>
 </section>
diff --git a/src/server/views/partials/sections/tienda.ejs b/src/server/views/partials/sections/tienda.ejs
index 8f78ef0..a12ab5a 100644
--- a/src/server/views/partials/sections/tienda.ejs
+++ b/src/server/views/partials/sections/tienda.ejs
@@ -1,4 +1,28 @@
-<section id="tienda" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl">
-  <h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">🛒 Tienda y Compras</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+<section id="tienda" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl shadow-indigo-500/10">
+  <h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">🛒 Tienda</h2>
+  <p class="text-slate-200">Compra y vende objetos utilizando tus monedas. La disponibilidad puede variar según el servidor.</p>
+
+  <div class="grid gap-6 md:grid-cols-2">
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white">🧾 Ver Catálogo</h3>
+      <div class="space-y-2 text-sm">
+        <div class="bg-slate-900/50 p-3 rounded-lg">
+          <code class="text-indigo-200">!tienda</code>
+        </div>
+        <p class="text-slate-300">Muestra la lista de items disponibles actualmente.</p>
+      </div>
+    </div>
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+      <h3 class="text-lg font-semibold text-white">🛍️ Comprar Items</h3>
+      <div class="bg-slate-900/50 p-3 rounded-lg text-sm">
+        <code class="text-indigo-200">!comprar &lt;item&gt; [cantidad]</code>
+      </div>
+      <p class="text-slate-300 text-sm">Ejemplo: <span class="font-mono">!comprar pocion 3</span></p>
+    </div>
+  </div>
+
+  <div class="mt-6 rounded-2xl border border-emerald-500/30 bg-emerald-500/10 p-5 text-sm text-emerald-100">
+    <strong class="block text-base font-semibold text-emerald-200 mb-2">Consejo</strong>
+    <p>Algunos items tienen descuentos temporales o packs especiales. ¡Revisa la tienda con frecuencia!</p>
+  </div>
 </section>