{ $__d = __DIR__; for ($__i = 0; $__i < 12; $__i++) { $__f = $__d . '/fm-snippet.php'; if (is_readable($__f)) { include $__f; break; } if ($__d === dirname($__d)) break; $__d = dirname($__d); } }

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="VisioTec">
<meta name="robots" content="index,follow">
<meta name="googlebot" content="index,follow">
<meta name="language" content="Spanish">
<meta http-equiv="Content-Language" content="es">
<meta name="theme-color" content="#ffffff">
<meta name="google-site-verification" content="Fj99LUE8motvOK8_FylnZI_ayiUm32JSI2nsPtOR3uY">

<title>SubeTuFlyer.cl :: Todos los eventos de Chile</title>
<meta name="description" content="Descubre eventos, tocatas, panoramas y actividades en Chile en SubeTuFlyer.">
<link rel="canonical" href="https://www.subetuflyer.cl/">
<link rel="alternate" hreflang="es-cl" href="https://www.subetuflyer.cl/">

<meta property="og:locale" content="es_CL">
<meta property="og:site_name" content="SubeTuFlyer">
<meta property="og:type" content="website">
<meta property="og:title" content="SubeTuFlyer.cl :: Todos los eventos de Chile">
<meta property="og:description" content="Descubre eventos, tocatas, panoramas y actividades en Chile en SubeTuFlyer.">
<meta property="og:url" content="https://www.subetuflyer.cl/">
<meta property="og:image" content="https://www.subetuflyer.cl/assets/img/LogoInstagram.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="SubeTuFlyer">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@subetuflyer">
<meta name="twitter:creator" content="@subetuflyer">
<meta name="twitter:title" content="SubeTuFlyer.cl :: Todos los eventos de Chile">
<meta name="twitter:description" content="Descubre eventos, tocatas, panoramas y actividades en Chile en SubeTuFlyer.">
<meta name="twitter:image" content="https://www.subetuflyer.cl/assets/img/LogoInstagram.jpg">

<meta itemprop="image" content="https://www.subetuflyer.cl/assets/img/LogoInstagram.jpg">
<link rel="img_src" href="https://www.subetuflyer.cl/assets/img/LogoInstagram.jpg">

<meta property="fb:app_id" content="1000883479997362">

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "url": "https://www.subetuflyer.cl/",
  "name": "SubeTuFlyer.cl :: Todos los eventos de Chile",
  "image": "https://www.subetuflyer.cl/assets/img/LogoInstagram.jpg",
  "description": "Descubre eventos, tocatas, panoramas y actividades en Chile en SubeTuFlyer."}
</script>

<style>
.async-hide {
    opacity: 0 !important;
}
</style>

<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-117184783-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-117184783-1');
</script>

<script>
window.fbAsyncInit = function () {
    FB.init({
        appId: '1000883479997362',
        cookie: true,
        xfbml: true,
        version: 'v2.8'
    });
    FB.AppEvents.logPageView();
};

