<section id="eventos" class="wrapper bg-pale-green pt-15 pt-md-17 pb-10 pb-md-12">
<div class="container">
<div class="row text-center mb-10">
<div class="col-md-10 col-lg-9 col-xxl-8 mx-auto">
<h2 class="fs-16 text-uppercase text-muted mb-3"></h2>
<h3 class="display-3 px-xl-10 mb-0"></h3>
</div>
<!-- /column -->
</div>
<!-- <div class="row">
<div class="col-lg-10 mx-auto text-center">
<h2 class="display-3 mb-10">Explora Nuestros Eventos Recientes</h2>
</div>
</div> -->
<div class="swiper-container mb-10" data-margin="30" data-nav="true" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1" data-autoplay="true" data-autoplaytime="4000">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<figure class="overlay overlay-3 hover-scale color rounded">
<a href="/inicio">
<img src="/assets/img/eventos/evento_1.png"
srcset="/assets/img/eventos/evento_2.png 2x"
alt="Evento Corporativo"
/>
</a>
<figcaption>
<h5 class="from-top mb-1">Evento Corporativo</h5>
<p class="from-bottom">Éxito en Salón Multi-Uso</p>
</figcaption>
</figure>
</div>
<div class="swiper-slide">
<figure class="overlay overlay-3 overlay-gradient-1 hover-scale rounded">
<a href="/inicio">
<img src="/assets/img/eventos/evento_2.png"
srcset="/assets/img/eventos/evento_2.png 2x"
alt="Recepción en Terraza"
/>
</a>
<figcaption>
<h5 class="from-top mb-1">Recepción en Terraza</h5>
<p class="from-bottom">Coctel de Bienvenida</p>
</figcaption>
</figure>
</div>
<div class="swiper-slide">
<figure class="overlay overlay-3 overlay-gradient-8 hover-scale rounded">
<a href="/inicio">
<img src="/assets/img/eventos/evento_1.png"
srcset="/assets/img/eventos/evento_2.png 2x"
alt="Recepción en Terraza"
/>
</a>
<figcaption>
<h5 class="from-top mb-1">Recepción en Terraza</h5>
<p class="from-bottom">Coctel de Bienvenida</p>
</figcaption>
</figure>
</div>
<div class="swiper-slide">
<figure class="overlay overlay-3 hover-scale color rounded">
<a href="/inicio">
<img src="/assets/img/eventos/evento_2.png"
srcset="/assets/img/eventos/evento_2.png 2x"
alt="Recepción en Terraza"
/>
</a>
<figcaption>
<h5 class="from-top mb-1">Recepción en Terraza</h5>
<p class="from-bottom">Coctel de Bienvenida</p>
</figcaption>
</figure>
</div>
</div>
</div>
<!-- <div class="swiper-nav-wrapper">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<div class="swiper-pagination"></div> -->
</div>
</div>
</section>
<section id="carrusel-carrusel_terraza" class="wrapper bg-light py-10 py-md-14">
<div class="container">
<div class="row text-center mb-10">
<div class="col-lg-10 mx-auto">
</div>
</div>
<div class="swiper-container mb-10" data-margin="30" data-nav="true" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<figure class="overlay overlay-1 hover-scale rounded mb-0 cursor-dark">
<a href="/assets/img/espacio_35_fotos/Terraza/terraza_1.png" data-glightbox="title: " data-gallery="galeria-carrusel_terraza">
<img src="/assets/img/espacio_35_fotos/Terraza/terraza_1.png"
srcset="/assets/img/espacio_35_fotos/Terraza/terraza_1.png"
alt="Diapositiva 1"
/>
</a>
<figcaption>
<h5 class="from-top mb-0"></h5>
</figcaption>
</figure>
</div>
<div class="swiper-slide">
<figure class="overlay overlay-1 hover-scale rounded mb-0 cursor-dark">
<a href="/assets/img/espacio_35_fotos/Terraza/terraza_2.png" data-glightbox="title: " data-gallery="galeria-carrusel_terraza">
<img src="/assets/img/espacio_35_fotos/Terraza/terraza_2.png"
srcset="/assets/img/espacio_35_fotos/Terraza/terraza_2.png"
alt="Diapositiva 2"
/>
</a>
<figcaption>
<h5 class="from-top mb-0"></h5>
</figcaption>
</figure>
</div>
<div class="swiper-slide">
<figure class="overlay overlay-1 hover-scale rounded mb-0 cursor-dark">
<a href="/assets/img/espacio_35_fotos/Terraza/terraza_3.png" data-glightbox="title: " data-gallery="galeria-carrusel_terraza">
<img src="/assets/img/espacio_35_fotos/Terraza/terraza_3.png"
srcset="/assets/img/espacio_35_fotos/Terraza/terraza_3.png"
alt="Diapositiva 3"
/>
</a>
<figcaption>
<h5 class="from-top mb-0"></h5>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="carrusel-carrusel_multiuso" class="wrapper bg-pale-green py-10 py-md-14">
<div class="container">
<div class="row text-center mb-10">
<div class="col-lg-10 mx-auto">
</div>
</div>
<div class="swiper-container mb-10" data-margin="30" data-nav="true" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<figure class="overlay overlay-1 hover-scale rounded mb-0 cursor-dark">
<a href="/assets/img/espacio_35_fotos/Salon/salon_1.png" data-glightbox="title: " data-gallery="galeria-carrusel_multiuso">
<img src="/assets/img/espacio_35_fotos/Salon/salon_1.png"
srcset="/assets/img/espacio_35_fotos/Salon/salon_1.png"
alt="Diapositiva 1"
/>
</a>
<figcaption>
<h5 class="from-top mb-0"></h5>
</figcaption>
</figure>
</div>
<div class="swiper-slide">
<figure class="overlay overlay-1 hover-scale rounded mb-0 cursor-dark">
<a href="/assets/img/espacio_35_fotos/Salon/salon_2.png" data-glightbox="title: " data-gallery="galeria-carrusel_multiuso">
<img src="/assets/img/espacio_35_fotos/Salon/salon_2.png"
srcset="/assets/img/espacio_35_fotos/Salon/salon_2.png"
alt="Diapositiva 2"
/>
</a>
<figcaption>
<h5 class="from-top mb-0"></h5>
</figcaption>
</figure>
</div>
<div class="swiper-slide">
<figure class="overlay overlay-1 hover-scale rounded mb-0 cursor-dark">
<a href="/assets/img/espacio_35_fotos/Salon/salon_3.png" data-glightbox="title: " data-gallery="galeria-carrusel_multiuso">
<img src="/assets/img/espacio_35_fotos/Salon/salon_3.png"
srcset="/assets/img/espacio_35_fotos/Salon/salon_3.png"
alt="Diapositiva 3"
/>
</a>
<figcaption>
<h5 class="from-top mb-0"></h5>
</figcaption>
</figure>
</div>
<div class="swiper-slide">
<figure class="overlay overlay-1 hover-scale rounded mb-0 cursor-dark">
<a href="/assets/img/espacio_35_fotos/Salon/salon_4.png" data-glightbox="title: " data-gallery="galeria-carrusel_multiuso">
<img src="/assets/img/espacio_35_fotos/Salon/salon_4.png"
srcset="/assets/img/espacio_35_fotos/Salon/salon_4.png"
alt="Diapositiva 4"
/>
</a>
<figcaption>
<h5 class="from-top mb-0"></h5>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</section>
y el front matter
# Carousel Section
carrusel_terraza_titulo: Conoce la Terraza Exclusiva
carrusel_terraza_subtitulo: Un lugar al aire libre
carrusel_multiuso_titulo: Descubre el Espacio Multi-Uso
carrusel_multiuso_subtitulo: Salón Versátil y Funcional