feat: Add new sections for Primeros Pasos, Racha Diaria, Recordatorios, Sistema de Juego, Tienda, Tips y un índice de contenidos; update styles for modern pixel art design

src/.backup/views.backup/partials/sections/tienda.ejs

@@ -0,0 +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 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>