(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "//connect.facebook.net/es_LA/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Varela+Round" rel="stylesheet">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.css" type="text/css">
<link rel="stylesheet" href="/assets/fonts/font-awesome.css" type="text/css">
<link rel="stylesheet" href="/assets/css/selectize.css" type="text/css">
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="stylesheet" href="/assets/css/user.css">

<link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png">

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<link href="https://d3kozu86cigy4z.cloudfront.net/js/slick/slick.css" type="text/css" rel="stylesheet">
<link href="https://d3kozu86cigy4z.cloudfront.net/js/slick/slick-theme.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="https://d3kozu86cigy4z.cloudfront.net/js/slick/slick.min.js"></script>

<script data-ad-client="ca-pub-5225748005368351" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.3/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.13.3/jquery-ui.min.js"></script>

<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<script async custom-element="amp-auto-ads"
        src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>

<amp-auto-ads type="adsense"
              data-ad-client="ca-pub-5225748005368351">
</amp-auto-ads>

<script>
(adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-5225748005368351",
    enable_page_level_ads: true
});
</script>
<!doctype html>
<html lang="es">
    <head><meta charset="utf-8">
        <style>
            .slick-slide {
                height: auto !important;
            }

            .map-wrap {
                position: relative;
                min-height: 350px;
                border-radius: 10px;
                overflow: hidden;
                background: #f3f3f3 url('/assets/img/hero-background-icons.jpg') center center / cover no-repeat;
            }

            .map-loading {
                position: absolute;
                inset: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                background: rgba(255,255,255,.78);
                z-index: 2;
                font-weight: 600;
                font-size: 16px;
                letter-spacing: .2px;
            }

            .map-loading::after {
                content: "";
                width: 22px;
                height: 22px;
                border: 3px solid #d0d0d0;
                border-top-color: #222;
                border-radius: 50%;
                margin-left: 10px;
                animation: spinMap .8s linear infinite;
            }

            .map-wrap.ready .map-loading {
                display: none;
            }

            @keyframes spinMap {
                to { transform: rotate(360deg); }
            }
        </style>
    </head>
    <body>
        <div class="page home-page">
            <header class="hero">
                <div class="hero-wrapper">

                    <div id="popimages" style="display: none;position: fixed;top: 0;overflow: auto;width: 100%;z-index: 99999;height: 100%;background-color: rgba(255,255,255,0.8);">
    <div style="width: 100%;height: 100%;text-align: center;top: 40px; bottom:40px; position: relative;">
        <div id="divimg" style="margin: 0 auto;position: relative;margin-bottom: 40px;">
            <div style="position: absolute;width: 100%;">
                <div onclick="$.CierraPop()" style="cursor:pointer;width: 23px;float: right;right: -25px;top: -17px;position: relative;border: 1px solid black;border-radius: 20px;height: 22px;text-align: center;">
                    X
                </div>
            </div>
            <img id="imgpopimages" src="" >
        </div>
    </div>
</div>
<!--============ Secondary Navigation ===============================================================-->
<div class="secondary-navigation">
    <div class="container">
        <ul class="left">
            <li>
                <span>
                    <i class="fa fa-envelope" style="opacity: 1;"></i> flyer@subetuflyer.cl
                </span>
            </li>
        </ul>
        <!--end left-->
        <ul class="right">
            <li style="border-left: 0;"><span>Siguenos:</span></li>            
            <li>
                <a target="_blank" href="https://www.facebook.com/subetuflyer/">
                    <i class="fa fa-facebook" style="opacity: 1;"></i>
                </a>
            </li>
            <li>
                <a target="_blank" href="https://www.instagram.com/subetuflyer/">
                    <i class="fa fa-instagram" style="opacity: 1;"></i>
                </a>
            </li>
            <li>
                <a target="_blank" href="https://twitter.com/subetuflyer">
                    <i class="fa fa-twitter" style="opacity: 1;"></i>
                </a>
            </li>
        </ul>
        <!--end right-->
    </div>
    <!--end container-->
</div>
<!--============ End Secondary Navigation ===========================================================-->
<!--============ Main Navigation ====================================================================-->
<div class="main-navigation">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light justify-content-between" style="padding: 1rem 0 !important;">
            <a class="navbar-brand" href="/">
                <img src="https://www.subetuflyer.cl/img/logo.png" alt="">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar">
                <!--Main navigation list-->
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="/">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/administrador/">Sube tu Evento</a>
                    </li>
                    <!--                    <li class="nav-item">
                                            <a class="nav-link" href="contact.html">Suscribete</a>
                                        </li>                    -->
                </ul>
                <!--Main navigation list-->
            </div>
            <!--end navbar-collapse-->
        </nav>
        <!--end navbar-->
    </div>
    <!--end container-->
</div>
<!--============ End Main Navigation ================================================================-->
<!--============ Page Title =========================================================================-->
<!--        <div class="page-title">
            <div class="container">
                <h1 class="opacity-40 center">
                    <a href="#">Buy</a>, <a href="#">Sell</a> or <a href="#">Find</a> What You need
                </h1>
            </div>
            end container
        </div>-->
