<ul class="noticias-list">
    {% for noticia in noticias %}
    <li 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="Imagen para {{ 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>

                <!-- INICIO DE LA MODIFICACIÓN: Se añade la fuente de la noticia -->
                {% if noticia.fuente_nombre %}
                | <span><i class="fas fa-newspaper"></i> <strong>{{ noticia.fuente_nombre }}</strong></span>
                {% endif %}
                <!-- FIN DE LA MODIFICACIÓN -->

                {% if noticia.categoria %}
                | <span><i class="fas fa-tag"></i> {{ noticia.categoria }}</span>
                {% endif %}

                {% if noticia.pais %}
                | <span><i class="fas fa-globe-americas"></i> {{ noticia.pais }}</span>
                {% endif %}
            </div>
            <p>{{ noticia.resumen | safe_html | truncate(280) }}</p>
        </div>
    </li>
    {% else %}
    <li class="text-center p-4">
        <i class="fas fa-info-circle"></i> No hay noticias que mostrar con los filtros seleccionados.
    </li>
    {% endfor %}
</ul>

