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

{% block main %}

{# =========================
  SEC 1 — INTRO
  about_us_section_1:
  - section_title  (RTE)
========================= #}
{% set sec1 = entry.about_us_section_1.one() ?? null %}
{% if sec1 %}
  <section class="sob-1-sec">
    <div class="w-layout-blockcontainer sob-1-cont cont w-container">
      <div class="sob-1-div">
        <h1 data-w-id="8731c97d-0e31-cd7b-e738-da164b9d9cf3" style="opacity:0" class="sob-1-h s1">
          {{ sec1.section_title ? macros.limpar_paragrafos(sec1.section_title) : macros.limpar_paragrafos(entry.title) }}
        </h1>
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 2 — SOBRE A GAMMA
  about_us_section_2:
  - section_title  (RTE)
  - image          (asset)
  - text           (RTE)
  - text_2         (RTE)
  - text_3         (RTE)
========================= #}
{% set sec2 = entry.about_us_section_2.one() ?? null %}
{% if sec2 %}
  {% set sec2_img = sec2.image.one() ?? null %}

  <section class="sob-2-sec">
    <div class="w-layout-blockcontainer sob-2-cont cont w-container">
      <div class="sob-2-div">
        <div class="ini-2-div-top">
          <div class="ini-2-div-top-inner">
            {% if sec2.section_title %}
              <h2 data-w-id="6d51d30c-9360-9392-c8b2-f8dd82545399" style="opacity:0" class="sob-2-p s2">
                {{ macros.limpar_paragrafos(sec2.section_title) }}
              </h2>
            {% endif %}
          </div>

          {% if sec2_img %}
            <img
              class="ini-2-img"
              src="{{ WebP(sec2_img) }}"
              alt="{{ sec2_img.title }}"
              style="opacity:0"
              sizes="(max-width: 767px) 100vw, (max-width: 991px) 95vw, 940px"
              data-w-id="6d51d30c-9360-9392-c8b2-f8dd8254539f"
              loading="lazy"
            >
          {% endif %}
        </div>

        <div class="ini-2-div-bot">
          {% if sec2.text %}
            <p data-w-id="6d51d30c-9360-9392-c8b2-f8dd825453a1" style="opacity:0" class="ini-2-p p">
              {{ macros.limpar_paragrafos(sec2.text) }}
            </p>
          {% endif %}

          {% if sec2.text_2 %}
            <p data-w-id="6d51d30c-9360-9392-c8b2-f8dd825453a3" style="opacity:0" class="ini-2-p p _60">
              {{ macros.limpar_paragrafos(sec2.text_2) }}
            </p>
          {% endif %}

          {% if sec2.text_3 %}
            <p data-w-id="6d51d30c-9360-9392-c8b2-f8dd825453a5" style="opacity:0" class="ini-2-p p up-w">
              {{ macros.limpar_paragrafos(sec2.text_3) }}
            </p>
          {% endif %}
        </div>
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 3 — EXPERIÊNCIA / HISTÓRIA
  about_us_section_3:
  - section_title  (RTE)
  - text           (RTE)
  - image          (asset)
  - image_2        (asset)
  - text_2         (RTE)
  - btn_text       (plain text)
  - btn_link       (entry link)
========================= #}
{% set sec3 = entry.about_us_section_3.one() ?? null %}
{% if sec3 %}
  {% set sec3_img = sec3.image.one() ?? null %}
  {% set sec3_img_2 = sec3.image_2.one() ?? null %}
  {% set sec3_btn_href = sec3.btn_link.url ?? (sec3.btn_link ?? '#') %}

  <section class="sob-3-sec">
    <div class="w-layout-blockcontainer sob-3-cont cont w-container">
      {% if sec3.section_title %}
        <h2 class="sob-3-h s2">{{ macros.limpar_paragrafos(sec3.section_title) }}</h2>
      {% endif %}

      <div class="sob-3-div">
        <div class="sb-3-div-1">
          {% if sec3.text %}
            <p data-w-id="d7249ecc-4833-5e75-8bc6-20afd68e9bae" style="opacity:0" class="sob-2-p-1 p">
              {{ macros.limpar_paragrafos(sec3.text) }}
            </p>
          {% endif %}
        </div>

        <div class="sob-3-div-2">
          <div class="sob-3-div-2-img">
            {% if sec3_img %}
              <img src="{{ WebP(sec3_img) }}" loading="lazy" style="opacity:0" data-w-id="ac0f2167-0a08-33c4-138e-1fb42bceb8b8" alt="{{ sec3_img.title }}" class="sob-3-img-1">
            {% endif %}
            {% if sec3_img_2 %}
              <img src="{{ WebP(sec3_img_2) }}" loading="lazy" style="opacity:0" data-w-id="ac0f2167-0a08-33c4-138e-1fb42bceb8b9" alt="{{ sec3_img_2.title }}" class="sob-3-img-2">
            {% endif %}
          </div>

          <div class="sob-3-div-2-text">
            {% if sec3.text_2 %}
              <p data-w-id="393015bd-f842-b81f-d92f-30515b981fe9" style="opacity:0" class="sob-2-p-1 p _60">
                {{ macros.limpar_paragrafos(sec3.text_2) }}
              </p>
            {% endif %}

            {% if sec3.btn_text %}
              <a
                data-w-id="4ceac8de-b6d8-4750-294a-83ad2e1d7ae0"
                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>
        </div>
      </div>
    </div>
  </section>
{% endif %}


{# =========================
  SEC 4 — FOUNDING PARTNERS
  about_us_section_4:
  - section_title  (RTE)
  - btn_text       (plain text)
  - btn_link       (entry link)
  - team           (matriz de entries: title, text, image)
========================= #}
{% set sec4 = entry.about_us_section_4.one() ?? null %}
{% if sec4 %}
  {% set sec4_btn_href = sec4.btn_link.url ?? (sec4.btn_link ?? '#') %}

  <section class="sob-4-sec">
    <div class="w-layout-blockcontainer sob-4-cont cont w-container">
      <div class="sob-4-div">
        <div class="sob-4-div-1">
          {% if sec4.section_title %}
            <h2 data-w-id="ba36a0a0-3d0a-993f-476c-ab7336d3b089" style="opacity:0" class="sob-4-h s2">
              {{ macros.limpar_paragrafos(sec4.section_title) }}
            </h2>
          {% endif %}

          {% if sec4.btn_text %}
            <a
              data-w-id="6cbb0a8d-7f86-d788-28be-7dcf7d429989"
              style="opacity:0"
              href="{{ sec4_btn_href }}"
              target="{{ sec4.btn_link.target ?? '_self' }}"
              class="a-main-black w-button"
            >
              {{ macros.limpar_paragrafos(sec4.btn_text) }}
            </a>
          {% endif %}
        </div>

        {% if sec4.team|length %}
          <div class="sob-4-div-2">
            {% for member in sec4.team.all() %}
              {% set member_img = member.image.one() ?? null %}
              {% set member_img_wid = loop.index == 1 ? 'ed443a15-e2b8-6173-293d-754c927d271e' : 'fcf12b30-17af-6337-40e4-331f46200afc' %}
              {% set member_text_wid = loop.index == 1 ? '664eb84e-5309-5446-f93f-1471f430e0bd' : 'fcf12b30-17af-6337-40e4-331f46200afd' %}

              {# Nome: 1º nome -> sob-4-h2, apelido(s) -> sob-4-h3 #}
              {% set name_parts = member.title|trim|split(' ', 2) %}
              {% set name_first = name_parts[0] ?? member.title %}
              {% set name_rest = name_parts[1] ?? '' %}

              {# Bio: extrair parágrafos e dividir em 2 colunas (metade em cada) #}
              {% set member_paras = (member.text ?? '')|split('</p>')|map(c => c|replace('/<p\\b[^>]*>/', '')|trim)|filter(c => c) %}
              {% set half = max(1, ((member_paras|length) // 2)) %}
              {% set col1 = member_paras|slice(0, half) %}
              {% set col2 = member_paras|slice(half) %}

              <div class="card-foun">
                {% if member_img %}
                  <img
                    class="card-foun-img"
                    src="{{ WebP(member_img) }}"
                    alt="{{ member_img.title ?: member.title }}"
                    style="opacity:0"
                    sizes="(max-width: 503px) 100vw, 503px"
                    data-w-id="{{ member_img_wid }}"
                    loading="lazy"
                  >
                {% endif %}

                <div data-w-id="{{ member_text_wid }}" style="opacity:0" class="card-foun-text-div">
                  <div class="card-foun-text-div-1">
                    <div class="card-foun-div-name">
                      <p class="sob-4-h2 s4">{{ name_first }}</p>
                      {% if name_rest %}<p class="sob-4-h3 s5">{{ name_rest }}</p>{% endif %}
                    </div>

                    {% for p in col1 %}
                      <p class="sob-4-p p">{{ p|raw }}</p>
                    {% endfor %}
                  </div>

                  {% if col2|length %}
                    <div class="card-foun-text-div-2">
                      {% for p in col2 %}
                        <p class="sob-4-p p">{{ p|raw }}</p>
                      {% endfor %}
                    </div>
                  {% endif %}
                </div>
              </div>
            {% endfor %}
          </div>
        {% endif %}
      </div>
    </div>
  </section>
{% endif %}


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

{% endblock %}