<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/62459/cuadros-famosos" 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/myp-spanishb/images/arte/img_1905.jpg"
            alt="Cuadros famosos"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta actividad vas a aprender: Vocabulario relacionado con las artes plásticas Estrategias para describir cuadros, analizarlos e interpretarlos Cuadros famosos de artistas hispanohablantes Esta actividad...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/62461/condiciones-hipoteticas" 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/myp-spanishb/images/gramatica/funciones/portada.png"
            alt="Condiciones hipotéticas"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Condiciones hipotéticas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Estudia y practica cómo se expresan las condiciones reales. Las oraciones condicionales hipotéticas corresponden al nivel competente ya que nos estamos refiriendo a hipótesis y conceptos por medio del...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/62430/la-creatividad" 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/myp-spanishb/images/arte/nick-fewings-epkfwrvyotc-unsplash.jpg"
            alt="La creatividad"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta actividad vas a aprender: Vocabulario relacionado con la creatividad Estrategias para definir conceptos, clasificarlos, relacionarlos y entenderlos Cómo hacer un mapa conceptual  La comprensión...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19049/equidad-y-desarrollo" 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/myp-spanishb/images/derechos-humanos/eva_peron.jpg"
            alt="Equidad y desarrollo"
        >
    </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">
                        Equidad y desarrollo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ¿Cuáles son las implicaciones que tiene el hecho de “ser humano"? ¿Cuáles son nuestros derechos y deberes como seres humanos? ¿Cómo nos comportamos con el mundo: con la naturaleza o con otras personas?...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19058/innovacion-cientifica-y-tecnica" 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/myp-spanishb/images/objetos/motor.jpg"
            alt="Innovación científica y técnica"
        >
    </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">
                        Innovación científica y técnica
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ¿Cómo influye la ciencia en el mundo? ¿Cómo puedo crear de una manera ética? ¿Qué es la huella digital? ¿Cuáles son las ventajas y desventajas del progreso científico? ¿De qué manera acerca la tecnología...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19059/expresion-personal-y-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/myp-spanishb/images/cultura/la-boca.jpg"
            alt="Expresión personal y cultural"
        >
    </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">
                        Expresión personal y cultural
                                                <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"> ¿Cuál es el rol de la creatividad en nuestro mundo? ¿Por qué y para qué creamos? ¿Cómo puedo proteger mi bienestar en el mundo virtual? ¿Cómo uso el lenguaje para expresarme? ¿Qué culturas diferentes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19062/identidades-y-relaciones" 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/myp-spanishb/images/cultura/sinagoga.jpg"
            alt="Identidades y relaciones"
        >
    </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">
                        Identidades y relaciones
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ¿Quién soy yo? ¿Cuál es mi relación con el mundo? ¿Cómo me relaciono con los demás? ¿Qué aspectos conforman mi identidad? ¿Cómo puedo ejercer el liderazgo? ¿En qué me parezco o en qué me diferencio de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19061/orientacion-en-el-espacio-y-en-el-tiempo" 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/myp-spanishb/images/ciudad/almagro.jpg"
            alt="Orientación en el espacio y en el tiempo"
        >
    </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">
                        Orientación en el espacio y en el tiempo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ¿Dónde vivimos? ¿Cuál es nuestro entorno? ¿De dónde venimos? ¿A dónde vamos? ¿Cuál es nuestra historia común? ¿Cuál es mi historia individual? ¿Qué acontecimientos están ocurriendo en nuestro mundo? ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/59446/este-es-mi-barrio" 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/myp-spanishb/images/ciudad/26360c95-1bd1-459c-bc9e-2a792d4ffef3.jpg"
            alt="Este es mi barrio"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluación
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Este es mi barrio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta tarea sumativa está diseñada para evaluar la comprensión lectora en el nivel inicial. Se puede usar para evaluar una unidad sobre el barrio o los lugares de la ciudad. Los alumnos deben saber el...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/22688/las-injusticias-de-la-ropa-" 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/myp-spanishb/images/ropa/img_6960.jpg"
            alt="Las injusticias de la ropa "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Actividades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Las injusticias de la ropa 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta actividad los alumnos reflexionan sobre las injusticias que hay en el mundo tratando el ejemplo de cómo se produce la ropa. Esta actividad puede ser una buena manera de comenzar la unidad sobre...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2025
                        </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="/myp-spanishb/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>
