feat: mejorar contenido y diseño en secciones de EJS, actualizando descripciones y añadiendo ejemplos

src/server/views/pages/index.ejs

@@ -37,15 +37,6 @@
             </svg>
           </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 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>
-            </svg>
-            Ver índice
-          </span>
-        </button>
       </div>
 
       <div class="flex flex-wrap justify-center gap-3 pt-6">

src/server/views/partials/sections/cofres.ejs

@@ -1,4 +1,29 @@
-<section id="cofres" 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="cofres" 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">🎁 Cofres y Recompensas</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">Abre cofres para conseguir recompensas aleatorias: monedas, items o incluso roles.</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">🗝️ Abrir Cofres</h3>
+      <div class="bg-slate-900/50 p-3 rounded-lg text-sm">
+        <code class="text-indigo-200">!abrir &lt;itemKey&gt;</code>
+      </div>
+      <p class="text-slate-300 text-sm">Ejemplo: <span class="font-mono">!abrir daily_chest</span></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">⚙️ Definición de recompensas</h3>
+      <div class="bg-slate-900/50 p-3 rounded-lg text-xs overflow-x-auto">
+        <pre class="text-indigo-200 whitespace-pre-wrap">{
+  "chest": {
+    "enabled": true,
+    "rewards": [
+      { "type": "coins", "amount": 500 },
+      { "type": "item", "itemKey": "health_potion", "qty": 3 }
+    ],
+    "consumeOnOpen": true
+  }
+}</pre>
+      </div>
+    </div>
+  </div>
 </section>

src/server/views/partials/sections/consumibles.ejs

@@ -1,4 +1,28 @@
-<section id="consumibles" 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="consumibles" 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">🍖 Consumibles y Pociones</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">Usa comida y pociones para curarte o ganar ventajas temporales.</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">🍽️ Uso</h3>
+      <div class="bg-slate-900/50 p-3 rounded-lg text-sm">
+        <code class="text-indigo-200">!comer &lt;itemKey&gt;</code>
+      </div>
+      <p class="text-slate-300 text-sm">Ejemplo: <span class="font-mono">!comer minor_healing_potion</span></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">⚙️ Props JSON útiles</h3>
+      <div class="bg-slate-900/50 p-3 rounded-lg text-xs overflow-x-auto">
+        <pre class="text-indigo-200 whitespace-pre-wrap">{
+  "food": { "healHp": 50, "healPercent": 0, "cooldownSeconds": 60 },
+  "stackable": true, "maxInventory": 10
+}</pre>
+      </div>
+    </div>
+  </div>
+
+  <div class="mt-6 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">Cooldowns</strong>
+    <p>Algunos consumibles comparten cooldown por categoría. Usa <span class="font-mono">!cooldowns</span> para revisarlos.</p>
+  </div>
 </section>

src/server/views/partials/sections/creacion-contenido.ejs

@@ -1,4 +1,60 @@
 <section id="creacion-contenido" class="rounded-3xl bg-gradient-to-br from-red-900/20 to-orange-900/20 backdrop-blur-xl border border-red-500/30 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-red-200 to-orange-200">🎨 Creación de Contenido</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-100">Todo desde Discord, sin tocar código: editores con botones y modales para crear items, áreas, mobs, recetas y ofertas.</p>
