<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/71948/student-access-crear-grupos" 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/psychology/images/Questioning-students.jpg"
            alt="Student access: Crear grupos"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Comienza aquí
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Student access: Crear grupos
                                                <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"> Una de las características más importantes de este página es que permite a los alumnos acceder a los materiales. Esto incluye el libro digital (ebook), las actividades, y los materiales de evaluación...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/72214/mediacion" 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/Xx/screenshot-2026-09-17-at-12.54.53.png"
            alt="Mediació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">
                        Mediación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En su sentido más amplio, «mediar» significa actuar como intermediario en un conflicto entre diferentes partes con el objetivo de ayudar a alcanzar un acuerdo. Este tipo de «mediación» se produce a menudo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/67169/los-sin-techo-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/spanishb/images/Hh/screenshot-2026-03-22-at-16.44.50.png"
            alt="Los sin techo (profesores)"
        >
    </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">
                        Los sin techo (profesores)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ¿Quiénes son los sin techo? En esta unidad se trata de definir quiénes son los “sin techo” reflexionar sobre su situación. Leemos una noticia y unas cartas sobre estas personas sin hogar, denominados...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/51487/evaluacion-sumativa-estilos-de-vida" 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/ELE-BCN/screenshot-2023-08-25-at-09.04.09.png"
            alt="Evaluación sumativa: Estilos de vida"
        >
    </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">
                        Evaluación sumativa: Estilos de vida
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La evaluación sumativa tiene como objetivo determinar el rendimiento de los alumnos con respecto a los objetivos marcados para una etapa, en este caso, lo que se evaluará será la unidad trabajada. Si...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/50431/evaluacion-sumativa-creencias-y-valores" 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/ELE-BCN/screenshot-2023-08-25-at-09.04.09.png"
            alt="Evaluación sumativa: Creencias y valores"
        >
    </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">
                        Evaluación sumativa: Creencias y valores
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La evaluación sumativa tiene como objetivo determinar el rendimiento de los alumnos con respecto a los objetivos marcados para una etapa, en este caso, lo que se evaluará será la unidad trabajada. Si...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/57804/evaluacion-sumativa-apropiacion-cultural" 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/ELE-BCN/screenshot-2023-08-25-at-09.04.09.png"
            alt="Evaluación sumativa: Apropiación cultural"
        >
    </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">
                        Evaluación sumativa: Apropiación cultural
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La evaluación sumativa tiene como objetivo determinar el rendimiento de los alumnos con respecto a los objetivos marcados para una etapa, en este caso, lo que se evaluará será la unidad trabajada. Si...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/50307/evaluacion-sumativa-identidades-y-culturas" 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/ELE-BCN/screenshot-2023-08-25-at-09.04.09.png"
            alt="Evaluación sumativa: Identidades y culturas"
        >
    </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">
                        Evaluación sumativa: Identidades y culturas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La evaluación sumativa tiene como objetivo determinar el rendimiento de los alumnos con respecto a los objetivos marcados para una etapa, en este caso, lo que se evaluará será la unidad trabajada. Si...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/72186/cas-" 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/Cc/cas(1).png"
            alt="CAS "
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  Es un componente troncal del modelo del Diploma y uno de los requisitos del programa del IB. La guía de Lengua B dice: "Creatividad, Actividad (término antes referido como Acción) y Servicio posibilita...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/25562/cas-y-espanol-b" 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/Cc/cas(1).png"
            alt="CAS y Español B"
        >
    </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">
                        CAS y Español B
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  Es un componente troncal del modelo del Diploma y uno de los requisitos del programa del IB. La guía de Lengua B dice: "Creatividad, Actividad (término antes referido como Acción) y Servicio posibilita...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/71958/teoria-del-conocimiento-" 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/Dd/screenshot-2021-09-29-at-10.01.53.png"
            alt="Teoría del conocimiento "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Teoría del conocimiento 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> El programa de la Teoría del Conocimiento (TdC o ToK en inglés) está basado en conceptos o ideas que atraviesan todas las asignaturas.   ¿Qué es la Teoría del Conocimiento? La Teoría del Conocimiento...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 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=20" 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>
