<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/41703/naftalina" 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/literatura/naftalina.png"
            alt="Naftalina"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta novela gráfica de Sole Otero trata de una extraordinaria saga familiar que se mueve entre la Italia de principios del siglo XX y la Argentina de comienzos del XXI, pero también es una emocionante...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/41029/tipos-de-texto" 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/tipos-de-textos/screenshot-2021-08-19-at-00.36.42.png"
            alt="Tipos de texto"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Te ofrecemos un resumen de los tipos de textos y una lista con los tipos de textos que aparecerán como opciones para las tareas escritas de la Prueba 1 a partir de la primera evaluación...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/45838/canciones-trabajadas" 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/spanish-abinitio/images/canciones/screenshot-2022-10-05-at-16.04.10.png"
            alt="Canciones trabajadas"
        >
    </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">
                        Canciones trabajadas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección ofrecemos una serie de canciones trabajadas y dirigidas a los chicos jóvenes. A continuación encontrarás los detalles de las canciones trabajadas.  ¿Cuándo utilizar estas canciones? Hemos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/68655/la-inteligencia-artificial-generativa" 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/costumbres%20y%20tradiciones/screenshot-2026-06-09-at-19.41.05.png"
            alt="la inteligencia artificial generativa"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        la inteligencia artificial generativa
                                                <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"> Aunque la inteligencia artificial generativa no es nueva, parece que su avance y escalada han sido imparables en el último año. Muchas personas, entre ellos muchos padres, profesores y autores están asustados...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/49681/novelas-graficas" 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/literatura/screenshot-2023-07-18-at-12.14.04.png"
            alt="Novelas gráficas"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Las novelas gráficas representan una excelente oportunidad para los alumnos de Español B ya que al fusionar narrativa y dibujo facilitan la lectura. Además, en general, tratan temas profundos y áreas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/60747/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/images/arte/screenshot-2025-03-02-at-19.46.34.png"
            alt="Cómo compartimos el planeta"
        >
    </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">
                        Cómo compartimos el planeta
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Para cubrir esta área temática tenemos 6 unidades: El cambio climático, El medio ambiente, La globalización, Oportunidades y justicia social, Responsabilidad moral y Paz y conflicto  Es mejor que trabajen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/41019/pasajes-literarios" 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/Ll/screenshot-2021-08-18-at-15.43.08.png"
            alt="Pasajes literarios"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí encontrarás los pasajes literarios de las obras trabajadas. Además, ten en cuenta que en cada unidad desarrollada en Unidades encontrarás pasajes literarios en la Expresión oral (NS) y en la evaluación...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/66550/expresiones-artisticas" 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-01-22-at-12.21.42.png"
            alt="Expresiones artísticas"
        >
    </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">
                        Expresiones artísticas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Este texto oral está relacionado con el tema de la unidad. El ejercicio interactivo es similar a los ejercicios del examen.   Texto oral  Preguntas  Transcripción Primer hablante: Yo pienso que el valor...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/50611/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/ELE-BCN/screenshot-2023-08-25-at-09.04.45.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"> En esta sección encontrarás una evaluación sumativa de todos los componentes de evaluación para esta unidad en este nivel. Ten en cuenta que esto no es un examen mock, pero sí hemos diseñado esta evaluación...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/37753/la-publicacion-en-redes-sociales-o-foros" 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/tipos-de-textos/screenshot-2021-04-20-at-15.42.41.png"
            alt="La publicación en redes sociales o foros"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Prueba 1
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La publicación en redes sociales o foros
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección encontrarás:Características de las publicaciones en redes socialesFrases frecuentes de este tipo de textosQuizzes Consulta Práctica para más consolidación  Características Las redes sociales...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 May 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=57" 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>
