// ─── COOKIES POLICY SCREEN ────────────────────────────────────────────────────
const CookiesScreen = ({ onBack, onNavigate }) => {
  const lastUpdated = '14 de mayo de 2026';
  const S = ({ title, children }) => <div style={legalS.section}><h2 style={legalS.sectionTitle}>{title}</h2>{children}</div>;
  const P = ({ children }) => <p style={legalS.p}>{children}</p>;
  const Li = ({ children }) => <li style={legalS.li}>{children}</li>;

  return (
    <div style={legalS.page}>
      <LegalHeader onBack={onBack} />
      <div style={legalS.content}>
        <div style={legalS.doc}>

          <h1 style={legalS.title}>Política de Cookies</h1>
          <p style={legalS.meta}>Lokat SpA · Última actualización: {lastUpdated} · RUT 76.543.210-K</p>

          <LegalNavPills active="cookies" onNavigate={onNavigate || onBack} />

          <S title="1. ¿Qué son las Cookies?">
            <P>Las cookies son pequeños archivos de texto que los sitios web almacenan en tu navegador o dispositivo cuando los visitas. Sirven para recordar preferencias, mantener sesiones activas y recopilar información de uso.</P>
            <P>Lokat utiliza cookies de forma <strong>mínima y funcional</strong>. No utilizamos cookies de seguimiento publicitario ni vendemos datos de comportamiento a terceros.</P>
          </S>

          <S title="2. Cookies que Lokat Utiliza">
            <table style={legalS.table}>
              <thead>
                <tr>
                  <th style={legalS.th}>Cookie</th>
                  <th style={legalS.th}>Tipo</th>
                  <th style={legalS.th}>Finalidad</th>
                  <th style={legalS.th}>Duración</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td style={legalS.td}><code>lokat_token</code></td>
                  <td style={legalS.td}>Sesión (localStorage)</td>
                  <td style={legalS.td}>Mantiene la sesión del usuario autenticado (token JWT)</td>
                  <td style={legalS.td}>24 horas</td>
                </tr>
                <tr>
                  <td style={legalS.td}><code>lokat_user</code></td>
                  <td style={legalS.td}>Sesión (localStorage)</td>
                  <td style={legalS.td}>Almacena datos básicos del perfil (nombre, rol) para personalizar la interfaz sin consultas adicionales al servidor</td>
                  <td style={legalS.td}>24 horas</td>
                </tr>
                <tr>
                  <td style={legalS.td}>Cookies de Klap</td>
                  <td style={legalS.td}>Terceros — Funcional</td>
                  <td style={legalS.td}>Gestionadas por Klap S.A. para el procesamiento seguro del pago. Solo activas durante el proceso de pago</td>
                  <td style={legalS.td}>Sesión de pago</td>
                </tr>
              </tbody>
            </table>
            <P>Nota técnica: <code>lokat_token</code> y <code>lokat_user</code> se almacenan en <strong>localStorage</strong>, no en cookies HTTP tradicionales. No son accesibles por otros dominios y no se transmiten automáticamente en cada solicitud HTTP.</P>
          </S>

          <S title="3. Cookies que Lokat NO Utiliza">
            <ul style={legalS.ul}>
              <Li><strong>Cookies de publicidad comportamental:</strong> Lokat no utiliza cookies de plataformas publicitarias (Google Ads, Meta Pixel, etc.).</Li>
              <Li><strong>Cookies de seguimiento entre sitios:</strong> No rastreamos tu actividad fuera de lokat.app.</Li>
              <Li><strong>Cookies de redes sociales:</strong> No integramos botones de "Me gusta" ni widgets de redes sociales que instalen cookies de terceros.</Li>
              <Li><strong>Cookies de analytics invasivo:</strong> No utilizamos Google Analytics ni herramientas similares que transmitan datos a terceros.</Li>
            </ul>
          </S>

          <S title="4. Cookies de Terceros (Klap — Pasarela de Pago)">
            <P>Durante el proceso de pago, el widget de Klap Checkout Flex puede instalar cookies propias necesarias para:</P>
            <ul style={legalS.ul}>
              <Li>Identificar y autenticar la sesión de pago de forma segura.</Li>
              <Li>Prevenir fraude y verificar la integridad de la transacción.</Li>
              <Li>Compatibilidad con billeteras digitales (Apple Pay, Google Pay).</Li>
            </ul>
            <P>Estas cookies son gestionadas exclusivamente por Klap S.A. y su tratamiento se rige por la <a href="https://www.klap.cl/privacidad" target="_blank" rel="noopener noreferrer" style={{color:'#0984e3'}}>política de privacidad de Klap</a>. Lokat no tiene acceso ni control sobre ellas.</P>
          </S>

          <S title="5. Cómo Gestionar o Deshabilitar las Cookies">
            <P>Puedes gestionar las cookies desde la configuración de tu navegador. Ten en cuenta que deshabilitar las cookies de sesión impedirá el funcionamiento correcto de la plataforma (no podrás mantener la sesión iniciada).</P>
            <P>Instrucciones por navegador:</P>
            <ul style={legalS.ul}>
              <Li><strong>Chrome:</strong> Configuración → Privacidad y seguridad → Cookies y otros datos de sitios.</Li>
              <Li><strong>Safari:</strong> Preferencias → Privacidad → Gestionar datos de sitios web.</Li>
              <Li><strong>Firefox:</strong> Opciones → Privacidad y seguridad → Cookies y datos del sitio.</Li>
              <Li><strong>Edge:</strong> Configuración → Cookies y permisos de sitio.</Li>
            </ul>
            <P>Para eliminar específicamente los datos de Lokat, puedes hacerlo directamente desde el menú del navegador buscando «lokat.app» en el gestor de datos de sitios.</P>
          </S>

          <S title="6. Consentimiento">
            <P>Al utilizar Lokat y crear una cuenta, aceptas el uso de las cookies funcionales descritas en esta política. Las cookies de Klap solo se activan cuando inicias un proceso de pago y son necesarias para la seguridad de la transacción.</P>
            <P>Si no aceptas el uso de cookies funcionales de sesión, no podrás utilizar las funcionalidades autenticadas de la plataforma (reservas, panel de propietario, etc.).</P>
          </S>

          <S title="7. Modificaciones">
            <P>Lokat se reserva el derecho de actualizar esta Política de Cookies. Cualquier cambio relevante será notificado a los usuarios registrados por correo electrónico.</P>
          </S>

          <div style={legalS.contactBox}>
            <div style={{fontWeight:700, marginBottom:6, fontSize:15}}>¿Preguntas sobre cookies o privacidad?</div>
            <div style={{fontSize:13, color:'#636e72', lineHeight:1.7}}>📧 privacidad@lokat.app &nbsp;·&nbsp; 📍 Lokat SpA · Santiago, Chile · RUT 76.543.210-K</div>
          </div>

          <button style={legalS.closeBtn} onClick={onBack}>← Volver</button>
        </div>
      </div>
    </div>
  );
};