
<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">
                                S
    
            </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">Susana</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">1 May 2026</span>
                </div>
                <p class="mb-2">Hola, dónde está la transcripción para los audios por favor? Gracias. Susana </p>
                <a href="/spanish-abinitio/page/37407/mis-medios-de-transporte-profesores#comment-content-143455"
                   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>Mis medios de transporte (profesores)</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">
                                C
    
            </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">Carina</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">17 Apr 2026</span>
                </div>
                <p class="mb-2">Hola, Karla: &nbsp; ¡Muchas gracias por tu comentario! :)) &nbsp; No hay PDFs de las unidades, trabajamos de manera interactiva. Esta parte es la del alumno, aquí tienes toda la unidad para ti: </p>
                <a href="/spanish-abinitio/page/40377/comprension-de-lectura-1-el-aspecto-fisico#comment-content-142467"
                   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>Comprensión de lectura 1 (El aspecto físico)</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">
                                K
    
            </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">Karla</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">17 Apr 2026</span>
                </div>
                <p class="mb-2">¿Dónde puedo conseguir el PDF de esta lectura? ¿Tendrán las preguntas? Muchas gracias por todo el magnifico trabajo que hacen. Cordialmente,&nbsp; Karla </p>
                <a href="/spanish-abinitio/page/40377/comprension-de-lectura-1-el-aspecto-fisico#comment-content-142456"
                   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>Comprensión de lectura 1 (El aspecto físico)</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">
                                C
    
            </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">Carina</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">16 Apr 2026</span>
                </div>
                <p class="mb-2">¡Genial, Nicole! &nbsp; Saludos, </p>
                <a href="/spanish-abinitio/page/41960/evaluacion-comprension-auditiva-toda-una-fiesta#comment-content-142434"
                   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>Evaluación Comprensión auditiva (Toda una fiesta)</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">
                                N
    
            </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">Nicole</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">16 Apr 2026</span>
                </div>
                <p class="mb-2">Ahora puedo ver los videos. Antes tenía un error... </p>
                <a href="/spanish-abinitio/page/41960/evaluacion-comprension-auditiva-toda-una-fiesta#comment-content-142429"
                   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>Evaluación Comprensión auditiva (Toda una fiesta)</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">
                                C
    
            </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">Cristóbal</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">15 Apr 2026</span>
                </div>
                <p class="mb-2">Hola, Nicole: Tal y como indica Carina, tienes el audio arriba. Esta es una foto de donde está. Haz clic en...</p>
                <a href="/spanish-abinitio/page/41960/evaluacion-comprension-auditiva-toda-una-fiesta#comment-content-142281"
                   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>Evaluación Comprensión auditiva (Toda una fiesta)</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">
                                C
    
            </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">Cristóbal</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">15 Apr 2026</span>
                </div>
                <p class="mb-2">Hola, Nicole: El audio es el video que ves arriba. Debes hacer clic en "play", abajo a la izquierda.&nbsp; Saludos </p>
                <a href="/spanish-abinitio/page/37394/comprension-auditiva-1-toda-una-fiesta#comment-content-142280"
                   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>Comprensión auditiva 1 (Toda una fiesta)</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">
                                C
    
            </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">Carina</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">14 Apr 2026</span>
                </div>
                <p class="mb-2">¡Solucionado Judy!&nbsp; &nbsp; Muchas gracias. &nbsp; Saludos, </p>
                <a href="/spanish-abinitio/page/67801/comprension-auditiva-1-los-sin-techo#comment-content-142274"
                   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>Comprensión auditiva 1 (Los sin techo)</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">
                                C
    
            </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">Carina</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">14 Apr 2026</span>
                </div>
                <p class="mb-2">Hola, Judy: &nbsp; Lo revisamos y te avisamos. &nbsp; Muchas gracia. &nbsp; Saludos, </p>
                <a href="/spanish-abinitio/page/67801/comprension-auditiva-1-los-sin-techo#comment-content-142268"
                   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>Comprensión auditiva 1 (Los sin techo)</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">
                                C
    
            </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">Carina</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">14 Apr 2026</span>
                </div>
                <p class="mb-2">Hola, Nicole: &nbsp; En tofos los casos, los audios están disponibles en formato vídeo. &nbsp; Saludos, </p>
                <a href="/spanish-abinitio/page/41960/evaluacion-comprension-auditiva-toda-una-fiesta#comment-content-142267"
                   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>Evaluación Comprensión auditiva (Toda una fiesta)</span>
                </a>
            </div>
        </div>
    </li>

    
    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/spanish-abinitio/subscriber-comments?page=14" class="btn btn-secondary loader">
        <i class="fa-regular fa-circle-plus"></i>
        Cargar más
    </a>
    <div class="spinner-border load-more text-primary" role="status">
        <span class="visually-hidden">Cargando...</span>
    </div>
</div>

        </template>
    </turbo-stream>