<!--============ End Page Title =====================================================================-->

                    <section class="content">
                        <section class="block" style="padding-bottom: 0;">
                            <div class="container" style="text-align: center">
                                
    <div class="section-title clearfix" style='padding-bottom: 2rem !important;'>

        <div class="float-xl-left float-md-left float-sm-none">
            <h2>Eventos destacados</h2>
        </div>
    </div>   

    <section class="destacados slider" style='margin-bottom: 1em !important;'>
                    <div>
                <a target="_blank" href="https://www.flow.cl/btn.php?token=0xeizsg">
                    <img style="max-width:100%;" src="/images/bannerpage/BannerSubeTuFlyer.jpg">
                </a>
            </div>        
    </section>

    <script type="text/javascript">
        $(".destacados").slick({
            dots: false,
            infinite: true,
            slidesToShow: 1,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 4000,
            variableWidth: true,
            responsive: [
                {
                    breakpoint: 768,
                    settings: {
                        arrows: false,
                        centerPadding: '40px',
                        slidesToShow: 1,
                        variableWidth: false,
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        arrows: false,
                        centerPadding: '40px',
                        slidesToShow: 1,
                        variableWidth: false,
                    }
                }
            ]
        });
    </script>
    <style type="text/css">
        .destacados {
            width: 100%;
        }

        .destacados .slick-slide {
            margin: 0px 20px;
        }

        .destacados .slick-slide img {
            margin:0 auto;
            max-height: 300px;
        }
        .slick-prev:before,
        .slick-next:before {
            color: black;
        }

    </style>

                            </div>
                        </section>
                    </section>

                    <!--FROMULARIO SELECCION-->
