wiki-data/home.html

<!--
title: Home
description: Inicio
published: true
date: 2025-12-02T15:01:35.020Z
tags: 
editor: code
dateCreated: 2025-12-01T16:00:56.996Z
-->

<div style="text-align: center; padding: 40px 20px; font-family: sans-serif;">

    <h1 style="font-size: 2.8rem; color: #333; margin-bottom: 10px;">Hola, Te damos la bienvenida.</h1>
    <p style="font-size: 1.2rem; color: #777; margin-bottom: 60px;">Estás en la Wiki interna de El Día.</p>

    <!-- 3 COLUMNAS DE CARACTERÍSTICAS (SIN ENLACES) -->
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;">

        <!-- COLUMNA 1 -->
        <div style="flex: 1; min-width: 250px; max-width: 300px; padding: 20px;">
            <div style="font-size: 50px; margin-bottom: 20px;">🔍</div>
            <h3 style="color: #1976d2; margin-bottom: 10px;">Buscá</h3>
            <p style="color: #666; line-height: 1.5;">
                Encontrá rápidamente manuales, IPs, configuraciones y guías usando el buscador superior.
            </p>
        </div>

        <!-- 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;">Aprendé</h3>
            <p style="color: #666; line-height: 1.5;">
                Accedé a documentación detallada sobre Sistemas, Redacción y Técnica para resolver dudas.
            </p>
        </div>

        <!-- COLUMNA 3 -->
        <div style="flex: 1; min-width: 250px; max-width: 300px; padding: 20px;">
            <div style="font-size: 50px; margin-bottom: 20px;">🚀</div>
            <h3 style="color: #1976d2; margin-bottom: 10px;">Mejorá</h3>
            <p style="color: #666; line-height: 1.5;">
                Optimizamos nuestros flujos de trabajo manteniendo la información accesible y estandarizada.
            </p>
        </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>