<div class="noticias-list">
    {% for noticia in noticias %}
        <article class="noticia-item">
            {% if noticia.imagen_url %}
            <div class="noticia-imagen">
                <a href="{{ noticia.url }}" target="_blank" rel="noopener noreferrer"><img src="{{ noticia.imagen_url }}" alt="{{ noticia.titulo }}" loading="lazy"></a>
            </div>
            {% endif %}
            <div class="noticia-texto">
                <h3><a href="{{ noticia.url }}" target="_blank" rel="noopener noreferrer">{{ noticia.titulo }}</a></h3>
                <div class="noticia-meta">
                    <span><i class="far fa-calendar-alt"></i> {{ noticia.fecha.strftime('%d-%m-%Y %H:%M') if noticia.fecha else 'N/D' }}</span> |
                    <span><i class="fas fa-tag"></i> {{ noticia.categoria or 'N/A' }}</span> |
                    <span><i class="fas fa-globe-americas"></i> {{ noticia.pais or 'Global' }}</span>
                </div>
                <p>{{ noticia.resumen | striptags | safe_html | truncate(280) }}</p>
            </div>
        </article>
    {% else %}
        <div class="card" style="text-align:center;">
            <p><i class="fas fa-info-circle"></i> No hay noticias que mostrar con los filtros seleccionados.</p>
        </div>
    {% endfor %}
</div>
