From 6442251c2dced13f5f3c0d8626e38511f15b02a3 Mon Sep 17 00:00:00 2001
From: pablinux <pablinux@hotmail.es>
Date: Sat, 2 May 2026 04:28:47 -0500
Subject: [PATCH] Migracion de sistema

---
 src/interface.rs |  10 ++
 web/logs.html    |  31 ++---
 web/privacy.html | 299 +++++++++++++++++++++++++++++++++++++++++++++++
 web/terms.html   | 268 ++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 593 insertions(+), 15 deletions(-)
 create mode 100644 web/privacy.html
 create mode 100644 web/terms.html

diff --git a/src/interface.rs b/src/interface.rs
index a13f2da..cb46b45 100644
--- a/src/interface.rs
+++ b/src/interface.rs
@@ -60,6 +60,8 @@ pub fn create_web_router() -> Router {
         .route("/clear-logs", post(clear_logs_handler))
         .route("/health", get(health_handler))
         .route("/api-docs", get(api_docs_handler))
+        .route("/terms", get(terms_handler))
+        .route("/privacy", get(privacy_handler))
         .route("/install.sh", get(install_script_handler))
         // Archivos estáticos embebidos
         .route("/static/icon/logo_telco128.png", get(logo_telco_handler))
@@ -138,6 +140,14 @@ async fn health_handler() -> Html<String> {
     Html(template.to_string())
 }
 
+async fn terms_handler() -> Html<&'static str> {
+    Html(include_str!("../web/terms.html"))
+}
+
+async fn privacy_handler() -> Html<&'static str> {
+    Html(include_str!("../web/privacy.html"))
+}
+
 async fn install_script_handler() -> ([(String, String); 2], String) {
     let script = include_str!("../install-remote.sh");
     (
diff --git a/web/logs.html b/web/logs.html
index 4a8b6b1..fa4577c 100644
--- a/web/logs.html
+++ b/web/logs.html
@@ -238,11 +238,12 @@
                 <!-- Tab Content: App Logs -->
                 <div
                     id="content-app-logs"
-                    class="flex-1 bg-[#0a0f16] overflow-y-auto overflow-x-auto p-4 font-mono text-sm tab-content"
+                    class="flex-1 bg-[#0a0f16] overflow-y-auto overflow-x-hidden p-4 font-mono text-sm tab-content"
                 >
                     <div
                         id="log-container"
-                        class="space-y-1 break-words overflow-wrap-anywhere"
+                        class="space-y-1"
+                        style="overflow-x: auto; min-width: 0;"
                     >
                         <!-- Welcome Message -->
                         <div class="text-[#9dabb9] opacity-50">
@@ -259,11 +260,12 @@
                 <!-- Tab Content: System Errors -->
                 <div
                     id="content-system-errors"
-                    class="hidden flex-1 bg-[#0a0f16] overflow-y-auto overflow-x-auto p-4 font-mono text-sm tab-content"
+                    class="hidden flex-1 bg-[#0a0f16] overflow-y-auto overflow-x-hidden p-4 font-mono text-sm tab-content"
                 >
                     <div
                         id="system-errors-container"
-                        class="space-y-1 break-words overflow-wrap-anywhere"
+                        class="space-y-1"
+                        style="overflow-x: auto; min-width: 0;"
                     >
                         <div class="text-[#9dabb9] opacity-50">
                             <span class="text-yellow-400">⚠</span> Cargando logs
@@ -446,11 +448,9 @@
                     }
                 }
 
-                logEntry.innerHTML = `
-                    <span class="text-[#9dabb9] opacity-50">[${timestamp}]</span>
-                    <span class="${color}">${icon}</span>
-                    <span class="${color}">${escapeHtml(message)}</span>
-                `;
+                logEntry.style.whiteSpace = "pre";
+                logEntry.style.overflowX = "auto";
+                logEntry.innerHTML = `<span class="text-[#9dabb9] opacity-50">[${timestamp}]</span> <span class="${color}">${icon}</span> <span class="${color}">${escapeHtml(message)}</span>`;
 
                 logContainer.appendChild(logEntry);
 
