
<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">Sonia</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">10 Sep 2026</span>
                </div>
                <p class="mb-2">Queridas compañeras:&nbsp; Las soluciones son confusas ya que aparecen repetidas, es un poco caótico. Supongo que el traspaso de una plataforma a otra conlleva este tipo de problemas. También fue más difícil encontrar la evaluación de la unidad,...</p>
                <a href="/spanishb/page/35372/lengua#comment-content-148302"
                   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>Lengua</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">8 Sep 2026</span>
                </div>
                <p class="mb-2">Hola, Karen: Siempre lo encuentras en el menú de la izquierda, pero de todas formas, ya se solucionó aquí. Saludos y muchas gracias. </p>
                <a href="/spanishb/page/56430/practica-avanzada#comment-content-148169"
                   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>Práctica avanzada</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">Karen</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">8 Sep 2026</span>
                </div>
                <p class="mb-2">No veo la tarea escrita! ¿Serían tan amables de compartirla? </p>
                <a href="/spanishb/page/56430/practica-avanzada#comment-content-148158"
                   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>Práctica avanzada</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">8 Sep 2026</span>
                </div>
                <p class="mb-2">¡Un placer Alejandra! Que tengas un lindo día también. &nbsp; Saludos, </p>
                <a href="/spanishb/page/70326/examenes-mock#comment-content-148116"
                   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>Exámenes Mock</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">Alejandra </p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">8 Sep 2026</span>
                </div>
                <p class="mb-2">Muchas gracias Carina, me queda claro. Un feliz día. </p>
                <a href="/spanishb/page/70326/examenes-mock#comment-content-148089"
                   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>Exámenes Mock</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">7 Sep 2026</span>
                </div>
                <p class="mb-2">Hola, Alejandra: Los estudiantes tienen acceso filtrado, es decir, eres tú la que les da o no acceso a lo que es la evaluación sumativa y Mocks.&nbsp; Recuerda que todas las soluciones, notas de corrección, etc. están en Teacher only pages:...</p>
                <a href="/spanishb/page/70326/examenes-mock#comment-content-148087"
                   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>Exámenes Mock</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">Alejandra </p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">7 Sep 2026</span>
                </div>
                <p class="mb-2">Hola, Me gustaría aclarar si los estudiantes tienen acceso a los exámenes Mock y a las evaluaciones sumativas, o si solo yo, como profesora, puedo asignarlos. La razón es que me gustaría poder utilizar algunos Mocks como tipo de...</p>
                <a href="/spanishb/page/70326/examenes-mock#comment-content-148056"
                   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>Exámenes Mock</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">4 Sep 2026</span>
                </div>
                <p class="mb-2">Hola, Annmarie: ¡Me alegro que te ayude la reorganización! Sí, podría levar, en este caso, como es un texto real y para práctica, generalmente por una cuestión de derecho de autor, si hay autor, se quita. De todas formas, lo más importante...</p>
                <a href="/spanishb/page/67852/la-cronica-de-noticias#comment-content-147946"
                   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>La crónica de noticias</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">Annmarie</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">4 Sep 2026</span>
                </div>
                <p class="mb-2">Hola: Gracias por reorganizar la página. La división entre lo que pueden ver los profes y los alumnos funciona muy bien. Pero tengo una pregunta sobre la crónica de noticias. No suele tener también fecha y el nombre del autor? Saludos...</p>
                <a href="/spanishb/page/67852/la-cronica-de-noticias#comment-content-147927"
                   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>La crónica de noticias</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 Sep 2026</span>
                </div>
                <p class="mb-2">Hola, Mercedes: &nbsp; Justo ahora estamos en ello, te aviso apenas terminemos. &nbsp; Un saludo y gracias por tu comprensión. &nbsp; Carina </p>
                <a href="/spanishb/page/46388/creacion-de-grupos#comment-content-147845"
                   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>Creación de grupos</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="/spanishb/subscriber-comments?page=12" 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>
