<article class="tease tease-{{ post.type }} border border-black rounded my-3 p-2 position-relative" 
    id="tease-{{ post.id }}"
    style="padding-bottom: 65px !important;">
        <div class="row align-items-center section-tease">

            <!-- Columna izquierda: título y excerpt -->
            <div class="col">
                <p class="fs-5 text-black fw-bolder">
                    <a href="{{ post.link }}" 
                        class="text-decoration-none text-dark hover-title-text">
                        {{ post.title }}</a>
                </p>
                <p>{{ post.excerpt({
                        words: 50,
                        read_more: ''
                        })  
                    }}</p>
                <a href="{{ post.link  }}" 
                                class="btn position-absolute btn-secondary-cnt"
                                style="position: absolute; bottom: 15px; right: 15px; z-index: 10;" 
                                >Sigue leyendo...</a>
            </div>

            <!-- Columna derecha: imagen (si existe) -->
            {% if post.thumbnail %}
                <div class="col-auto text-end">
                    <img src="{{ post.thumbnail.src }}" style="max-height: 100px;" alt="{{ post.title }}" class="img-fluid ms-auto d-block" />
                </div>
            {% endif %}
        </div>
</article>