// LinkPass — Páginas Legais: Privacidade, Termos de Uso, LGPD, Cookies

// ── Componente base para páginas legais ─────────────────────
function LegalPage({ badge, title, lastUpdated, sections, onNavigate }) {
  const isMobile = useMobile();
  return (
    <>
      {/* Hero */}
      <section style={{ padding: isMobile ? '110px 20px 48px' : '140px 40px 60px', background: T.bgDeep, position: 'relative', overflow: 'hidden' }}>
        <div style={{ position: 'absolute', top: '40%', left: '20%', width: 600, height: 400, background: 'radial-gradient(ellipse, rgba(129,140,248,0.08) 0%, transparent 70%)', pointerEvents: 'none' }} />
        <div style={{ maxWidth: 800, margin: '0 auto', position: 'relative' }}>
          <SPBadge color="indigo">{badge}</SPBadge>
          <h1 style={{ fontFamily: "'Plus Jakarta Sans', sans-serif", fontWeight: 800, fontSize: isMobile ? 30 : 48, letterSpacing: '-0.03em', color: T.white, margin: '16px 0 12px', lineHeight: 1.1 }}>{title}</h1>
          <p style={{ fontSize: 13, color: T.muted }}>Última atualização: {lastUpdated}</p>
        </div>
      </section>

      {/* Content */}
      <section style={{ padding: isMobile ? '32px 20px 80px' : '48px 40px 100px', background: T.bgSurface }}>
        <div style={{ maxWidth: 800, margin: '0 auto', display: 'flex', flexDirection: 'column', gap: 20 }}>
          {sections.map((sec, i) => (
            <div key={i} style={{ background: T.bgCard, border: `1px solid ${T.border}`, borderRadius: 16, padding: isMobile ? 20 : 32 }}>
              <h2 style={{ fontFamily: "'Plus Jakarta Sans', sans-serif", fontWeight: 700, fontSize: isMobile ? 16 : 20, color: T.white, marginBottom: 14, display: 'flex', alignItems: 'center', gap: 10 }}>
                {sec.icon && <span style={{ fontSize: 20 }}>{sec.icon}</span>}
                {sec.title}
              </h2>
              {sec.content.map((p, j) => (
                <p key={j} style={{ fontSize: isMobile ? 13 : 14, color: T.mutedLt, lineHeight: 1.85, marginBottom: j < sec.content.length - 1 ? 12 : 0 }}>{p}</p>
              ))}
              {sec.items && (
                <ul style={{ marginTop: 14, paddingLeft: 0, listStyle: 'none', display: 'flex', flexDirection: 'column', gap: 10 }}>
                  {sec.items.map((item, k) => (
                    <li key={k} style={{ display: 'flex', alignItems: 'flex-start', gap: 10, fontSize: isMobile ? 13 : 14, color: T.mutedLt, lineHeight: 1.75 }}>
                      <span style={{ width: 6, height: 6, borderRadius: '50%', background: T.cyan, marginTop: 8, flexShrink: 0 }} />
                      {item}
                    </li>
                  ))}
                </ul>
              )}
            </div>
          ))}

          {/* CTA */}
          <div style={{ background: T.bgCard, border: `1px solid ${T.border}`, borderRadius: 16, padding: isMobile ? 20 : 32, textAlign: 'center' }}>
            <p style={{ fontSize: isMobile ? 14 : 15, color: T.muted, marginBottom: 16 }}>Dúvidas sobre nossas políticas? Nossa equipe está aqui para ajudar.</p>
            <div style={{ display: 'flex', gap: 12, justifyContent: 'center', flexWrap: 'wrap' }}>
              <SPBtn variant="outline" size="md" onClick={() => onNavigate('ajuda')}>Central de Ajuda</SPBtn>
              <SPBtn variant="ghost" size="md" onClick={() => onNavigate('contato')}>Fale Conosco</SPBtn>
            </div>
          </div>
        </div>
      </section>
    </>
  );
}

