/* global React */
const VS = window.FlavioCorretoraDesignSystem_9d5869;
const VD = window.FCS_DATA;
const V = window.FCS;
const { Icon } = VS;
const C = VD.CONTACT;

const updated = '26 de agosto de 2026';

function Sec({ id, n, title, children }) {
  return (
    <section id={id} style={{ scrollMarginTop: 'calc(var(--header-h) + 24px)', display: 'flex', flexDirection: 'column', gap: 12 }}>
      <h2 style={{ margin: 0, fontSize: 'var(--fs-h3)', fontWeight: 400, color: 'var(--text-strong)', letterSpacing: 'var(--ls-tight)', display: 'flex', gap: 12, alignItems: 'baseline' }}>
        <span style={{ fontFamily: 'var(--font-sans)', fontSize: 'var(--fs-base)', fontWeight: 700, color: 'var(--gold-600)' }}>{n}</span>{title}
      </h2>
      {children}
    </section>
  );
}
function P({ children }) {
  return <p style={{ margin: 0, fontSize: 'var(--fs-lead)', color: 'var(--text-body)', lineHeight: 'var(--lh-relaxed)' }}>{children}</p>;
}
function List({ items }) {
  return (
    <ul style={{ margin: 0, paddingLeft: 0, listStyle: 'none', display: 'flex', flexDirection: 'column', gap: 10 }}>
      {items.map((it, i) => (
        <li key={i} style={{ display: 'flex', gap: 12, alignItems: 'flex-start', fontSize: 'var(--fs-lead)', color: 'var(--text-body)', lineHeight: 'var(--lh-relaxed)' }}>
          <Icon name="check" size={19} strokeWidth={2} color="var(--gold-500)" style={{ flex: '0 0 auto', marginTop: 5 }} />
          <span>{it}</span>
        </li>
      ))}
    </ul>
  );
}

const TOC = [
  ['quem-somos', 'Controlador dos dados'],
  ['dados', 'Dados que coletamos'],
  ['finalidades', 'Como usamos os dados'],
  ['base-legal', 'Bases legais'],
  ['compartilhamento', 'Com quem compartilhamos'],
  ['cookies', 'Cookies e tecnologias'],
  ['seguranca', 'Armazenamento e segurança'],
  ['retencao', 'Por quanto tempo guardamos'],
  ['direitos', 'Seus direitos (LGPD)'],
  ['encarregado', 'Encarregado (DPO) e contato'],
  ['alteracoes', 'Alterações desta política'],
];

