<div id="banner1_720" class="ads_block" style="width:980px;min-height: 250px;margin-top:20px;margin-bottom: 20px;background: #f8f8f8;">
</div>


<div class="mx-auto text-center">
    {% include "templates/components/common/breadcrumbs.twig" %}
</div>

<section class="article_head relative">
    <h1 class="text-4xl/8 lg:text-5xl font-bold lg:font-medium mb-4 lg:mt-6 lg:text-center lg:mx-10">{{post.title|raw}}</h1>
    <div class="font-default text-center text-slate-500 flex justify-center items-center gap-2">
        <div
            id="post_pubdate_{{post.id}}" 
            class="text-slate-500 h-6" 
            x-data="timeAgoComponent({{ post_date.timestamp ?? 'null' }})" 
            x-init="updateTime()" 
            x-text="time">
        </div>
{#         {% if mod_date.date_label != post_date.date_label  %}
        <span class="time" data-timestamp="{{ mod_date.timestamp }}" style="display: inline;">  - Aggiornato il {{ mod_date.date_label}}</span>
        {% endif %} #}
        <a href="#comments" class="flex justify-center items-center bg-yellow-400 text-yellow-600 py-0.5 px-2">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-4">
                <path d="M4.913 2.658c2.075-.27 4.19-.408 6.337-.408 2.147 0 4.262.139 6.337.408 1.922.25 3.291 1.861 3.405 3.727a4.403 4.403 0 0 0-1.032-.211 50.89 50.89 0 0 0-8.42 0c-2.358.196-4.04 2.19-4.04 4.434v4.286a4.47 4.47 0 0 0 2.433 3.984L7.28 21.53A.75.75 0 0 1 6 21v-4.03a48.527 48.527 0 0 1-1.087-.128C2.905 16.58 1.5 14.833 1.5 12.862V6.638c0-1.97 1.405-3.718 3.413-3.979Z" />
                <path d="M15.75 7.5c-1.376 0-2.739.057-4.086.169C10.124 7.797 9 9.103 9 10.609v4.285c0 1.507 1.128 2.814 2.67 2.94 1.243.102 2.5.157 3.768.165l2.782 2.781a.75.75 0 0 0 1.28-.53v-2.39l.33-.026c1.542-.125 2.67-1.433 2.67-2.94v-4.286c0-1.505-1.125-2.811-2.664-2.94A49.392 49.392 0 0 0 15.75 7.5Z" />
              </svg>
              
              <span class="text-xs text-black ml-1">
                <span class="disqus-comment-count" data-disqus-identifier="{{disqus.identifier}}"></span>
              </span>            
        </a>
    </div>
    {% if featuredVideo %}
        {% include "templates/components/single/hero-video.twig" %}
    {% else %}
        {% include "templates/components/single/hero.twig" %}
    {% endif %}


    {# <p class="text-slate-900 text-xl italic lg:not-italic mb-2">{{post.excerpt|raw}}</p> #}
</section>