// Sections for "Política de Privacidade" page

// ---------- Hero ----------
function PrivacidadeHero({ intensity }) {
  return (
    <section className="chapter-hero" style={{ minHeight: "50vh" }}>
      <div className="chapter-hero-bg" />
      <window.EmberCanvas intensity={intensity} />

      <div className="chapter-hero-inner reveal">
        <div className="chapter-eyebrow">
          <span className="line" />
          <span className="eyebrow">Documento Oficial</span>
          <span className="line" />
        </div>

        <h1 className="chapter-title">
          Política de<br />
          <span className="em">Privacidade</span>
        </h1>

        <p className="chapter-lede">
          Transparência é um valor tão importante quanto coragem. Este documento explica
          como tratamos as informações dos visitantes do site <em>O Legado do Fogo</em>.
        </p>

        <div className="chapter-breadcrumbs">
          <a href="index.html">Início</a>
          <span className="sep">/</span>
          <span className="current">Política de Privacidade</span>
        </div>
      </div>
    </section>
  );
}

// ---------- Policy section block ----------
function PolicySection({ numeral, title, children }) {
  return (
    <div className="policy-section reveal">
      <div className="policy-header">
        <span className="policy-num">{numeral}</span>
        <h3 className="policy-title">{title}</h3>
      </div>
      <div className="policy-content">
        {children}
      </div>
    </div>
  );
}

