{% extends "_layouts/main.html" %}
{% import 'macros.twig' as macros %}

{% block main %}

{# =========================
  SEC 1 — TÍTULO
  privacy_policy_section_1:
  - section_title  (RTE — título curto)
  - image          (asset, opcional)
========================= #}
{% set sec1 = entry.privacy_policy_section_1.one() ?? null %}
{% if sec1 %}
  {% set sec1_img = sec1.image.one() ?? null %}

  <section class="pro-1-sec">
    <div class="w-layout-blockcontainer pro-1-cont cont w-container">
      <div class="pro-1-div">
        <h1 data-w-id="ec571c99-1a8f-70af-a478-8e75a69aa858" class="pro-1-h s1">
          {{ sec1.section_title ? macros.limpar_paragrafos(sec1.section_title) : macros.limpar_paragrafos(entry.title) }}
        </h1>

        {% if sec1_img %}
          <img src="{{ WebP(sec1_img) }}" loading="lazy" alt="{{ sec1_img.title }}" class="pp-1-img">
        {% endif %}
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 2 — CONTEÚDO LEGAL
  privacy_policy_section_2:
  - text  (RTE longo: H2/H3, parágrafos, listas) — output direto (|raw),
    sem limpar_paragrafos, para preservar a formatação do editor.
========================= #}
{% set sec2 = entry.privacy_policy_section_2.one() ?? null %}
{% if sec2 and sec2.text %}
  <section class="pp-2-sec">
    <div class="w-layout-blockcontainer pp-2-cont cont w-container">
      <div class="pp-2-div">
        {{ sec2.text|raw }}
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  VOLTAR AO INÍCIO (UI fixa)
========================= #}
<section class="pp-3-sec">
  <div class="w-layout-blockcontainer pp-3-cont cont w-container">
    <div class="pp-3-div">
      <a href="{{ siteUrl() }}" class="a-menu desq w w-button">Voltar ao início</a>
    </div>
  </div>
</section>

{% endblock %}