<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/56691/pasaje-4-la-noche-de-los-feos" 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/Vv/pasajes.webp"
            alt="Pasaje 4: La noche de los feos"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Oral individual
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Pasaje 4: La noche de los feos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Te ofrecemos un pasaje literario y una serie de preguntas que te pueden ayudar a pensar en las preguntas apropiadas para la segunda parte. También tienes preguntas a modo de sugerencias para la tercera...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/56690/pasaje-3-cronica-de-una-muerte-anunciada" 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/Vv/pasajes.webp"
            alt="Pasaje 3: Crónica de una muerte anunciada"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Oral individual
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Pasaje 3: Crónica de una muerte anunciada
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Te ofrecemos un pasaje literario y una serie de preguntas que te pueden ayudar a pensar en las preguntas apropiadas para la segunda parte. También tienes preguntas a modo de sugerencias para la tercera...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/56689/pasaje-2-entre-amigos" 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/Vv/pasajes.webp"
            alt="Pasaje 2: Entre amigos"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Oral individual
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Pasaje 2: Entre amigos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Te ofrecemos un pasaje literario y una serie de preguntas que te pueden ayudar a pensar en las preguntas apropiadas para la segunda parte. También tienes preguntas a modo de sugerencias para la tercera...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/56447/pasaje-1-el-ahogado-mas-hermoso-del-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/spanishb/images/Vv/pasajes.webp"
            alt="Pasaje 1: El ahogado más hermoso del mundo"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Oral individual
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Pasaje 1: El ahogado más hermoso del mundo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Te ofrecemos un pasaje literario y una serie de preguntas que te pueden ayudar a pensar en las preguntas apropiadas para la segunda parte. También tienes preguntas a modo de sugerencias para la tercera...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/57245/estimulo-visual-2-campana-en-costa-rica" 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/Vv/estimulos.webp"
            alt="Estímulo visual 2: Campaña en Costa Rica"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Oral individual
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Estímulo visual 2: Campaña en Costa Rica
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Te ofrecemos un estímulo visual y una serie de preguntas que te pueden ayudar a pensar en las preguntas apropiadas para la segunda parte. También tienes preguntas a modo de sugerencias para la tercera...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/56685/estimulo-visual-1-el-medio-ambiente-en-costa-rica" 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/Vv/estimulos.webp"
            alt="Estímulo visual 1: El medio ambiente en Costa Rica"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Oral individual
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Estímulo visual 1: El medio ambiente en Costa Rica
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Te ofrecemos un estímulo visual y una serie de preguntas que te pueden ayudar a pensar en las preguntas apropiadas para la segunda parte. También tienes preguntas a modo de sugerencias para la tercera...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/57207/estimulo-visual-2-el-cambio-climatico-en-panama" 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/cuestiones%20globales/screenshot-2024-08-30-at-00.46.33.png"
            alt="Estímulo visual 2: El cambio climático en Panamá"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Review/revision
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Estímulo visual 2: El cambio climático en Panamá
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   A continuación, un quiz para consolidar el vocabulario de la presentación....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/42458/estimulo-visual-1-campana-en-costa-rica" 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/curso-virtual/screenshot-2021-11-29-at-17.27.50.png"
            alt="Estímulo visual 1: Campaña en Costa Rica"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Review/revision
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Estímulo visual 1: Campaña en Costa Rica
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  Te ofrecemos un estímulo visual relacionado con el área temática: Cómo compartimos el planeta. También, tienes una infografía muy simple de la presentación y te damos unas explicaciones para que puedas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/57208/estimulo-visual-2-tapas-y-socializacion" 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/cuestiones%20globales/screenshot-2024-08-30-at-00.46.33.png"
            alt="Estímulo visual 2: Tapas y socialización"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Review/revision
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Estímulo visual 2: Tapas y socialización
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   A continuación, un quiz para consolidar el vocabulario de la presentación....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/42459/estimulo-visual-1-terapia-online" 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/curso-virtual/screenshot-2021-11-29-at-17.27.50.png"
            alt="Estímulo visual 1: Terapia online"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Review/revision
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Estímulo visual 1: Terapia online
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  Te ofrecemos un estímulo visual relacionado con el área temática: Organización social. También, tienes una infografía muy simple de la presentación y te damos unas explicaciones para que puedas vincular...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2024
                        </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=120" 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>
