<div class="uk-grid uk-child-width-1-2@s uk-padding" uk-grid>
    <div class="uk-grid-item-match">
        <div class="uk-card uk-card-default uk-margin-bottom">
            <iframe src="https://www.google.com/maps/d/embed?mid=16tP3GzG5Ha-egoftaofAkS7Pv1__iWGB" width="100%" height="320"></iframe>
        </div>
        <div class="uk-panel uk-margin-bottom">
            <h3>Municipios</h3>
            <ul>
                <li>Zacatlán</li>
                <li>Zapotitlán de Méndez</li>
            </ul>
        </div>
        <div class="uk-panel uk-margin-bottom">
            <h3>Atractivos Naturales, Arqueológicos, Arquitectónicos, Culturales</h3>
            <ul>
                <li>Zacatlán: Cascada de Quetzalapa, planta hidroeléctrica, valle de Piedras Encimadas, centro histórico.</li>
                <li>Zapotitlán de Méndez: Grutas Karmidas</li>
            </ul>
        </div>
    </div>

    <div class="uk-grid-item-match">
        <div class="uk-panel uk-margin-bottom">
            <h3>Puntos Agroturísticos</h3>
            <ul>
                <li>Zacatlán: Fábrica de vinos La Primavera, plantaciones de manzana.</li>
                <li>Zapotitlán de Méndez: Fábrica de dulces artesanales.</li>
            </ul>
        </div>

        <div class="uk-panel uk-margin-bottom">
            <h3>Establecimientos de hospedaje registrados según tipo de alojamiento (Hoteles, Moteles, Cabañas, Etc.)</h3>
            <ul>
                <li>Zacatlán: 75</li>
                <li>Zapotitlán de Méndez: 2</li>
            </ul>
        </div>

        <div class="uk-panel uk-margin-bottom">
            <h3>Establecimientos de servicio de alimentos y de bebidas con categoría turística (Restaurantes, Cafeterías, Bares, Etc.)</h3>
            <ul>
                <li>Zacatlán: 123</li>
                <li>Zapotitlán de Méndez: 14</li>
            </ul>
        </div>
    </div>
</div>



<div class="container uk-padding">
    <div class="uk-position-relative uk-visible-toggle uk-slider" tabindex="-1" uk-slider="finite: true; center: false; sets: true">

        <ul class="uk-slider-items uk-child-width-1-2@s uk-child-width-1-4@m uk-grid-small">
            <li>
                <div class="uk-card uk-overflow-hidden">
                    <div class="uk-cover-container boder">
                        <img src="images/site/agroturiticos/ManzanaSlider/manzana-2.jpg" loading="lazy" alt="manzana 2" uk-cover>
                        <canvas width="585" height="390"></canvas>
                    </div>
                </div>
            </li>
                <li>
                <div class="uk-card uk-overflow-hidden">
                    <div class="uk-cover-container boder">
                        <img src="images/site/agroturiticos/ManzanaSlider/manzana-3.jpg" loading="lazy" alt="manzana 3" uk-cover>
                        <canvas width="585" height="390"></canvas>
                    </div>
                </div>
            </li>
            <li>
                <div class="uk-card uk-overflow-hidden">
                    <div class="uk-cover-container boder">
                        <img src="images/site/agroturiticos/ManzanaSlider/manzana-4.jpg" loading="lazy" alt="manzana 4" uk-cover>
                        <canvas width="585" height="390"></canvas>
                    </div>
                </div>
            </li>
                <li>
                <div class="uk-card uk-overflow-hidden">
                    <div class="uk-cover-container boder">
                        <img src="images/site/agroturiticos/ManzanaSlider/manzana-5.jpg" loading="lazy" alt="manzana 5" uk-cover>
                        <canvas width="585" height="390"></canvas>
                    </div>
                </div>
            </li>
            <li>
                <div class="uk-card uk-overflow-hidden">
                    <div class="uk-cover-container boder">
                        <img src="images/site/agroturiticos/ManzanaSlider/manzana-6.jpg" loading="lazy" alt="manzana 6" uk-cover>
                        <canvas width="585" height="390"></canvas>
                    </div>
                </div>
            </li>
            <!-- Agrega más items igual -->
        </ul>

        <!-- Flechas de navegación -->
        <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
        <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>
    </div>
</div>