// ══════════════════════════════════════════════════════════════
// POLÍTICA DE PRIVACIDADE
// ══════════════════════════════════════════════════════════════
function PrivacidadePage({ onNavigate }) {
  const sections = [
    {
      icon: '📋',
      title: '1. Informações que coletamos',
      content: [
        'A LinkPass coleta informações necessárias para o funcionamento da plataforma de controle de acesso inteligente. Ao utilizar nossos serviços, podemos coletar os seguintes tipos de dados:',
      ],
      items: [
        'Dados de identificação: nome completo, CPF, RG e data de nascimento.',
        'Dados de contato: endereço de e-mail e número de telefone.',
        'Dados biométricos: imagens faciais capturadas para fins de reconhecimento e controle de acesso.',
        'Dados de acesso: registros de entrada e saída, horários e localizações físicas acessadas.',
        'Dados de dispositivos: informações sobre o dispositivo utilizado para acessar a plataforma.',
        'Dados de uso: logs de navegação, preferências de uso e configurações da plataforma.',
      ],
    },
    {
      icon: '🎯',
      title: '2. Como utilizamos suas informações',
      content: [
        'As informações coletadas são utilizadas exclusivamente para as finalidades descritas abaixo, em conformidade com a Lei Geral de Proteção de Dados (LGPD — Lei nº 13.709/2018):',
      ],
      items: [
        'Prestação do serviço de controle de acesso inteligente contratado pela instituição.',
        'Autenticação e identificação segura de usuários autorizados.',
        'Geração de relatórios e históricos de acesso para os administradores.',
        'Envio de notificações e alertas relacionados à segurança e ao serviço.',
        'Melhoria contínua da plataforma, de suas funcionalidades e da experiência do usuário.',
        'Cumprimento de obrigações legais e regulatórias aplicáveis.',
      ],
    },
    {
      icon: '🔒',
      title: '3. Compartilhamento de dados',
      content: [
        'A LinkPass não vende, aluga ou comercializa dados pessoais de seus usuários. O compartilhamento de dados ocorre apenas nas seguintes situações:',
      ],
      items: [
        'Com a instituição contratante (escola, condomínio ou empresa), que é o controlador dos dados de seus membros.',
        'Com fornecedores de tecnologia que nos auxiliam na prestação do serviço, sob acordos de confidencialidade e processamento de dados.',
        'Por determinação judicial ou obrigação legal, mediante ordem emanada de autoridade competente.',
      ],
    },
    {
      icon: '🛡',
      title: '4. Segurança dos dados',
      content: [
        'Adotamos medidas técnicas e organizacionais para proteger seus dados contra acesso não autorizado, perda, alteração ou divulgação indevida.',
        'Entre as medidas aplicadas estão: criptografia de dados em trânsito (TLS) e em repouso, controle de acesso baseado em perfis (RBAC), autenticação multifator e monitoramento contínuo de segurança com alertas em tempo real.',
      ],
    },
    {
      icon: '⚖️',
      title: '5. Seus direitos como titular',
      content: [
        'Nos termos da LGPD (Art. 18), você tem os seguintes direitos em relação aos seus dados pessoais:',
      ],
      items: [
        'Confirmação da existência de tratamento de dados pessoais.',
        'Acesso aos dados pessoais tratados pela LinkPass.',
        'Correção de dados incompletos, inexatos ou desatualizados.',
        'Anonimização, bloqueio ou eliminação de dados desnecessários ou excessivos.',
        'Portabilidade dos dados a outro fornecedor de serviço, mediante requisição.',
        'Eliminação dos dados pessoais tratados com base no consentimento.',
        'Revogação do consentimento a qualquer momento, sem prejuízo da legalidade do tratamento anterior.',
      ],
    },
    {
      icon: '📅',
      title: '6. Retenção de dados',
      content: [
        'Os dados pessoais são mantidos pelo período necessário para a execução do contrato, acrescido dos prazos legais aplicáveis (em geral, 5 anos para registros contábeis e fiscais).',
        'Ao término do contrato ou mediante solicitação fundamentada do titular, os dados são eliminados de forma segura e irreversível no prazo de até 60 dias.',
      ],
    },
    {
      icon: '📬',
      title: '7. Contato e Encarregado de Dados (DPO)',
      content: [
        'Para exercer seus direitos, esclarecer dúvidas ou enviar reclamações relacionadas à privacidade, entre em contato com nosso Encarregado de Proteção de Dados (DPO):',
        'E-mail: privacidade@linkpasstech.com.br | Endereço: Belém, PA — Brasil | Atendimento: Segunda a Sexta, 8h às 18h.',
      ],
    },
  ];

  return <LegalPage badge="🔒 Privacidade" title="Política de Privacidade" lastUpdated="Janeiro de 2025" sections={sections} onNavigate={onNavigate} />;
}

