{# BLOCK LISTA #}
{% if blockscontent %}
{% import 'blocks\\macros.html.twig' as macros %}
<section class="{{ blockSequence|default }} block-list block-list--like {{ settings.extra_class|default(null) }}" style="{{ macros.getStyles({ margin: settings.margin, padding: settings.padding }) }}" {{ macros.getBlockDataAttributes(_context) }}>
{% if fields.title|default %}
<div class="container programs-list__title">
<h2>{{fields.title}}</h2>
</div>
{% endif %}
<div class="{% if settings.fullwidth|default(0) != 1 %}container container--like{% else %}w-100{% endif %}{% if settings.light_mode|default == 1 %} light-mode{% endif %}" style="--bgcolor: {{ settings.bgcolor|default(null) }};">
{% if settings.carousel|default == '1' or settings.carousel_1175|default == '1' or settings.carousel_600|default == '1' or settings.carousel_480|default == '1' %}
{% import 'blocks\\block_list\\block_list.default.settings.twig' as slick_settings %}
<div class="slick-carousel programs-list__carousel invert-colors" data-slick='{{slick_settings.getSlick_Settings(settings)|replace({"\n":""})}}' style="--block-list-gap:{{ settings.items_gap|default('var(--margin)') }};">
{% else %}
<div class="row grid" style="gap: {{ settings.items_gap|default('var(--margin)') }}; --block-list-cols:{{settings.column|default('3')}}">
{% endif %}
{{ blockscontent|raw }}
</div>
</div>
{% if fields.view_more_url is defined and fields.view_more_url != '' %}
<div class="container">
<a href="{{ fields.view_more_url|e }}" class="btn btn-primary btn-outline view-more">{{ fields.button_text|default('Ver todos') }} <span class="btn__icon">{{ file_get_contents(asset('custom/list-icon.svg', 'global'))|raw }}</span></a>
</div>
{% endif %}
</section>
{% endif %}
{# @END BLOCK LISTA #}