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

<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-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>