/* global React, ReactDOM, PageShell, PageHeader */

const PRIV_SECTIONS = [
  { id: "controlador", title: "1. Controlador dos dados", body: [
    "A Crime Solution Cybersecurity, com sede em Brasília — DF, é a controladora dos dados pessoais coletados em seus canais e nas operações de seus serviços, nos termos da Lei Geral de Proteção de Dados (Lei nº 13.709/2018 — LGPD).",
    "Para exercício de direitos do titular, contate-nos pelo e-mail diretoria@crimesolution.net.",
  ]},
  { id: "dados", title: "2. Quais dados tratamos", body: [
    "Dados de identificação e contato fornecidos voluntariamente em formulários, e-mails e mensagens (nome, empresa, e-mail corporativo, telefone).",
    "Dados técnicos coletados durante a operação dos serviços contratados (logs, IOCs, eventos de segurança, evidências forenses) — sempre conforme contrato específico e necessidade legítima de defesa.",
    "Dados de navegação anônimos para fins de análise estatística e melhoria de nossos canais.",
  ]},
  { id: "finalidades", title: "3. Para que tratamos", body: [
    "Atendimento de contatos, suporte e gestão de relacionamento comercial.",
    "Execução de contratos celebrados, incluindo investigação e resposta a incidentes cibernéticos.",
    "Cumprimento de obrigações legais e regulatórias, e exercício regular de direitos.",
    "Aprimoramento contínuo de nossos serviços, sempre por meio de bases legais previstas em lei.",
  ]},
  { id: "compartilhamento", title: "4. Compartilhamento", body: [
    "Não comercializamos dados pessoais. O compartilhamento ocorre apenas quando estritamente necessário para a prestação dos serviços contratados, com fornecedores e parceiros obrigados contratualmente a manter os mesmos padrões de proteção.",
    "Eventuais autoridades públicas só receberão dados mediante requisição formal e fundamentada, observados os direitos do titular.",
  ]},
  { id: "armazenamento", title: "5. Armazenamento e segurança", body: [
    "Os dados são armazenados em ambientes com criptografia em trânsito (TLS 1.3) e em repouso, com controle de acesso baseado em função, autenticação multifator e auditoria de sessão.",
    "Adotamos medidas técnicas e organizacionais alinhadas a NIST CSF, ISO 27001 e às melhores práticas do setor.",
  ]},
  { id: "direitos", title: "6. Direitos do titular", body: [
    "Você pode solicitar a qualquer momento: confirmação de tratamento; acesso aos dados; correção; anonimização, bloqueio ou eliminação de dados desnecessários ou tratados em desconformidade; portabilidade; informação sobre compartilhamentos; e revogação do consentimento.",
    "Para exercer qualquer destes direitos, escreva para diretoria@crimesolution.net. Responderemos em até 15 dias.",
  ]},
  { id: "retencao", title: "7. Retenção", body: [
    "Mantemos os dados pelo período estritamente necessário à finalidade do tratamento ou conforme exigência legal. Findo o prazo, os dados são eliminados de forma segura ou anonimizados.",
  ]},
  { id: "alteracoes", title: "8. Alterações desta política", body: [
    "Esta Política poderá ser atualizada para refletir mudanças regulatórias, operacionais ou tecnológicas. A versão vigente estará sempre disponível neste endereço.",
  ]},
];

function PrivacidadePage() {
  return (
    <PageShell active={null}>
      <PageHeader
        eyebrow="Documento legal · LGPD"
        title="Política de privacidade."
        lead="Como tratamos dados pessoais — em conformidade com a Lei Geral de Proteção de Dados (LGPD). Última atualização: 15 de janeiro de 2026."
      />
      <section className="section-pad legal-page">
        <div className="container">
          <div className="legal-body">
            <div className="legal-toc">
              <strong>SUMÁRIO</strong>
              <ol>
                {PRIV_SECTIONS.map((s) => (
                  <li key={s.id}><a href={"#" + s.id}>{s.title.replace(/^\d+\.\s*/, "")}</a></li>
                ))}
              </ol>
            </div>
            {PRIV_SECTIONS.map((s) => (
              <section key={s.id} id={s.id}>
                <h2>{s.title}</h2>
                {s.body.map((p, i) => <p key={i}>{p}</p>)}
              </section>
            ))}
          </div>
        </div>
      </section>
    </PageShell>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<PrivacidadePage />);