
<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">20 Jan 2026</span>
                </div>
                <p class="mb-2">Los estudiantes encontraron el audio demasiado rápico. Podríais subir la transcripción por favor? Gracias. Susana </p>
                <a href="/spanish-abinitio/page/40440/comprension-auditiva-1-nuestro-habitat#comment-content-136912"
                   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 (Nuestro hábitat)</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">14 Jan 2026</span>
                </div>
                <p class="mb-2">Hola, Luisa: Muchas gracias por la notificación. Acabamos de cambiarlo.&nbsp; Saludos </p>
                <a href="/spanish-abinitio/page/54598/evaluacion-sumativa-toda-una-fiesta#comment-content-136501"
                   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 sumativa: 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">
                                L
    
            </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">Luisa</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">13 Jan 2026</span>
                </div>
                <p class="mb-2">Hola, En las respuestas de la comprensión auditiva, hay un error ortográfico en la palabra "garaje". Un saludo </p>
                <a href="/spanish-abinitio/page/54598/evaluacion-sumativa-toda-una-fiesta#comment-content-136445"
                   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 sumativa: 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">6 Jan 2026</span>
                </div>
                <p class="mb-2">Hola, Rafael: &nbsp; Lo siento, pero tal vez sea un problema en el sistema de tu cole porque se puede reproducir perfectamente. &nbsp;Prueba con otro navegador por su acaso. &nbsp; Saludos, &nbsp; &nbsp; </p>
                <a href="/spanish-abinitio/page/42629/prueba-2-comprension-auditiva-mock-3#comment-content-136004"
                   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>Prueba 2: Comprensión auditiva (Mock 3)</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">
                                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">Rafael</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">6 Jan 2026</span>
                </div>
                <p class="mb-2">Estimados, &nbsp; Reciban un saludo, &nbsp;Les escribo en la oportunidad de una duda sobre este audio ya que al ponerlo para reproducirlo en el aula el sistema indica lo siguiente: Because of its privacy settings, this video cannot...</p>
                <a href="/spanish-abinitio/page/42629/prueba-2-comprension-auditiva-mock-3#comment-content-135999"
                   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>Prueba 2: Comprensión auditiva (Mock 3)</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">3 Jan 2026</span>
                </div>
                <p class="mb-2">Hola, Raffaela: No hace falta ese elemento, siempre ten en cuenta que las convenciones que deberían incluir los alumnos son las que hacen que el texto sea más convincente. Por supuesto, no pasa nada si añade una dirección, al contrario, pero...</p>
                <a href="/spanish-abinitio/page/34744/el-correo-electronico#comment-content-135894"
                   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 correo electrónico</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">
                                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">Raffaela</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">2 Jan 2026</span>
                </div>
                <p class="mb-2">Tengo una duda: cuando el texto es un correo electrónico, ¿es obligatorio que el alumnado incluya la dirección de correo electrónico del destinatario, o es opcional? &nbsp;Muchas gracias. </p>
                <a href="/spanish-abinitio/page/34744/el-correo-electronico#comment-content-135872"
                   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 correo electrónico</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">20 Dec 2025</span>
                </div>
                <p class="mb-2">Hola, Mai: Aunque un diario puede ser una opción, aquí fíjate que no tenemos en la tarea la indicación de que deba escribir emociones o reflexiones. Lo que no quiere decir que lo haga y esté bien... &nbsp; Para el criterio C, ten...</p>
                <a href="/spanish-abinitio/page/39878/muestra-1#comment-content-135775"
                   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>Muestra 1</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">20 Dec 2025</span>
                </div>
                <p class="mb-2">Hola, Mai: &nbsp; ¡Muchísimas gracias por tu comentario! Nos alegra enormemente que la página te resulte útil. Cualquier cosa que necesites, aquí estamos. &nbsp; Saludos, </p>
                <a href="/spanish-abinitio/page/58765/prueba-1-expresion-escrita-mock-7#comment-content-135774"
                   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>Prueba 1: Expresión escrita (Mock 7)</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">
                                M
    
            </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">Mai</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">19 Dec 2025</span>
                </div>
                <p class="mb-2">Muchas gracias, Carina, por la aclaración. Es que antes imaginaba que cuando se requiere escribir un texto sin mencionar al destinatario, entonces es diario personal, y como no está entre las opciones, así me confundí un poquito. Pero ahora entiendo.&nbsp; Es...</p>
                <a href="/spanish-abinitio/page/58765/prueba-1-expresion-escrita-mock-7#comment-content-135769"
                   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>Prueba 1: Expresión escrita (Mock 7)</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=30" 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>
