
<turbo-stream action="append" target="subscriber-comments">
    <template>
                        <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                R
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Raquel</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">2 Nov 2025</span>
                </div>
                <p class="mb-2">¡Muchísimas gracias Ana! </p>
                <a href="/myp-spanishb/page/45865/el-dia-de-muertos#comment-content-133182"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>El día de muertos</span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                A
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Ana</p>
                                                    <span class="topic-heading-badge d-inline-flex align-items-center justify-content-center">
                                Autor
                            </span>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">31 Oct 2025</span>
                </div>
                <p class="mb-2">¡Hola Wendy!&nbsp; Tienes toda la razón. Para evaluar la comprensión lectora tenemos tres criterios y el tercero de ellos evaluaba las conexiones del texto con el lector (cuando salió publicada la guía de 2020), como es el caso de este examen...</p>
                <a href="/myp-spanishb/page/37749/barranquilla-#comment-content-133103"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>Barranquilla </span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                W
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Wendy</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">30 Oct 2025</span>
                </div>
                <p class="mb-2">Hola hola, una pregunta. Leí en un comentario aquí en la pagina que el criterio de analizar conexiones ya no estaba relacionado al tema de la lectura y la vida de los estudiantes si no a la conexión de la estructura del mismo texto con imágenes etc....</p>
                <a href="/myp-spanishb/page/37749/barranquilla-#comment-content-133067"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>Barranquilla </span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                A
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Alicia</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">22 Oct 2025</span>
                </div>
                <p class="mb-2">Perfecto. ¡Muchas gracias! </p>
                <a href="/myp-spanishb/page/37793/mi-nueva-rutina#comment-content-132500"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>Mi nueva rutina</span>
                </a>
            </div>
        </div>
    </li>

    
    </template>
</turbo-stream>

    <turbo-stream action="remove" target="load-more"></turbo-stream>
