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

{% block main %}            


{# ===================== SEC 1 ===================== #}
{% set sec1 = entry.health_section_1.one() ?? null %}
{% if sec1 %}
  {% set hero_img = sec1.image.one() ?? null %}

  <section class="sau-1-sec">
    <div class="w-layout-blockcontainer sau-1-cont cont w-container">
      <div class="sau-1-div">

        {# pag-tag = section_title_2 #}
        {% if sec1.section_title_2 %}
          <h1 data-w-id="182756fb-e9ad-0943-c950-0f8cbe85b64c" style="opacity:0" class="pag-tag">
            {{ macros.limpar_paragrafos(sec1.section_title_2) }}
          </h1>
        {% endif %}

        {% if sec1.section_title %}
          <h2 data-w-id="182756fb-e9ad-0943-c950-0f8cbe85b64c" style="opacity:0" class="sau-1-h s1">
            {{ macros.limpar_paragrafos(sec1.section_title) }}
          </h2>
        {% endif %}

        {% if sec1.text %}
          <p data-w-id="b4ad1e24-4c4d-f5d7-c31c-52a3fc68b634" style="opacity:0" class="sau-1-p s4">
            {{ macros.limpar_paragrafos(sec1.text) }}
          </p>
        {% endif %}

      </div>

      {% if hero_img %}
        <img
          class="sau-1-img"
          src="{{ WebP(hero_img) }}"
          alt="{{ hero_img.title }}"
          style="opacity:0"
          sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px"
          data-w-id="5b60deaa-637b-c23d-3b7c-fd0d5d47d90c"
          loading="lazy"
        >
      {% endif %}
    </div>
  </section>
{% endif %}


{# ===================== SEC 2 ===================== #}
{% set sec2 = entry.health_section_2.one() ?? null %}
{% if sec2 %}
  <section class="sau-2-sec" id="unidade-cuidados-continuados">
    <div class="w-layout-blockcontainer sau-3-cont-top cont w-container">
      {% if sec2.section_title_main %}
        <h2 data-w-id="ec50668a-8cb0-5f44-c07a-572112ddb4af" style="opacity:0" class="sau-1-h s1">
          {{ macros.limpar_paragrafos(sec2.section_title_main) }}
        </h2>
      {% endif %}
    </div>

    <div data-w-id="a6f901e5-cbf2-c749-e48e-c0162c5a8b10" style="opacity:0" class="w-layout-blockcontainer sau-2-cont-top cont w-container">
      <div class="sau-2-div-left">
        {% if sec2.section_title %}
          <h2 class="ass-2-left-h s2">{{ macros.limpar_paragrafos(sec2.section_title) }}</h2>
        {% endif %}
        {% if sec2.text %}
          <p class="ass-2-left-p s4">{{ macros.limpar_paragrafos(sec2.text) }}</p>
        {% endif %}
      </div>

      <div class="sau-2-div-right">
        {% if sec2.section_title_2 %}
          <h2 class="ass-2-right-h s2 white">{{ macros.limpar_paragrafos(sec2.section_title_2) }}</h2>
        {% endif %}
        {% if sec2.text_2 %}
          <p class="ass-2-right-p s4 white">{{ macros.limpar_paragrafos(sec2.text_2) }}</p>
        {% endif %}
      </div>
    </div>
  </section>
{% endif %}


{# ===================== SEC 3 (CTA) ===================== #}
{% set sec3 = entry.health_section_3.one() ?? null %}
{% if sec3 %}
  {% set cta_img = sec3.image.one() ?? null %}

  <section class="cta-1-sec">
    <div class="cta-1-div-img">
      {% if cta_img %}
        <img
          src="{{ WebP(cta_img) }}"
          loading="lazy"
          sizes="(max-width: 960px) 100vw, 960px"
          alt="{{ cta_img.title }}"
          class="cta-1-img"
        >
      {% endif %}
    </div>

    <div class="w-layout-blockcontainer ini-8-cont cont w-container">
      <div class="cta-1-div-left"></div>
      <div class="cta-1-div-right">

        {% if sec3.section_title %}
          <h2 data-w-id="fd799d65-c762-437c-d84d-c463133bbefa" style="opacity:0" class="ini-8-h s2 white">
            {{ macros.limpar_paragrafos(sec3.section_title) }}
          </h2>
        {% endif %}

        {% if sec3.btn_text %}
          <a
            data-w-id="fd799d65-c762-437c-d84d-c463133bbefe"
            style="opacity:0"
            href="{{ sec3.btn_link ?? '#' }}"
            target="{{ sec3.btn_link.target ?? '_self' }}"
            class="btn-sec w-button"
          >
            {{ macros.limpar_paragrafos(sec3.btn_text) }}
          </a>
        {% endif %}

      </div>
    </div>
  </section>
{% endif %}

{% endblock %}