pablinux/SIAX-MONITOR
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
6442251c2dced13f5f3c0d8626e38511f15b02a3
SIAX-MONITOR/web/privacy.html
pablinux 6442251c2d Migracion de sistema
2026-05-02 04:28:47 -05:00

300 lines
17 KiB
HTML
Raw Blame History

<!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>
Reference in New Issue View Git Blame Copy Permalink