diff --git a/manuales/milenium.html b/manuales/milenium.html
index 4987f79..7496f4d 100644
--- a/manuales/milenium.html
+++ b/manuales/milenium.html
@@ -2,28 +2,213 @@
 title: milenium
 description: 
 published: true
-date: 2025-12-02T15:15:33.525Z
+date: 2025-12-02T15:15:37.693Z
 tags: 
 editor: code
 dateCreated: 2025-12-01T15:26:36.452Z
 -->
 
-<h1 id="manuales-de-usuario" class="toc-header"> Manuales de usuario</h1>
-<div>  
-</div><div>  
-</div><div>  
-</div><div>  
-</div><div>  
-</div><div>  
-</div><h1 id="comandos-de-teclado" class="toc-header"> Comandos de teclado</h1>
-<div>  
-</div><div>  
-</div><h1 id="novedades" class="toc-header"> Novedades</h1>
-<div>  
-</div><div>  
-</div><h1 id="manuales-de-administrador" class="toc-header"> Manuales de administrador</h1>
-<div>  
-</div><div>  
-</div><div>  
-</div><div>  
-</div>
\ No newline at end of file
+<div style="max-width: 900px; margin: 0 auto; padding: 20px;">
+
+    <h1 style="border-bottom: 2px solid #eee; padding-bottom: 10px; color: #1976d2; margin-bottom: 30px;">📚 Centro de Documentación</h1>
+
+    <!-- SECCIÓN 1: MANUALES DE USUARIO -->
+    <h3 style="color: #444; margin-top: 30px; display: flex; align-items: center;">
+        <span style="background: #e3f2fd; color: #1976d2; padding: 5px 10px; border-radius: 5px; font-size: 0.8em; margin-right: 10px;">USUARIO</span>
+        Manuales Generales
+    </h3>
+    
+    <div class="doc-grid">
+        <a href="/assets/manuales/ciclon_plan_manager_-_manual_de_usuario.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">📄</div>
+            <div class="doc-info">
+                <div class="doc-title">Ciclón Plan Manager</div>
+                <div class="doc-meta">Manual de Usuario</div>
+            </div>
+        </a>
+
+        <a href="/assets/manuales/milenium_designer_6.0_-_manual_de_usuario.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">🎨</div>
+            <div class="doc-info">
+                <div class="doc-title">Milenium Designer 6.0</div>
+                <div class="doc-meta">Manual de Usuario</div>
+            </div>
+        </a>
+
+        <a href="/assets/manuales/editores_de_milenium_6.0_-_manual_de_usuario.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">📝</div>
+            <div class="doc-info">
+                <div class="doc-title">Editores de Milenium</div>
+                <div class="doc-meta">Versión 6.0</div>
+            </div>
+        </a>
+        
+        <a href="/assets/manuales/editor_de_criterios_de_imposicion_-_manual_de_usuario.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">📐</div>
+            <div class="doc-info">
+                <div class="doc-title">Criterios de Imposición</div>
+                <div class="doc-meta">Editor</div>
+            </div>
+        </a>
+
+        <a href="/assets/manuales/milenium_search_6.5.1-_manual_de_usuario.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">🔍</div>
+            <div class="doc-info">
+                <div class="doc-title">Milenium Search</div>
+                <div class="doc-meta">Versión 6.5.1</div>
+            </div>
+        </a>
+
+        <a href="/assets/manuales/milenium_web_client_6.5.1-manual_de_usuario.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">🌐</div>
+            <div class="doc-info">
+                <div class="doc-title">Milenium Web Client</div>
+                <div class="doc-meta">Versión 6.5.1</div>
+            </div>
+        </a>
+    </div>
+
+    <!-- SECCIÓN 2: COMANDOS -->
+    <h3 style="color: #444; margin-top: 40px; display: flex; align-items: center;">
+        <span style="background: #f3e5f5; color: #7b1fa2; padding: 5px 10px; border-radius: 5px; font-size: 0.8em; margin-right: 10px;">ATAJOS</span>
+        Comandos de Teclado
+    </h3>
+
+    <div class="doc-grid">
+        <a href="/assets/manuales/comandos_de_teclado_-_milenium_designer_6.0.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">⌨️</div>
+            <div class="doc-info">
+                <div class="doc-title">Milenium Designer</div>
+                <div class="doc-meta">Atajos de teclado</div>
+            </div>
+        </a>
+        <a href="/assets/manuales/comandos_de_teclado_-_milenium_editor_6.0.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">⌨️</div>
+            <div class="doc-info">
+                <div class="doc-title">Milenium Editor</div>
+                <div class="doc-meta">Atajos de teclado</div>
+            </div>
+        </a>
+    </div>
+
+    <!-- SECCIÓN 3: NOVEDADES -->
+    <h3 style="color: #444; margin-top: 40px; display: flex; align-items: center;">
+        <span style="background: #e8f5e9; color: #2e7d32; padding: 5px 10px; border-radius: 5px; font-size: 0.8em; margin-right: 10px;">UPDATE</span>
+        Novedades
+    </h3>
+
+    <div class="doc-grid">
+        <a href="/assets/manuales/milenium_6.5.1-guia_de_novedades.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">✨</div>
+            <div class="doc-info">
+                <div class="doc-title">Milenium 6.5.1</div>
+                <div class="doc-meta">Guía de Novedades</div>
+            </div>
+        </a>
+        <a href="/assets/manuales/ciclon_6.5.1-guia_de_novedades.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">🌪️</div>
+            <div class="doc-info">
+                <div class="doc-title">Ciclón 6.5.1</div>
+                <div class="doc-meta">Guía de Novedades</div>
+            </div>
+        </a>
+    </div>
+
+    <!-- SECCIÓN 4: ADMINISTRADOR -->
+    <h3 style="color: #444; margin-top: 40px; display: flex; align-items: center;">
+        <span style="background: #fff3e0; color: #e65100; padding: 5px 10px; border-radius: 5px; font-size: 0.8em; margin-right: 10px;">ADMIN</span>
+        Manuales Técnicos
+    </h3>
+
+    <div class="doc-grid">
+        <a href="/assets/manuales/milenium_cross_media_manager_6.0_-_manual_del_administrador.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">⚙️</div>
+            <div class="doc-info">
+                <div class="doc-title">Cross Media Manager</div>
+                <div class="doc-meta">Administrador</div>
+            </div>
+        </a>
+        <a href="/assets/manuales/milenium_news_reception_-_manual_del_administrador.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">📡</div>
+            <div class="doc-info">
+                <div class="doc-title">News Reception</div>
+                <div class="doc-meta">Administrador</div>
+            </div>
+        </a>
+        <a href="/assets/manuales/milenium_pictures_reception_-_manual_del_administrador.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">🖼️</div>
+            <div class="doc-info">
+                <div class="doc-title">Pictures Reception</div>
+                <div class="doc-meta">Administrador</div>
+            </div>
+        </a>
+         <a href="/assets/manuales/milenium_security-manual_de_instalacion_y_configuracion.pdf" target="_blank" class="doc-card">
+            <div class="doc-icon">🔒</div>
+            <div class="doc-info">
+                <div class="doc-title">Milenium Security</div>
+                <div class="doc-meta">Instalación y Config.</div>
+            </div>
+        </a>
+    </div>
+
+</div>
+
+<style>
+    .doc-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+        gap: 15px;
+        margin-top: 15px;
+    }
+
+    .doc-card {
+        display: flex;
+        align-items: center;
+        background: white;
+        border: 1px solid #eee;
+        border-radius: 8px;
+        padding: 15px;
+        text-decoration: none;
+        transition: all 0.2s ease;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
+    }
+
+    .doc-card:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
+        border-color: #bbdefb;
+        background: #fdfdfd;
+    }
+
+    .doc-icon {
+        font-size: 24px;
+        margin-right: 15px;
+        background: #f5f5f5;
+        width: 45px;
+        height: 45px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 50%;
+    }
+
+    .doc-info {
+        flex: 1;
+        overflow: hidden;
+    }
+
+    .doc-title {
+        color: #333;
+        font-weight: 600;
+        font-size: 0.95rem;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .doc-meta {
+        color: #888;
+        font-size: 0.8rem;
+        margin-top: 2px;
+    }
+</style>
\ No newline at end of file