initial commit: slides ready + upgraded

slides/pages/structure/03.md

@@ -0,0 +1,49 @@
+---
+layout: default
+---
+
+# Progresión del Aprendizaje
+
+<div class="mt-8">
+
+<div class="grid grid-cols-3 gap-6 text-center">
+
+<v-click>
+<div class="border rounded p-3">
+  <div class="text-3xl mb-2">🌱</div>
+  <h3 class="font-bold mb-1">Fundamentos</h3>
+  <p class="text-xs opacity-80">Módulos 1-2</p>
+  <p class="text-sm mt-1">Instalación y conceptos básicos</p>
+</div>
+</v-click>
+
+<v-click>
+<div class="border rounded p-3">
+  <div class="text-3xl mb-2">🔨</div>
+  <h3 class="font-bold mb-1">Construcción</h3>
+  <p class="text-xs opacity-80">Módulos 3-5</p>
+  <p class="text-sm mt-1">Modelos, mensajes y agentes</p>
+</div>
+</v-click>
+
+<v-click>
+<div class="border rounded p-3">
+  <div class="text-3xl mb-2">🚀</div>
+  <h3 class="font-bold mb-1">Producción</h3>
+  <p class="text-xs opacity-80">Módulos 6-7</p>
+  <p class="text-sm mt-1">LangSmith y RAG</p>
+</div>
+</v-click>
+
+</div>
+
+<v-click>
+<div class="mt-6 text-center">
+  <div class="inline-flex gap-4 text-sm opacity-80">
+    <span>📝 Módulo 8: Temas pendientes</span>
+    <span>🔄 Módulo 9: Alternativas</span>
+  </div>
+</div>
+</v-click>
+
+</div>