window.Privacy = ({ theme, navigate }) => {
    return (
        <div className="animate-fade-in max-w-3xl mx-auto px-6 text-inherit text-left pb-20">
            <button onClick={() => navigate('home', '/')} className="mb-10 flex items-center gap-2 text-[10px] font-black opacity-50 hover:opacity-100 uppercase tracking-widest transition-all">
                <window.Icon name="arrow-left" className="w-4 h-4" /> Volver al Inicio
            </button>

            <header className="mb-12 border-b border-white/10 pb-8">
                <h1 className="text-4xl md:text-5xl font-extrabold tracking-tight mb-4 uppercase">Política de Privacidad</h1>
                <p className="opacity-60 text-lg">Última actualización: Febrero 2026</p>
            </header>

            <div className="space-y-8 opacity-80 leading-relaxed font-light">
                <section>
                    <h2 className="text-xl font-bold mb-4 uppercase tracking-tight text-purple-500">1. Información que recopilamos</h2>
                    <p className="mb-4">En Orbity Lab respetamos tu privacidad. Como herramienta de procesamiento local, la gran mayoría de las funciones (como la generación de paletas o la conversión de imágenes) ocurren directamente en tu navegador. No almacenamos tus archivos ni tus diseños en nuestros servidores.</p>
                    <p>La información que sí podemos recopilar incluye:</p>
                    <ul className="list-disc pl-6 mt-2 space-y-2">
                        <li>Datos analíticos anónimos (a través de Google Analytics) para entender cómo se usa la plataforma.</li>
                        <li>Preferencias de configuración guardadas en el almacenamiento local (LocalStorage) de tu navegador.</li>
                    </ul>
                </section>

                <section>
                    <h2 className="text-xl font-bold mb-4 uppercase tracking-tight text-purple-500">2. Uso de LocalStorage y Cookies</h2>
                    <p>Utilizamos el almacenamiento local de tu navegador para mantener tus preferencias, como el tema visual (claro/oscuro) y para permitir que las herramientas del ecosistema se comuniquen entre sí (ej. enviar una paleta de colores al editor de fuentes). Puedes borrar estos datos en cualquier momento desde la configuración de tu navegador.</p>
                </section>

                <section>
                    <h2 className="text-xl font-bold mb-4 uppercase tracking-tight text-purple-500">3. Servicios de Terceros</h2>
                    <p>Algunas herramientas pueden depender de APIs externas, como la generación de códigos QR. Al utilizar estas herramientas, el contenido que introduzcas puede ser procesado por estos terceros de acuerdo con sus propias políticas de privacidad.</p>
                </section>

                <section>
                    <h2 className="text-xl font-bold mb-4 uppercase tracking-tight text-purple-500">4. Contacto</h2>
                    <p>Si tienes preguntas sobre esta política o el manejo de tus datos, puedes contactar con la administración del proyecto a través de los canales oficiales de Orbity Lab.</p>
                </section>
            </div>
        </div>
    );
};