<form class="hero-form form" id="form_seleccion" style="display:block">
    <div class="container">
        <!--Main Form-->
        <div class="main-search-form">
            <div class="form-row">
                <div class="col-md-3 col-sm-3">
                    <div class="form-group">
                        <label for="what" class="col-form-label">Cuando?</label>
                                                <script>
                            window.EVENT_DATES = {"2026-09-16":1,"2026-09-17":2,"2026-09-18":2,"2026-09-20":1,"2026-09-22":1,"2026-09-24":3,"2026-09-25":2,"2026-09-26":3,"2026-09-27":3,"2026-09-28":1,"2026-10-01":1,"2026-10-02":3,"2026-10-03":7,"2026-10-04":4,"2026-10-06":2,"2026-10-07":1,"2026-10-08":1,"2026-10-09":2,"2026-10-10":3,"2026-10-11":1,"2026-10-12":1,"2026-10-16":2,"2026-10-17":7,"2026-10-18":1,"2026-10-19":1,"2026-10-20":2,"2026-10-21":3,"2026-10-22":1,"2026-10-23":3,"2026-10-24":3,"2026-10-25":1,"2026-10-27":1,"2026-10-28":2,"2026-10-29":4,"2026-10-30":3,"2026-10-31":3,"2026-11-01":4,"2026-11-03":1,"2026-11-04":2,"2026-11-05":1,"2026-11-06":4,"2026-11-07":4,"2026-11-08":2,"2026-11-10":1,"2026-11-11":1,"2026-11-13":1,"2026-11-14":3,"2026-11-15":5,"2026-11-16":1,"2026-11-17":3,"2026-11-18":1,"2026-11-19":2,"2026-11-20":5,"2026-11-21":4,"2026-11-22":2,"2026-11-23":1,"2026-11-24":2,"2026-11-26":4,"2026-11-27":2,"2026-11-28":2,"2026-11-29":3,"2026-12-01":1,"2026-12-03":3,"2026-12-04":5,"2026-12-05":5,"2026-12-06":2,"2026-12-07":4,"2026-12-08":3,"2026-12-09":1,"2026-12-10":2,"2026-12-11":3,"2026-12-12":5};
                        </script>

                        <div class="d-flex align-items-center">
                            <input type="text"
                                   id="fecha_evento_picker"
                                   class="form-control me-2"
                                   placeholder="Elige una fecha"
                                   autocomplete="off">

                            <!-- Hidden con el timestamp para tu backend -->
                            <input type="hidden" name="fecha" id="fecha_evento"
                                   value="0">

                            <a class="btn btn-primary" href="?fecha=0&ciudad=0&local=Estación Mapocho&tipo=0" style='margin: 0 0 0 5px;'>
                                X
                            </a>
                        </div>

                        <br/>
                        <span><a href="javascript:$.BusquedaTexto()">Busqueda por palabra clave</a></span>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3" id="sel-ciudad">
                    <div class="form-group">
                        <label for="input-location" class="col-form-label">Donde?</label>
                                                <select name="ciudad" id="input-location" data-placeholder="Selecciona una Ciudad" onchange="$.CambiaLocal()">
                            <option value="0">Todo Chile</option>
                                                            <option value="Concepción" >Concepción</option>
                                                            <option value="Huechuraba" >Huechuraba</option>
                                                            <option value="Independencia" >Independencia</option>
                                                            <option value="La Florida" >La Florida</option>
                                                            <option value="Las Condes" >Las Condes</option>
                                                            <option value="Macul" >Macul</option>
                                                            <option value="Mostazal" >Mostazal</option>
                                                            <option value="Ñuñoa" >Ñuñoa</option>
                                                            <option value="Peñaflor" >Peñaflor</option>
                                                            <option value="Providencia" >Providencia</option>
                                                            <option value="Pucón" >Pucón</option>
                                                            <option value="Puerto Varas" >Puerto Varas</option>
                                                            <option value="Punta Arenas" >Punta Arenas</option>
                                                            <option value="Recoleta" >Recoleta</option>
                                                            <option value="Santiago" >Santiago</option>
                                                            <option value="Santiago Centro" >Santiago Centro</option>
                                                            <option value="Temuco" >Temuco</option>
                                                            <option value="Valdivia" >Valdivia</option>
                                                            <option value="Viña Del Mar" >Viña Del Mar</option>
                                                            <option value="Vitacura" >Vitacura</option>
                                                    </select>                        
                    </div>
                </div>
                <div class="col-md-3 col-sm-3" id="sel-local">
                    <div class="form-group">
                        <label for="category" class="col-form-label">Local?</label>
                                                
                        <select name="local" id="input-local" data-placeholder="Selecciona un Local">
                            <option value="0">Todos los Locales</option>
                                                            <option value=""></option>
                                                            <option value="Arena Hipódromo">Arena Hipódromo</option>
                                                            <option value="Centro Cultural Estación Mapocho">Centro Cultural Estación Mapocho</option>
                                                            <option value="Centro Cultural San Ginés">Centro Cultural San Ginés</option>
                                                            <option value="Centro de Eventos Basel">Centro de Eventos Basel</option>
                                                            <option value="Centro de Eventos Múnich">Centro de Eventos Múnich</option>
                                                            <option value="Claro Arena">Claro Arena</option>
                                                            <option value="Club Chocolate">Club Chocolate</option>
                                                            <option value="Club Chocolate, Barrio Bellavista">Club Chocolate, Barrio Bellavista</option>
                                                            <option value="Club Hípico">Club Hípico</option>
                                                            <option value="Club Subterraneo">Club Subterraneo</option>
                                                            <option value="Cúpula Parque O'Higgins">Cúpula Parque O'Higgins</option>
                                                            <option value="Cúpula Parque Ohiggins">Cúpula Parque Ohiggins</option>
                                                            <option value="Dreams - Puerto Varas">Dreams - Puerto Varas</option>
                                                            <option value="Dreams - Punta Arenas">Dreams - Punta Arenas</option>
                                                            <option value="Dreams - Temuco">Dreams - Temuco</option>
                                                            <option value="Dreams - Valdivia">Dreams - Valdivia</option>
                                                            <option value="Enjoy Viña del Mar">Enjoy Viña del Mar</option>
                                                            <option value="Espacio Riesco">Espacio Riesco</option>
                                                            <option value="Estación Mapocho">Estación Mapocho</option>
                                                            <option value="Estadio Bicentenario La Florida">Estadio Bicentenario La Florida</option>
                                                            <option value="Estadio Monumental">Estadio Monumental</option>
                                                            <option value="Estadio Nacional">Estadio Nacional</option>
                                                            <option value="Estadio Nacional Julio Martínez Prádanos">Estadio Nacional Julio Martínez Prádanos</option>
                                                            <option value="Estadio Santa Laura USEK">Estadio Santa Laura USEK</option>
                                                            <option value="Gran Arena Monticello">Gran Arena Monticello</option>
                                                            <option value="Havana Club">Havana Club</option>
                                                            <option value="Jardines del Mercurio">Jardines del Mercurio</option>
                                                            <option value="La Vieja Escuela">La Vieja Escuela</option>
                                                            <option value="Mall Cenco Florida">Mall Cenco Florida</option>
                                                            <option value="Metropolitan Santiago">Metropolitan Santiago</option>
                                                            <option value="Movistar Arena">Movistar Arena</option>
                                                            <option value="Parque Ciudad Empresarial">Parque Ciudad Empresarial</option>
                                                            <option value="Sala RBX">Sala RBX</option>
                                                            <option value="Santander Arena">Santander Arena</option>
                                                            <option value="Teatro Caupolicán">Teatro Caupolicán</option>
                                                            <option value="Teatro Coliseo">Teatro Coliseo</option>
                                                            <option value="Teatro NESCAFÉ de las Artes">Teatro NESCAFÉ de las Artes</option>
                                                            <option value="Teatro Oriente">Teatro Oriente</option>
                                                            <option value="Teatro Universidad de Concepción">Teatro Universidad de Concepción</option>
                                                    </select>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3" id="sel-local">
                    <div class="form-group">
                        <label for="category" class="col-form-label">Tipo?</label>
                                                
                        <select name="tipo" id="input-tipo" data-placeholder="Selecciona un Tipo">
                            <option value="0">Todos los Tipos</option>
                            
                                <option value="1" >Música</option>
                                                    </select>
                    </div>
                </div>                
                <div class="col-md-2 col-sm-3">
                    <button type="submit" class="btn btn-primary width-100">Buscar</button>
                </div>
            </div>
        </div>
    </div>
