diff --git a/src/components/Header.astro b/src/components/Header.astro
index b51e40c..e281669 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -20,6 +20,7 @@ const currentPath = Astro.url.pathname;
     <a href="/formacion/" class={`transition-colors hover:text-orange ${currentPath.includes('/formacion') ? 'text-orange' : 'text-text'}`}>Formación</a>
     <a href="/campus/" class={`transition-colors hover:text-orange ${currentPath.includes('/campus') ? 'text-orange' : 'text-text'}`}>FP España</a>
     <a href="/aprendizaje/" class={`transition-colors hover:text-orange ${currentPath.includes('/aprendizaje') ? 'text-orange' : 'text-text'}`}>Rutas profesionales</a>
+    <a href="/recursos/" class={`transition-colors hover:text-orange ${currentPath.includes('/recursos') ? 'text-orange' : 'text-text'}`}>Recursos</a>
     <a href="/comunidad/" class={`transition-colors hover:text-orange ${currentPath.includes('/comunidad') ? 'text-orange' : 'text-text'}`}>Comunidad</a>
     <a href="/sobre-nosotros/" class={`transition-colors hover:text-orange ${currentPath.includes('/sobre-nosotros') ? 'text-orange' : 'text-text'}`}>Sobre nosotros</a>
   </nav>
@@ -48,6 +49,7 @@ const currentPath = Astro.url.pathname;
     <a href="/formacion/" class="py-2 px-4 rounded-lg hover:bg-mist transition-colors">Formación</a>
     <a href="/campus/" class="py-2 px-4 rounded-lg hover:bg-mist transition-colors">FP España</a>
     <a href="/aprendizaje/" class="py-2 px-4 rounded-lg hover:bg-mist transition-colors">Rutas profesionales</a>
+    <a href="/recursos/" class="py-2 px-4 rounded-lg hover:bg-mist transition-colors">Recursos</a>
     <a href="/comunidad/" class="py-2 px-4 rounded-lg hover:bg-mist transition-colors">Comunidad</a>
     <a href="/sobre-nosotros/" class="py-2 px-4 rounded-lg hover:bg-mist transition-colors">Sobre nosotros</a>
     <a href="/contacto/" class="py-2 px-4 rounded-lg hover:bg-mist transition-colors">Iniciar sesión</a>
diff --git a/src/pages/recursos/index.astro b/src/pages/recursos/index.astro
new file mode 100644
index 0000000..29dedd4
--- /dev/null
+++ b/src/pages/recursos/index.astro
@@ -0,0 +1,33 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import Header from '../../components/Header.astro';
+import Footer from '../../components/Footer.astro';
+---
+
+<BaseLayout
+  title="Recursos - Ornitonautas"
+  description="Recursos de aprendizaje para Formación Profesional en informática. Artículos, tutoriales y guías prácticas."
+>
+  <Header lang="es" />
+
+  <main id="main-content">
+    <section class="py-16 bg-gradient-to-br from-blue-50 to-white">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <h1 class="text-3xl font-bold text-slate-900 mb-4">Recursos</h1>
+        <p class="text-lg text-slate-600 max-w-3xl">
+          Artículos, tutoriales y guías para ayudarte a aprender programación, bases de datos, redes y desarrollo de aplicaciones.
+        </p>
+      </div>
+    </section>
+
+    <section class="py-16 bg-white">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <p class="text-slate-600">
+          Contenido próximamente.
+        </p>
+      </div>
+    </section>
+  </main>
+
+  <Footer />
+</BaseLayout>