<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/39115/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">
                            Activities
                        </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...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/67625/los-sin-techo" 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/Hh/screenshot-2026-03-22-at-16.44.50.png"
            alt="Los sin techo"
        >
    </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">
                        Los sin techo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Objetivo:  Analizar lo que significa “los sin techo”.                              Tipos de textos:  Carta formal, texto audiovisual, texto expositivo y pasaje literario (NS). Lengua: Gramática: la...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/35636/la-importancia-de-la-comunidad" 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/renovacion-actividades/screenshot-2020-08-11-at-23.06.38.png"
            alt="La importancia de la comunidad"
        >
    </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">
                        La importancia de la comunidad
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Objetivo:  Analizar lo que significa una comunidad y sus características                                            Tipos de textos:  Carta formal, texto audiovisual, texto expositivo y pasaje literario...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/60746/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/images/arte/screenshot-2025-03-02-at-19.50.01.png"
            alt="Organización social"
        >
    </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">
                        Organización social
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Para cubrir esta área temática tenemos 6 unidades:  Diferencias y desigualdades, El mundo laboral, La comunidad, Ley y orden,  Relaciones en el siglo XXI, Relaciones de pareja.Es mejor que trabajen 2 o...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/67624/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/screenshot-2021-03-08-at-11.30.06.png"
            alt="Nivel superior"
        >
    </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">
                        Nivel superior
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí te ofrecemos la tarea escrita para el nivel superior de esta unidad. La comunidad NS EE...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/67623/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/screenshot-2021-03-08-at-11.30.06.png"
            alt="Nivel medio"
        >
    </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">
                        Nivel medio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí te ofrecemos la tarea escrita para el nivel medio de esta unidad. La comunidad NM EE...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/67620/expresion-escrita" 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/renovacion-actividades/screenshot-2020-07-29-at-13.53.41.png"
            alt="Expresión escrita"
        >
    </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 escrita
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección: Te ofrecemos una tarea similar a la del examen adaptada a ambos niveles. Aquí te sugerimos que los alumnos escriban menos palabras porque es una forma de comenzar a acostumbrarlos al...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/67622/oral-individual-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/renovacion-actividades/screenshot-2020-08-02-at-16.35.38.png"
            alt="Oral individual: Nivel superior"
        >
    </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">
                        Oral individual: Nivel superior
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección: Te ofrecemos una tarea interactiva para activar la expresión oral. Este quiz pretende darte un ejemplo y pautas para trabajar el pasaje literaro para que luego tú apliques las frases...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/67621/oral-individual-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/renovacion-actividades/screenshot-2020-08-02-at-16.35.38.png"
            alt="Oral individual: Nivel medio"
        >
    </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">
                        Oral individual: Nivel medio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección: Te ofrecemos una tarea interactiva para activar la expresión oral. Este quiz pretende darte un ejemplo y pautas para trabajar el estímulo visual para que luego tú apliques las frases...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/35427/la-comunidad-dos-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/spanishb/images/renovacion-actividades/screenshot-2020-08-11-at-23.06.38.png"
            alt="La comunidad (Dos 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">
                        La comunidad (Dos unidades)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección: Trabajamos La importancia de la comunidad y Los sin techo dentro del área temática: Organización social. Te ofrecemos:  Secciones En esta unidad se trata de definir lo que es comunidad...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 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=61" 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>
