<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=1ajTjTPNSPYCa1jVbwFr60ZLi3wVh-8HX" width="100%" height="320"></iframe>
        </div>
        <div class="uk-panel uk-margin-bottom">
            <h3>Municipios</h3>
            <ul>
                <li>Zacapoaxtla</li>
                <li>Cuetzalan del Progreso</li>
                <li>Ayotoxco de Guerrero</li>
                <li>Hueytamalco</li>
                <li>Teziutlán</li>
            </ul>
        </div>
        <div class="uk-panel uk-margin-bottom">
            <h3>Atractivos Naturales, Arqueológicos, Arquitectónicos, Culturales</h3>
            <ul>
                <li>Zacapoaxtla: cabañas, cascada Apulco, miradores.</li>
                <li>Cuetzalan del Progreso: grutas, zona arqueológica Yohualichan, arquitectura.</li>
                <li>Ayotoxco de Guerrero: senderismo en río Agua Bonita. </li>
                <li>Hueytamalco: cascadas y ríos.</li>
            </ul>
        </div>
    </div>

    <div class="uk-grid-item-match">
        <div class="uk-panel uk-margin-bottom">
            <h3>Puntos Agroturísticos</h3>
            <ul>
                <li>Cuetzalan del Progreso: cabañas de bambú, restaurantes de mujeres con comida típica.</li>
                <li>Ayotoxco de Guerrero: CICET, edificio de bambú (mujeres productoras de vainilla aromática), restaurante con platillos a base de vainilla, recorrido por invernaderos y  producción de abeja melipona. </li>
                <li>Hueytamalco: Plan de Guinea deportes extremos. </li>
                <li>Venustiano Carranza: viveros de vainilla.</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>Zacapoaxtla: 15</li>
                <li>Cuetzalan del Progreso: 55</li>
                <li>Ayotoxco de Guerrero: 5</li>
                <li>Hueytamalco: 3</li>
                <li>Teziutlán: 23</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>Zacapoaxtla: 77</li>
                <li>Cuetzalan del Progreso: 100</li>
                <li>Ayotoxco de Guerrero: 0</li>
                <li>Hueytamalco: 0</li>
                <li>Teziutlán: 80</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/VainillaSlider/vainilla-1.jpg" loading="lazy" alt="vainilla 1" 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/VainillaSlider/vainilla-2.jpg" loading="lazy" alt="vainilla 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/VainillaSlider/vainilla-3.jpg" loading="lazy" alt="vainilla 1" 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/VainillaSlider/vainilla-4.jpg" loading="lazy" alt="vainilla 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/VainillaSlider/vainilla-5.jpg" loading="lazy" alt="vainilla 1" 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/VainillaSlider/vainilla-7.jpg" loading="lazy" alt="vainilla 2" 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>
