<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/20574/introduccion" 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/comienza-aqui/amit-ovadia-yllpknps8kc-unsplash.jpg"
            alt="Introducción"
        >
    </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">
                        Introducció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 página ha sido diseñada por y para profesores de español que enseñan Adquisición de Lenguas de Español en el Programa de los Años Intermedios (PAI). Toda la información que presentamos es original....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/37763/unidades" 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/unidades/notebook-336634_640.jpg"
            alt="Unidades"
        >
    </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">
                        Unidades
                                                <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 encontrarás unidades para los tres niveles: inicial (fases 1 y 2), intermedio (fases 3 y 4) y competente (fases 5 y 6). El planificador de unidades está dividido en tres secciones: indagación,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/38487/unidad-una-nueva-lengua-un-nuevo-mundo" 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/img_3359.jpg"
            alt="Unidad: Una nueva lengua, un nuevo mundo"
        >
    </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">
                        Unidad: Una nueva lengua, un nuevo mundo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta unidad está diseñada para iniciar el aprendizaje de español. Tenemos actividades para aprender información general de los países hispanohablantes. También para familiarizarse con las frases más útiles...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/71732/proyecto-comunitario" 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/conceptos/nico-smit-nfoerquvzrs-unsplash.jpg"
            alt="Proyecto comunitario"
        >
    </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">
                        Proyecto comunitario
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> El proyecto comunitario conecta el aprendizaje que ocurre en el aula con las necesidades reales de la comunidad en la que viven nuestros estudiantes. Es, por tanto, una actividad de servicio a través...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/17062/el-aprendizaje-interdisciplinario" 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/conceptos/markus-winkler-aypteknqmxe-unsplash.jpeg"
            alt="El aprendizaje interdisciplinario"
        >
    </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">
                        El aprendizaje interdisciplinario
                                                <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"> Para el PAI, el aprendizaje interdisciplinario adquiere gran importancia. La idea es que debemos preparar a los alumnos para que aprendan a conectar diferentes asignaturas, al igual que ocurre en la vida...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/17650/el-aprendizaje-conceptual" 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/conceptos/riccardo-annandale-7e2pe9wjl9m-unsplash.jpg"
            alt="El aprendizaje conceptual"
        >
    </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">
                        El aprendizaje conceptual
                                                <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é es el aprendizaje conceptual? ¿Cómo integramos la enseñanza y aprendizaje de conceptos en nuestra asignatura? ¿Qué relación hay entre la enseñanza de una segunda lengua o lengua extranjera y la comprensión...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/16575/la-indagacion" 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/conceptos/question.jpg"
            alt="La indagación"
        >
    </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">
                        La indagació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"> Para el PAI es fundamental que los estudiantes asuman un rol activo en nuestras clases. Deben aprender a cuestionar el conocimiento adquirido y, además, deben reflexionar sobre los conceptos y temas que...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/16723/el-continuo-niveles-de-competencia-y-fases" 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/IMG_2494.JPG"
            alt="El continuo, niveles de competencia y fases"
        >
    </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">
                        El continuo, niveles de competencia y fases
                                                <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 adquisición de una lengua ocurre por medio de fases de menor a mayor, de manera que el alumno que inicia el aprendizaje de la lengua meta sin ningún conocimiento previo estaría en el nivel inicial...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/26176/nuestra-filosofia-en-la-ensenanza-aprendizaje-y-evaluacion" 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/indagacion/group-of-communication_f1aiqoju_l.jpg"
            alt="Nuestra filosofía en la enseñanza, aprendizaje y evaluación"
        >
    </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">
                        Nuestra filosofía en la enseñanza, aprendizaje y evaluació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"> El centro de los programas educativos del Bachillerato Internacional lo ocupan nuestras alumnas y alumnos. Para todos los programas, la metodología de enseñanza y aprendizaje se basa en la indagación,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/16574/diseno-del-curso" 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/IMG_2139.JPG"
            alt="Diseño del curso"
        >
    </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">
                        Diseño del curso
                                                <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 Programa de los Años Intermedios, PAI o MYP en inglés, exige la enseñanza de al menos dos lenguas. Por ello la asignatura “Adquisición de Lenguas: español”, tradicionalmente "Español como Lengua Extranjera",...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 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=6" 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>
