<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/51585/la-catrina-profesores" 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/celebraciones/93a27fa2-f02f-4c34-b0b4-8f75b5eb11b4.jpg"
            alt="La Catrina (profesores)"
        >
    </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">
                        La Catrina (profesores)
                                                <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 actividad sobre las tradiciones mexicanas se integra dentro de una unidad sobre valores y creencias culturales. Los alumnos de nivel competente leen un texto sobre el Día de Muertos y demuestran...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/37653/valores-humanos-parte-2" 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/personas/screen-shot-2016-12-29-at-12.36.36-pm-480x193.png"
            alt="Valores humanos (Parte 2)"
        >
    </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">
                        Valores humanos (Parte 2)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vas a aprender: Mira el documental hasta el minuto 4:23 sobre el grupo "Alianza Urbana" y contesta las preguntas. Habla después con tus compañeros/as. Comprensión audiovisual Valores Humanos, Alianza...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/37652/valores-humanos-parte-1" 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/personas/screen-shot-2016-12-29-at-12.36.36-pm-480x193.png"
            alt="Valores humanos (Parte 1)"
        >
    </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">
                        Valores humanos (Parte 1)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vas a aprender: Canción sobre los valores humanos, exclusión, jóvenes en Colombia Alianza Urbana -LAMENTOS from Micha pfister on Vimeo. Lamentos, Alianza Urbana Ahora mira el video con la canción completa....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/37651/valores-humanos" 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/valores/billy-pasco-se3thnszbkm-unsplash.jpeg"
            alt="Valores humanos"
        >
    </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">
                        Valores humanos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí tienes las dos partes de esta actividad.  Esta actividad se puede realizar en una unidad que trate sobre los valores humanos, la exclusión social, así como la tolerancia y el respeto hacia la diversidad....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/51589/la-catrina" 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/celebraciones/93a27fa2-f02f-4c34-b0b4-8f75b5eb11b4.jpg"
            alt="La Catrina"
        >
    </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">
                        La Catrina
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta actividad vas a aprender:  UNIT PLAN A Comprensión de lectura Cultura Mensaje El mensaje sobre tradiciones y creencias culturales nos ayuda a desarrollar el pensamiento crítico  Vas a saber: Vas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/38444/creencias-y-supersticiones" 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/creencias-y-valores/christian-1316207_640.jpg"
            alt="Creencias y supersticiones"
        >
    </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">
                        Creencias y supersticiones
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta actividad vas a aprender:  1. Mira las siguientes imágenes y contesta:  Image Gallery 2. Relaciona las palabras de la columna de la izquierda con las definiciones que aparecen en la columna de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/37547/nivel-competente-fases-5-y-6" 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/niveles/screen-shot-2015-02-13-at-11.06.34-280x270.png"
            alt="Nivel competente (fases 5 y 6)"
        >
    </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">
                        Nivel competente (fases 5 y 6)
                                                <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"> Te presentamos una serie de actividades para el nivel competente.  El chico que presentamos en los niveles inicial e intermedio ya se encuentra en un estado muy avanzado en su camino. Ha caminado mucho,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/34313/nivel-intermedio-fases-3-y-4" 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/niveles/Screen-Shot-2015-02-13-at-11.06.04.png"
            alt="Nivel intermedio (fases 3 y 4)"
        >
    </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">
                        Nivel intermedio (fases 3 y 4)
                                                <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"> Te presentamos tareas para trabajar en clase para el nivel intermedio El chico de esta imagen se encuentra en un camino que simboliza el aprendizaje. En este caso, está a medio camino. Dentro del proceso...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/37371/nivel-inicial" 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/destrezas/c-d-x-pdxa82obo-unsplash-405x270.jpg"
            alt="Nivel inicial"
        >
    </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">
                        Nivel inicial
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Te mostramos ejemplos de pruebas de evaluación del criterio A para este nivel. En este criterio se evalúa la comprensión auditiva de textos multimodales auditivos, es decir, textos en los que se combina...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/67976/la-paz" 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/canciones/sunguk-kim-jhqbxsoruxa-unsplash.jpg"
            alt="La paz"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta actividad es un ejemplo de cómo nuestros alumnos pueden aprender español con las herramientas de Inteligencia Artificial. Siguiendo unas pautas bien definidas, crean una canción sobre la paz con...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 April 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=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>
