<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/43502/recomendaciones" 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-2022-03-03-at-15.56.16.png"
            alt="Recomendaciones"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación, algunas recomendaciones para completar la Prueba 2: Comprensión auditiva de forma efectiva y exitosa. Consejos y ejemplos para ambos niveles Te ofrecemos ejemplos prácticos utilizando...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/43501/recomendaciones" 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-2022-03-03-at-15.56.43.png"
            alt="Recomendaciones"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Prueba 2
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Recomendaciones
                                                <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"> A continuación, algunas recomendaciones para completar la Prueba 2: Comprensión de lectura de forma efectiva y exitosa.  Consejos y ejemplos para ambos niveles Te ofrecemos ejemplos prácticos utilizando...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/40838/planificacion-nm-y-ns" 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/Pp/screenshot-2021-08-07-at-12.21.25.png"
            alt="Planificación NM y NS"
        >
    </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">
                        Planificación NM y NS
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Te ofrecemos una alternativa de programación para tu grupo con ambos niveles mezclados. Es importante que consultes la sección de planificación para familiarizarte con los principios de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/40837/planificacion-nivel-superior" 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/Pp/screenshot-2021-08-07-at-12.20.39.png"
            alt="Planificación NIVEL SUPERIOR"
        >
    </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">
                        Planificación NIVEL SUPERIOR
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Te ofrecemos una alternativa de programación para tu grupo de solo Nivel Superior. Es importante que consultes la sección de planificación para familiarizarte con los principios de nuestra...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/40836/planificacion-nivel-medio" 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/Pp/screenshot-2021-08-07-at-12.20.20.png"
            alt="Planificación NIVEL MEDIO"
        >
    </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">
                        Planificación NIVEL MEDIO
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Te ofrecemos una alternativa de programación para tu grupo de solo Nivel Medio. Es importante que consultes la sección de planificación para familiarizarte con los principios de nuestra...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/38311/como-compartimos-el-planeta" 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-2021-03-14-at-10.38.20.png"
            alt="Cómo compartimos el planeta"
        >
    </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">
                        Cómo compartimos el planeta
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí te ofrecemos infografías de los temas dentro del área de Cómo compartimos el planeta y ejercicios para practicar el vocabulario pertinente.  El cambio climático  El medio ambiente text  La globalización...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/38309/organizacion-social" 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-2021-03-14-at-10.38.52.png"
            alt="Organización social"
        >
    </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">
                        Organización social
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí te ofrecemos infografías de los temas dentro del área de Organización social y ejercicios para practicar el vocabulario pertinente.  Diferencias y desigualdades text  El mundo laboral text  La importancia...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/38308/ingenio-humano" 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-2021-03-14-at-10.39.24.png"
            alt="Ingenio humano"
        >
    </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">
                        Ingenio humano
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí te ofrecemos infografías de los temas dentro del área de Ingenio humano y ejercicios para practicar el vocabulario pertinente.  Comunicación y medios text  Entretenimiento  Expresiones artísticas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/38307/experiencias" 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-2021-03-14-at-10.38.40.png"
            alt="Experiencias"
        >
    </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">
                        Experiencias
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí te ofrecemos infografías de los temas dentro del área de Experiencias y ejercicios para practicar el vocabulario pertinente.  Actividades recreativas  Costumbres y tradiciones text  Vacaciones y...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/38306/identidades" 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-2021-03-14-at-10.38.03.png"
            alt="Identidades"
        >
    </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">
                        Identidades
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí te ofrecemos infografías de los temas dentro del área de Identidades y ejercicios para practicar el vocabulario pertinente.  Lengua e identidad text  Estilos de vida text  Salud y bienestar text...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 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="/spanishb/latest-updates?page=25" 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>