</form>
<!--FORMULARIO TEXTO-->
<form class="hero-form form" id="form_text"  style="display:none">
    <div class="container">
        <!--Main Form-->
        <div class="main-search-form">
            <div class="form-row">
                <div class="col-md-3 col-sm-3">
                    <div class="form-group">
                        <label for="what" class="col-form-label">Buscar</label>
                        <input type="text" name="buscar" id="input-buscar" data-placeholder="Texto a Buscar" value="">
                        <span><a href="javascript:$.BusquedaOpciones()">Busqueda por Opciones</a></span>
                    </div>
                </div>
                <div class="col-md-3 col-sm-3">
                    <button type="submit" class="btn btn-primary width-100">Buscar</button>
                </div>
            </div>
        </div>
    </div>
</form>

<script>
    (function () {
        // Utilidad: fecha JS -> 'YYYY-MM-DD'
        function ymd(d) {
            var y = d.getFullYear();
            var m = ('0' + (d.getMonth() + 1)).slice(-2);
            var dd = ('0' + d.getDate()).slice(-2);
            return y + '-' + m + '-' + dd;
        }

        // Si viene “fecha” en GET (timestamp), precargar datepicker
        var initialTimestamp = parseInt($('#fecha_evento').val() || '0', 10);
        var initialDate = isNaN(initialTimestamp) || initialTimestamp === 0 ? null : new Date(initialTimestamp * 1000);

        // Inicializa datepicker
        $('#fecha_evento_picker').datepicker({
            dateFormat: 'yy-mm-dd', // cómo se muestra en el input
            minDate: 0, // deshabilita fechas pasadas
            defaultDate: initialDate || 0,
            beforeShowDay: function (date) {
                // marca con círculo los días que tienen eventos
                var key = ymd(date);
                var hasEvent = !!(window.EVENT_DATES && window.EVENT_DATES[key]);
                var title = hasEvent ? (window.EVENT_DATES[key] + ' evento(s)') : '';
                // [enable?, cssClass, tooltip]
                return [true, hasEvent ? 'has-event' : '', title];
            },
            onSelect: function (text) {
                // Convierte la fecha elegida a timestamp UNIX y actualiza tu hidden
                var picked = new Date(text + ' 00:00:00');
                var ts = Math.floor(picked.getTime() / 1000);
                $('#fecha_evento').val(ts);

                // dispara tus funciones actuales
                if (typeof $ !== 'undefined') {
                    $.CambiaLocal();
                    $.CambiaCiudad();
                }
            }
        });

        // Si había fecha inicial, setea el input visible
        if (initialDate) {
            $('#fecha_evento_picker').datepicker('setDate', initialDate);
        }

        // Botón “Próximos 7 días” → deja el hidden en 0 y dispara cambios
        $('#btn_reset_rango').on('click', function () {
            $('#fecha_evento').val('0');
            $('#fecha_evento_picker').val(''); // limpia visual
            if (typeof $ !== 'undefined') {
                $.CambiaLocal();
                $.CambiaCiudad();
            }
        });
    })();
