<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanisha/page/38630/unidades-de-trabajo" 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/spanisha/images/pestanas/unidades-de-trabajo.jpg"
            alt="Unidades de trabajo"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Libro del profesor
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Unidades de trabajo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí encontrarán sugerencias para trabajar con las Unidades de trabajo. Para facilitar la búsqueda, se respeta la división por unidad y, en cada una de ellas, la estructura de bloques, secciones y subsecciones....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/38610/unidades-de-trabajo" 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/spanisha/images/pestanas/unidades-de-trabajo.jpg"
            alt="Unidades de trabajo"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Libro del profesor
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Unidades de trabajo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí encontrarán las sugerencias para trabajar con las Unidades de trabajo. Para facilitar la búsqueda, se respeta la división por unidad y, en cada una de ellas, la estructura de bloques, secciones y...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/67388/la-ambiguedad-los-humanos" 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/spanisha/images/ia/klara-y-el-sol.-introduccion.-960x720.jpg"
            alt="La ambigüedad: los humanos"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Libro del profesor
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La ambigüedad: los humanos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Así como Klara es una combinación de rasgos no-humanos y humanos, los seres humanos que habitan el mundo de Klara muestran características que también los vuelven inestables en su propia categoría de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/67386/un-mundo-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/spanisha/images/ia/mimesis-480x720.png"
            alt="Un mundo humano"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Libro del profesor
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Un mundo humano
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> El objetivo de esta sección es descubrir la parte complementaria de la identidad de Klara, su constitución por momentos “humana”, para insistir en su ambigüedad existencial y reflexionar a partir de allí...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/71197/analizamos-e-interpretamos" 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/spanisha/images/ia/humanoide-720x720.jpg"
            alt="¿Analizamos e interpretamos?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Libro del profesor
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        ¿Analizamos e interpretamos?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Las secciones siguientes proponen un análisis e interpretación de la novela Klara y el Sol tomando como punto de partida la ambigüedad de valores en relación con la identidad y la existencia humana en...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/71192/entramos-en-el-tema" 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/spanisha/images/ia/kazuo-ishiguro-538x613.png"
            alt="¿Entramos en el tema?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Libro del profesor
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        ¿Entramos en el tema?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta sección contiene una presentación del autor de la novela Klara y el Sol, de Kazuo Ishiguro y una introducción general a las inquietudes existenciales y literarias que se plasman en la obra. Actividad1....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/67378/una-novela-klara-y-el-sol-" 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/spanisha/images/ia/dependencia-del-sol-435x437.png"
            alt="Una novela: Klara y el sol "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Libro del profesor
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Una novela: Klara y el sol 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Luego de haber trabajado el contexto de la opinión a través de textos no ficcionales variados, es interesante observar las propuestas que genera la IA en un mundo ficcional, la obra de Kazuo Ishiguro,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/67389/una-conclusion-inquietante" 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/spanisha/images/ia/avance-ia-y-retroceso-in-467x516.png"
            alt="Una conclusión inquietante"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Libro del profesor
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Una conclusión inquietante
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Para cerrar las reflexiones con el tono y la forma adecuada al campo de Teoría del Conocimiento, es importante dejar claramente establecido que, a lo largo de toda este bloque de trabajo, no hemos hecho...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/67387/la-ambiguedad-klara" 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/spanisha/images/ia/maquina-humanizada-426x435.png"
            alt="La ambigüedad: Klara"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Libro del profesor
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La ambigüedad: Klara
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Las dudas que surgen en la intersección entre lo humano y lo no-humano del mundo que Klara ve y construye, nos llevan directamente a considerar que, de algún modo, todos habitamos un un universo de transición....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/67382/un-mundo-no-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/spanisha/images/ia/tecnocweno-recortada-70x66.png"
            alt="Un mundo no-humano"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Libro del profesor
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Un mundo no-humano
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> El objetivo de esta sección es identificar y caracterizar el aspecto no-humano de Klara, precisamente para poner de relevancia que sin el otro aspecto, el humano, Klara no está completa y que, por lo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 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="/spanisha/latest-updates?page=24" 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>