// ══════════════════════════════════════════════════════════════
// TERMOS DE USO
// ══════════════════════════════════════════════════════════════
function TermosPage({ onNavigate }) {
  const sections = [
    {
      icon: '📜',
      title: '1. Aceitação dos Termos',
      content: [
        'Ao acessar ou utilizar a plataforma LinkPass, você declara que leu, compreendeu e concorda com estes Termos de Uso. Caso não concorde com qualquer disposição aqui prevista, não utilize a plataforma.',
        'Estes termos se aplicam a todos os usuários da plataforma, incluindo administradores, operadores e usuários finais das instituições contratantes.',
      ],
    },
    {
      icon: '🏢',
      title: '2. Sobre a Plataforma LinkPass',
      content: [
        'A LinkPass é uma plataforma SaaS (Software as a Service) de controle de acesso inteligente desenvolvida para escolas, condomínios e empresas. Oferece recursos de reconhecimento facial, QR Code, leitura de placas (LPR), gestão de visitantes, relatórios e comunicação integrada.',
        'O acesso à plataforma é concedido mediante contratação formal por parte da instituição, que assume a responsabilidade pelo gerenciamento e uso adequado pelos seus usuários.',
      ],
    },
    {
      icon: '👤',
      title: '3. Responsabilidades do Usuário',
      content: [
        'Ao utilizar a plataforma, o usuário se compromete a:',
      ],
      items: [
        'Utilizar a plataforma exclusivamente para fins legítimos e autorizados pela instituição contratante.',
        'Manter a confidencialidade de suas credenciais de acesso (login e senha).',
        'Não compartilhar, transferir ou permitir o uso de sua conta por terceiros.',
        'Não tentar acessar áreas, módulos ou funcionalidades sem a devida autorização.',
        'Notificar imediatamente a administração sobre qualquer uso indevido, suspeito ou não autorizado.',
        'Fornecer informações verídicas no cadastro e manter os dados sempre atualizados.',
      ],
    },
    {
      icon: '🔧',
      title: '4. Disponibilidade e Manutenção',
      content: [
        'A LinkPass se esforça para garantir a disponibilidade contínua da plataforma, com SLA (Acordo de Nível de Serviço) de 99,5% de uptime mensal, excluídas manutenções programadas e eventos de força maior.',
        'Manutenções programadas serão comunicadas com antecedência mínima de 24 horas. Situações emergenciais podem requerer intervenção imediata, com comunicação simultânea às partes afetadas por e-mail e notificação na plataforma.',
      ],
    },
    {
      icon: '💼',
      title: '5. Propriedade Intelectual',
      content: [
        'Todo o conteúdo, código-fonte, design, algoritmos, marcas, logotipos e funcionalidades da plataforma LinkPass são de propriedade exclusiva da LinkPass Tecnologia e estão protegidos por legislação de propriedade intelectual aplicável.',
        'É vedada a reprodução, distribuição, modificação, engenharia reversa, sublicenciamento ou qualquer uso não autorizado de qualquer elemento da plataforma, sob pena das sanções previstas em lei.',
      ],
    },
    {
      icon: '🔐',
      title: '6. Dados e Privacidade',
      content: [
        'O tratamento de dados pessoais realizado pela LinkPass está em conformidade com a Lei Geral de Proteção de Dados (LGPD — Lei nº 13.709/2018).',
        'A instituição contratante é considerada controladora dos dados de seus membros, enquanto a LinkPass atua como operadora, nos termos da LGPD. Para mais informações, consulte nossa Política de Privacidade.',
      ],
    },
    {
      icon: '⚠️',
      title: '7. Limitação de Responsabilidade',
      content: [
        'A LinkPass não se responsabiliza por danos decorrentes de uso indevido da plataforma por parte dos usuários ou da instituição contratante, falhas de infraestrutura de terceiros, ações de invasores (hackers) ou eventos de força maior.',
        'Em nenhuma hipótese a responsabilidade total da LinkPass perante a instituição contratante excederá o valor pago pelos últimos 3 (três) meses de contrato.',
      ],
    },
    {
      icon: '🔄',
      title: '8. Alterações nos Termos',
      content: [
        'A LinkPass reserva-se o direito de atualizar estes Termos de Uso a qualquer momento. Alterações relevantes serão comunicadas por e-mail e notificação na plataforma com antecedência mínima de 15 dias.',
        'O uso continuado da plataforma após a vigência das novas condições implica na aceitação dos termos atualizados.',
      ],
    },
    {
      icon: '📍',
      title: '9. Foro e Legislação Aplicável',
      content: [
        'Estes Termos são regidos pelas leis da República Federativa do Brasil. Fica eleito o foro da Comarca de Belém, Estado do Pará, como competente para dirimir quaisquer controvérsias decorrentes deste instrumento, com renúncia expressa a qualquer outro, por mais privilegiado que seja.',
      ],
    },
  ];

  return <LegalPage badge="📜 Termos" title="Termos de Uso" lastUpdated="Janeiro de 2025" sections={sections} onNavigate={onNavigate} />;
}

