<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/37650/decir-la-hora" 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/colegio/screen-shot-2021-01-26-at-20.33.41.png"
            alt="Decir la hora"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Decir la hora
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí tienes el vocabulario sobre la hora. Estudia la infografía, escucha el podcast y haz los ejercicios. También tienes un juego:-)  Flashcards Topics: La horaLevels: Phase 1/2Number of flashcards: 10...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/67961/los-bulos" 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/medios-de-comunicacion/hartono-creative-studio-hqhgbdwhmsm-unsplash.jpg"
            alt="Los bulos"
        >
    </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">
                        Los bulos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta actividad vamos a aprender a: - reconocer y usar el vocabulario relacionado con los bulos o noticias falsas. - comprender textos audiovisuales sobre el tema de los bulos. - contar experiencias...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/18725/material-interactivo-comics-dibujos" 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/cartoon-1082003_1280.jpg"
            alt="Material interactivo (cómics, dibujos)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Diseño del curso
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Material interactivo (cómics, dibujos)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Estas páginas son generadores para crear cómics, dibujos, o películas para la clase. Es un material ideal para trabajar las nuevas tecnologías con tus alumnos, sobre todo teniendo en cuenta la importancia...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/41198/la-evaluacion-electronica" 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/evaluacion/burst-kuqqarjjuw0-unsplash.jpeg"
            alt="La evaluación electrónica"
        >
    </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">
                        La evaluación electrónica
                                                <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"> En esta sección encuentras todo lo que necesitas sobre la evaluación electrónica en pantalla.Además de las características del examen, tenemos ejemplos de exámenes MOCKS para que puedas practicar con...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/67592/tarea-3-mock-4-nivel-intermedio" 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/evaluacion/evaluacion-electronica/mingjun-he-ehlrmrkf3ou-unsplash.jpg"
            alt="Tarea 3 mock 4 nivel intermedio"
        >
    </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">
                        Tarea 3 mock 4 nivel intermedio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta prueba sumativa es un ejemplo de la evaluación electrónica para evaluar la expresión escrita en el nivel intermedio. El tiempo de duración es de 35 minutos.  Esta tarea se centra en el contexto global...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/67941/tarea-1-2-mock-4-nivel-intermedio" 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/mock-4-intermedio/screenshot-2026-04-14-at-14.18.28.png"
            alt="Tarea 1+2 Mock 4 Nivel intermedio"
        >
    </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">
                        Tarea 1+2 Mock 4 Nivel intermedio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta tarea incluye las preguntas que se concentra en los conceptos clave de cultura y conexiones. Deberás demostrar comprensión de la lengua objeto de estudio respondiendo a un número de preguntas basadas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/67464/tarea-2-mock-4-nivel-intermedio" 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/cultura/download-2.jpg"
            alt="Tarea 2 Mock 4 Nivel intermedio"
        >
    </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">
                        Tarea 2 Mock 4 Nivel intermedio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Comprensión texto multimodal escrito    Esta tarea incluye  preguntas que se concentran en los conceptos clave de cultura y conexiones. Deberás demostrar comprensión de la lengua objeto de estudio respondiendo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/67929/tarea-1-mock-4-nivel-intermedio" 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/mock-4-intermedio/screenshot-2026-04-14-at-14.18.28.png"
            alt="Tarea 1 Mock 4 Nivel intermedio"
        >
    </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">
                        Tarea 1 Mock 4 Nivel intermedio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pregunta 1 / Aspecto i (12 puntos) + Pregunta 2 / Aspecto ii (8 puntos)Comprensión texto multimodal oral.Esta tarea incluye preguntas que se concentran en los conceptos clave de cultura y conexiones....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/67462/mock-4-nivel-intermedio" 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/internet/computer-2653375_1280.png"
            alt="Mock 4 Nivel intermedio"
        >
    </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">
                        Mock 4 Nivel intermedio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí tienes una prueba modelo del examen con las tres tareas: comprensión auditiva, comprensión de lectura y expresión escrita. Cada componente tiene 24 puntos. El total de la evaluación externa es de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/67930/tarea-1-2-mock-4-nivel-intermedio-profesores-copy" 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/mock-4-intermedio/screenshot-2026-04-14-at-14.18.28.png"
            alt="Tarea 1+2 Mock 4 Nivel intermedio (profesores) (copy)"
        >
    </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">
                        Tarea 1+2 Mock 4 Nivel intermedio (profesores) (copy)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta prueba es un ejemplo de la evaluación electrónica para el aspecto iii de los criterios A y B del nivel intermedio. El alumno debe ver el video, leer el texto multimodal escrito y contestar las preguntas. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 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=11" 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>