@@ -506,12 +506,13 @@
             }
 
             function clearLogViewer() {
-                const logContainer = document.getElementById("log-container");
-                logContainer.innerHTML = `
-                    <div class="text-[#9dabb9]">
-                        <span class="text-blue-400">ℹ</span> Log viewer cleared
-                    </div>
-                `;
+                if (currentTab === "app-logs") {
+                    const logContainer = document.getElementById("log-container");
+                    logContainer.innerHTML = `<div class="text-[#9dabb9]"><span class="text-blue-400">ℹ</span> Log viewer cleared</div>`;
+                } else if (currentTab === "system-errors") {
+                    const errContainer = document.getElementById("system-errors-container");
+                    errContainer.innerHTML = `<div class="text-[#9dabb9]"><span class="text-blue-400">ℹ</span> Historial de errores limpiado</div>`;
+                }
             }
 
             // Tab switching
diff --git a/web/privacy.html b/web/privacy.html
new file mode 100644
index 0000000..f3cb274
--- /dev/null
+++ b/web/privacy.html
@@ -0,0 +1,299 @@
+<!doctype html>
+<html class="dark" lang="es" dir="ltr">
+    <head>
+        <meta charset="utf-8" />
+        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+        <title>Política de Privacidad - SIAX Monitor</title>
+        <link rel="icon" type="image/svg+xml" href="/static/icon/favicon.svg" />
+        <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+        <link
+            href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
+            rel="stylesheet"
+        />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap"
+            rel="stylesheet"
+        />
+        <script>
+            tailwind.config = {
+                darkMode: "class",
+                theme: {
+                    extend: {
+                        colors: {
+                            primary: "#137fec",
+                            "background-light": "#f6f7f8",
+                            "background-dark": "#101922",
+                        },
+                        fontFamily: {
+                            display: ["Inter", "sans-serif"],
+                        },
+                        borderRadius: {
+                            DEFAULT: "0.25rem",
+                            lg: "0.5rem",
+                            xl: "0.75rem",
+                            full: "9999px",
+                        },
+                    },
+                },
+            };
+        </script>
+        <style>
+            body {
+                font-family: "Inter", sans-serif;
+            }
+            .material-symbols-outlined {
+                font-variation-settings:
+                    "FILL" 0,
+                    "wght" 400,
+                    "GRAD" 0,
+                    "opsz" 24;
+            }
+        </style>
+    </head>
+    <body class="bg-background-dark font-display text-white min-h-screen flex flex-col">
+
+        <!-- Header -->
+        <header class="sticky top-0 z-50 w-full border-b border-solid border-[#283039] bg-background-dark/80 backdrop-blur-md px-4 md:px-10 py-3">
+            <div class="max-w-[1400px] mx-auto flex items-center justify-between">
+                <div class="flex items-center gap-4 text-white">
+                    <div class="size-8 bg-primary rounded-lg flex items-center justify-center overflow-hidden">
+                        <img src="/static/icon/logo.png" alt="Logo" class="w-full h-full object-cover" />
+                    </div>
+                    <h2 class="text-white text-lg font-bold leading-tight tracking-[-0.015em]">SIAX Monitor</h2>
+                </div>
+                <div class="flex items-center gap-6">
+                    <nav class="hidden md:flex items-center gap-6">
+                        <a class="text-[#9dabb9] text-sm font-medium hover:text-white transition-colors" href="/">Panel</a>
+                        <a class="text-[#9dabb9] text-sm font-medium hover:text-white transition-colors" href="/logs">Registros</a>
+                        <a class="text-[#9dabb9] text-sm font-medium hover:text-white transition-colors" href="/terms">Términos</a>
+                        <a class="text-primary text-sm font-medium border-b-2 border-primary pb-1" href="/privacy">Privacidad</a>
+                    </nav>
+                </div>
+            </div>
+        </header>
+
+        <!-- Content -->
+        <main class="flex-1 max-w-[860px] mx-auto w-full px-6 py-12">
+
+            <!-- Title -->
+            <div class="mb-10">
+                <div class="flex items-center gap-3 mb-3">
+                    <span class="material-symbols-outlined text-primary text-3xl">shield</span>
+                    <h1 class="text-3xl font-bold text-white">Política de Privacidad</h1>
+                </div>
+                <p class="text-[#9dabb9] text-sm">
+                    Última actualización: <span class="text-white">21 de febrero de 2026</span>
+                </p>
+                <div class="mt-4 p-4 bg-green-500/10 border border-green-500/20 rounded-lg flex items-start gap-3">
+                    <span class="material-symbols-outlined text-green-400 text-[20px] mt-0.5">verified_user</span>
+                    <p class="text-[#9dabb9] text-sm">
+                        <strong class="text-white">SIAX Monitor no recopila ni transmite datos personales a servidores externos.</strong>
+                        Todo el procesamiento ocurre localmente en tu infraestructura.
+                    </p>
+                </div>
+            </div>
+
+            <!-- Sections -->
+            <div class="space-y-8">
+
+                <!-- 1 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">01</span>
+                        Responsable del Tratamiento
+                    </h2>
+                    <div class="space-y-2 text-sm text-[#9dabb9]">
+                        <div class="flex items-center gap-3">
+                            <span class="material-symbols-outlined text-primary text-[18px]">person</span>
+                            <span><strong class="text-white">Responsable:</strong> Pablinux / Xsystem</span>
+                        </div>
+                        <div class="flex items-center gap-3">
+                            <span class="material-symbols-outlined text-primary text-[18px]">location_on</span>
+                            <span><strong class="text-white">País:</strong> Ecuador</span>
+                        </div>
+                        <div class="flex items-center gap-3">
+                            <span class="material-symbols-outlined text-primary text-[18px]">mail</span>
+                            <span>
+                                <a href="mailto:pablinux@hotmail.es" class="text-primary hover:underline">pablinux@hotmail.es</a>
+                                &nbsp;·&nbsp;
+                                <a href="mailto:admin@telcotronics.com" class="text-primary hover:underline">admin@telcotronics.com</a>
+                            </span>
+                        </div>
+                    </div>
+                </section>
+
+                <!-- 2 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">02</span>
+                        Datos que Maneja el Software
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed mb-4">
+                        SIAX Monitor almacena localmente la siguiente información de configuración:
+                    </p>
+                    <div class="grid gap-3">
+                        <div class="flex items-start gap-3 p-3 bg-[#0a0f16] rounded-lg">
+                            <span class="material-symbols-outlined text-blue-400 text-[18px] mt-0.5">settings</span>
+                            <div>
+                                <p class="text-white text-sm font-medium">Configuración de aplicaciones</p>
+                                <p class="text-[#9dabb9] text-xs mt-0.5">Nombres, rutas, puertos y parámetros de inicio de las apps registradas.</p>
+                            </div>
+                        </div>
+                        <div class="flex items-start gap-3 p-3 bg-[#0a0f16] rounded-lg">
+                            <span class="material-symbols-outlined text-yellow-400 text-[18px] mt-0.5">terminal</span>
+                            <div>
+                                <p class="text-white text-sm font-medium">Logs del sistema</p>
+                                <p class="text-[#9dabb9] text-xs mt-0.5">Registros de actividad de los servicios gestionados, almacenados localmente.</p>
+                            </div>
+                        </div>
+                        <div class="flex items-start gap-3 p-3 bg-[#0a0f16] rounded-lg">
+                            <span class="material-symbols-outlined text-purple-400 text-[18px] mt-0.5">key</span>
+                            <div>
+                                <p class="text-white text-sm font-medium">Variables de entorno</p>
+                                <p class="text-[#9dabb9] text-xs mt-0.5">Variables de configuración de las aplicaciones, guardadas en archivos locales.</p>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+
+                <!-- 3 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">03</span>
+                        Datos que NO se Recopilan
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed mb-3">
+                        SIAX Monitor <strong class="text-white">no recopila, almacena ni transmite</strong>:
+                    </p>
+                    <ul class="space-y-2 text-sm text-[#9dabb9]">
+                        <li class="flex items-center gap-2">
+                            <span class="material-symbols-outlined text-green-400 text-[16px]">check</span>
+                            Datos personales de los usuarios de las aplicaciones gestionadas.
+                        </li>
+                        <li class="flex items-center gap-2">
+                            <span class="material-symbols-outlined text-green-400 text-[16px]">check</span>
+                            Información de telemetría o uso del software.
+                        </li>
+                        <li class="flex items-center gap-2">
+                            <span class="material-symbols-outlined text-green-400 text-[16px]">check</span>
+                            Cookies de seguimiento o identificadores de sesión persistentes.
+                        </li>
+                        <li class="flex items-center gap-2">
+                            <span class="material-symbols-outlined text-green-400 text-[16px]">check</span>
+                            Direcciones IP, datos de geolocalización o información del dispositivo.
+                        </li>
+                        <li class="flex items-center gap-2">
+                            <span class="material-symbols-outlined text-green-400 text-[16px]">check</span>
+                            Credenciales, contraseñas ni tokens de autenticación externos.
+                        </li>
+                    </ul>
+                </section>
+
+                <!-- 4 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">04</span>
+                        Almacenamiento y Seguridad
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed">
+                        Toda la información gestionada por SIAX Monitor reside exclusivamente en el servidor
+                        donde el software está instalado. La seguridad de dicha información depende de las
+                        medidas de protección del sistema operativo y la red del usuario.
+                        Recomendamos restringir el acceso a la interfaz web mediante firewall y autenticación
+                        a nivel de red.
+                    </p>
+                </section>
+
+                <!-- 5 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">05</span>
+                        Terceros
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed">
+                        SIAX Monitor no comparte, vende ni cede información a terceros. La interfaz web carga
+                        recursos externos únicamente para estilos y fuentes (Tailwind CSS CDN, Google Fonts),
+                        los cuales no reciben datos de configuración ni de logs.
+                    </p>
+                </section>
+
+                <!-- 6 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">06</span>
+                        Derechos del Usuario
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed mb-3">
+                        De conformidad con la legislación ecuatoriana aplicable, el usuario tiene derecho a:
+                    </p>
+                    <ul class="space-y-2 text-sm text-[#9dabb9]">
+                        <li class="flex items-center gap-2">
+                            <span class="material-symbols-outlined text-primary text-[16px]">arrow_forward</span>
+                            Acceder a los datos de configuración almacenados localmente.
+                        </li>
+                        <li class="flex items-center gap-2">
+                            <span class="material-symbols-outlined text-primary text-[16px]">arrow_forward</span>
+                            Rectificar o eliminar cualquier dato desde la propia interfaz del software.
+                        </li>
+                        <li class="flex items-center gap-2">
+                            <span class="material-symbols-outlined text-primary text-[16px]">arrow_forward</span>
+                            Solicitar información sobre el tratamiento de datos contactando al responsable.
+                        </li>
+                    </ul>
+                </section>
+
+                <!-- 7 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">07</span>
+                        Cambios en esta Política
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed">
+                        Xsystem puede actualizar esta política de privacidad en cualquier momento. La fecha de
+                        última actualización se indica al inicio del documento. Se notificará al usuario sobre
+                        cambios relevantes a través de la interfaz del software o por correo electrónico.
+                    </p>
+                </section>
+
+                <!-- 8 - Contact -->
+                <section class="border border-primary/30 rounded-xl p-6 bg-primary/5">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="material-symbols-outlined text-primary text-[20px]">mail</span>
+                        Contacto
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed mb-4">
+                        Para ejercer tus derechos o realizar consultas sobre esta política:
+                    </p>
+                    <div class="space-y-2">
+                        <div class="flex items-center gap-3">
+                            <span class="material-symbols-outlined text-primary text-[18px]">person</span>
+                            <span class="text-sm text-[#9dabb9]">Desarrollador:
+                                <a href="mailto:pablinux@hotmail.es" class="text-primary hover:underline">pablinux@hotmail.es</a>
+                            </span>
+                        </div>
+                        <div class="flex items-center gap-3">
+                            <span class="material-symbols-outlined text-primary text-[18px]">business</span>
+                            <span class="text-sm text-[#9dabb9]">Empresa:
+                                <a href="mailto:admin@telcotronics.com" class="text-primary hover:underline">admin@telcotronics.com</a>
+                            </span>
+                        </div>
+                        <div class="flex items-center gap-3">
+                            <span class="material-symbols-outlined text-primary text-[18px]">location_on</span>
+                            <span class="text-sm text-[#9dabb9]">Ecuador</span>
+                        </div>
+                    </div>
+                </section>
+
+            </div>
+
+            <!-- Footer nav -->
+            <div class="mt-10 pt-6 border-t border-[#283039] flex items-center justify-between text-sm text-[#9dabb9]">
+                <span>&copy; 2026 Xsystem / Pablinux. Todos los derechos reservados.</span>
+                <a href="/terms" class="text-primary hover:underline flex items-center gap-1">
+                    <span class="material-symbols-outlined text-[16px]">gavel</span>
+                    Términos y Condiciones
+                </a>
+            </div>
+        </main>
+    </body>
+</html>
diff --git a/web/terms.html b/web/terms.html
new file mode 100644
index 0000000..22baba4
--- /dev/null
+++ b/web/terms.html
@@ -0,0 +1,268 @@
+<!doctype html>
+<html class="dark" lang="es" dir="ltr">
+    <head>
+        <meta charset="utf-8" />
+        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+        <title>Términos y Condiciones - SIAX Monitor</title>
+        <link rel="icon" type="image/svg+xml" href="/static/icon/favicon.svg" />
+        <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+        <link
+            href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
+            rel="stylesheet"
+        />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap"
+            rel="stylesheet"
+        />
+        <script>
+            tailwind.config = {
+                darkMode: "class",
+                theme: {
+                    extend: {
+                        colors: {
+                            primary: "#137fec",
+                            "background-light": "#f6f7f8",
+                            "background-dark": "#101922",
+                        },
+                        fontFamily: {
+                            display: ["Inter", "sans-serif"],
+                        },
+                        borderRadius: {
+                            DEFAULT: "0.25rem",
+                            lg: "0.5rem",
+                            xl: "0.75rem",
+                            full: "9999px",
+                        },
+                    },
+                },
+            };
+        </script>
+        <style>
+            body {
+                font-family: "Inter", sans-serif;
+            }
+            .material-symbols-outlined {
+                font-variation-settings:
+                    "FILL" 0,
+                    "wght" 400,
+                    "GRAD" 0,
+                    "opsz" 24;
+            }
+        </style>
+    </head>
+    <body class="bg-background-dark font-display text-white min-h-screen flex flex-col">
+
+        <!-- Header -->
+        <header class="sticky top-0 z-50 w-full border-b border-solid border-[#283039] bg-background-dark/80 backdrop-blur-md px-4 md:px-10 py-3">
+            <div class="max-w-[1400px] mx-auto flex items-center justify-between">
+                <div class="flex items-center gap-4 text-white">
+                    <div class="size-8 bg-primary rounded-lg flex items-center justify-center overflow-hidden">
+                        <img src="/static/icon/logo.png" alt="Logo" class="w-full h-full object-cover" />
+                    </div>
+                    <h2 class="text-white text-lg font-bold leading-tight tracking-[-0.015em]">SIAX Monitor</h2>
+                </div>
+                <div class="flex items-center gap-6">
+                    <nav class="hidden md:flex items-center gap-6">
+                        <a class="text-[#9dabb9] text-sm font-medium hover:text-white transition-colors" href="/">Panel</a>
+                        <a class="text-[#9dabb9] text-sm font-medium hover:text-white transition-colors" href="/logs">Registros</a>
+                        <a class="text-primary text-sm font-medium border-b-2 border-primary pb-1" href="/terms">Términos</a>
+                        <a class="text-[#9dabb9] text-sm font-medium hover:text-white transition-colors" href="/privacy">Privacidad</a>
+                    </nav>
+                </div>
+            </div>
+        </header>
+
+        <!-- Content -->
+        <main class="flex-1 max-w-[860px] mx-auto w-full px-6 py-12">
+
+            <!-- Title -->
+            <div class="mb-10">
+                <div class="flex items-center gap-3 mb-3">
+                    <span class="material-symbols-outlined text-primary text-3xl">gavel</span>
+                    <h1 class="text-3xl font-bold text-white">Términos y Condiciones</h1>
+                </div>
+                <p class="text-[#9dabb9] text-sm">
+                    Última actualización: <span class="text-white">21 de febrero de 2026</span>
+                </p>
+                <div class="mt-4 p-4 bg-primary/10 border border-primary/20 rounded-lg">
+                    <p class="text-[#9dabb9] text-sm">
+                        Al utilizar <strong class="text-white">SIAX Monitor</strong>, aceptas los presentes términos en su totalidad.
+                        Si no estás de acuerdo con alguna parte, te pedimos que no uses el software.
+                    </p>
+                </div>
+            </div>
+
+            <!-- Sections -->
+            <div class="space-y-8">
+
+                <!-- 1 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">01</span>
+                        Descripción del Software
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed">
+                        <strong class="text-white">SIAX Monitor</strong> es una herramienta de monitoreo y gestión de aplicaciones
+                        desarrollada por <strong class="text-white">Pablinux</strong> para <strong class="text-white">Xsystem</strong>,
+                        con sede en Ecuador. Permite registrar, iniciar, detener y supervisar servicios del sistema operativo
+                        a través de una interfaz web local. El software opera exclusivamente dentro de la infraestructura
+                        del usuario y no transmite datos a servidores externos.
+                    </p>
+                </section>
+
+                <!-- 2 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">02</span>
+                        Licencia de Uso
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed mb-3">
+                        Se otorga una licencia personal, no exclusiva, no transferible y revocable para usar SIAX Monitor
+                        en los entornos autorizados por Xsystem. Queda expresamente prohibido:
+                    </p>
+                    <ul class="space-y-2 text-sm text-[#9dabb9]">
+                        <li class="flex items-start gap-2">
+                            <span class="material-symbols-outlined text-red-400 text-[16px] mt-0.5">block</span>
+                            Sublicenciar, vender o redistribuir el software sin autorización escrita.
+                        </li>
+                        <li class="flex items-start gap-2">
+                            <span class="material-symbols-outlined text-red-400 text-[16px] mt-0.5">block</span>
+                            Modificar o crear trabajos derivados sin consentimiento del autor.
+                        </li>
+                        <li class="flex items-start gap-2">
+                            <span class="material-symbols-outlined text-red-400 text-[16px] mt-0.5">block</span>
+                            Utilizar el software para fines ilegales o no autorizados.
+                        </li>
+                        <li class="flex items-start gap-2">
+                            <span class="material-symbols-outlined text-red-400 text-[16px] mt-0.5">block</span>
+                            Realizar ingeniería inversa del código fuente.
+                        </li>
+                    </ul>
+                </section>
+
+                <!-- 3 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">03</span>
+                        Responsabilidades del Usuario
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed mb-3">
+                        El usuario es responsable de:
+                    </p>
+                    <ul class="space-y-2 text-sm text-[#9dabb9]">
+                        <li class="flex items-start gap-2">
+                            <span class="material-symbols-outlined text-green-400 text-[16px] mt-0.5">check_circle</span>
+                            Mantener la seguridad del servidor donde se ejecuta SIAX Monitor.
+                        </li>
+                        <li class="flex items-start gap-2">
+                            <span class="material-symbols-outlined text-green-400 text-[16px] mt-0.5">check_circle</span>
+                            Gestionar correctamente los permisos de acceso a la interfaz web.
+                        </li>
+                        <li class="flex items-start gap-2">
+                            <span class="material-symbols-outlined text-green-400 text-[16px] mt-0.5">check_circle</span>
+                            Realizar copias de seguridad de su configuración y datos.
+                        </li>
+                        <li class="flex items-start gap-2">
+                            <span class="material-symbols-outlined text-green-400 text-[16px] mt-0.5">check_circle</span>
+                            Usar el software conforme a las leyes vigentes en Ecuador y las aplicables en su jurisdicción.
+                        </li>
+                    </ul>
+                </section>
+
+                <!-- 4 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">04</span>
+                        Limitación de Responsabilidad
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed">
+                        SIAX Monitor se proporciona <strong class="text-white">"tal cual"</strong>, sin garantías de ningún tipo,
+                        expresas o implícitas. Xsystem y Pablinux no se hacen responsables por daños directos, indirectos,
+                        incidentales o consecuentes que resulten del uso o la imposibilidad de uso del software, incluyendo
+                        pero no limitándose a: pérdida de datos, interrupciones de servicio, o daños en el sistema operativo
+                        derivados de configuraciones incorrectas.
+                    </p>
+                </section>
+
+                <!-- 5 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">05</span>
+                        Propiedad Intelectual
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed">
+                        Todos los derechos de propiedad intelectual sobre SIAX Monitor, incluyendo su código fuente,
+                        diseño, logotipos y documentación, son propiedad exclusiva de <strong class="text-white">Pablinux / Xsystem</strong>.
+                        Quedan reservados todos los derechos no otorgados expresamente en estos términos.
+                    </p>
+                </section>
+
+                <!-- 6 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">06</span>
+                        Modificaciones
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed">
+                        Xsystem se reserva el derecho de modificar estos términos en cualquier momento. Los cambios
+                        serán comunicados a través de la propia interfaz del software o mediante correo electrónico.
+                        El uso continuado del software tras la publicación de cambios constituye aceptación de los
+                        nuevos términos.
+                    </p>
+                </section>
+
+                <!-- 7 -->
+                <section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">07</span>
+                        Legislación Aplicable
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed">
+                        Estos términos se rigen por las leyes vigentes en la <strong class="text-white">República del Ecuador</strong>.
+                        Cualquier disputa derivada del uso de este software será sometida a la jurisdicción de los
+                        tribunales competentes de Ecuador.
+                    </p>
+                </section>
+
+                <!-- 8 - Contact -->
+                <section class="border border-primary/30 rounded-xl p-6 bg-primary/5">
+                    <h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
+                        <span class="material-symbols-outlined text-primary text-[20px]">mail</span>
+                        Contacto
+                    </h2>
+                    <p class="text-[#9dabb9] text-sm leading-relaxed mb-4">
+                        Para cualquier consulta relacionada con estos términos, puedes contactarnos a través de:
+                    </p>
+                    <div class="space-y-2">
+                        <div class="flex items-center gap-3">
+                            <span class="material-symbols-outlined text-primary text-[18px]">person</span>
+                            <span class="text-sm text-[#9dabb9]">Desarrollador:
+                                <a href="mailto:pablinux@hotmail.es" class="text-primary hover:underline">pablinux@hotmail.es</a>
+                            </span>
+                        </div>
+                        <div class="flex items-center gap-3">
+                            <span class="material-symbols-outlined text-primary text-[18px]">business</span>
+                            <span class="text-sm text-[#9dabb9]">Empresa:
+                                <a href="mailto:admin@telcotronics.com" class="text-primary hover:underline">admin@telcotronics.com</a>
+                            </span>
+                        </div>
+                        <div class="flex items-center gap-3">
+                            <span class="material-symbols-outlined text-primary text-[18px]">location_on</span>
+                            <span class="text-sm text-[#9dabb9]">Ecuador</span>
+                        </div>
+                    </div>
+                </section>
+
+            </div>
+
+            <!-- Footer nav -->
+            <div class="mt-10 pt-6 border-t border-[#283039] flex items-center justify-between text-sm text-[#9dabb9]">
+                <span>&copy; 2026 Xsystem / Pablinux. Todos los derechos reservados.</span>
+                <a href="/privacy" class="text-primary hover:underline flex items-center gap-1">
+                    <span class="material-symbols-outlined text-[16px]">shield</span>
+                    Política de Privacidad
+                </a>
+            </div>
+        </main>
+    </body>
+</html>