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