+
+  <div class="grid gap-6 md:grid-cols-2">
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-black/20 p-5">
+      <h3 class="text-lg font-semibold text-white">📦 Items: crear/editar</h3>
+      <div class="bg-black/30 p-3 rounded-lg text-sm">
+        <pre class="text-orange-200 whitespace-pre-wrap">!item-crear &lt;key&gt;
+Base → nombre, descripción, stackable, icon
+Tags → etiquetas
+Props (JSON) → tool/food/breakable/…
+Receta → ingredientes y output (⭐ nuevo)</pre>
+      </div>
+      <p class="text-slate-300 text-sm">Usa <span class="font-mono">!item-editar</span>, <span class="font-mono">!item-ver</span>, <span class="font-mono">!items-lista</span> para gestionar.</p>
+    </div>
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-black/20 p-5">
+      <h3 class="text-lg font-semibold text-white">🧭 Áreas y Niveles</h3>
+      <div class="bg-black/30 p-3 rounded-lg text-sm">
+        <pre class="text-orange-200 whitespace-pre-wrap">!area-crear mine.iron_cavern
+!area-nivel mine.iron_cavern 1
+Config → cooldown, descripción, icono
+Requisitos → herramienta/tier
+Recompensas → tabla y pesos
+Mobs → tabla y pesos</pre>
+      </div>
+    </div>
+  </div>
+
+  <div class="grid gap-6 md:grid-cols-2 mt-6">
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-black/20 p-5">
+      <h3 class="text-lg font-semibold text-white">👹 Mobs</h3>
+      <div class="bg-black/30 p-3 rounded-lg text-sm">
+        <pre class="text-orange-200 whitespace-pre-wrap">!mob-crear goblin
+Base → nombre, categoría
+Stats (JSON) → attack, hp, defense, xp
+Drops (JSON) → tabla con pesos</pre>
+      </div>
+    </div>
+    <div class="space-y-3 rounded-2xl border border-white/5 bg-black/20 p-5">
+      <h3 class="text-lg font-semibold text-white">🛒 Ofertas de Tienda</h3>
+      <div class="bg-black/30 p-3 rounded-lg text-sm">
+        <pre class="text-orange-200 whitespace-pre-wrap">!offer-crear
+Base → itemKey, habilitada
+Precio (JSON) → coins y/o items
+Límites → por usuario / stock global
+Ventana → fechas inicio/fin</pre>
+      </div>
+    </div>
+  </div>
+
+  <div class="mt-6 rounded-2xl border border-orange-500/30 bg-orange-500/10 p-5 text-sm text-orange-100">
+    <strong class="block text-base font-semibold text-orange-200 mb-2">Recomendaciones</strong>
+    <ul class="list-disc pl-5 space-y-1">
+      <li>Usa keys en minúsculas y sin espacios (únicas por servidor).</li>
+      <li>Guarda plantillas de Props JSON para acelerar creación.</li>
+      <li>Prueba inmediatamente tras crear: <span class="font-mono">!craftear</span>, <span class="font-mono">!abrir</span>, <span class="font-mono">!equipar</span>.</li>
+    </ul>
+  </div>
 </section>

src/server/views/partials/sections/encantamientos.ejs

@@ -1,4 +1,26 @@
-<section id="encantamientos" 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="encantamientos" 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">✨ Encantamientos</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">Aplica mutaciones para mejorar armas, armaduras o herramientas según políticas por ítem.</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">🪄 Usar encantamientos</h3>
+      <div class="bg-slate-900/50 p-3 rounded-lg text-sm">
+        <code class="text-indigo-200">!encantar &lt;itemKey&gt; &lt;mutationKey&gt;</code>
+      </div>
+      <p class="text-slate-300 text-sm">Ejemplo: <span class="font-mono">!encantar iron_sword ruby_core</span></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">⚙️ Política por item (Props)</h3>
+      <div class="bg-slate-900/50 p-3 rounded-lg text-xs overflow-x-auto">
+        <pre class="text-indigo-200 whitespace-pre-wrap">{
+  "mutationPolicy": {
+    "allowedKeys": ["ruby_core", "emerald_core", "sharpness_enchant"],
+    "deniedKeys": ["curse_weakness"]
+  }
+}</pre>
+      </div>
+      <p class="text-slate-300 text-sm">Define llaves permitidas/prohibidas por ítem.</p>
+    </div>
+  </div>
 </section>

src/server/views/partials/sections/fundicion.ejs

