<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/31921/comprension-de-lectura-y-mediacion" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/spanishb/images/Dd/screenshot-2019-12-12-at-09.49.14-450x270.png"
            alt="Comprensión de lectura y mediación"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Unidades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Comprensión de lectura y mediación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La Casa de Bernarda Alba Esta obra de Federico García Lorca se centra en la tiranía moral y la represión sexual que Bernarda ejercía sobre sus hijas. Bernarda les impone 8 años de aislamiento, llevando...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/31924/literatura" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/spanishb/images/Dd/screenshot-2019-12-12-at-09.49.52-353x270.png"
            alt="Literatura"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Unidades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Literatura
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación, encontrarás actividades con las destrezas integradas que están dentro de la Literatura en la clase de Español B. Recuerda que puedes trabajar la literatura de forma más específica en el...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/31925/comprension-auditiva-de-lectura-y-mediacion" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/spanishb/images/Dd/screenshot-2019-12-12-at-10.17.03-411x270.png"
            alt="Comprensión auditiva, de lectura y mediación"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Unidades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Comprensión auditiva, de lectura y mediación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La utopía: El derecho al delirio “La utopía está en el horizonte. Camino dos pasos, ella se aleja dos pasos y el horizonte se corre diez pasos más allá. ¿Entonces para qué sirve la utopía? Para eso, sirve...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/55097/cortometrajes-trabajados" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/spanishb/images/cine/screenshot-2024-12-19-at-08.11.03.png"
            alt="Cortometrajes trabajados"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Cortometrajes trabajados
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección estamos recopilando y trabajando una serie de cortometrajes. Creemos que pueden ser útiles para la clase de Español B ya que nos ofrecen situaciones de lengua contextualizadas y además...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/72753/isabel-allende-gana-el-premio-planeta" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/spanishb/images/salud/screenshot-2026-10-16-at-18.07.27.png"
            alt="Isabel Allende gana el Premio Planeta"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Isabel Allende gana el Premio Planeta
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La escritora chilena Isabel Allende ha ganado la edición número 75 del Premio Planeta de novela, con la obra ‘La hora antes del alba’, que sigue la trama de ‘La casa de los espíritus’ tomando como protagonista...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/66152/banco-de-estimulos-visuales" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/spanishb/images/didactica/screenshot-2026-01-05-at-11.19.11.png"
            alt="Banco de estímulos visuales"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Oral individual
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Banco de estímulos visuales
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La buena elección del estímulo visual en el oral del nivel medio es clave para la efectividad y el éxito en las dos primeras partes del examen. Por eso, los profesores deben asegurarse que el estímulo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/72680/guia-rapida-para-utilizar-la-pagina-" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/spanishb/images/salud/screenshot-2026-10-15-at-12.58.12.png"
            alt="Guía rápida para utilizar la página "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Comienza aquí
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Guía rápida para utilizar la página 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Un modelo de cómo utilizar nuestra página partiendo de una unidad en concreto.  Partimos de una unidad Hemos elegido la unidad de “Relaciones de pareja” perteneciente al área temática de “Organización...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/31798/comprension-de-lectura-nm-mock-3" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/spanishb/images/Ll/leer-para-comprender.png"
            alt="Comprensión de lectura NM (Mock 3)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluación
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Comprensión de lectura NM (Mock 3)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Primera evaluación 2020 A continuación, encontrarás textos escritos y ejercicios similares a los del examen del IB. Además se incluyen las soluciones de los mismos. Consulta: Prueba 2: Comprensión de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/72274/claves-del-exito-oral-individual-ns-" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/spanishb/images/Xx/screenshot-2026-09-22-at-13.01.56.png"
            alt="Claves del éxito: oral individual (NS) "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Claves del éxito: oral individual (NS) 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Es muy importante saber que todos podemos aprender a realizar un buen examen oral. No obstante, la clave es examinar qué estrategias, circunstancias, acciones hacen que pueda desarrollar y mostrar mi...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26268/enfoques-atl-att" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/spanishb/images/Ii/screenshot-2026-09-07-at-10.44.38.png"
            alt="Enfoques (ATL ATT)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Diseño del curso
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Enfoques (ATL ATT)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Los enfoques del aprendizaje y de la enseñanza son un componente muy importante del Programa del Diploma. A continuación les daremos un breve resumen para entender mejor en qué consisten y cómo podemos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>



    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/spanishb/latest-updates?page=4" 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>
