<section class="breadcrumb-spacing">
    <div class="header-spacing"
      style="background-color: var(--b-medianoche);"></div>
    <div class="container">
      <nav class="pt-5"
        style="--bs-breadcrumb-divider: url('/assets/img/path32.svg');"
        aria-label="breadcrumb">
        <ol class="breadcrumb">
            {% for page in ['home', 'pressReleases'] %}
                {% set get_page = craft.entries().section(page).one() ?? null %}
                {% if get_page %}
                  <li class="breadcrumb-item" aria-current="page">
                    <a href="{{ get_page.url }}">{{ get_page.title|upper }}</a>
                  </li>
                {% endif %}
              {% endfor %}
            <li class="breadcrumb-item active d-none d-lg-flex" aria-current="page">
              {{ title|upper }}
            </li>
        </ol>
      </nav>
    </div>
</section>  
<section class="masterHeadSimpleElement__blog" data-mshs-41139>
    {% include 'components/_imageTransformsSimple' with {
      img: image ? image[0] : null,
      setClass: 'img-absolute',
      alt: title,
      notLazy: false
    } only %}
    <div class="container masterHeadSimple pt-5 mt-3 text-start">
      <section class="col-12 col-lg-9 mx-auto text-center">
          <p class="category" style="--color:{{category.fieldColor|default('#23c4ff')}}">{{category.title|default("")}}</p>
          <h1 class="title">
            {{ title }}
          </h1>
          <div class="description">
            {{ description }}
          </div>
          <div class="container__date mt-3">
            <p class="date">
              {{ textDateEntry|upper }}
            </p>
            <p class="autor">
                {{autor.title|default("")}}
            </p>
          </div>
      </section>
    </div>
</section>