@@ -1,4 +1,24 @@
-<section id="fundicion" 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="fundicion" 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">🔥 Sistema de Fundición</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">Transforma materiales crudos en recursos refinados con tiempo de espera y reclamo.</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">⏳ Flujo de uso</h3>
+      <ol class="list-decimal pl-5 space-y-1 text-sm text-slate-200">
+        <li>Inicia: <code class="text-indigo-200">!fundir</code> (ingresa inputs y output)</li>
+        <li>Espera el tiempo indicado</li>
+        <li>Reclama: <code class="text-indigo-200">!fundir-reclamar</code></li>
+      </ol>
+    </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">🧪 Receta ejemplo</h3>
+      <div class="bg-slate-900/50 p-3 rounded-lg text-xs overflow-x-auto">
+        <pre class="text-indigo-200 whitespace-pre-wrap">Input: copper_ore x5, coal x2
+Output: copper_ingot x2
+Duración: 300s</pre>
+      </div>
+      <p class="text-slate-300 text-sm">La configuración exacta la define el equipo en base de datos.</p>
+    </div>
+  </div>
 </section>

src/server/views/partials/sections/misiones.ejs

@@ -1,4 +1,34 @@
-<section id="misiones" 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="misiones" 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">📝 Misiones</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">Tareas con objetivos y recompensas. Úsalas para guiar la progresión diaria y semanal.</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 y Reclamar</h3>
+      <ul class="list-disc space-y-1 pl-5 text-sm text-slate-200">
+        <li><code class="text-indigo-200">!misiones</code> — Ver misiones disponibles</li>
+        <li><code class="text-indigo-200">!mision-reclamar &lt;key&gt;</code> — Reclamar recompensa</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">🛠️ Crear como Admin</h3>
+      <div class="space-y-2 text-sm">
+        <div class="bg-slate-900/50 p-3 rounded-lg overflow-x-auto">
+          <pre class="text-indigo-200 whitespace-pre-wrap">!mision-crear daily_mining_quest
+Base: Nombre, Descripción, Tipo (daily/weekly/one_time)
+Requisitos (JSON): { "type": "mine_count", "count": 10 }
+Recompensas (JSON): { "coins": 1000, "xp": 500 }</pre>
+        </div>
+        <p class="text-slate-300">Edita desde Discord con botones y modales; no necesitas código.</p>
+      </div>
+    </div>
+  </div>
+
+  <div class="mt-6 rounded-2xl border border-sky-500/30 bg-sky-500/10 p-5 text-sm text-sky-100">
+    <strong class="block text-base font-semibold text-sky-200 mb-2">Tipos y requisitos comunes</strong>
+    <ul class="list-disc pl-5 space-y-1">
+      <li><span class="text-white">Tipos:</span> daily, weekly, one_time, repeatable</li>
+      <li><span class="text-white">Requisitos:</span> mine_count, fish_count, fight_count, collect_items, defeat_mobs</li>
+    </ul>
+  </div>
 </section>

src/server/views/partials/sections/racha.ejs

@@ -1,4 +1,22 @@
-<section id="racha-diaria" 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="racha-diaria" 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">🔥 Racha Diaria</h2>
-  <p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
+  <p class="text-slate-200">Entra cada día y realiza acciones para mantener tu racha. A mayor racha, mejores recompensas.</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">📆 Comandos útiles</h3>
+      <ul class="list-disc pl-5 space-y-1 text-sm text-slate-200">
+        <li><code class="text-indigo-200">!racha</code> — Ver tu racha actual</li>
+        <li><code class="text-indigo-200">!cooldowns</code> — Revisa tiempos de espera de minijuegos</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">🎁 Beneficios</h3>
+      <ul class="list-disc pl-5 space-y-1 text-sm text-slate-200">
+        <li>Bonos de monedas diarios o semanales</li>
+        <li>Acceso a cofres o misiones especiales</li>
+        <li>Progreso extra en logros</li>
+      </ul>
+    </div>
+  </div>
 </section>