docs: update home

home.html

@@ -2,50 +2,54 @@
 title: Home
 description: Inicio
 published: true
-date: 2025-12-02T14:56:01.866Z
+date: 2025-12-02T14:56:25.963Z
 tags: 
 editor: code
 dateCreated: 2025-12-01T16:00:56.996Z
 -->
 
-<div style="max-width: 900px; margin: 60px auto; font-family: sans-serif;">
+<div style="text-align: center; padding: 40px 20px; font-family: sans-serif;">
 
-    <!-- LOGO O ICONO SUTIL -->
+    <h1 style="font-size: 2.8rem; color: #333; margin-bottom: 10px;">Hola, Bienvenido.</h1>
-    <div style="margin-bottom: 30px;">
+    <p style="font-size: 1.2rem; color: #777; margin-bottom: 60px;">Estás en la Wiki interna de El Día.</p>
-        <span style="background: #e3f2fd; color: #1565c0; padding: 8px 16px; border-radius: 30px; font-size: 0.9rem; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">
-            Base de Conocimiento
-        </span>
-    </div>
 
-    <!-- TÍTULO GRANDE -->
+    <!-- 3 COLUMNAS DE CARACTERÍSTICAS (SIN ENLACES) -->
-    <h1 style="font-size: 3.5rem; font-weight: 800; color: #222; line-height: 1.1; margin-bottom: 20px; letter-spacing: -1.5px;">
+    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;">
-        Documentación<br>
-        <span style="color: #1976d2;">Centralizada.</span>
-    </h1>
 
-    <!-- BAJADA -->
+        <!-- COLUMNA 1 -->
-    <p style="font-size: 1.3rem; color: #666; line-height: 1.6; max-width: 700px; margin-bottom: 50px;">
+        <div style="flex: 1; min-width: 250px; max-width: 300px; padding: 20px;">
-        Bienvenido al repositorio oficial de información de El Día. 
+            <div style="font-size: 50px; margin-bottom: 20px;">🔍</div>
-        Aquí alojamos los estándares, guías técnicas y manuales de procedimiento 
+            <h3 style="color: #1976d2; margin-bottom: 10px;">Busca</h3>
-        para garantizar la eficiencia y continuidad operativa de todos los sectores.
+            <p style="color: #666; line-height: 1.5;">
+                Encuentra rápidamente manuales, IPs, configuraciones y guías de estilo usando el buscador superior.
             </p>
+        </div>
 
-    <hr style="border: 0; border-top: 1px solid #eee; margin-bottom: 40px;">
+        <!-- COLUMNA 2 -->
+        <div style="flex: 1; min-width: 250px; max-width: 300px; padding: 20px; border-left: 1px solid #eee; border-right: 1px solid #eee;">
+            <div style="font-size: 50px; margin-bottom: 20px;">📖</div>
+            <h3 style="color: #1976d2; margin-bottom: 10px;">Aprende</h3>
+            <p style="color: #666; line-height: 1.5;">
+                Accede a documentación detallada sobre Sistemas, Redacción y Técnica para resolver dudas.
+            </p>
+        </div>
 
-    <!-- PIE PEQUEÑO -->
+        <!-- COLUMNA 3 -->
-    <div style="display: flex; gap: 40px; color: #888; font-size: 0.9rem;">
+        <div style="flex: 1; min-width: 250px; max-width: 300px; padding: 20px;">
-        <div>
+            <div style="font-size: 50px; margin-bottom: 20px;">🚀</div>
-            <span style="display: block; color: #333; font-weight: bold; margin-bottom: 5px;">Actualizado</span>
+            <h3 style="color: #1976d2; margin-bottom: 10px;">Mejora</h3>
-            Contenido al día
+            <p style="color: #666; line-height: 1.5;">
-        </div>
+                Optimizamos nuestros flujos de trabajo manteniendo la información accesible y estandarizada.
-        <div>
+            </p>
-            <span style="display: block; color: #333; font-weight: bold; margin-bottom: 5px;">Búsqueda</span>
-            Indexación completa
-        </div>
-        <div>
-            <span style="display: block; color: #333; font-weight: bold; margin-bottom: 5px;">Acceso</span>
-            Seguro y Rápido
         </div>
+
     </div>
 
 </div>
+
+<!-- Ajuste para móviles (quita los bordes en pantallas chicas) -->
+<style>
+    @media (max-width: 800px) {
+        div[style*="border-left"] { border: none !important; }
+    }
+</style>