<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/70352/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/spanishb/images/Ii/screenshot-2026-08-02-at-13.31.57.png"
            alt="Concienciación"
        >
    </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">
                        Concienciación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección te ofrecemos una serie de tareas para desarrollar la concienciación respecto a la Inteligencia Artificial (IA) Creemos que estas tareas se pueden utilizar al principio de curso porque...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/60719/identidades" 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/curso-virtual/screenshot-2025-03-02-at-20.08.01.png"
            alt="Identidades"
        >
    </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">
                        Identidades
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Para cubrir esta área temática tenemos 6 unidades: 1. Identidades y culturas 2. Apropiación cultural 3. Creencias y valores 4. Estilos de vida 5. Salud y bienestar 6. Subculturas Es mejor que trabajen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/70461/trabajo-con-ia-crear-canciones" 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/ELE-BCN/screenshot-2026-08-05-at-18.12.54.png"
            alt="Trabajo con IA crear canciones"
        >
    </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">
                        Trabajo con IA crear canciones
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Las canciones pueden ser una forma muy atractiva de, entre otras muchas cosas, practicar vocabulario. Con la ayuda de la Inteligencia Artificial te proponemos una actividad.  Esta es una canción que hemos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/70460/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/spanishb/images/ELE-BCN/screenshot-2026-08-05-at-18.12.05.png"
            alt="Trabajo con IA crear vídeos"
        >
    </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">
                        Trabajo con IA crear vídeos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vamos a crear vídeos a través de la Inteligencia Artificial con la idea de que sean ustedes después los que lo hagan y así practiquen de una forma divertida.  Vamos a darte algunas ideas de cómo crear...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/70360/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/spanishb/images/Ii/screenshot-2026-08-02-at-13.49.27.png"
            alt="IA para practicar vocabulario"
        >
    </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">
                        IA para practicar vocabulario
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección te ofrecemos una tarea con la Inteligencia Artificial para practicar el vocabulario con un ejemplo concreto de una unidad.  Es esencial que los alumnos aprendan el vocabulario de cada...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/70355/ia-para-practicar-el-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/spanishb/images/image-galleries/screenshot-2026-08-02-at-13.49.27.png"
            alt="IA para practicar el imperfecto"
        >
    </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">
                        IA para practicar el imperfecto
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección te damos una idea para trabajar de forma más autónoma y practicar el pretérito imperfecto con una herramienta de IA.  Recomendamos que se practiquen estas tareas o ejercicios una vez al...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/70356/ia-para-trabajar-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/spanishb/images/image-galleries/screenshot-2026-08-02-at-13.49.27.png"
            alt="IA para trabajar el indefinido"
        >
    </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">
                        IA para trabajar el indefinido
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección te ofrecemos una tarea para que practiques la forma del pretérito indefinido de una forma autónoma.  Recomendamos que se practiquen estas tareas o ejercicios una vez al menos en clase...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/57416/el-folleto" 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/ELE-BCN/screenshot-2023-08-26-at-10.37.38.png"
            alt="El folleto"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Antes de realizar la tarea, consulta: El folleto  Práctica folleto...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/70404/planificar-ahorra-tiempo" 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/actividades/screenshot-2026-08-03-at-11.55.47.png"
            alt="Planificar ahorra tiempo"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Planificar ahorra tiempo
                                                <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"> Es en el comienzo de curso cuando tiene lugar la mayor parte de la planificación. Nosotros tenemos toda una sección dedicada a este tema y que recomendamos estudiar en las primeras semanas: Planificación ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/70347/criterios" 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/screenshot-2021-03-14-at-09.51.07.png"
            alt="Criterios"
        >
    </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">
                        Criterios
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Te presentamos lo que se debería tener en cuenta en cada uno de los criterios para este componente en ambos niveles. Recuerda que son tres criterios: Lengua, Mensaje y Comunicación. Siempre consulta la...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 August 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=39" 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>
