<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Roadmap | Eden Network</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <nav class="navbar">
        <div class="nav-container">
            <a href="index.html" class="logo">EDEN<span>NETWORK</span></a>
            <ul class="nav-links">
                <li><a href="index.html">Inicio</a></li>
                <li><a href="roadmap.html" class="active">Roadmap</a></li>
            </ul>
        </div>
    </nav>

    <main class="container page-content">
        <h1 class="page-title">Roadmap de Desarrollo</h1>
        
        <div class="roadmap-container">
            <section class="phase-card done">
                <div class="phase-header">
                    <span class="phase-number">01</span>
                    <h3>Infraestructura Base (Local)</h3>
                </div>
                <ul class="task-list">
                    <li class="completed">Configuración de Entorno (CMake/MSVC)</li>
                    <li class="completed">Redirección DNS Local (Archivo Hosts)</li>
                    <li class="in-progress">Servidor Dual-Port (80/443)</li>
                    <li>Simulación de "Connection Test"</li>
                </ul>
            </section>

            <section class="phase-card">
                <div class="phase-header">
                    <span class="phase-number">02</span>
                    <h3>Portabilidad y aaPanel</h3>
                </div>
                <ul class="task-list">
                    <li>Código Híbrido Windows/Linux</li>
                    <li>Configuración de Firewall y aaPanel</li>
                    <li>Daemonización (Systemd)</li>
                </ul>
            </section>

            <section class="phase-card">
                <div class="phase-header">
                    <span class="phase-number">03</span>
                    <h3>Cifrado SSL/TLS</h3>
                </div>
                <ul class="task-list">
                    <li>Integración de OpenSSL</li>
                    <li>Gestión de Certificados Let's Encrypt</li>
                    <li>Trusted Root CA en Emulador</li>
                </ul>
            </section>
        </div>
    </main>
</body>
</html>