<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanisha/page/34609/el-hipertexto-y-los-cronotopos" 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/files/time-2743994_1280.jpg"
            alt="El hipertexto y los cronotopos"
        >
    </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">
                        El hipertexto y los cronotopos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vivimos en tiempos de virtualidad expandida y aplicada a todas las áereas del conocimiento y del arte. Entre las posibilidades de expansión, el "hipertexto" crea precisamente la opción de multiplicar...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/70872/paginas-del-estudiante" 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/bienvenidos/2026/paginas-estudiante.jpg"
            alt="Páginas del estudiante"
        >
    </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">
                        Páginas del estudiante
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En las siguientes páginas, encontrarán una descripción detallada de cada una de las secciones de las páginas del estudiante, con capturas de pantalla que pueden ser prácticas para un repaso rápido de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/70391/perfil-de-la-comunidad-y-modelo-de-programa" 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/perfil-y-modelo-1.png"
            alt="Perfil de la comunidad y modelo de programa"
        >
    </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">
                        Perfil de la comunidad y modelo de programa
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/70984/seccion-4-evaluacion-assessment" 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/bienvenidos/business-3639450_1280.jpg"
            alt="Sección 4. Evaluación (Assessment)"
        >
    </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">
                        Sección 4. Evaluación (Assessment)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí encontrarán la descripción de cada una de los apartados de la sección "Evaluación" de las páginas del estudiante. El menú “Evaluación” (Assessment ) de las páginas del estudiante, a diferencia de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/69411/lista-de-verificacion" 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/objetivos-3.jpg"
            alt="Lista de verificación"
        >
    </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">
                        Lista de verificación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí te ofrecemos una lista de verificación para que la imprimas y, a partir de ella y una vez concluida la tarea, puedas revisar si has seguido todos los pasos necesarios para cumplir con tu trabajo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/64171/caracteristicas-y-tips-" 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/evaluacion/monografia-1.jpg"
            alt="Características y tips "
        >
    </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">
                        Características y tips 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí encontrarás algunos consejos que pueden ayudarte a resolver con más facilidad tu tarea y a obtener una mejor puntuación. Es, nada más y nada menos, que una síntesis de los aspectos fundamentales...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/69418/componentes-troncales" 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/modelo-programa-ib.png"
            alt="Componentes troncales"
        >
    </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">
                        Componentes troncales
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En la página 2 de las Guías de Lengua y Literatura, y de Literatura se ubica el núcleo del Programa del Diploma, constituido por sus tres componentes, con su correspondiente explicación de la que, en...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/69409/monografia-primera-evaluacion-2027" 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/diseno.-secciones-internas/tips.png"
            alt="Monografía (primera evaluación 2027)"
        >
    </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">
                        Monografía (primera evaluación 2027)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La Monografía es el componente que te ayuda a desarrollar tu capacidad de investigar de manera independiente y siguiendo una línea, en el caso de nuestras asignaturas, relacionada con el análisis de recursos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/69535/creatividad-actividad-y-servicio-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/spanisha/images/pestanas/cas-640x427.jpg"
            alt="Creatividad, actividad y servicio (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">
                        Creatividad, actividad y servicio (CAS)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Creatividad, Actividad y Servicio (CAS) es un espacio de acción práctica, centrado fundamentalmente en tus experiencias individuales y grupales. El campo de Lengua A es especialmente valioso para que...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanisha/page/69272/componentes-troncales" 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/modelo-programa-ib.png"
            alt="Componentes troncales"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Bases del PD
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Componentes troncales
                                                <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"> El núcleo del Programa del Diploma está constituido por tres componentes, que se denominan “troncales” (DP core). Se trata de Monografía, Teoría del Conocimiento y CAS. Cada estudiante del PD debe completar...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 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=29" 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>
