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