@extends('layouts.public')
@section('title', 'Política de Privacidad — Olorun Group')

@section('content')
    <div class="max-w-4xl mx-auto px-4 py-12">
        <div class="slide-up">
            <div class="text-center mb-10">
                <div
                    class="w-16 h-16 rounded-2xl bg-gradient-to-br from-accent-500 to-brand-500 flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-user-shield text-2xl"></i>
                </div>
                <h1 class="text-3xl font-bold mb-2">Política de Privacidad</h1>
                <p class="text-gray-400">Última actualización: 12 de marzo de 2026</p>
            </div>

            <div class="glass rounded-2xl p-8 space-y-8 text-gray-300 leading-relaxed">

                <section>
                    <h2 class="text-xl font-semibold text-white mb-3">
                        <i class="fas fa-building text-brand-400 mr-2"></i>1. Responsable del Tratamiento
                    </h2>
                    <p><strong class="text-white">Olorun Sistemas</strong><br>
                        Santo Domingo, República Dominicana<br>
                        Email: <a href="mailto:info@olo.run" class="text-brand-400 hover:underline">info@olo.run</a><br>
                        WhatsApp: <a href="https://wa.me/18099818880" class="text-green-400 hover:underline">+1 (809)
                            981-8880</a>
                    </p>
                </section>

                <section>
                    <h2 class="text-xl font-semibold text-white mb-3">
                        <i class="fas fa-globe text-cyan-400 mr-2"></i>1.1 Servicios Cubiertos
                    </h2>
                    <p>Esta política aplica a todos los servicios del ecosistema Olorun:</p>
                    <div class="grid sm:grid-cols-2 gap-3 mt-4">
                        <div class="p-3 rounded-xl bg-white/5 flex items-center gap-3">
                            <i class="fas fa-shield-halved text-brand-400"></i>
                            <span class="text-sm"><strong class="text-white">Olorun Secure</strong> — Plugin de
                                seguridad, SEO y rendimiento para WordPress</span>
                        </div>
                        <div class="p-3 rounded-xl bg-white/5 flex items-center gap-3">
                            <i class="fas fa-search text-accent-400"></i>
                            <span class="text-sm"><strong class="text-white">WebSec Scanner</strong> — Análisis de
                                vulnerabilidades (ciberseguridad.olo.run)</span>
                        </div>
                        <div class="p-3 rounded-xl bg-white/5 flex items-center gap-3">
                            <i class="fas fa-briefcase text-yellow-400"></i>
                            <span class="text-sm"><strong class="text-white">Olorun ERP</strong> — Sistema de gestión
                                empresarial multi-tenant (erp.olo.run)</span>
                        </div>
                        <div class="p-3 rounded-xl bg-white/5 flex items-center gap-3">
                            <i class="fas fa-globe text-blue-400"></i>
                            <span class="text-sm"><strong class="text-white">Olorun Sites</strong> — Diseño y
                                desarrollo web profesional (site.olo.run)</span>
                        </div>
                        <div class="p-3 rounded-xl bg-white/5 flex items-center gap-3">
                            <i class="fas fa-robot text-purple-400"></i>
                            <span class="text-sm"><strong class="text-white">Olo AI Assistant</strong> — Chatbot de
                                asistencia multi-canal (web, WhatsApp, Instagram)</span>
                        </div>
                        <div class="p-3 rounded-xl bg-white/5 flex items-center gap-3">
                            <i class="fas fa-handshake text-green-400"></i>
                            <span class="text-sm"><strong class="text-white">Programa de Partners</strong> — Sistema de
                                referidos y comisiones</span>
                        </div>
                    </div>
                </section>

                <section>
                    <h2 class="text-xl font-semibold text-white mb-3">
                        <i class="fas fa-database text-accent-400 mr-2"></i>2. Datos que Recopilamos
                    </h2>

                    <h3 class="text-lg font-medium text-white mt-4 mb-2">2.1 Datos proporcionados por el usuario</h3>
                    <ul class="list-disc list-inside space-y-1 text-gray-400">
                        <li><strong class="text-gray-300">Nombre completo</strong> — para identificar al solicitante</li>
                        <li><strong class="text-gray-300">Email</strong> — para comunicaciones sobre el análisis</li>
                        <li><strong class="text-gray-300">WhatsApp</strong> — para contacto directo de soporte</li>
                        <li><strong class="text-gray-300">URL del sitio web</strong> — para realizar el análisis</li>
                    </ul>

                    <h3 class="text-lg font-medium text-white mt-4 mb-2">2.2 Datos del chatbot (Olo AI Assistant)</h3>
                    <ul class="list-disc list-inside space-y-1 text-gray-400">
                        <li><strong class="text-gray-300">Mensajes de conversación</strong> — el contenido de los
                            mensajes que envías al chatbot</li>
                        <li><strong class="text-gray-300">Datos de contacto voluntarios</strong> — nombre, email y
                            teléfono proporcionados durante la captura de leads o creación de tickets</li>
                        <li><strong class="text-gray-300">Canal de comunicación</strong> — si la interacción es vía
                            web, WhatsApp o Instagram</li>
                        <li><strong class="text-gray-300">Contexto del producto</strong> — qué producto de Olorun
                            estabas consultando</li>
                        <li><strong class="text-gray-300">Dirección IP</strong> — para identificar la sesión de chat
                        </li>
                    </ul>

                    <div class="mt-4 p-4 rounded-xl bg-blue-500/10 border border-blue-500/20">
                        <p class="text-blue-300 text-sm">
                            <i class="fas fa-info-circle mr-2"></i>
                            <strong>Sobre el chatbot:</strong> El chatbot utiliza un motor de reglas local para responder
                            tus preguntas. Las conversaciones se almacenan en nuestros servidores para mejorar el
                            servicio y dar seguimiento a tickets de soporte. Si activas el modo AI, los mensajes pueden
                            ser procesados por servicios de inteligencia artificial de terceros (como OpenAI) para
                            generar respuestas.
                        </p>
                    </div>

                    <h3 class="text-lg font-medium text-white mt-4 mb-2">2.3 Datos recopilados automáticamente</h3>
                    <ul class="list-disc list-inside space-y-1 text-gray-400">
                        <li><strong class="text-gray-300">Dirección IP</strong> — almacenada como hash irreversible
                            (SHA-256), no como IP pura</li>
                        <li><strong class="text-gray-300">User-Agent del navegador</strong> — para estadísticas y detección
                            de
                            abuso</li>
                        <li><strong class="text-gray-300">Fecha y hora</strong> — para registro de auditoría</li>
                    </ul>

                    <h3 class="text-lg font-medium text-white mt-4 mb-2">2.4 Datos del análisis</h3>
                    <ul class="list-disc list-inside space-y-1 text-gray-400">
                        <li><strong class="text-gray-300">Resultados del escaneo</strong> — hallazgos de seguridad y SEO
                        </li>
                        <li><strong class="text-gray-300">Reporte PDF generado</strong> — almacenado temporalmente para
                            descarga</li>
                    </ul>

                    <div class="mt-4 p-4 rounded-xl bg-green-500/10 border border-green-500/20">
                        <p class="text-green-300 text-sm">
                            <i class="fas fa-check-circle mr-2"></i>
                            <strong>Nota de seguridad:</strong> Las direcciones IP se almacenan como hashes criptográficos
                            irreversibles. No es posible recuperar la IP original a partir del hash almacenado.
                        </p>
                    </div>
                </section>

                <section>
                    <h2 class="text-xl font-semibold text-white mb-3">
                        <i class="fas fa-bullseye text-yellow-400 mr-2"></i>3. Finalidad del Tratamiento
                    </h2>
                    <p>Utilizamos sus datos para:</p>
                    <div class="grid md:grid-cols-2 gap-4 mt-4">
                        <div class="p-4 rounded-xl bg-white/5">
                            <div class="font-medium text-white mb-1"><i
                                    class="fas fa-search text-brand-400 mr-2"></i>Realizar
                                el análisis</div>
                            <p class="text-sm text-gray-400">Ejecutar el escaneo de seguridad y SEO del sitio web
                                proporcionado.</p>
                        </div>
                        <div class="p-4 rounded-xl bg-white/5">
                            <div class="font-medium text-white mb-1"><i
                                    class="fas fa-file-pdf text-red-400 mr-2"></i>Generar el reporte</div>
                            <p class="text-sm text-gray-400">Crear y entregar el PDF con resultados detallados y
                                recomendaciones.</p>
                        </div>
                        <div class="p-4 rounded-xl bg-white/5">
                            <div class="font-medium text-white mb-1"><i
                                    class="fas fa-headset text-green-400 mr-2"></i>Comunicación</div>
                            <p class="text-sm text-gray-400">Contactar al usuario respecto al análisis o servicios
                                relacionados.</p>
                        </div>
                        <div class="p-4 rounded-xl bg-white/5">
                            <div class="font-medium text-white mb-1"><i
                                    class="fas fa-shield-halved text-accent-400 mr-2"></i>Prevención de abuso</div>
                            <p class="text-sm text-gray-400">Detectar y prevenir el uso fraudulento o abusivo del Servicio.
                            </p>
                        </div>
                        <div class="p-4 rounded-xl bg-white/5">
                            <div class="font-medium text-white mb-1"><i
                                    class="fas fa-robot text-purple-400 mr-2"></i>Chatbot y soporte</div>
                            <p class="text-sm text-gray-400">Responder consultas automáticamente, capturar leads
                                interesados y crear tickets de soporte cuando el usuario lo solicite.</p>
                        </div>
                        <div class="p-4 rounded-xl bg-white/5">
                            <div class="font-medium text-white mb-1"><i
                                    class="fas fa-chart-line text-cyan-400 mr-2"></i>Mejora del servicio</div>
                            <p class="text-sm text-gray-400">Analizar las interacciones del chatbot para mejorar la
                                calidad de las respuestas y la experiencia del usuario.</p>
                        </div>
                    </div>
                </section>

                <section>
                    <h2 class="text-xl font-semibold text-white mb-3">
                        <i class="fas fa-clock text-cyan-400 mr-2"></i>4. Conservación de Datos
                    </h2>
                    <div class="overflow-x-auto">
                        <table class="w-full text-sm mt-3">
                            <thead>
                                <tr class="border-b border-white/10">
                                    <th class="text-left py-2 text-gray-400 font-medium">Tipo de dato</th>
                                    <th class="text-left py-2 text-gray-400 font-medium">Retención</th>
                                </tr>
                            </thead>
                            <tbody class="text-gray-300">
                                <tr class="border-b border-white/5">
                                    <td class="py-2">Datos de contacto (lead)</td>
                                    <td class="py-2">Mientras exista relación comercial o hasta solicitud de eliminación
                                    </td>
                                </tr>
                                <tr class="border-b border-white/5">
                                    <td class="py-2">Resultados del escaneo</td>
                                    <td class="py-2">12 meses desde la fecha del análisis</td>
                                </tr>
                                <tr class="border-b border-white/5">
                                    <td class="py-2">Reporte PDF</td>
                                    <td class="py-2">72 horas (enlace de descarga temporal)</td>
                                </tr>
                                <tr class="border-b border-white/5">
                                    <td class="py-2">Logs de auditoría</td>
                                    <td class="py-2">24 meses</td>
                                </tr>
                                <tr class="border-b border-white/5">
                                    <td class="py-2">Conversaciones del chatbot</td>
                                    <td class="py-2">12 meses o hasta solicitud de eliminación</td>
                                </tr>
                                <tr class="border-b border-white/5">
                                    <td class="py-2">Tickets de soporte</td>
                                    <td class="py-2">Mientras el ticket esté abierto o activo, máximo 24 meses</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </section>

                <section>
                    <h2 class="text-xl font-semibold text-white mb-3">
                        <i class="fas fa-share-alt text-red-400 mr-2"></i>5. Compartición de Datos
                    </h2>
                    <p><strong class="text-white">No vendemos, alquilamos ni compartimos</strong> sus datos personales con
                        terceros, excepto:</p>
                    <ul class="list-disc list-inside mt-3 space-y-2 text-gray-400">
                        <li><strong class="text-gray-300">Proveedores de infraestructura</strong> — servidores y
                            almacenamiento
                            necesarios para operar el Servicio (datos procesados, no compartidos).</li>
                        <li><strong class="text-gray-300">Servicios de inteligencia artificial</strong> — si el modo AI
                            está activo, los mensajes del chatbot pueden ser procesados por proveedores como OpenAI para
                            generar respuestas. Estos proveedores procesan los datos según sus propias políticas de
                            privacidad y no almacenan sus conversaciones.</li>
                        <li><strong class="text-gray-300">Plataformas de mensajería</strong> — si interactúas con
                            nuestro chatbot vía WhatsApp o Instagram, los mensajes pasan por las plataformas de Meta
                            Platforms, Inc., sujetas a sus propias políticas de privacidad.</li>
                        <li><strong class="text-gray-300">Requerimiento legal</strong> — cuando sea exigido por ley, orden
                            judicial o autoridad competente.</li>
                    </ul>
                </section>

                <section>
                    <h2 class="text-xl font-semibold text-white mb-3">
                        <i class="fas fa-lock text-brand-400 mr-2"></i>6. Seguridad
                    </h2>
                    <p>Implementamos medidas técnicas y organizativas para proteger sus datos:</p>
                    <ul class="list-disc list-inside mt-3 space-y-1 text-gray-400">
                        <li>Cifrado TLS/HTTPS en todas las comunicaciones</li>
                        <li>Hash criptográfico de direcciones IP (SHA-256)</li>
                        <li>Acceso restringido a la base de datos mediante autenticación</li>
                        <li>Headers de seguridad (CSP, HSTS, X-Frame-Options)</li>
                        <li>Rate limiting para prevenir abuso</li>
                        <li>Autenticación por token para APIs internas</li>
                    </ul>
                </section>

                <section>
                    <h2 class="text-xl font-semibold text-white mb-3">
                        <i class="fas fa-user-cog text-accent-400 mr-2"></i>7. Derechos del Usuario
                    </h2>
                    <p>Usted tiene derecho a:</p>
                    <div class="grid sm:grid-cols-2 gap-3 mt-4">
                        <div class="p-3 rounded-xl bg-white/5 flex items-center gap-3">
                            <i class="fas fa-eye text-brand-400"></i>
                            <span class="text-sm"><strong class="text-white">Acceso</strong> — solicitar copia de sus
                                datos</span>
                        </div>
                        <div class="p-3 rounded-xl bg-white/5 flex items-center gap-3">
                            <i class="fas fa-edit text-yellow-400"></i>
                            <span class="text-sm"><strong class="text-white">Rectificación</strong> — corregir datos
                                inexactos</span>
                        </div>
                        <div class="p-3 rounded-xl bg-white/5 flex items-center gap-3">
                            <i class="fas fa-trash-alt text-red-400"></i>
                            <span class="text-sm"><strong class="text-white">Eliminación</strong> — solicitar la supresión
                                de
                                sus datos</span>
                        </div>
                        <div class="p-3 rounded-xl bg-white/5 flex items-center gap-3">
                            <i class="fas fa-hand-paper text-green-400"></i>
                            <span class="text-sm"><strong class="text-white">Oposición</strong> — objetar el uso de sus
                                datos</span>
                        </div>
                    </div>
                    <p class="mt-4 text-sm text-gray-400">Para ejercer cualquiera de estos derechos, contacte a <a
                            href="mailto:info@olo.run" class="text-brand-400 hover:underline">info@olo.run</a>.
                        Responderemos en un plazo máximo de 30 días.</p>
                </section>

                <section>
                    <h2 class="text-xl font-semibold text-white mb-3">
                        <i class="fas fa-cookie text-yellow-400 mr-2"></i>8. Cookies
                    </h2>
                    <p>El Servicio utiliza cookies técnicas estrictamente necesarias para:</p>
                    <ul class="list-disc list-inside mt-3 space-y-1 text-gray-400">
                        <li>Mantener la sesión del usuario (CSRF token)</li>
                        <li>Verificación reCAPTCHA (Google)</li>
                        <li>Identificar la sesión del chatbot (localStorage, no cookie)</li>
                    </ul>
                    <p class="mt-3">No utilizamos cookies de seguimiento, publicidad ni analytics de terceros.</p>
                </section>

                <section>
                    <h2 class="text-xl font-semibold text-white mb-3">
                        <i class="fas fa-edit text-cyan-400 mr-2"></i>9. Cambios en esta Política
                    </h2>
                    <p>Nos reservamos el derecho de actualizar esta Política de Privacidad. Los cambios se publicarán en
                        esta
                        página con la fecha de actualización correspondiente.</p>
                </section>

                <section>
                    <h2 class="text-xl font-semibold text-white mb-3">
                        <i class="fas fa-envelope text-green-400 mr-2"></i>10. Contacto
                    </h2>
                    <p>Para preguntas sobre privacidad o protección de datos:</p>
                    <div class="flex flex-col sm:flex-row gap-3 mt-4">
                        <a href="mailto:info@olo.run"
                            class="px-6 py-3 glass rounded-xl font-medium hover:bg-white/10 transition text-center">
                            <i class="fas fa-envelope mr-2 text-brand-400"></i>info@olo.run
                        </a>
                        <a href="https://wa.me/18099818880"
                            class="px-6 py-3 bg-green-600/20 hover:bg-green-600/30 border border-green-500/30 rounded-xl font-medium transition text-center">
                            <i class="fab fa-whatsapp mr-2 text-green-400"></i>+1 (809) 981-8880
                        </a>
                    </div>
                </section>
            </div>
        </div>
    </div>
@endsection