<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/72196/ia-para-practicar-vocabulario" 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-12.01.23.png"
            alt="IA para practicar vocabulario"
        >
    </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 vocabulario
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> We have provided an AI activity to help you practise vocabulary using a specific unit as an example. Once you understand how it works, you can easily adapt the prompt to practise the vocabulary from any...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/35345/primeros-dias-de-clase" 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/colegio/img_7617.jpg"
            alt="Primeros días de clase"
        >
    </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">
                        Primeros días de clase
                                                <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"> El primer día de clase está lleno de emociones, no sólo para los estudiantes, sino también para los profesores. Te ofrecemos que reflexiones sobre la importancia que tienen los primeros días para conseguir...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/72201/trabajo-con-ia-crear-videos" 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/blog-acceso-al-alumno/screenshot-2026-08-05-at-17.23.12.png"
            alt="Trabajo con IA: crear vídeos"
        >
    </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 con IA: crear vídeos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Let's use AI to create videos that you can later make yourself. It's a fun and creative way to practise your Spanish while developing your speaking and communication skills. Vamos a darte algunas ideas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/72203/trabajo-con-ia" 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/blog-acceso-al-alumno/screenshot-2026-08-05-at-17.25.23.png"
            alt="Trabajo con IA"
        >
    </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 con IA
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, you will find a range of activities created with the help of AI. Some are designed for you to practise independently, while others can be used as part of your classroom learning and integrated...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/72174/juegos-para-practicar-los-pasados" 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/Barcelona/screenshot-2023-11-26-at-18.21.07.png"
            alt="Juegos para practicar los pasados"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Juegos para practicar los pasados
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  Proponemos una serie de juegos para consolidar los pasados en español y sus formas irregulares.    1. El rap de los verbos Objetivo: Memorizar de manera lúdica los verbos irregulares del pretérito indefinido....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/35456/pronunciacion-y-entonacion" 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/pronunciacion/singer-2821246_1280.png"
            alt="Pronunciación y entonación"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Pronunciación y entonación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En este apartado nos ocupamos de los sonidos en español para que los alumnos aprendan a reconocerlos, una destreza necesaria para el criterio A de comprensión auditiva, y para que puedan pronunciar con...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/72164/letras-y-sonidos-especiales" 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/pronunciacion/screenshot-2020-11-23-at-10.29.41.png"
            alt="Letras y sonidos especiales"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Letras y sonidos especiales
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección: Trabajamos algunos sonidos característicos del español. Ofrecemos explicaciones y modelos en nuestro vídeo y otras sugerencias y actividades.   ¿Que letras y sonidos son especiales del...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/54649/funciones-comunicativas" 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/gramatica/funciones/plantilla-de-presentaciones-.jpg"
            alt="Funciones comunicativas"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Funciones comunicativas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección tienes una selección de funciones comunicativas de gran utilidad tanto para la expresión oral como escrita. Dependiendo de la fase, puedes practicar unas u otras.  Estudia y practica cómo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19804/el-preterito-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/gramatica/laura-fuhrman-696993-unsplash-1-540x360.jpg"
            alt="El pretérito indefinido"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        El pretérito indefinido
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> El pretérito indefinido o simplemente el pretérito, también llamado pretérito perfecto simple, es un tiempo verbal que se usa para expresar acciones pasadas en un tiempo pasado. Responde a la pregunta...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/39043/unidad-mi-vida-digital" 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/tecnologia/szabo-viktor-tsbcvd1ybzo-unsplash.jpg"
            alt="Unidad: Mi vida digital"
        >
    </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">
                        Unidad: Mi vida digital
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Las redes sociales, internet y los medios de comunicación forman parte de nuestra vida diaria. En esta unidad, aprenderás a comunicarte en diferentes situaciones y con distintos propósitos en el mundo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 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=5" 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>
