
<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">
                                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 Nov 2025</span>
                </div>
                <p class="mb-2">Hola, Susana: &nbsp; En la 4 los alumnos deben buscar información sobre "un corrido". Aquí tienes un ejemplo: &nbsp; Un corrido es un género musical y poético narrativo de origen mexicano, similar al romance español, que...</p>
                <a href="/spanishb/page/54679/cancion-9-contrabando-y-traicion-los-tigres-del-norte#comment-content-134353"
                   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>Canción 9: Contrabando y traición, Los tigres del Norte</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">
                                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 Nov 2025</span>
                </div>
                <p class="mb-2">No entiendo que tienen que buscar los estudiantes </p>
                <a href="/spanishb/page/54679/cancion-9-contrabando-y-traicion-los-tigres-del-norte#comment-content-134347"
                   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>Canción 9: Contrabando y traición, Los tigres del Norte</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">
                                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 Nov 2025</span>
                </div>
                <p class="mb-2">La pregunta numero 4 no la entiendo? </p>
                <a href="/spanishb/page/54679/cancion-9-contrabando-y-traicion-los-tigres-del-norte#comment-content-134346"
                   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>Canción 9: Contrabando y traición, Los tigres del Norte</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">Mathilde</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">20 Nov 2025</span>
                </div>
                <p class="mb-2">Hola a tod@s: Mi compañera y yo tenemos una duda: ¿Hasta qué punto la respuesta escrita tiene que ofrecer un desarrollo equitativo en las 2 partes de la respuesta? por ejemplo en la pregunta 2 de la prueba de Mayo 2023: "El gobierno local ha...</p>
                <a href="/spanishb/page/59587/preguntas-frecuentes#comment-content-134296"
                   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>Preguntas frecuentes</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 Nov 2025</span>
                </div>
                <p class="mb-2">Hola, Mariana: &nbsp; Muchas gracias por tu comentario. Es difícil decirlo precisamente por lo que mencionas, pero si habláramos de horas de reloj, serían mínimo unas 5 horas teniendo en cuenta la evaluación formativa y sumativa....</p>
                <a href="/spanishb/page/40836/planificacion-nivel-medio#comment-content-134033"
                   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>Planificación NIVEL MEDIO</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">Mariana</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">15 Nov 2025</span>
                </div>
                <p class="mb-2">Saludos! muchas gracias por todos los recursos que han sido vitales para mi y mis estudiantes. Sé que no dan un tiempo determinado para realizar cada unidad, pero me gustaría saber en que tiempo se basaron para completar cada unidad, esto ayuda a...</p>
                <a href="/spanishb/page/40836/planificacion-nivel-medio#comment-content-134026"
                   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>Planificación NIVEL MEDIO</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">15 Nov 2025</span>
                </div>
                <p class="mb-2">Hola, Claudia: &nbsp; A mí me funciona perfectamente. ¿Si pruebas con otro navegador? &nbsp; Muchas gracias. &nbsp; Saludos, </p>
                <a href="/spanishb/page/57790/nivel-medio#comment-content-134003"
                   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>Nivel medio</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">Claudia</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">14 Nov 2025</span>
                </div>
                <p class="mb-2">Hola Carina, el audio no funciona.&nbsp; Gracias </p>
                <a href="/spanishb/page/57790/nivel-medio#comment-content-133976"
                   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>Nivel medio</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">13 Nov 2025</span>
                </div>
                <p class="mb-2">Hola, Cecilia: La 16 sí está en el texto (joviales y divertidos), lo acabo de añadir a la respuesta. La 17 estaba planteada al revés y tienes toda la razón, la que deben buscar es "asequible". Ya está todo cambiado en el PDF también. &nbsp; ¡Muchas...</p>
                <a href="/spanishb/page/32658/comprension-de-lectura-nm-mock-4#comment-content-133943"
                   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 NM (Mock 4)</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">13 Nov 2025</span>
                </div>
                <p class="mb-2">Hola, Cecilia: &nbsp; Muchas gracias por la apreciación, lo estudiamos en el transcurso del día y te decimos algo. &nbsp; Saludos, &nbsp; Carina </p>
                <a href="/spanishb/page/32658/comprension-de-lectura-nm-mock-4#comment-content-133904"
                   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 NM (Mock 4)</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=59" 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>
