<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanish-abinitio/page/39461/cuestiones-sociales" 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/jovenes/screenshot-2021-07-17-at-17.25.59.png"
            alt="Cuestiones sociales"
        >
    </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">
                        Cuestiones sociales
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Te ofrecemos una unidad didáctica completa para los profesores y la misma unidad para los alumnos. Hemos optimizado la parte correspondiente al alumno de modo que puedas asignar todas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 December 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/39500/lugar-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/spanish-abinitio/images/lugar-de-trabajo/screenshot-2021-07-17-at-17.31.58.png"
            alt="Lugar de trabajo"
        >
    </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">
                        Lugar de trabajo
                                                <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"> En esta sección:Te ofrecemos una unidad didáctica completa para los profesores y la misma unidad para los alumnos. Hemos optimizado la parte correspondiente al alumno de modo que puedas asignar todas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 December 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/40329/educacion" 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/educacion/screenshot-2021-07-17-at-18.00.14.png"
            alt="Educación"
        >
    </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">
                        Educación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Te ofrecemos una unidad didáctica completa para los profesores y la misma unidad para los alumnos. Hemos optimizado la parte correspondiente al alumno de modo que puedas asignar todas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 December 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/39475/tecnologia" 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/tecnologia/screenshot-2021-07-17-at-18.11.44.png"
            alt="Tecnología"
        >
    </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">
                        Tecnología
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Te ofrecemos una unidad didáctica completa para los profesores y la misma unidad para los alumnos. Hemos optimizado la parte correspondiente al alumno de modo que puedas asignar todas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 December 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/40330/medios-de-comunicacion" 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/comunicacion-y-medios/screenshot-2021-07-17-at-18.16.41.png"
            alt="Medios de comunicación"
        >
    </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">
                        Medios de comunicación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Te ofrecemos una unidad didáctica completa para los profesores y la misma unidad para los alumnos. Hemos optimizado la parte correspondiente al alumno de modo que puedas asignar todas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 December 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/39489/entretenimiento" 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/entretenimiento/screenshot-2021-07-17-at-18.07.05.png"
            alt="Entretenimiento"
        >
    </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">
                        Entretenimiento
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Te ofrecemos una unidad didáctica completa para los profesores y la misma unidad para los alumnos. Hemos optimizado la parte correspondiente al alumno de modo que puedas asignar todas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 December 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/38993/transporte" 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/transporte/screenshot-2021-07-17-at-18.13.43.png"
            alt="Transporte"
        >
    </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">
                        Transporte
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Te ofrecemos una unidad didáctica completa para los profesores y la misma unidad para los alumnos. Hemos optimizado la parte correspondiente al alumno de modo que puedas asignar todas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 December 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/34666/ocio" 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/snippets/screenshot-2020-09-24-at-15.34.01.png"
            alt="Ocio"
        >
    </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">
                        Ocio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección: Te ofrecemos una unidad didáctica completa para los profesores y la misma unidad para los alumnos. Hemos optimizado la parte correspondiente al alumno de modo que puedas asignar todas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 December 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/34665/rutina-diaria" 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/snippets/screenshot-2020-09-24-at-15.32.22.png"
            alt="Rutina diaria"
        >
    </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">
                        Rutina diaria
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección: Te ofrecemos una unidad didáctica completa para los profesores y la misma unidad para los alumnos. Hemos optimizado la parte correspondiente al alumno de modo que puedas asignar todas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 December 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanish-abinitio/page/34663/bienestar-fisico" 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/snippets/screenshot-2020-09-24-at-15.28.40.png"
            alt="Bienestar físico"
        >
    </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">
                        Bienestar físico
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección: Te ofrecemos una unidad didáctica completa para los profesores y la misma unidad para los alumnos. Hemos optimizado la parte correspondiente al alumno de modo que puedas asignar todas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 December 2023
                        </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="/spanish-abinitio/latest-updates?page=84" 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>