// ---------- Body ----------
function PrivacidadeBody() {
  return (
    <section className="privacidade-body">
      <div className="privacidade-meta reveal">
        <span>Última atualização: Junho de 2026</span>
        <span className="sep">·</span>
        <span>Válida para olegadodofogo.com.br</span>
      </div>

      <div className="privacidade-intro reveal">
        <p>
          Esta Política de Privacidade descreve como o site <strong>O Legado do Fogo</strong> coleta,
          utiliza e protege as informações fornecidas pelos visitantes, em conformidade com a
          Lei Geral de Proteção de Dados (LGPD — Lei nº 13.709/2018).
        </p>
        <p>
          Ao utilizar este site, você concorda com as práticas descritas neste documento.
        </p>
      </div>

      <div className="policy-divider" />

      <PolicySection numeral="I" title="Dados que coletamos">
        <p>
          Coletamos apenas os dados que você fornece voluntariamente através dos formulários do site:
        </p>
        <div className="policy-list">
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div>
              <strong>Newsletter (Chamado dos Aventureiros):</strong> endereço de e-mail, utilizado
              exclusivamente para envio de novidades sobre o universo O Legado do Fogo.
            </div>
          </div>
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div>
              <strong>Formulário de criação de aventureiro:</strong> nome fictício do personagem,
              preferências de classe, raça, elemento e demais campos criativos. Esses dados são
              utilizados como inspiração para criação de conteúdo dentro do universo da obra.
            </div>
          </div>
        </div>
        <p>
          Não coletamos dados de navegação, não utilizamos cookies próprios e não rastreamos
          comportamento dos visitantes.
        </p>
      </PolicySection>

      <PolicySection numeral="II" title="Como utilizamos seus dados">
        <div className="policy-list">
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div>
              Envio de comunicações relacionadas ao universo O Legado do Fogo (novos livros,
              conteúdos exclusivos, eventos).
            </div>
          </div>
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div>
              Inspiração criativa para desenvolvimento de personagens e conteúdo da obra,
              conforme os termos aceitos no formulário do Chamado dos Aventureiros.
            </div>
          </div>
        </div>
        <p>
          Seus dados <strong>jamais serão vendidos, alugados ou compartilhados</strong> com
          terceiros para fins comerciais ou publicitários.
        </p>
      </PolicySection>

      <PolicySection numeral="III" title="Serviços de terceiros">
        <p>
          O site utiliza os seguintes serviços externos para seu funcionamento:
        </p>
        <div className="policy-list">
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div>
              <strong>FormSubmit.co:</strong> processamento e envio dos formulários por e-mail.
              Os dados são transmitidos de forma segura e não são armazenados permanentemente
              pelo serviço.
            </div>
          </div>
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div>
              <strong>Google Fonts:</strong> carregamento das fontes tipográficas do site.
              O Google pode coletar dados técnicos (endereço IP) conforme sua própria política de privacidade.
            </div>
          </div>
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div>
              <strong>Hostinger:</strong> hospedagem do site. A Hostinger pode coletar logs
              técnicos de acesso conforme sua política de privacidade.
            </div>
          </div>
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div>
              <strong>Amazon:</strong> os links de compra dos livros direcionam para a
              Amazon.com.br, que opera sob sua própria política de privacidade e termos de uso.
            </div>
          </div>
        </div>
      </PolicySection>

      <PolicySection numeral="IV" title="Armazenamento e segurança">
        <p>
          Os dados coletados via formulários são enviados diretamente para o e-mail oficial
          do projeto (<strong>olegadodofogooficial@gmail.com</strong>) através do serviço
          FormSubmit.co. Não mantemos banco de dados próprio com informações dos visitantes.
        </p>
        <p>
          O site é servido através de conexão segura (HTTPS/SSL), garantindo que as
          informações transmitidas entre seu navegador e nosso servidor sejam criptografadas.
        </p>
      </PolicySection>

      <PolicySection numeral="V" title="Seus direitos (LGPD)">
        <p>
          Em conformidade com a Lei Geral de Proteção de Dados, você tem direito a:
        </p>
        <div className="policy-list">
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div><strong>Confirmação e acesso:</strong> saber se possuímos dados seus e quais são.</div>
          </div>
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div><strong>Correção:</strong> solicitar a correção de dados incompletos ou incorretos.</div>
          </div>
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div><strong>Eliminação:</strong> solicitar a exclusão dos dados pessoais fornecidos.</div>
          </div>
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div><strong>Revogação do consentimento:</strong> retirar seu consentimento a qualquer momento.</div>
          </div>
          <div className="policy-item">
            <span className="policy-bullet">◆</span>
            <div><strong>Oposição:</strong> se opor ao tratamento de dados quando aplicável.</div>
          </div>
        </div>
        <p>
          Para exercer qualquer desses direitos, entre em contato pelo e-mail indicado
          na seção de contato abaixo.
        </p>
      </PolicySection>

      <PolicySection numeral="VI" title="Menores de idade">
        <p>
          Este site não coleta intencionalmente dados de menores de 18 anos. Se você é
          responsável por um menor e acredita que dados foram fornecidos sem seu consentimento,
          entre em contato para que possamos providenciar a exclusão.
        </p>
      </PolicySection>

      <PolicySection numeral="VII" title="Alterações nesta política">
        <p>
          Esta Política de Privacidade pode ser atualizada periodicamente para refletir
          mudanças nas práticas do site ou na legislação aplicável. A data da última atualização
          será sempre indicada no topo desta página. Recomendamos que visite esta página
          regularmente.
        </p>
      </PolicySection>

      <PolicySection numeral="VIII" title="Contato">
        <p>
          Para dúvidas, solicitações ou exercício de seus direitos relacionados à privacidade
          e proteção de dados, entre em contato:
        </p>
        <div className="policy-contact">
          <div className="policy-contact-row">
            <span className="policy-contact-label">E-mail</span>
            <a href="mailto:olegadodofogooficial@gmail.com" className="policy-contact-value">
              olegadodofogooficial@gmail.com
            </a>
          </div>
          <div className="policy-contact-row">
            <span className="policy-contact-label">Instagram</span>
            <a href="https://www.instagram.com/olegadodofogooficial/" target="_blank" rel="noreferrer" className="policy-contact-value">
              @olegadodofogooficial
            </a>
          </div>
        </div>
      </PolicySection>

      <div className="policy-divider" />

      <div className="policy-closing reveal">
        <p>
          Agradecemos sua confiança em O Legado do Fogo. Tratamos seus dados com o mesmo
          respeito que tratamos nossas histórias — com cuidado, propósito e responsabilidade.
        </p>
      </div>

      <div className="privacidade-actions reveal">
        <a href="index.html" className="btn btn-ghost">
          <span className="arrow">←</span> Voltar ao início
        </a>
        <a href="Chamado.html" className="btn btn-primary">
          Chamado dos Aventureiros <span className="arrow">→</span>
        </a>
      </div>
    </section>
  );
}

Object.assign(window, { PrivacidadeHero, PrivacidadeBody });