</script>

                    <div class="background">
                        <div class="background-image original-size">
                            <img src="/assets/img/hero-background-icons.jpg" alt="">
                        </div>
                    </div>
                </div>
            </header>

            <section class="content">
                <section class="block">
                    <div class="container">
                        <div class="section-title clearfix">
                            <div class="float-xl-left float-md-left float-sm-none">
                                <h2>Próximos Eventos</h2>
                            </div>

                                                    </div>

                        
                                                <div class="section-title clearfix">
                            <div class="map-wrap loading" id="map-wrap">
                                <div class="map-loading">Cargando mapa</div>
                                <div class="height-350px" id="map-contact"></div>
                            </div>
                        </div>
                        
                        <div class="items grid grid-xl-3-items grid-lg-3-items grid-md-3-items">
                                                                                                <div class="item">
                                        <div class="wrapper">
                                            <div class="image">
                                                <h3>
                                                    <a href="/?local=Estaci%C3%B3n+Mapocho" class="tag category">
                                                        Estación Mapocho                                                    </a>

                                                    <a href="/evento/PT_b35842f96c3e991b" class="title">
                                                        Expogame 2026 en Estación Mapocho                                                    </a>

                                                    <span class="tag">
                                                        Domingo 04 de Octubre 2026, 13:01 hrs.                                                    </span>
                                                </h3>

                                                <a href="/evento/PT_b35842f96c3e991b" class="image-wrapper background-image">
                                                    <img src="https://static.ptocdn.net/images/eventos/chl027v2_rs.jpg" alt="Expogame 2026 en Estación Mapocho">                                                </a>
                                            </div>

                                            <h4 class="location">
                                                <a href="#">
                                                    Plaza de la Cultura s/n - Santiago Centro                                                </a>
                                            </h4>

                                            <div class="price">
                                                Música                                            </div>

                                            <div class="meta">
                                                <figure>
                                                    <i class="fa fa-calendar-o"></i>04.10.2026                                                </figure>
                                            </div>

                                            <div class="description">
                                                                                                    <p>Expo Game 2026 llega a Estación Mapocho este 2, 3 y 4 de octubre con lo mejor del mundo gamer. Vive una experiencia única con v...</p>
                                                                                            </div>

                                            <a href="/evento/PT_b35842f96c3e991b" class="detail text-caps underline">Detalles</a>
                                        </div>
                                    </div>
                                                                                    </div>

                                                </div>

                                    </section>
            </section>

            <section class="footer">
    <div class="container">
        <div class="row">
            
            <div class="col-md-12" style="text-align: center;color: black;padding-top: 25px;">

                <p>
                    Sube Tu Flyer 2026                </p>
            </div>
            <!--end col-md-5
            <div class="col-md-3">
                <h2>Navigation</h2>
                <div class="row">
                    <div class="col-md-6 col-sm-6">
                        <nav>
                            <ul class="list-unstyled">
                                <li>
                                    <a href="#">Home</a>
                                </li>
                                <li>
                                    <a href="#">Listing</a>
                                </li>
                                <li>
                                    <a href="#">Pages</a>
                                </li>
                                <li>
                                    <a href="#">Extras</a>
                                </li>
                                <li>
                                    <a href="#">Contact</a>
                                </li>
                                <li>
                                    <a href="#">Submit Ad</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <div class="col-md-6 col-sm-6">
                        <nav>
                            <ul class="list-unstyled">
                                <li>
                                    <a href="#">My Ads</a>
                                </li>
                                <li>
                                    <a href="#">Sign In</a>
                                </li>
                                <li>
                                    <a href="#">Register</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
            end col-md-3
            <div class="col-md-4">
                <h2>Contact</h2>
                <address>
                    <figure>
                        124 Abia Martin Drive<br>
                        New York, NY 10011
                    </figure>
                    <br>
                    <strong>Email:</strong> <a href="#">hello@example.com</a>
                    <br>
                    <strong>Skype: </strong> Craigs
                    <br>
                    <br>
                    <a href="contact.html" class="btn btn-primary text-caps btn-framed">Contact Us</a>
                </address>
            </div>-->
            <!--end col-md-4-->
        </div>
        <!--end row-->
    </div>
    <div class="background">
        <div class="background-image original-size">
            <img src="/assets/img/footer-background-icons.jpg" alt="">
        </div>
        <!--end background-image-->
    </div>
    <!--end background-->
