{%  if alerts.items is defined and alerts.items|length %}
    <div class="widget widget--features widget--homealert" tabindex="0" role="region" id="homealert">
        <p class="title--home" style="">Destaques</p>
        <div class="homealert__content">
            <!--<span class="homealert__icon homealert__icon--onlydesc"><i class="icon icon--exclamacao2"></i></span>-->
            <div class="homealert__list">
                {% for alert in alerts.items %}
                    <article class="homealert__item">
                        <span class="homealert__icon homealert__icon--mobile"><i class="icon icon--exclamacao2"></i></span>
                        <a class="homealert__link" href="{{ alert.link }}">
                            <header class="homealert__header">
                                <h1>{{ alert.title }}</h1>
                            </header>
                            {% if alerts.total == 1 %}
                                {% if alert.subtitle %}
                                    <p class="homealert__desc">
                                        {{ alert.subtitle }}
                                    </p>
                                {% endif %}
                            {% endif %}
                        </a>
                    </article>
                {% endfor %}
            </div>
        </div>
    </div>
{% endif %}