window.Terms = ({ 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">Términos de Servicio</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-blue-500">1. Aceptación de los Términos</h2>
                    <p>Al acceder y utilizar el ecosistema de herramientas de Orbity Lab, aceptas estar sujeto a estos Términos de Servicio. Si no estás de acuerdo con alguna parte de los términos, no deberías utilizar la plataforma.</p>
                </section>

                <section>
                    <h2 className="text-xl font-bold mb-4 uppercase tracking-tight text-blue-500">2. Uso de las Herramientas</h2>
                    <p>Orbity Lab se proporciona como una suite de "Ingeniería Creativa" de uso gratuito. Aceptas utilizar la plataforma únicamente con fines legales y de una manera que no infrinja los derechos de, restrinja o inhiba el uso de la plataforma por parte de cualquier tercero.</p>
                </section>

                <section>
                    <h2 className="text-xl font-bold mb-4 uppercase tracking-tight text-blue-500">3. Propiedad Intelectual</h2>
                    <p>El código fuente, el diseño, la estructura y la marca "Orbity Lab" son propiedad exclusiva de sus creadores. Sin embargo, los recursos generados por los usuarios (como paletas de colores, gradientes CSS o imágenes procesadas) utilizando las herramientas, pertenecen al usuario y pueden ser utilizados libremente en proyectos comerciales o personales.</p>
                </section>

                <section>
                    <h2 className="text-xl font-bold mb-4 uppercase tracking-tight text-blue-500">4. Exención de Responsabilidad</h2>
                    <p>Las herramientas se proporcionan "tal cual". Orbity Lab no garantiza que el servicio sea ininterrumpido o esté libre de errores. No nos hacemos responsables por la pérdida de datos o configuraciones almacenadas localmente, ni por posibles caídas de servicios de terceros (como las fuentes de Google o APIs de generación).</p>
                </section>
                
                <section>
                    <h2 className="text-xl font-bold mb-4 uppercase tracking-tight text-blue-500">5. Modificaciones</h2>
                    <p>Nos reservamos el derecho de modificar o reemplazar estos Términos en cualquier momento. El uso continuado de la plataforma tras cualquier cambio constituye la aceptación de los nuevos términos.</p>
                </section>
            </div>
        </div>
    );
};