<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/19080/pronunciacion" 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/comunicacion/kelly-sikkema-zu3huzvakj0-unsplash.jpg"
            alt="Pronunciación"
        >
    </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">
                        Pronunciación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pronunciación El acento es el grupo de características fonéticas, rítmicas, melódicas que caracterizan al habla de un grupo de personas en una ciudad, una región o un país. En el caso del español, serían...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19082/patrones" 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/jason-leung-umncyefo9-u-unsplash.jpg"
            alt="Patrones"
        >
    </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">
                        Patrones
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Patrones Cada lengua tiene patrones característicos que pueden ser de índole funcional, social o simplemente estilístico. En la mayoría de las veces, los patrones son memorizados como unidades léxicas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19084/modismo" 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/comunicacion/patrick-tomasso-oaqk7qqnh_c-unsplash.jpg"
            alt="Modismo"
        >
    </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">
                        Modismo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Modismo Los modismos son frases hechas que no se pueden traducir literalmente porque el significado no depende de las palabras que la forman. También dentro de este concepto podemos considerar el argot...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19087/mensaje" 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/comunicacion/volodymyr-hryshchenko-v5vqwc9gyeu-unsplash.jpg"
            alt="Mensaje"
        >
    </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">
                        Mensaje
                                                <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"> Mensaje El mensaje es el conjunto de señales, signos o símbolos que son objeto de una comunicación, así como el contenido mismo de la comunicación. Se encuentra inmerso en todo tipo de texto y es transmitido...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19088/funcion" 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/scott-webb-kzoiqn8x9i4-unsplash.jpg"
            alt="Función"
        >
    </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">
                        Función
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Función Bajo el concepto de función comprendemos el uso comunicativo de la lengua para conseguir algún propósito. Teniendo en cuenta que usamos la lengua para conseguir objetivos, los exponentes lingüísticos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19081/forma" 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/egor-myznik-pdbjpyw0f4a-unsplash.jpg"
            alt="Forma"
        >
    </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">
                        Forma
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Forma La forma se refiere por un lado a la constitución de las palabras y por otro al orden secuencial de los elementos lingüísticos. En el caso de la formación de palabras, nos remite a la morfología que...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19089/estructura" 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/ricardo-gomez-angel-j5gcokzdm6i-unsplash.jpg"
            alt="Estructura"
        >
    </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">
                        Estructura
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Estructura Este concepto se refiere a la organización textual en cualquier tipo de formato. Entendemos así la manera en la que organizamos un texto, ya sea escrito u oral. Para que un texto adquiera una...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19085/empatia" 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/team-spirit-g8ef49911f_640.jpg"
            alt="Empatía"
        >
    </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">
                        Empatía
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La empatía Bajo el concepto de empatía entendemos la capacidad que todo usuario de la lengua tiene de comprender y adaptar su discurso a las características del destinatario o receptor de los intercambios...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19090/elecciones-de-estilo" 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/farmacia.jpg"
            alt="Elecciones de estilo"
        >
    </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">
                        Elecciones de estilo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Elecciones de estilo Este concepto se basa en las estrategias necesarias para que los alumnos aprendan a elegir el vocabulario y el estilo adecuado. Requiere por parte del estudiante el conocimiento del...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19070/deduccion" 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/tiempo_libre/hands-600497_1920.jpg"
            alt="Deducción"
        >
    </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">
                        Deducción
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Deducción En las clases de adquisición de lenguas se produce el razonamiento deductivo mayoritariamente en la comprensión de textos, ya sean orales como escritos. A partir de una idea general, los alumnos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 June 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=20" 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>
