-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpolitica-cookies.html
More file actions
113 lines (97 loc) · 5.91 KB
/
Copy pathpolitica-cookies.html
File metadata and controls
113 lines (97 loc) · 5.91 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Política de Cookies | LSCF Development Hub</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
darkMode: 'class',
}
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
body {
font-family: 'Inter', sans-serif;
}
/* Asume que las variables CSS para el tema ya están definidas en el contexto de tu web principal
Si necesitas este archivo como una página independiente, debes copiar aquí también las variables del index.html */
</style>
</head>
<body class="antialiased bg-gray-50 dark:bg-gray-900 transition duration-300 min-h-screen p-8">
<div class="max-w-4xl mx-auto bg-white dark:bg-gray-800 p-8 sm:p-12 rounded-xl shadow-2xl mt-10">
<h1 class="text-4xl font-extrabold text-gray-900 dark:text-white mb-6 border-b pb-3">
🍪 Política de Cookies
</h1>
<p class="text-gray-600 dark:text-gray-300 mb-8">
Esta Política de Cookies explica qué son las cookies y cómo las usamos en nuestro sitio web (<a href="https://central-lscf.vercel.app/" class="underline font-semibold">central-lscf.vercel.app</a>).
</p>
<h2 class="text-2xl font-bold text-gray-900 dark:text-white mt-8 mb-4">
1. ¿Qué son las cookies?
</h2>
<p class="text-gray-600 dark:text-gray-300 mb-4">
Las cookies son pequeños archivos de texto que se almacenan en tu navegador cuando visitas un sitio web. Ayudan al sitio a recordar información sobre tu visita, lo que puede facilitar la próxima vez que regreses o hacer que el sitio sea más útil para ti.
</p>
<h2 class="text-2xl font-bold text-gray-900 dark:text-white mt-8 mb-4">
2. Tipos de Cookies Utilizadas
</h2>
<div class="space-y-6">
<div class="p-4 bg-gray-100 dark:bg-gray-700 rounded-lg">
<h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-2">
Cookies Estrictamente Necesarias (Técnicas)
</h3>
<p class="text-sm text-gray-600 dark:text-gray-300">
Estas cookies son esenciales para el funcionamiento básico del sitio y no pueden ser desactivadas.
</p>
<ul class="list-disc list-inside text-sm text-gray-600 dark:text-gray-300 ml-4 mt-2">
<li>**Funcionalidad del Tema:** Almacenan tu preferencia de **Modo Oscuro/Claro** y el **Tema de Color** seleccionado (Ej: Índigo, Verde, Púrpura).</li>
<li>**Sesión:** Mantienen el estado de tu navegación.</li>
</ul>
<p class="text-xs font-medium text-green-600 dark:text-green-400 mt-2">
Base legal: Interés legítimo (Necesidad técnica). No requieren consentimiento.
</p>
</div>
<div class="p-4 bg-gray-100 dark:bg-gray-700 rounded-lg">
<h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-2">
Cookies de Análisis y Rendimiento
</h3>
<p class="text-sm text-gray-600 dark:text-gray-300">
Si son aceptadas, estas cookies nos permiten contar las visitas y fuentes de tráfico para medir y mejorar el rendimiento de nuestro sitio (Ej: Google Analytics o similar).
</p>
<ul class="list-disc list-inside text-sm text-gray-600 dark:text-gray-300 ml-4 mt-2">
<li>**Uso:** Recopilan información anónima sobre cómo utilizas el sitio (páginas visitadas, tiempo en la página, etc.).</li>
</ul>
<p class="text-xs font-medium text-red-600 dark:text-red-400 mt-2">
Base legal: Consentimiento explícito del usuario. Puedes activarlas o desactivarlas en los ajustes de cookies.
</p>
</div>
</div>
<h2 class="text-2xl font-bold text-gray-900 dark:text-white mt-8 mb-4">
3. Gestión de Cookies y Revocación del Consentimiento
</h2>
<p class="text-gray-600 dark:text-gray-300 mb-4">
Tienes el derecho de aceptar o rechazar las cookies no esenciales.
</p>
<div class="p-4 bg-yellow-100 dark:bg-yellow-900/50 rounded-lg border-l-4 border-yellow-500">
<p class="text-sm font-semibold text-yellow-800 dark:text-yellow-300">
⚙️ Ajustes:
</p>
<p class="text-sm text-yellow-800 dark:text-yellow-300">
Puedes cambiar tus preferencias de consentimiento en cualquier momento haciendo clic en el botón flotante **"Gestionar Cookies"** que se encuentra en el pie de página o en la configuración de la web (si implementas esa opción).
</p>
</div>
<p class="text-gray-600 dark:text-gray-300 mt-4">
Alternativamente, puedes bloquear o eliminar las cookies a través de la configuración de tu navegador (Chrome, Firefox, Edge, Safari, etc.). Ten en cuenta que al hacerlo, algunas funcionalidades esenciales de este sitio podrían dejar de funcionar correctamente.
</p>
<p class="text-sm text-gray-500 dark:text-gray-400 mt-10 text-center">
Última actualización: 27 de noviembre de 2025
</p>
<div class="text-center mt-6">
<a href="index.html" class="inline-flex items-center justify-center px-6 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-gray-600 hover:bg-gray-700 transition duration-300">
Volver al Hub Principal
</a>
</div>
</div>
</body>
</html>