// ══════════════════════════════════════════════════════════════
// LGPD
// ══════════════════════════════════════════════════════════════
function LGPDPage({ onNavigate }) {
  const sections = [
    {
      icon: '⚖️',
      title: 'Nosso compromisso com a LGPD',
      content: [
        'A LinkPass opera em plena conformidade com a Lei Geral de Proteção de Dados Pessoais (LGPD — Lei nº 13.709/2018), que regula o tratamento de dados pessoais no Brasil e estabelece direitos fundamentais aos titulares.',
        'Adotamos as práticas de Privacy by Design e Privacy by Default, garantindo que a proteção de dados esteja integrada ao desenvolvimento de todos os nossos produtos e processos desde a concepção.',
      ],
    },
    {
      icon: '🎯',
      title: 'Bases legais para tratamento de dados',
      content: [
        'Todo tratamento de dados realizado pela LinkPass possui base legal adequada, conforme previsto nos Artigos 7º e 11 da LGPD:',
      ],
      items: [
        'Consentimento: para tratamento de dados biométricos e envio de comunicações de marketing.',
        'Execução de contrato: para o fornecimento dos serviços contratados pela instituição.',
        'Legítimo interesse: para melhorias de produto, prevenção de fraudes e segurança da plataforma.',
        'Cumprimento de obrigação legal: para atendimento a requisições judiciais e regulatórias.',
      ],
    },
    {
      icon: '🗂️',
      title: 'Categorias de dados tratados',
      content: [
        'Tratamos dados pessoais comuns e dados pessoais sensíveis (biométricos), conforme a necessidade de cada contrato e com o consentimento específico e destacado dos titulares:',
      ],
      items: [
        'Dados comuns: nome, e-mail, telefone, CPF — para identificação e comunicação com os usuários.',
        'Dados biométricos: imagem facial — para controle de acesso por reconhecimento facial, com base no consentimento expresso.',
        'Dados de acesso: registros de entrada/saída com data e hora — para auditoria e segurança operacional da instituição.',
        'Dados de comportamento na plataforma — para melhoria contínua dos serviços e da experiência do usuário.',
      ],
    },
    {
      icon: '🔐',
      title: 'Medidas de segurança e governança',
      content: [
        'Implementamos um programa robusto de segurança da informação alinhado às melhores práticas do mercado:',
      ],
      items: [
        'Criptografia AES-256 para dados armazenados e TLS 1.3 para dados em trânsito.',
        'Controle de acesso baseado em funções (RBAC) para todos os sistemas internos.',
        'Monitoramento contínuo e registro de auditoria de todas as operações críticas.',
        'Programa de treinamento e conscientização em proteção de dados para todos os colaboradores.',
        'Avaliação de Impacto à Proteção de Dados (DPIA) para novos tratamentos de alto risco.',
        'Processo formal e documentado de resposta a incidentes de segurança.',
      ],
    },
    {
      icon: '📅',
      title: 'Retenção e eliminação de dados',
      content: [
        'Os dados pessoais são mantidos pelo prazo necessário para a execução do contrato, acrescido do prazo legal de guarda aplicável (em geral, 5 anos para dados contábeis e fiscais, conforme legislação vigente).',
        'Ao término do contrato ou mediante solicitação devidamente fundamentada, os dados são eliminados de forma segura e irreversível em até 60 dias, salvo quando exigida manutenção por obrigação legal ou regulatória.',
      ],
    },
    {
      icon: '👥',
      title: 'Direitos dos titulares (Art. 18 da LGPD)',
      content: [
        'A LinkPass garante o pleno exercício dos direitos dos titulares previstos no Art. 18 da LGPD. Para exercer qualquer direito, o titular pode entrar em contato pelo e-mail privacidade@linkpasstech.com.br. Prazo de resposta: até 15 dias úteis.',
      ],
      items: [
        'Confirmação da existência e acesso aos dados tratados.',
        'Correção de dados incorretos, desatualizados ou incompletos.',
        'Anonimização, bloqueio ou eliminação de dados desnecessários ou tratados em desconformidade.',
        'Portabilidade dos dados a outro fornecedor de serviço.',
        'Eliminação dos dados pessoais tratados com base no consentimento.',
        'Revogação do consentimento a qualquer momento.',
        'Oposição ao tratamento realizado com fundamento em outras bases legais.',
      ],
    },
    {
      icon: '📬',
      title: 'Encarregado de Proteção de Dados (DPO)',
      content: [
        'Nossa organização possui um Encarregado de Proteção de Dados (DPO) designado, responsável por:',
      ],
      items: [
        'Receber e responder às solicitações dos titulares de dados pessoais.',
        'Orientar colaboradores e parceiros sobre práticas adequadas de proteção de dados.',
        'Atuar como canal oficial de comunicação com a Autoridade Nacional de Proteção de Dados (ANPD).',
        'Supervisionar a conformidade contínua com a LGPD e outras normas aplicáveis.',
        'Contato: privacidade@linkpasstech.com.br',
      ],
    },
  ];

  return <LegalPage badge="⚖️ LGPD" title="Conformidade com a LGPD" lastUpdated="Janeiro de 2025" sections={sections} onNavigate={onNavigate} />;
}

