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

{% block main %}

{# =========================
  SEC 1 — INTRO
  funds_section_1:
  - section_title  (RTE)
========================= #}
{% set sec1 = entry.funds_section_1.one() ?? null %}
{% if sec1 %}
  <section class="fun-1-sec">
    <div class="w-layout-blockcontainer fun-1-cont cont w-container">
      <div class="fun-1-div">
        <h1 data-w-id="0800a331-5f08-4921-0a27-438d76c43b7d" style="opacity:0" class="fun-1-h s1">
          {{ sec1.section_title ? macros.limpar_paragrafos(sec1.section_title) : macros.limpar_paragrafos(entry.title) }}
        </h1>
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 2 — FUNDOS
  funds_section_2:
  - section_title   (RTE)
  - text            (RTE)
  - image           (asset)
  - image_2         (asset)
  - section_title_2 (RTE)
  - text_2          (RTE)
========================= #}
{% set sec2 = entry.funds_section_2.one() ?? null %}
{% if sec2 %}
  {% set sec2_img = sec2.image.one() ?? null %}
  {% set sec2_img_2 = sec2.image_2.one() ?? null %}

  <section class="fun-2-sec">
    <div class="w-layout-blockcontainer fun-2-cont cont w-container">
      <div class="fun-2-div">
        <div class="fun-2-div-1">
          {% if sec2.section_title %}
            <h2 data-w-id="94969726-52e2-091c-1914-4ba6723d0fb8" class="fun-2-h-1 s2">
              {{ macros.limpar_paragrafos(sec2.section_title) }}
            </h2>
          {% endif %}

          {% if sec2.text %}
            <div data-w-id="94969726-52e2-091c-1914-4ba6723d0fbc" style="opacity:0" class="fun-2-p-1 p">
              {{ sec2.text }}
            </div>
          {% endif %}
        </div>

        <div class="fun-2-div-2">
          {% if sec2_img %}
            <img class="fun-2-img-1" src="{{ WebP(sec2_img) }}" alt="{{ sec2_img.title }}" style="opacity:0" sizes="100vw" data-w-id="94969726-52e2-091c-1914-4ba6723d0fbf" loading="lazy">
          {% endif %}
          {% if sec2_img_2 %}
            <img src="{{ WebP(sec2_img_2) }}" loading="lazy" style="opacity:0" data-w-id="94969726-52e2-091c-1914-4ba6723d0fc0" alt="{{ sec2_img_2.title }}" class="fun-2-img-2">
          {% endif %}
        </div>

        <div class="fun-2-div-3">
          {% if sec2.section_title_2 %}
            <h2 data-w-id="3e51a8ef-2466-5cdb-1d65-bd6050534990" style="opacity:0" class="fun-2-h-2 s2">
              {{ macros.limpar_paragrafos(sec2.section_title_2) }}
            </h2>
          {% endif %}

          {% if sec2.text_2 %}
            <div data-w-id="94969726-52e2-091c-1914-4ba6723d0fc2" style="opacity:0" class="fun-2-p-2 p">
              {{ sec2.text_2 }}
            </div>
          {% endif %}
        </div>
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 3 — ESTRATÉGIA DE INVESTIMENTO
  funds_section_3:
  - section_title  (RTE)
  - btn_text       (plain text)
  - btn_link       (entry link)
  - cards          (matriz: um campo de texto por card) — nº auto via loop.index
========================= #}
{% set sec3 = entry.funds_section_3.one() ?? null %}
{% if sec3 %}
  {% set sec3_btn_href = sec3.btn_link.url ?? (sec3.btn_link ?? '#') %}

  <section class="fun-3-sec">
    <div class="w-layout-blockcontainer fun-3-cont cont w-container">
      <div class="fun-3-div">
        <div class="fun-3-div-1">
          {% if sec3.section_title %}
            <h2 data-w-id="a9993097-db23-7d18-becb-88d9372e02e2" style="opacity:0" class="fun-3-h s2">
              {{ macros.limpar_paragrafos(sec3.section_title) }}
            </h2>
          {% endif %}

          {% if sec3.btn_text %}
            <a
              data-w-id="4474ca0a-bd00-619e-e7e7-8027d90040c2"
              style="opacity:0"
              href="{{ sec3_btn_href }}"
              target="{{ sec3.btn_link.target ?? '_self' }}"
              class="a-main-black w-button"
            >
              {{ macros.limpar_paragrafos(sec3.btn_text) }}
            </a>
          {% endif %}
        </div>

        {% if sec3.cards|length %}
          <div data-w-id="eed04e89-a1ae-8022-84b5-642b00168952" style="opacity:0" class="fun-3-div-2">
            <div class="slider-wrapper" data-arrows="0" data-same-height="1">
              <div class="carousel slider-fun-3">
                {% for card in sec3.cards.all() %}
                  {% set card_txt = card.text ?? card.title ?? '' %}
                  <div class="carousel-cell">
                    <div class="card-fun">
                      <p class="card-fun-h s3 span">{{ '%02d'|format(loop.index) }}</p>
                      {% if card_txt %}
                        <p class="card-fun-p s5">{{ macros.limpar_paragrafos(card_txt) }}</p>
                      {% endif %}
                    </div>
                  </div>
                {% endfor %}
              </div>
            </div>
          </div>
        {% endif %}
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 4 — GALERIA (3 imagens fixas)
  funds_section_4:
  - image    (asset)
  - image_2  (asset)
  - image_3  (asset)
========================= #}
{% set sec4 = entry.funds_section_4.one() ?? null %}
{% if sec4 %}
  {% set sec4_img = sec4.image.one() ?? null %}
  {% set sec4_img_2 = sec4.image_2.one() ?? null %}
  {% set sec4_img_3 = sec4.image_3.one() ?? null %}

  <section class="fun-4-sec">
    <div class="w-layout-blockcontainer fun-4-cont cont w-container">
      <div class="fun-4-div">
        {% if sec4_img %}
          <img class="ser-4-img l" src="{{ WebP(sec4_img) }}" alt="{{ sec4_img.title }}" style="opacity:0" sizes="(max-width: 767px) 100vw, (max-width: 821px) 95vw, 780px" data-w-id="dd50fb27-9cd2-9c1b-84b6-f13b3da809e7" loading="lazy">
        {% endif %}
        {% if sec4_img_2 %}
          <img class="ser-4-img r" src="{{ WebP(sec4_img_2) }}" alt="{{ sec4_img_2.title }}" style="opacity:0" sizes="(max-width: 767px) 100vw, (max-width: 821px) 95vw, 780px" data-w-id="dd50fb27-9cd2-9c1b-84b6-f13b3da809e8" loading="lazy">
        {% endif %}
        {% if sec4_img_3 %}
          <img src="{{ WebP(sec4_img_3) }}" loading="lazy" style="opacity:0" data-w-id="dd50fb27-9cd2-9c1b-84b6-f13b3da809e9" alt="{{ sec4_img_3.title }}" class="ser-4-img-3">
        {% endif %}
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 5 — CARACTERÍSTICAS GERAIS
  funds_section_5:
  - section_title  (RTE)
  - text           (RTE)
  - btn_text       (plain text)
  - btn_link       (entry link)
  - features       (Table field: label + text) — loop direto, sem .all()
  Cabeçalho da tabela (Campo/Detalhe) via traduções.
========================= #}
{% set sec5 = entry.funds_section_5.one() ?? null %}
{% if sec5 %}
  {% set sec5_btn_href = sec5.btn_link.url ?? (sec5.btn_link ?? '#') %}

  <section class="fun-5-sec">
    <div class="w-layout-blockcontainer fun-5-cont cont w-container">
      <div class="fun-5-div">
        <div class="fun-5-div-1">
          {% if sec5.section_title %}
            <h2 data-w-id="bb2e6b6d-40b4-5ed6-c985-ff8f6a3c8ea1" style="opacity:0" class="fun-5-h s2">
              {{ macros.limpar_paragrafos(sec5.section_title) }}
            </h2>
          {% endif %}

          {% if sec5.text %}
            <p data-w-id="2c514d87-1fbb-9911-5248-b614c8eeb192" style="opacity:0" class="fun-5-p p">
              {{ macros.limpar_paragrafos(sec5.text) }}
            </p>
          {% endif %}

          {% if sec5.btn_text %}
            <a
              data-w-id="2fb24ae5-ddfb-abb2-e031-1e18b0a80cde"
              style="opacity:0"
              href="{{ sec5_btn_href }}"
              target="{{ sec5.btn_link.target ?? '_self' }}"
              class="a-main-black w-button"
            >
              {{ macros.limpar_paragrafos(sec5.btn_text) }}
            </a>
          {% endif %}
        </div>

        {% if sec5.features|length %}
          <div data-w-id="5545ab5b-820c-392c-4a41-69faad882487" style="opacity:0" class="fun-5-div-2">
            <div class="fun-5-line">
              <p class="fun-line-p p _60">{{ 'label.campo'|t }}</p>
              <p class="fun-line-p p">{{ 'label.detalhe'|t }}</p>
            </div>

            {% for row in sec5.features %}
              {% set row_label = row.label ?? row.col1 ?? '' %}
              {% set row_text = row.text ?? row.col2 ?? '' %}
              <div class="fun-5-line">
                <p class="fun-line-p p _60">{{ row_label }}</p>
                <p class="fun-line-p p">{{ row_text }}</p>
              </div>
            {% endfor %}
          </div>
        {% endif %}
      </div>
    </div>
  </section>
{% endif %}


{# === SEC 6 — CTA DE CONTACTO ===
  funds_section_6 (image, section_title, btn_text, btn_link)
  Markup no footer; conteúdo passado em _layouts/main.html via { cta_section: ... }.
  Nada a renderizar aqui. #}

{% endblock %}