{% if showBlock is defined and showBlock == true %}
{% if experience.blockImage4 %}
<section class="content-feature" id="{{ experience.blockAnchor4 }}">
<picture-component class="js-picture-component is-absolute" :image="{{ picture_data(experience.blockImage4, null, null) }}"></picture-component>
<div class="container lazy-animation">
<h3 class="content-feature--title title-p1">{{ experience.blockTitle4 }}</h3>
{% if experience is instance_of('App\\Entity\\Landing') and isDefinedAndNotEmpty(experience.blockSubtitle4) %}
<div class="content-feature--subtitle subtitle-caps">{{ experience.blockSubtitle4 }}</div>
{% endif %}
<div class="content-feature--text">
{{ experience.blockContent4 | raw }}
{#<a href="" class="content-feature--link">#}
{#descarga nuestras rutinas#}
{#{% include 'partials/global/svg/arrow-right.svg.twig' %}#}
{#</a>#}
</div>
<div class="introduction--main-link">
{% if experience.ctaFileTitle4 %}
<a class="button green is-dark" target="_blank" href="{{ experience.ctaFile4|file_url }}">
<span>{{ experience.ctaFileTitle4 }}</span>
</a>
{% endif %}
{% if experience.secondCtaFileTitle4 %}
<a class="button green is-dark" target="_blank" href="{{ experience.secondCtaFile4|file_url }}">
<span>{{ experience.secondCtaFileTitle4 }}</span>
</a>
{% endif %}
{% if experience.thirdCtaFileTitle4 %}
<a class="button green is-dark" target="_blank" href="{{ experience.thirdCtaFile4|file_url }}">
<span>{{ experience.thirdCtaFileTitle4 }}</span>
</a>
{% endif %}
</div>
<div class="introduction--links">
{% if experience.popUpTitle4 %}
<a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
<span>{{ experience.popUpTitle4 }}</span>
</a>
{% endif %}
{% if experience.secondPopUpTitle4 %}
<a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
<span>{{ experience.secondPopUpTitle4 }}</span>
</a>
{% endif %}
{% if experience.thirdPopUpTitle4 %}
<a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
<span>{{ experience.thirdPopUpTitle4 }}</span>
</a>
{% endif %}
{% if experience.ctaLinkTitle4 %}
<a class="link black" href="{{ experience.ctaLink4 }}" target="_blank">
<span>{{ experience.ctaLinkTitle4 }}</span>
</a>
{% endif %}
{% if experience.secondCtaLinkTitle4 %}
<a class="link black" href="{{ experience.secondCtaLink4 }}" target="_blank">
<span>{{ experience.secondCtaLinkTitle4 }}</span>
</a>
{% endif %}
{% if experience.thirdCtaLinkTitle4 %}
<a class="link black" href="{{ experience.thirdCtaLink4 }}" target="_blank">
<span>{{ experience.thirdCtaLinkTitle4 }}</span>
</a>
{% endif %}
</div>
</div>
{% if experience.popUpTitle4 %}
<div class="introduction--gallery js-gallery-container">
<div class="introduction--gallery-content">
<div class="introduction--gallery-slider js-gallery-slider">
{% for gallery in experience.popUpGallery4.galleryHasMedias %}
{% if gallery.media is youtubeVideo %}
<a data-src="{{ gallery.media|media_url }}">
<img src="{{ get_thumbnail_url(gallery.media) }}">
</a>
{% else %}
<a data-src="{{ gallery.media|resize(1280)|file_url }}">
<img src="{{ gallery.media|resize(1280)|file_url }}">
</a>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endif %}
{% if experience.secondPopUpTitle4 %}
<div class="introduction--gallery js-gallery-container">
<div class="introduction--gallery-content">
<div class="introduction--gallery-slider js-gallery-slider">
{% for gallery in experience.secondPopUpGallery4.galleryHasMedias %}
{% if gallery.media is youtubeVideo %}
<a data-src="{{ gallery.media|media_url }}">
<img src="{{ get_thumbnail_url(gallery.media) }}">
</a>
{% else %}
<a data-src="{{ gallery.media|resize(1280)|file_url }}">
<img src="{{ gallery.media|resize(1280)|file_url }}">
</a>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endif %}
{% if experience.thirdPopUpTitle4 %}
<div class="introduction--gallery js-gallery-container">
<div class="introduction--gallery-content">
<div class="introduction--gallery-slider js-gallery-slider">
{% for gallery in experience.thirdPopUpGallery4.galleryHasMedias %}
{% if gallery.media is youtubeVideo %}
<a data-src="{{ 'https://www.youtube.com/watch?v='~gallery.media.providerReference }}">
<img src="{{ gallery.media|resize(1280)|file_url }}">
</a>
{% else %}
<a data-src="{{ gallery.media|resize(1280)|file_url }}">
<img src="{{ gallery.media|resize(1280)|file_url }}">
</a>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endif %}
</section>
{% endif %}
{% endif %}