<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/11126/actividades-comodin" 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/animales/screenshot-2023-12-14-at-14.58.48.png"
            alt="Actividades comodí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">
                        Actividades comodín
                                                <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"> Esta sección contiene una serie de clips, fotos, anuncios, que pueden ayudarte en la clase de Español B. pueden utilizarse para los primeros cinco minutos de la clase, para el final o para cuando el profesor...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26230/pokemon-go" 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/Pp/pokemon.png"
            alt="Pokémon Go"
        >
    </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">
                        Pokémon Go
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación una sugerencia para trabajar el texto. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente lo que queremos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26232/el-nombre-y-la-identidad" 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/iden.png"
            alt="El nombre y la identidad"
        >
    </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">
                        El nombre y la identidad
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación, una sugerencia para trabajar este tema. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente lo que queremos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26233/nuestra-identidad" 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/apellidos.png"
            alt="Nuestra identidad"
        >
    </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">
                        Nuestra identidad
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación una sugerencia para trabajar este tema. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente lo que queremos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26234/el-autocine" 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/cine.png"
            alt="El autocine"
        >
    </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">
                        El autocine
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación, una sugerencia para trabajar el texto. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente lo que queremos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26235/la-organizacion-de-la-cocina" 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/Cc/cocina.png"
            alt="La organización de la cocina"
        >
    </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">
                        La organización de la cocina
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación dos sugerencias para trabajar el texto. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente lo que queremos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26236/la-emocion-en-la-publicidad" 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/Cc/coca-cola.png"
            alt="La emoción en la publicidad"
        >
    </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">
                        La emoción en la publicidad
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación una sugerencia para trabajar este material audiovisual. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26238/los-generos-y-la-violencia" 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/Gg/generos.png"
            alt="Los géneros y la violencia"
        >
    </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">
                        Los géneros y la violencia
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación una sugerencia para trabajar este material audiviosual. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26239/el-movil-y-nuestras-relaciones" 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/mo%CC%81vil.png"
            alt="El móvil y nuestras relaciones"
        >
    </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">
                        El móvil y nuestras relaciones
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación una sugerencia para trabajar este material audiovisual. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26240/es-complicado" 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/Cc/es-complicado(1).png"
            alt="Es complicado"
        >
    </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">
                        Es complicado
                                                <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"> A continuación una breve sugerencia para trabajar este material. El audivisual es un anuncio publicitario de pizzas y justamente el producto une al padre y a la hija, la cual está pasando por un momento...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 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=8" 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>
