<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanish-abinitio/page/53737/evaluacion-sumativa-familias" 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/animales/screenshot-2024-01-16-at-19.09.58.png"
            alt="Evaluación sumativa: Familias"
        >
    </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">
                        Evaluación sumativa: Familias
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección encontrarás una evaluación sumativa de todos los componentes de evaluación para esta unidad. Ten en cuenta que esto no es un examen mock, pero sí hemos diseñado esta evaluación para que...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/35031/expresion-oral-1-familias" 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/familia/panorama-4610864_1920.jpg"
            alt="Expresión oral 1 (Familias)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Expresión oral 1 (Familias)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> What types of families are there? What is your familiy like? How does our family influence our identity? Hablamos de nuestras familias. Después de completar tu árbol genealógico, hablas con un/a compañero/-a...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/72171/medicos-sin-fronteras-parte-i" 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/didactica/screenshot-2026-09-14-at-11.56.25.png"
            alt="Médicos sin fronteras (Parte I)"
        >
    </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">
                        Médicos sin fronteras (Parte I)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección, te presentamos una propuesta para conocer la labor de Médicos sin Fronteras (España). Tendrá 2 partes. En esta primera parte, trabajaremos un cartel o portada publicitaria. Médicos Sin...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/64162/plan-de-clase-dia-1-familias" 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/animales/screenshot-2025-08-23-at-17.29.39.png"
            alt="Plan de clase día 1 (Familias)"
        >
    </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">
                        Plan de clase día 1 (Familias)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación el plan de clase del día 1. Es esta hora de clase, posiblemente aún tengas que dar feedback de Evaluación de la lengua  de la unidad anterior “Hacemos nuevos amigos”. Esta es una oportunidad...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/72131/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">
                            Activities
                        </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"> En esta sección ofrecemos una idea para que los alumnos acompañen su aprendizaje de la Inteligencia Artificial. Se trata de crear una publicación de Instagrams con Gemini y Nano Banana.  Tarea Crea una...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/blog/72145/el-caso-del-plan-de-clase-desaparecido" 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/blogs/screenshot-2026-09-06-at-20.16.19.png"
            alt="El caso del plan de clase desaparecido"
        >
    </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">
                        El caso del plan de clase desaparecido
                                                <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"> ¿Cómo puede ser que mi perfecto plan de clase desapareciera a las 9:15?  Caso A las 8:45 todo parecía perfecto: había diseñado un plan de clase detallado. Incluía indagación, colaboración, pensamiento...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/40388/expresion-oral-experiencias-que-te-cambian" 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/experiencias/screenshot-2021-07-17-at-11.37.31.png"
            alt="Expresión oral (Experiencias que te cambian)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Expresión oral (Experiencias que te cambian)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How have your experiences been? What experiences have marked your life? Is it different now after you have experienced that event/change? En esta sección, contamos una experiencia basada en una foto....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/39514/la-carta-personal" 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/tipos-de-texto/screenshot-2021-05-30-at-21.05.26.png"
            alt="La carta personal"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Prueba 1
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La carta personal
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La carta personal (también llamada declaración personal) apoya al currículo y permite a la institución académica, la compañía, el centro laboral, etc., saber más del candidato/a, su carrera, sus metas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/41621/la-carta-de-presentacion" 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/tipos-de-texto/screenshot-2021-05-30-at-21.05.26.png"
            alt="La carta de presentación"
        >
    </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">
                        La carta de presentación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La carta personal (también llamada declaración personal) apoya al currículo y permite a la institución académica, la compañía, el centro laboral, etc. saber más del candidato/a, su carrera, sus metas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/72021/plan-de-clase-dia-4-el-aspecto-fisico-" 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/animales/screenshot-2025-08-23-at-17.29.39.png"
            alt="Plan de clase día 4 (El aspecto físico) "
        >
    </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">
                        Plan de clase día 4 (El aspecto físico) 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación el plan de clase del día 4. Empezamos la clase con un juego de tablero para repasar el presente de indicativo, tanto de los verbos regulares como de algunos de los principales verbos irregulares....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 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="/spanish-abinitio/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>