// ══════════════════════════════════════════════════════════════
// POLÍTICA DE COOKIES
// ══════════════════════════════════════════════════════════════
function CookiesPage({ onNavigate }) {
  const sections = [
    {
      icon: '🍪',
      title: 'O que são cookies?',
      content: [
        'Cookies são pequenos arquivos de texto armazenados no seu dispositivo quando você acessa um site ou plataforma. Eles nos ajudam a reconhecer seu dispositivo, manter suas preferências e entender como você interage com nossa plataforma.',
        'Utilizamos cookies de forma responsável e em conformidade com a Lei Geral de Proteção de Dados (LGPD) e regulamentações aplicáveis.',
      ],
    },
    {
      icon: '🔧',
      title: 'Cookies essenciais',
      content: [
        'São estritamente necessários para o funcionamento básico da plataforma. Sem eles, serviços fundamentais como autenticação, segurança e navegação não funcionariam corretamente. Por serem indispensáveis, não podem ser desativados.',
      ],
      items: [
        'Sessão de autenticação: mantém você autenticado durante o uso da plataforma sem exigir novo login a cada página.',
        'Token de segurança (CSRF): protege suas ações contra ataques de falsificação de requisições.',
        'Preferências essenciais: armazena configurações básicas como idioma selecionado.',
      ],
    },
    {
      icon: '📊',
      title: 'Cookies analíticos',
      content: [
        'Utilizamos cookies analíticos para entender como os usuários navegam pela plataforma, identificar pontos de melhoria e medir o desempenho das funcionalidades.',
        'Esses dados são processados de forma agregada e anonimizada, não sendo possível a identificação individual dos usuários a partir dessas informações.',
      ],
      items: [
        'Métricas de uso: páginas visitadas, tempo de sessão e funcionalidades mais utilizadas.',
        'Diagnóstico de erros: identificação proativa de problemas técnicos para correção rápida.',
      ],
    },
    {
      icon: '🎨',
      title: 'Cookies de preferência',
      content: [
        'Permitem que a plataforma lembre de suas preferências personalizadas para oferecer uma experiência mais conveniente e consistente a cada acesso.',
      ],
      items: [
        'Preferências de interface: configurações de layout e exibição escolhidas pelo usuário.',
        'Filtros e configurações salvas: últimas opções selecionadas em relatórios e dashboards.',
      ],
    },
    {
      icon: '⏱️',
      title: 'Vigência dos cookies',
      content: [
        'Os cookies utilizados pela LinkPass têm os seguintes prazos de validade:',
      ],
      items: [
        'Cookies de sessão: expiram automaticamente quando você fecha o navegador.',
        'Cookies de autenticação persistente: válidos por até 30 dias quando "Lembrar de mim" está ativado.',
        'Cookies analíticos: válidos por até 12 meses, renovados a cada acesso.',
        'Cookies de preferência: válidos por até 6 meses.',
      ],
    },
    {
      icon: '⚙️',
      title: 'Como gerenciar seus cookies',
      content: [
        'Você pode controlar, bloquear ou excluir cookies através das configurações do seu navegador. Note que desativar cookies essenciais pode comprometer o funcionamento da plataforma. Veja como acessar as configurações nos principais navegadores:',
      ],
      items: [
        'Google Chrome: Menu (⋮) > Configurações > Privacidade e segurança > Cookies e outros dados do site.',
        'Mozilla Firefox: Menu (☰) > Configurações > Privacidade e Segurança > Cookies e dados do site.',
        'Microsoft Edge: Menu (⋯) > Configurações > Privacidade, pesquisa e serviços > Cookies.',
        'Safari (Mac): Safari > Preferências > Privacidade > Gerenciar dados do site.',
        'Safari (iOS): Ajustes > Safari > Privacidade e segurança.',
      ],
    },
    {
      icon: '🔄',
      title: 'Atualizações desta política',
      content: [
        'Esta Política de Cookies pode ser atualizada periodicamente para refletir mudanças na legislação, em nossas práticas ou em novas funcionalidades da plataforma.',
        'Alterações relevantes serão comunicadas por e-mail e notificação na plataforma com antecedência mínima de 15 dias.',
      ],
    },
    {
      icon: '📬',
      title: 'Dúvidas e contato',
      content: [
        'Se tiver dúvidas sobre nossa Política de Cookies ou quiser exercer seus direitos de privacidade, entre em contato com nossa equipe:',
        'E-mail: privacidade@linkpasstech.com.br | Atendimento: Segunda a Sexta, 8h às 18h.',
      ],
    },
  ];

  return <LegalPage badge="🍪 Cookies" title="Política de Cookies" lastUpdated="Janeiro de 2025" sections={sections} onNavigate={onNavigate} />;
}

Object.assign(window, { PrivacidadePage, TermosPage, LGPDPage, CookiesPage });