/* Monta apenas em contexto standalone (não dentro do _ds_bundle.js). */
if (typeof __ds_ns === 'undefined')
V.mount(() => (
  <React.Fragment>
    <V.PageHero crumbs={[{ label: 'Início', href: 'index.html' }, { label: 'Política de Privacidade' }]}
      eyebrow="Privacidade" title="Política de Privacidade" accent="Privacidade"
      intro="Como a Flavio Seguros coleta, utiliza, compartilha e protege os seus dados pessoais, em conformidade com a Lei Geral de Proteção de Dados (Lei nº 13.709/2018)." align="center" />

    <section style={V.sectionPad}>
      <div style={{ ...V.wrap, display: 'grid', gridTemplateColumns: '0.32fr 0.68fr', gap: 56, alignItems: 'start' }} className="fcs-faq-grid">
        {/* Índice */}
        <nav style={{ position: 'sticky', top: 'calc(var(--header-h) + 24px)', display: 'flex', flexDirection: 'column', gap: 10 }}>
          <span style={{ fontFamily: 'var(--font-sans)', fontSize: 'var(--fs-eyebrow)', fontWeight: 700, letterSpacing: 'var(--ls-eyebrow)', textTransform: 'uppercase', color: 'var(--gold-600)' }}>Nesta página</span>
          {TOC.map(([id, label], i) => (
            <a key={id} href={'#' + id} className="fcs-flink" style={{ fontFamily: 'var(--font-sans)', fontSize: 'var(--fs-sm)', color: 'var(--text-muted)', textDecoration: 'none' }}>{String(i + 1).padStart(2, '0')} · {label}</a>
          ))}
          <span style={{ marginTop: 8, fontFamily: 'var(--font-sans)', fontSize: 'var(--fs-xs)', color: 'var(--text-muted)' }}>Atualizada em {updated}</span>
        </nav>

        {/* Conteúdo */}
        <div style={{ display: 'flex', flexDirection: 'column', gap: 40, maxWidth: 720 }}>
          <P>Esta Política de Privacidade descreve como tratamos os dados pessoais coletados por meio deste site e dos nossos canais de atendimento. Ao utilizar o site ou solicitar uma cotação, você declara estar ciente das práticas aqui descritas.</P>

          <Sec id="quem-somos" n="01" title="Controlador dos dados">
            <P>A Flavio Seguros é a controladora dos dados pessoais tratados por este site, responsável por decidir sobre a coleta e o uso das informações.</P>
            <List items={[
              'Razão social: Flavio Corretora de Seguros LTDA.',
              'CNPJ: 22.589.618/0001-71.',
              'Endereço: ' + C.address + '.',
              'E-mail: ' + C.email + '.',
              'Telefone: ' + C.phone + '.',
            ]} />
          </Sec>

          <Sec id="dados" n="02" title="Dados que coletamos">
            <P>Coletamos apenas os dados necessários para atender a sua solicitação e prestar a consultoria de seguros:</P>
            <List items={[
              'Dados de identificação e contato: nome, e-mail, telefone/WhatsApp.',
              'Dados fornecidos nos formulários de cotação: data de nascimento, profissão, informações do bem a segurar (veículo, imóvel, empresa) e demais dados necessários à cotação.',
              'Dados de navegação: informações técnicas coletadas automaticamente, como endereço IP, tipo de dispositivo e navegador, quando aplicável.',
            ]} />
          </Sec>

          <Sec id="finalidades" n="03" title="Como usamos os dados">
            <List items={[
              'Elaborar cotações e comparar coberturas entre seguradoras parceiras.',
              'Entrar em contato para dar continuidade ao seu atendimento e à contratação.',
              'Prestar suporte, orientação técnica e acompanhamento em caso de sinistro.',
              'Cumprir obrigações legais e regulatórias do setor de seguros.',
              'Melhorar a experiência e o funcionamento do site.',
            ]} />
          </Sec>

          <Sec id="base-legal" n="04" title="Bases legais">
            <P>Tratamos os dados com fundamento nas bases legais previstas na LGPD, especialmente: o consentimento do titular, a execução de procedimentos preliminares e de contrato a seu pedido, o cumprimento de obrigação legal ou regulatória e o legítimo interesse, sempre respeitando os seus direitos.</P>
          </Sec>

          <Sec id="compartilhamento" n="05" title="Com quem compartilhamos">
            <P>Podemos compartilhar os seus dados quando necessário para a finalidade da cotação e da contratação:</P>
            <List items={[
              'Seguradoras parceiras, para cotação, emissão de apólice e gestão de sinistros.',
              'Prestadores de serviço que apoiam a nossa operação (por exemplo, tecnologia e comunicação), sob obrigação de confidencialidade.',
              'Autoridades e órgãos reguladores, como a SUSEP, quando exigido por lei.',
            ]} />
            <P>Não vendemos os seus dados pessoais a terceiros.</P>
          </Sec>

          <Sec id="cookies" n="06" title="Cookies e tecnologias">
            <P>Este site utiliza recursos técnicos essenciais para funcionar corretamente. Atualmente não empregamos cookies de publicidade nem de rastreamento de terceiros. Caso ferramentas de análise (como métricas de acesso) sejam adicionadas no futuro, esta política será atualizada e, quando exigido, será exibido um aviso de consentimento.</P>
            <P>O botão de WhatsApp abre a conversa diretamente no aplicativo ou no WhatsApp Web e não instala cookies neste site. Você pode gerenciar e bloquear cookies nas configurações do seu navegador.</P>
          </Sec>

          <Sec id="seguranca" n="07" title="Armazenamento e segurança">
            <P>Adotamos medidas técnicas e organizacionais razoáveis para proteger os seus dados contra acesso não autorizado, perda ou uso indevido. O acesso é restrito às pessoas envolvidas no seu atendimento.</P>
          </Sec>

          <Sec id="retencao" n="08" title="Por quanto tempo guardamos">
            <P>Mantemos os dados pelo tempo necessário para cumprir as finalidades descritas e as obrigações legais e regulatórias aplicáveis. Encerrado esse prazo, os dados são eliminados ou anonimizados, salvo hipóteses de guarda autorizadas por lei.</P>
          </Sec>

          <Sec id="direitos" n="09" title="Seus direitos (LGPD)">
            <P>Como titular, você pode, a qualquer momento, exercer os direitos garantidos pela LGPD:</P>
            <List items={[
              'Confirmar a existência de tratamento e acessar os seus dados.',
              'Corrigir dados incompletos, inexatos ou desatualizados.',
              'Solicitar anonimização, bloqueio ou eliminação de dados desnecessários.',
              'Solicitar a portabilidade dos dados, quando aplicável.',
              'Revogar o consentimento e se opor a tratamentos, nos termos da lei.',
            ]} />
            <P>Para exercer esses direitos, entre em contato pelos canais indicados abaixo.</P>
          </Sec>

          <Sec id="encarregado" n="10" title="Encarregado (DPO) e contato">
            <P>Para dúvidas, solicitações ou requisições relacionadas aos seus dados pessoais, fale com o nosso Encarregado pelo Tratamento de Dados (DPO):</P>
            <List items={[
              'E-mail: ' + C.email + '.',
              'Telefone: ' + C.phone + '.',
              'Endereço: ' + C.address + '.',
            ]} />
            <P>Observação: informe o nome do Encarregado (DPO) responsável antes de publicar.</P>
          </Sec>

          <Sec id="alteracoes" n="11" title="Alterações desta política">
            <P>Esta política pode ser atualizada periodicamente para refletir mudanças legais ou na nossa operação. A data da última atualização é indicada no topo. Recomendamos a consulta regular a esta página.</P>
          </Sec>
        </div>
      </div>
    </section>
  </React.Fragment>
));