<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/12682/lo-importante-que-es-saber-idiomas" 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/Les luthiers.png"
            alt="Lo importante que es saber idiomas"
        >
    </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">
                        Lo importante que es saber idiomas
                                                <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">  Lo importante que es saber idiomas... es un clip muy divertido de los geniales Les Luthiers. La visualización del  vídeo sobre idiomas puede ser seguido de un debate sobre la importancia de aprender...</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/12683/la-tecnologia-y-las-relaciones-sociales" 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/Tecnolog%C3%ADa%20fun.png"
            alt="La tecnología y las relaciones sociales"
        >
    </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 tecnología y las relaciones sociales
                                                <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 tecnología y las relaciones entre padres e hijos...es un recurso muy visual para trabajar las relaciones sociales, en particular, entre padres e hijos, y también los cambios en la tecnología en las...</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/12684/que-dificil-que-es-hablar-el-espanol" 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/Qué difícil es hablar el español.png"
            alt="Qué difícil que es hablar el español"
        >
    </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">
                        Qué difícil que es hablar el español
                                                <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"> Qué difícil es hablar el español es un clip muy divertido sobre las variedades diatópicas del español. Es un excelente recurso para exponer al alumno a distintas variedades. En la Revista 'Veinte mundos' se...</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/12685/book-tecnologia" 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/Book clip.png"
            alt="Book (tecnología)"
        >
    </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">
                        Book (tecnología)
                                                <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">    Book es un clip excelente para introducir cualquier tema que tenga que ver con tecnología, la comprensión lectora, los cambios en la sociedad moderna, etc. Simplemente se puede visualizar  vídeo sobre...</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/12686/publicidad-mama-lucchetti" 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/Mamá Lucchetti pic.png"
            alt="Publicidad Mamá Lucchetti"
        >
    </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">
                        Publicidad Mamá Lucchetti
                                                <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">  Mamá Lucchetti "Día de la madre" es un  vídeo de un anuncio muy gracioso sobre el pensamiento de una mujer. Se puede trabajar a nivel de TdC, las diferencias entre hombres y mujeres, qué temas son importantes...</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/12687/cortometraje-el-papelito" 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/Papelito.png"
            alt="Cortometraje: El papelito"
        >
    </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">
                        Cortometraje: El papelito
                                                <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 papelito, un  cortometraje donde se puede trabajar el simbolismo del "papel," por ejemplo, inventando el guión de lo que dice el papel o inventando el guión del narrador....</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/23959/gritones" 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/gritones.png"
            alt="Gritones"
        >
    </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">
                        Gritones
                                                <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"> Este  cortometraje puede ser una excelente idea para trabajar predicciones. Primero, se puede proyectar el corto y justo al final, antes de la reacción de la chica, se puede detener la imagen y preguntar...</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/36287/ian-una-gran-historia-de-vida" 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-2020-10-07-at-09.49.59.png"
            alt="Ian, una gran historia de vida"
        >
    </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">
                        Ian, una gran historia de vida
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La importancia de la inclusión, la empatía y la tolerancia La siguiente actividad esta basada en un corto animado producido por Juan José Campanella e inspirado en una historia real.  UNIT PLAN Te sugerimos...</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/20165/feliz-navidad" 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/Nn/navidad(1).png"
            alt="¡Feliz Navidad!"
        >
    </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">
                        ¡Feliz Navidad!
                                                <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 anuncios navideños siempre son un buen material para analizar en clase. El eslógan de este es: La navidad empieza en tí y creemos que es un buen motor para comenzar una clase en la que estás tratando...</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/17865/sonidos-del-espanol" 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/Aa/acti-comodi%CC%81n.png"
            alt="Sonidos del español"
        >
    </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">
                        Sonidos del español
                                                <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 siguiente  vídeo sobre sonidos es una alternativa graciosa para comenzar una clase de práctica oral. Tenemos que recordar que la producción oral que implica diversas habilidades es, a menudo, dejada...</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=10" 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>
