<section class="breadcrumb-spacing">
  {% if headerspacing is not defined %}
  <div class="header-spacing"
    style="background-color: var(--b-medianoche);"></div>
    {% endif %}
  <div class="container">
    <nav class="pt-5"
      style="--bs-breadcrumb-divider: url('/assets/img/path32.svg');"
      aria-label="breadcrumb">
      <ol class="breadcrumb">
        {% if (breadcrumb|length) > 0 %}
          {% for item in breadcrumb %}
            <li class="breadcrumb-item {{ loop.last ? 'active' : null }}"
              aria-current="page">
              {% if loop.last or item.itemLink == '#' %}
                {{ item.itemLink.getCustomText()|upper }}
              {% else %}
                <a {{ item.itemLink.getLinkAttributes() }}>
                  <span>{{ item.itemLink.getCustomText()|upper }}</span>
                </a>
              {% endif %}
            </li>
          {% endfor %}
        {% endif %}
      </ol>
    </nav>
  </div>
</section>