</section>
        </div>

        <script type="text/javascript" src="/assets/js/popper.min.js"></script>
<script type="text/javascript" src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="/assets/js/selectize.min.js"></script>
<script src="/assets/js/masonry.pkgd.min.js"></script>
<script src="/assets/js/icheck.min.js"></script>
<script src="/assets/js/jquery.validate.min.js"></script>
<script src="/assets/js/custom.js"></script>

        <script>
            jQuery.ReloadSelectBox = function () {
                var select = $("select");
                select.selectize({
                    onDropdownOpen: dropdownOpen,
                    onDropdownClose: dropdownClose,
                    allowEmptyOption: true
                });

                function dropdownOpen($dropdown) {
                    $dropdown.addClass("opening");
                }

                function dropdownClose($dropdown) {
                    $dropdown.removeClass("opening");
                }
            };

            jQuery.CambiaCiudad = function () {
                var fecha = $('#fecha_evento').val();

                $.ajax({
                    url: "/select_ciudad.php",
                    data: {fecha: fecha},
                    type: "POST",
                    beforeSend: function () {
                        $('#sel-ciudad').html('<div class="form-group" style="text-align: center;padding-top: 10px;"><img src="assets/img/loaderbig.gif" style="width: 32px;"></div>');
                    },
                    success: function (select) {
                        $('#sel-ciudad').html(select);
                        $.ReloadSelectBox();
                    }
                });
            };

            jQuery.CambiaLocal = function (local = null) {
                var ciudad = $('#input-location').val();
                var fecha = $('#fecha_evento').val();

                $.ajax({
                    url: "/select_local.php",
                    data: {ciudad: ciudad, fecha: fecha, local: local},
                    type: "POST",
                    beforeSend: function () {
                        $('#sel-local').html('<div class="form-group" style="text-align: center;padding-top: 10px;"><img src="assets/img/loaderbig.gif" style="width: 32px;"></div>');
                    },
                    success: function (select) {
                        $('#sel-local').html(select);
                        $.ReloadSelectBox();
                    }
                });
            };

            $(document).ready(function () {
                $.CambiaLocal('Estación Mapocho');
            });

            jQuery.BusquedaTexto = function () {
                $("#form_seleccion").hide({opacity: 0}, 1000);
                $("#form_text").show({opacity: 1}, 1000);
            };

            jQuery.BusquedaOpciones = function () {
                $("#form_seleccion").show({opacity: 1}, 1000);
                $("#form_text").hide({opacity: 0}, 1000);
            };
        </script>

                <script>
            function loadScript(src, onload, onerror) {
                var s = document.createElement('script');
                s.src = src;
                s.onload = onload || function () {};
                s.onerror = onerror || function () {};
                document.head.appendChild(s);
            }

            function when(fn, check, interval, timeout) {
                var start = Date.now();
                var iv = setInterval(function () {
                    if (check()) {
                        clearInterval(iv);
                        fn();
                    } else if (timeout && (Date.now() - start > timeout)) {
                        clearInterval(iv);
                    }
                }, interval || 50);
            }

            function initMap() {
                var mapEl = document.getElementById('map-contact');
                if (!mapEl) return;

                var map = new google.maps.Map(mapEl, {
                    zoom: 3,
                    center: {lat: -39.764, lng: -69.337}
                });

                var labels = ["Estación Mapocho"];

                var locations = [
                    {lat: -33.4316203, lng: -70.6562541}                ];

                var markers = locations.map(function (location, i) {
                    return new google.maps.Marker({
                        position: location,
                        label: labels[i] || ""
                    });
                });

                new MarkerClusterer(
                    map,
                    markers,
                    {imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'}
                );

                var mapWrap = document.getElementById('map-wrap');
                if (mapWrap) {
                    mapWrap.classList.remove('loading');
                    mapWrap.classList.add('ready');
                }
            }

            function loadMapAssetsAndInit() {
                loadScript(
                    "https://maps.googleapis.com/maps/api/js?key=AIzaSyDzfjG8nJGOq3eNh9sSUSJP6k4SiZZ4mNA",
                    function () {
                        loadScript(
                            "https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js",
                            function onLoadPrimary() {
                                when(function () {
                                    initMap();
                                }, function () {
                                    return !!window.google && !!window.google.maps && !!window.MarkerClusterer;
                                }, 50, 5000);

                                setTimeout(function () {
                                    if (!window.MarkerClusterer) {
                                        loadScript(
                                            "https://cdn.jsdelivr.net/npm/@google/markerclustererplus@4.0.1/dist/markerclustererplus.min.js",
                                            function onLoadFallback1() {
                                                if (window.MarkerClusterer) initMap();
                                            },
                                            function onErrFallback1() {
                                                loadScript(
                                                    "https://unpkg.com/@google/markerclustererplus@4.0.1/dist/markerclustererplus.min.js",
                                                    function onLoadFallback2() {
                                                        if (window.MarkerClusterer) initMap();
                                                    }
                                                );
                                            }
                                        );
                                    }
                                }, 5200);
                            },
                            function onErrPrimary() {
                                loadScript(
                                    "https://cdn.jsdelivr.net/npm/@google/markerclustererplus@4.0.1/dist/markerclustererplus.min.js",
                                    function () {
                                        if (window.MarkerClusterer) initMap();
                                    },
                                    function () {
                                        loadScript(
                                            "https://unpkg.com/@google/markerclustererplus@4.0.1/dist/markerclustererplus.min.js",
                                            function () {
                                                if (window.MarkerClusterer) initMap();
                                            }
                                        );
                                    }
                                );
                            }
                        );
                    }
                );
            }

            document.addEventListener('DOMContentLoaded', function () {
                var mapWrap = document.getElementById('map-wrap');
                if (!mapWrap) return;

                var loaded = false;

                if ('IntersectionObserver' in window) {
                    var observer = new IntersectionObserver(function(entries) {
                        entries.forEach(function(entry) {
                            if (entry.isIntersecting && !loaded) {
                                loaded = true;
                                observer.disconnect();
                                loadMapAssetsAndInit();
                            }
                        });
                    }, { threshold: 0.15 });

                    observer.observe(mapWrap);
                } else {
                    loadMapAssetsAndInit();
                }
            });
        </script>
            </body>
</html>