<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/72204/ia-para-practicar-el-preterito-imperfecto" 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/myp-spanishb/images/ia/8machine-_-jw7p2a369as-unsplash.jpg"
            alt="IA para practicar el pretérito imperfecto"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Actividades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        IA para practicar el pretérito imperfecto
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section is designed to help you practise using the Spanish imperfect tense with the support of AI. Recomendamos que se practiquen estas tareas o ejercicios una vez al menos en clase con todos los...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/72197/ia-para-practicar-el-indefinido" 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/myp-spanishb/images/ia/zach-m-7f9phbm1gfm-unsplash.jpg"
            alt="IA para practicar el indefinido"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Actividades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        IA para practicar el indefinido
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, you will find an activity to help you practise the Spanish preterite tense independently. Recomendamos que se practiquen estas tareas o ejercicios una vez al menos en clase con todos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/72200/trabajo-de-ia-crear-historietas" 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/myp-spanishb/images/ia/gemini_generated_image_hssmghhssmghhssm.jpeg"
            alt="Trabajo de IA: crear historietas"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Actividades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Trabajo de IA: crear historietas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Let's create comic strips with AI to practise your Spanish writing skills. En esta tarea se trata de producir diálogos entre los personajes, pero también pies de página con la narración si es necesario....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/72195/publicacion-en-instagram" 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-08-02-at-13.33.37.png"
            alt="Publicación en Instagram"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Actividades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Publicación en Instagram
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> We are going to create an image about a Spanish speaking city using Nano Banana, one of the AI free options available.   Tarea 1 Publicación de @instagram/ @instagram post Imagine that you are one day...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/33672/criterio-b-comprension-de-lectura" 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/myp-spanishb/images/evaluacion/evaluacion-electronica/jaredd-craig-hh4wbgnyltc-unsplash.jpg"
            alt="Criterio B - Comprensión de lectura"
        >
    </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">
                        Criterio B - Comprensión de lectura
                                                <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 el criterio B se evalúan las destrezas lectoras receptivas del alumno, es decir, la capacidad de comprender un texto escrito en combinación con imágenes. Se trata de lo que conocemos por comprensión...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/72194/concienciacion" 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/aspecto-fisico/screenshot-2026-08-05-at-11.57.19.png"
            alt="Concienciación"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Artificial Intelligence is becoming an increasingly important part of our daily lives. Complete the following activities to explore the topic, reflect on its impact, and develop your own informed opinions...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/17061/enfoques-de-aprendizaje-atl" 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/myp-spanishb/images/enfoques/element5-digital-oycl7y4y0bk-unsplash.jpg"
            alt="Enfoques de aprendizaje (ATL)"
        >
    </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 de aprendizaje (ATL)
                                                <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"> Los enfoques de aprendizaje son las herramientas que nuestros alumnos llevarán en sus mochilas al graduarse. No importa la universidad a la que vayan a asistir, el trabajo que consigan, o las circunstancias...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/72221/ia-para-comunicacion-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/myp-spanishb/images/ia/igor-omilaev-gvqlabgvb6q-unsplash.jpg"
            alt="IA para comunicación escrita"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Actividades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        IA para comunicación escrita
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> We have provided an AI activity to help you practise written communication virtually with a "new Spanish friend called Pablito". Once you understand how it works, you can easily adapt the prompt to practise...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/20343/hogares-en-el-mundo" 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/myp-spanishb/images/ciudad/town_01-091515-2111_l.jpg"
            alt="Hogares en el mundo"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  [1] Comprensión de textos orales, escritos y visuales Comunicación en respuesta a textos orales, escritos y visuales Uso de la lengua Unas 5 o 6 horas de clase La orientación en el espacio y en el tiempo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/33914/identidad-y-cultura" 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/myp-spanishb/images/personas/skateboard-6902691920-1080x720.jpg"
            alt="Identidad y cultura"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En este apartado incluimos todas las actividades del nivel inicial relacionadas con este tema. Dentro de este tema, podrás encontrar actividades con otros subtemas. Estos son algunos ejemplos de actividades,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 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="/myp-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>
