<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/41613/actividades" 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-2021-09-29-at-10.19.12.png"
            alt="Actividades"
        >
    </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">
                        Actividades
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección: Te ofrecemos actividades concretas para que puedas poner en práctica la vinculación de la Teoría del conocimiento en la clase de Español B. Algunas recomendaciones Al realizar estas actividades...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/47757/ejercicio-3-el-lugar-feliz" 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/spanish-abinitio/images/recursos/screenshot-2023-04-03-at-09.44.38.png"
            alt="Ejercicio 3: El lugar feliz"
        >
    </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">
                        Ejercicio 3: El lugar feliz
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En este ejercicio se experimentan todos los sentidos y se lleva a visualizar "un lugar feliz". ¿Para qué sirve este ejercicio? Sirve principalmente para relajarse y calmar los nervios. Cuando nos invaden...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/25998/pasos-de-la-produccion-oral" 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/oral/oral-production.png"
            alt="Pasos de la producción oral"
        >
    </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">
                        Pasos de la producción oral
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> El input en el aprendizaje de una lengua es esencial. Cuando trabajemos la producción oral, debemos ayudar a nuestros alumnos a analizar gran cantidad de discursos hablados. Estos los podemos tener grabados...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/47758/ejercicio-4-la-mente-en-blanco" 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/spanish-abinitio/images/recursos/screenshot-2023-04-03-at-09.45.38.png"
            alt="Ejercicio 4: La mente en blanco"
        >
    </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">
                        Ejercicio 4: La mente en blanco
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Este ejercicio puede ayudar a tomar conciencia de lo ocupada que está la mente y la frecuencia con la que nos distraemos. ¿Para qué sirve este ejercicio? Para relajar la mente cuando está demasiado llena....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/63376/la-monografia-de-lengua-b" 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/arte/screenshot-2025-07-23-at-20.35.22.png"
            alt="La monografía de Lengua B"
        >
    </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">
                        La monografía de Lengua B
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La monografía en Lengua B le ofrece a los estudiantes la posibilidad de conocer y comprender en profundidad la segunda lengua que se estudia y también la cultura asociada a esta lengua.  En esta sección,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/9633/la-produccion-oral" 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/Hablar.jpg"
            alt="La producción oral"
        >
    </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">
                        La producción oral
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Gratis</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En este apartado de la producción oral realizamos un análisis de esta destreza sin diferenciarla en expresión oral e interacción oral de momento, sino viendo los factores que intervienen y los pasos que...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/45228/categorias" 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/Mn/screenshot-2022-08-15-at-20.46.43.png"
            alt="Categorías"
        >
    </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">
                        Categorías
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La monografía de Español B se divide en tres categorías y los alumnos han de elegir por cuál de ellas se van a decantar.A continuación, cuentas con las tres categorías definidas y ejemplificadas. Al final,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/11693/la-produccion-escrita" 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/titulos/la%20escritura.png"
            alt="La producción escrita"
        >
    </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">
                        La producción escrita
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Gratis</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La producción escrita es una parte muy importante del programa del BI. En cuanto a la evaluación, esta adquiere protagonismo en una de las pruebas donde los alumnos tienen que escribir un texto. Por supuesto...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/45229/el-papel-del-supervisora" 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/Mn/screenshot-2022-08-15-at-21.11.28.png"
            alt="El papel del supervisor/a"
        >
    </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">
                        El papel del supervisor/a
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La relación alumno/a y el supervisor/a es una pieza clave en el proceso de compleción de la monografía. Por eso, ha de basarse en la confianza y el respeto mutuo.A continuación, encontrarás todo lo requerido...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/11694/la-comprension-auditiva" 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/titulos/escuchar.png"
            alt="La comprensión auditiva"
        >
    </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">
                        La comprensión auditiva
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Gratis</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   La comprensión auditiva es una destreza que en el programa de Lengua B está integrada junto con la producción oral bajo la dominación de interaccón oral pero que en el nuevo programa ya se va a evaluar...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 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=36" 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>
