{% extends 'base.html' %}

{% block content %}
    <div class="container-xl">
        <div class="app-card-body p-3 p-lg-4">
            <h2>{{ noticia.titulo }}</h2>
            <div class="row gx-5 gy-3">
                <p>{{ noticia.contenido }}</p>
                <p><small>Publicado el {{ noticia.fecha_publicacion|date:"d M Y" }} por {{ noticia.autor }}</small></p>
            </div>
            <a class="btn btn-primary" href="{% url 'principal' %}">Volver a noticias</a>
        </div>
    </div>
{% endblock %}