<!--  [][1713482336.910995006561279][2024-04-18 17:18:56][M:406016][**.|.|.**] p1 -- 0.00000000 -->
<!--  [][1713482336.911536931991577][2024-04-18 17:18:56][M:408000][**.|.|.**] INI control_geoip.php -- 0.00054193 -->
<!--  [][1713482337.017819881439209][2024-04-18 17:18:57][M:413040][**.|.|.**] _##__118ef376aaa8719_##__ -- 0.10628295 -->
<!--  [][1713482337.019646883010864][2024-04-18 17:18:57][M:485624][**.|.|.**] entrando a: control_alias -- 0.00182700 -->
<!--  [][1713482337.019694089889526][2024-04-18 17:18:57][M:485736][**.|.|.**]   __ESTEALIAS : pueblo-magico-compostela-de-indias --  --  __ESTEIDALIAS : 16225/  -- 0.00004721 -->
<!--  [][1713482337.020364046096802][2024-04-18 17:18:57][M:505384][**.|.|.**] xxxxxxxxxxxxx -- 0.00066996 -->
<!--  [][1713482337.020407915115356][2024-04-18 17:18:57][M:505384][**.|.|.**] xxxxxxxxxxxxx -- 0.00004387 -->
<!--  [][1713482337.020452022552490][2024-04-18 17:18:57][M:490424][**.|.|.**]  cargaAlias dat_alias Object
(
    [Link] => mysqli Object
        (
            [affected_rows] => 1
            [client_info] => mysqlnd 7.4.33
            [client_version] => 70433
            [connect_errno] => 0
            [connect_error] => 
            [errno] => 0
            [error] => 
            [error_list] => Array
                (
                )

            [field_count] => 11
            [host_info] => Localhost via UNIX socket
            [info] => 
            [insert_id] => 0
            [server_info] => 5.5.5-10.3.39-MariaDB
            [server_version] => 100339
            [sqlstate] => 00000
            [protocol_version] => 10
            [thread_id] => 600752
            [warning_count] => 1
        )

    [LLink] => 
    [regLog] => 
    [ultRes] => Array
        (
            [QR] => SELECT * FROM reg_alias WHERE  alias='pueblo-magico-compostela-de-indias' AND idReg='16225/'  
            [mnr] => 1
        )

    [ultRes2] => 
    [LII] => 
    [cantRegs] => 1
    [tipo] => m
    [estaTabla] => reg_alias
    [_tipobd] => 
)
 -- 0.00004411 -->
<!--  [][1713482337.020706892013550][2024-04-18 17:18:57][M:511976][**.|.|.**] xxxxxxxxxxxxx -- 0.00025487 -->
<!--  [][1713482337.020740985870361][2024-04-18 17:18:57][M:511976][**.|.|.**] xxxxxxxxxxxxx -- 0.00003409 -->
<!--  [][1713482337.021091938018799][2024-04-18 17:18:57][M:494480][**.|.|.**] entro en bin_pagina_index -- 0.00035095 -->
<!--  [][1713482337.027725934982300][2024-04-18 17:18:57][M:528832][**.|.|.**] xxxxxxxxxxxxx -- 0.00663400 -->
<!--  [][1713482337.027836084365845][2024-04-18 17:18:57][M:528832][**.|.|.**] xxxxxxxxxxxxx -- 0.00011015 -->
<!--  [][1713482337.028023958206177][2024-04-18 17:18:57][M:532064][**.|.|.**] xxxxxxxxxxxxx -- 0.00018787 -->
<!--  [][1713482337.028043031692505][2024-04-18 17:18:57][M:532064][**.|.|.**] xxxxxxxxxxxxx -- 0.00001907 -->
<!--  [][1713482337.028202056884766][2024-04-18 17:18:57][M:544392][**.|.|.**] xxxxxxxxxxxxx -- 0.00015903 -->
<!--  [][1713482337.028228998184204][2024-04-18 17:18:57][M:544392][**.|.|.**] xxxxxxxxxxxxx -- 0.00002694 -->
<!--  [][1713482337.028496980667114][2024-04-18 17:18:57][M:557232][**.|.|.**] xxxxxxxxxxxxx -- 0.00026798 -->
<!--  [][1713482337.028527021408081][2024-04-18 17:18:57][M:557232][**.|.|.**] xxxxxxxxxxxxx -- 0.00003004 -->
<!--  [][1713482337.028552055358887][2024-04-18 17:18:57][M:531944][**.|.|.**] SOCIOS Array
(
    [0] => 1
    [1] => 1
)
 -- 0.00002503 -->
<!--  [][1713482337.029985904693604][2024-04-18 17:18:57][M:832448][**.|.|.**] xxxxxxxxxxxxx -- 0.00143385 -->
<!--  [][1713482337.030029058456421][2024-04-18 17:18:57][M:832448][**.|.|.**] xxxxxxxxxxxxx -- 0.00004315 -->
<!--  [][1713482337.030145883560181][2024-04-18 17:18:57][M:727592][**.|.|.**] QR:

SELECT 
            pr.idPag,comp.info,comp.titulo, pr.* ,cr.nombre,cr.correo,cr.idCliente
            FROM pag_registro pr
                INNER JOIN clie_registro cr
                ON pr.idUs = cr.idCliente
                LEFT JOIN  
                (
                    SELECT MIN(pc.idCom),pc.idPag,pc.info,pc.titulo
                        FROM pag_componentes pc 
GROUP BY pc.idPag
--                    ORDER BY pos DESC
                ) comp
                ON comp.idPag = pr.idPag
            WHERE 1 

            AND  pr.estatus = '1' AND id_edo = '18' 

            GROUP BY pr.idPag

              ORDER BY orden DESC

            LIMIT 0,10;
            

 -- 0.00011683 -->
<!doctype html>
<html lang="en">
<head>
    
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-912592-46"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-912592-46');
</script>

    <meta name="theme-color" content=""/>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <!--  [][1713482337.032212972640991][2024-04-18 17:18:57][M:877256][**.|.|.**] INIMETA -- 0.00206709 -->
<meta property='og:url'          content='https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/index.html'         />
<meta property='og:title'        content='Pueblo Mágico Compostela de Indias'       />
<meta property='og:description'  content='Historia, Cultura y Gastronomía del Pueblo Mágico Compostela de Indias' />
<meta property='og:image'        content='https://www.mexicoxp.com/store/tipo_2/portada/0/16/16225/org_portada16225.jpg'       />
<meta property="product:brand" content="Facebook"> 
    

    <link rel="canonical" href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/index.html" />
    <meta name="twitter:card" content="summary_large_image">

    <link rel="icon" href="/docs/4.0/assets/img/favicons/favicon.ico">

    <title>Pueblo Mágico Compostela de Indias</title>
    <link href="https://www.mexicoxp.com/portal/st/_principal/_b4/css/offcanvas.css" rel="stylesheet">
    <script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
      <script src="https://www.mexicoxp.com/portal/st/_principal/boxs/jquery.bxslider.min.js"></script>
    <link href="https://www.mexicoxp.com/portal/st/_principal/boxs/jquery.bxslider.css" rel="stylesheet" />
    
    <link href="https://fonts.googleapis.com/css?family=Marvel" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
    <!-- Bootstrap core CSS -->
    <link href="https://www.mexicoxp.com/portal/st/_principal/_b4/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link id="estiloscssx" href="https://www.mexicoxp.com/portal/st/_principalcustom/estilos.css?v1=2024-04-18 17:18:57" rel="stylesheet">
    

    <link hrefxxx="https://www.mexicoxp.com/portal/st/_principal/gralstyles.css" rel="stylesheet">
    
    <link rel="stylesheet" href="https://www.mexicoxp.com/portal/st/_principal//_b4/fa/css/font-awesome.min.css">

      <!-- WOL.CAROUSEL INI -->
    <script src="https://www.mexicoxp.com/portal/st/_principal//pags_estilo/owl.car/js/owl.carousel.js"></script>
    <link rel="stylesheet" href="https://www.mexicoxp.com/portal/st/_principal//pags_estilo/owl.car/css/owl.carousel.min.css">
    <link rel="stylesheet" href="https://www.mexicoxp.com/portal/st/_principal//pags_estilo/owl.car/css/owl.theme.default.min.css">
    <!-- WOL.CAROUSEL FIN -->

    <!-- Bootstrap-Iconpicker Bundle -->
    <!-- Font Awesome CDN -->
    <!-- Bootstrap-Iconpicker -->

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"/>
    
    <link id="estiloscssax" rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/estilo_1_1/estilo_1_1.css">  

    <link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/estilo_1_1/animate.css">

    <link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/main_viewer.css">
    <link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/viewer.css">
    <!-- INI arrStyles -->
    <link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/main_page2.css?rand=2024-04-18">
<link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/gralstyles.css?rand=2024-04-18">
<link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/costos.css?rand=2024-04-18">
    <!-- FIN arrStyles -->


  <style>
    .header-menu{
      justify-content: space-between;
    }

    .header-menu li.search-mxp .search-mxp-items{
      height: 30px;
    }

    .body-seach-mxp{
      max-height: 800px;
      overflow: hidden;
      overflow-y: scroll;
      padding: 10px;
    }
  </style>
  <!-- CONF_portal -->
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1475538279190692"
     crossorigin="anonymous"></script>  
  </head>

  <body class="bg-light">
    <div id="fb-root"></div>
  <script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>

  <!--  [][1713482337.034970998764038][2024-04-18 17:18:57][M:1096840][**.|.|.**] xxxxxxxxxxxxx -- 0.00275803 -->
<!--  [][1713482337.035041093826294][2024-04-18 17:18:57][M:1096840][**.|.|.**] xxxxxxxxxxxxx -- 0.00007010 -->

  <div class="menu_m_1 d-block d-md-none">
  <div class="btn_menu_m_1">
    
    <div class="btn_ico" onclick="DF($(this).parent());">
      <i class="fa fa-bars" aria-hidden="true"></i>
    </div>

    <div class="row container_menu pt-3 position-relative" style="overflow-y: scroll;">
      <div class="col-12 sub">
          
          <div class="activities row px-4">
          
            <div class="bg-color-4">
              <a class="fc-w" href="index.html">
                <i class="fa fa-ticket" aria-hidden="true"> </i> Promociones              </a>
            </div>

            <div class="bg-color-3">
              <a class="fc-w" href="index.html"><i class="fa fa-bicycle" aria-hidden="true"></i> Actividades</a>
            </div>

            <div class="bg-color-5">
              <a class="fc-w" href="index.html"><i class="fa fa-plane" aria-hidden="true"></i> Destinos</a>
            </div>
            
            <div class="bg-color-6">
              <a class="fc-w" href="index.html">
                <i class="fa fa-map-marker" aria-hidden="true"></i> Estados              </a>
            </div>
          </div>

          <div class="menu_cats pt-3 d-none">
            <ul class="px-2">
              <li class="mb-3" style="background-color: #fff;">
                <a class="nav-link" href="#">
                  <h1 class="text-center mb-0">
                    <i class="fa fa-arrow-circle-right" aria-hidden="true"></i> MORELOS
                  </h1>
                </a>
              </li>
                          </ul>
          </div>

      </div>

      <div class="col-12 footer_log">
        <div class="row pb-3">
                    <div class="col-6">
              <div class="btn-log">
                <a href="https://www.mexicoxp.com/ac_registro_usuario.html">
                  <i class="fa fa-user-plus" aria-hidden="true"></i>
                  <span>Crear cuenta</span>
                </a>
              </div>
            </div>
            <div class="col-6">
              <div class="btn-log">
                <a href="https://www.mexicoxp.com/ac_login_usuario.html"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Iniciar sesión</a>
              </div>
            </div>
                </div>
      </div>
    </div>

  </div>
</div>

<script>
  function  DF(btn)
  {
    var menu = btn.parent();

    var w = $(window).width();
    var h = $(window).height();
    var x = 2;

    if(w > h)
       h = w;

    if(!menu.hasClass("open"))
    {
      menu.addClass("open");
      $("html").addClass("loked");
    }
    else
    {
      w = h = 45;x=1;
      menu.removeClass("open");
      $("html").removeClass("loked");
    }

    menu.css({"height":(h*2)+"px","width":(h*2)+"px","top":(h/x*-1)+"px","left":(h/x*-1)+"px"});
    btn.css({"width":w+"px"})
    btn.children(".container_menu").scrollTop(0);
  }

  $(window).resize(function(){
    if($(".btn_menu_m_1").parent().hasClass("open"))
    {
      var w = $(window).width();
      $(".btn_menu_m_1").css({"width":w+"px"})
    }
  });
</script>
    <nav class="navbar navbar-expand-md fixed-top navbar-light bg-light border shadow d-block p-0">
      <div class="container container-max">

  
      <div class="d-md-none" style="border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #fbc733;width: 100%; height: 48px;position: relative;
display: flex;">
        <div style="margin: auto;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;">
        <a href="https://www.mexicoxp.com/index.html">
          <img width="130" src="https://www.mexicoxp.com/portal/st/_principal/imgs/logomexicoxpnegro.png" >
        </a>
      </div>
      </div>    


      <div class="navbar-collapse d-none d-md-block offcanvas-collapseFFF" id="navbar_inicio" style="align-items: normal;max-height: 45px;">

          <div class="col-md-10 col-lg-8 col-xl-9">
            <ul class="menu_a nav navbar-nav header-menu">

                  <li class="barraColor_1 logo">
                    <a class="navbar-brand   "  href="https://www.mexicoxp.com/index.html">
                      <img class="logosm" src="https://www.mexicoxp.com/portal/st/_principal/imgs/logomexicoxpnegro.png" >
                    </a>
                  </li>

                  <!--  [][1713482337.038635969161987][2024-04-18 17:18:57][M:1090864][**.|.|.**] xxxxxxxxxxxxx -- 0.00359488 -->
<!--  [][1713482337.038710117340088][2024-04-18 17:18:57][M:1090864][**.|.|.**] xxxxxxxxxxxxx -- 0.00007415 -->
                    <li class="search-mxp">
                      <form id="form-search-mxpget" action="https://www.mexicoxp.com/ac_busqueda.html" method="get">
                        <div class="input-group mb-3">
                          <div class="input-group-prepend search-mxp-items">
                            <button type="button" class="btn btn-outline-primary py-0">
                              <span class="op-cat-selected">Todo</span>
                            </button>
                            <button type="button" class="btn btn-outline-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              <span class="sr-only">Lista categorías principales</span>
                            </button>
                            <div class="dropdown-menu">
                              <a class="dropdown-item" data-cat="" href="#">Todo</a>
                                                              <a class="dropdown-item " data-cat="21eYm1KaWFVdHZVamxsWWtsdGRpOXlZVk5WVWpoRlFUMDk" href="#">Balnearios</a>
                                                              <a class="dropdown-item " data-cat="21kU0hVdlduWkdNVzRyTUdKRWRVWjZjbFZOYVVOdVVUMDk" href="#">Deportes</a>
                                                              <a class="dropdown-item " data-cat="22tTUdsSEwxWmFPR1o2WVZZNGFGQTBjVEJXVTBWWWR6MDk" href="#">Hospedaje</a>
                                                              <a class="dropdown-item " data-cat="22uU1RkR01XUXlZM0J4WmpjclJDOVdaa3RQS3poa1FUMDk" href="#">Campamento</a>
                                                              <a class="dropdown-item " data-cat="22vY25JMGRIbDJSbUZCVUc1QlNuSTRNM2x1WTNSU2R6MDk" href="#">Sabroso</a>
                                                              <a class="dropdown-item " data-cat="22wTmxCMGFsZzFTM0JQVVdReFprWkpTRlpDYjBWWFp6MDk" href="#">Ecoturismo</a>
                                                              <a class="dropdown-item " data-cat="22xT1dwMWVEVnplbVZLV1drMGFWZ3pVVkpQVEZNMVFUMDk" href="#">Eventos</a>
                                                              <a class="dropdown-item " data-cat="22yZG1aUFYxTTRiREpWUkdWUlpXTmlRV1Z1TUVVd1FUMDk" href="#">Cultura</a>
                                                              <a class="dropdown-item " data-cat="22qU0VSbWVYUTJWV3NyV0hJdmRrNTJUM0ZWYkZWeGR6MDk" href="#">Destinos</a>
                                                              <a class="dropdown-item " data-cat="22rVUc5aGJGUnpUa3MyUjFob1RVODBRVEJ1UWsxNVp6MDk" href="#">Servicios</a>
                                                              <a class="dropdown-item " data-cat="22sY1RGalNrdzBXalJXVjNsRlltVk5ZVEJTWVRrelFUMDk" href="#">Antros</a>
                                                              <a class="dropdown-item " data-cat="22tUW5keldGQlBTbFJUTldoSWJDdFVOekU1S3pCMVp6MDk" href="#">Actividades</a>
                                                          </div>
                          </div>
                          <input type="text" name="search_mxp" class="form-control search-mxp-items btn-outline-primary " placeholder="Buscar en todo..." value="">
                          <input type="hidden" class="search-cat" name="search_cat" value="">
                          <!-- <input type="hidden" name="cWVRKMFRVcG9OVVZ6TUVGRVVrdFdZVWxCTlZaMFp6MDk" value="2kiWWpOeU5DOHpZamh0YzJkTmNrUmlTbEo0WTB0MWR6MDk"> -->
                          <div class="input-group-append search-mxp-items">
                              <button class="btn btn-primary py-0" type="submit">
                                <i class="fa fa-search" aria-hidden="true"></i>
                              </button>
                          </div>
                        </div>
                      </form>
                  </li>
                  <script>
                    $('li.search-mxp .dropdown-menu a.dropdown-item').each(function(i,e){
                        $(e).click(function(){
                          var nomcat = $.trim( $(this).text() );
                          $('li.search-mxp .op-cat-selected').text( nomcat );
                          $('li.search-mxp input.search-mxp-items').attr('placeholder','Buscar en '+nomcat+'...');
                          $('li.search-mxp input.search-cat').val( $.trim( $(this).data('cat') ) );
                        });
                    });

                    $('li.search-mxp .dropdown-menu a.dropdown-item.xclick').click();

                    $(document).ready(function() {

                      function setEventsSearch()
                      {
                        //                         //addEventLikePag();
                        setLazy();
                      }

                      var modal_search = $('.modal-search-mxp');

                      $('#form-search-mxp').on('submit', function(event) {
                          event.preventDefault();
                          var formData = new FormData($('#form-search-mxp')[0]);
                          var search = $.trim( $('li.search-mxp input.search-mxp-items').val() );
                          if( !search ) return false;

                            modal_search.modal();
                            modal_search.find('.modal-title').text('Buscando... '+search);
                            modal_search.find('.body-seach-mxp').html('');
                              $.ajax({
                                  type : 'POST',
                                  url : 'https://www.mexicoxp.com/ac_buscar.html',
                                  data : formData,
                                  processData : false,
                                  contentType : false,
                                  success : function(data) {
                                      
                                    modal_search.find('.modal-title').text('Resultados para: '+search);

                                    var resp = data.split('_##__118ef376aaa8719_##__');
                                    modal_search.find('.body-seach-mxp').html( resp[2] );

                                    setEventsSearch();
                                  }
                              });

                          });

                          modal_search.find('.body-seach-mxp').on('scroll',function(){
                            setEventsSearch();
                          });
                      });
                  </script>
                  

                  <!-- <li class="barraColor_2">
                    <a class="fcx-black " href="https://www.mexicoxp.com/index.html">
                      <i class="fa fa-home" aria-hidden="true"></i> Inicio</a>
                  </li>

                  <li class="barraColor_3 itemm"><a class="fcx-white " href="#"><i class="fa fa-ticket" aria-hidden="true"></i> Promociones</a></li>
                  <li class="barraColor_4 itemm"><a class="fcx-white " href="#"><i class="fa fa-bicycle" aria-hidden="true"></i> Actividades</a></li>
                  <li class="barraColor_5 itemm"><a class="fcx-white " href="#"><i class="fa fa-plane" aria-hidden="true"></i> Destinos</a></li>
                  
                  <li class="barraColor_6 itemm"><a class="fcx-white " href="#"><i class="fa fa-map-marker" aria-hidden="true"></i> Estados</a></li>
                  <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li> -->

              </ul>
              
          </div>

          <div class="col-md-2 col-lg-4  col-xl-3 navbar_ses">

            <ul class="nav navbar-nav float-right">

               
              <li class="barraColor_1" style="overflow: hidden; max-width: 120px; text-overflow: ellipsis;"> 
                                <a class="fcx-white dropdown-toggle"  id="ddiniciar" data-toggle="dropdown" href="#"><i class="fa fa-user-circle" aria-hidden="true"></i> Iniciar</a>
              
                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="ddiniciar">
                  
                  <a class="dropdown-item" href="https://www.mexicoxp.com/ac_registro_usuario.html"><i class="fa fa-user-plus" aria-hidden="true"></i> Crear cuenta</a>
                   
                  <a class="dropdown-item" href="https://www.mexicoxp.com/ac_login_usuario.html"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Iniciar sesión</a>
                                   
                </div>
              </li> 
          </ul>

                    <a href="https://www.facebook.com/v2.2/dialog/oauth?client_id=518851465599419&amp;state=f2b68a2e566c0d7cb7819ac28f413b9f&amp;response_type=code&amp;sdk=php-sdk-5.6.3&amp;redirect_uri=https%3A%2F%2Fwww.mexicoxp.com%2Fac_callback_fb_login.html&amp;scope=email" style=";right: 110px;top: 6px;" class="btn btn-sm btn-primary position-absolute d-none d-lg-block">Iniciar con Facebook</a>
          
        </div>
      </div>
      </div>
    </nav>
  
    <style type="text/css">
      .nav-item{
        display: inline-block;
      }
    </style>

          <div class="mb-2 aux-mb-2"></div>
    
    <!-- Modal -->
    <div class="modal fade modal-search-mxp" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="modal-dialog" role="document" style="max-width: 95%;">
        <div class="modal-content" style="min-height: 500px;">
          <div class="modal-header border-0">
            <h3 class="modal-title"></h3>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <div class="body-seach-mxp"></div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-outile-secondary" data-dismiss="modal">Cerrar</button>
          </div>
        </div>
      </div>
    </div>

    <div class="modal modal_aux_">
                  <div class="modal-dialog">
                    <div class="modal-content">

                      <!-- Modal Header -->
                      <div class="modal-header">
                        <h4 class="modal-title">www.mexicoxp.com</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                      </div>

                      <!-- Modal body -->
                      <div class="modal-body text-center">
                          <h3 class="desc-aux"></h3>
                      </div>

                      <!-- Modal footer -->
                      <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                      </div>

                    </div>
                  </div>
                </div>
              <script>
                $(".menu_a").children("li.itemm").children("a").each(function(){
                  $(this).click(function(){
                    $(".modal_aux_").find(".desc-aux").text("Muy pronto '"+$(this).text()+"'");
                    $(".modal_aux_").modal("show");
                  });
                });
              </script>

<!--DESDE:plantilla_cuerpo-->
<div role="main" id="conte-main">
	<main class="container container-max">
		<div class="estilopag row">

			<div class="col-lg-8 col-xl-9 bordeTest pr-0">
				<!--INSERT:plantilla_col_izq_index -->
					<!-- Modal -->
	
	<div id="portada_16225_4741" class="" data-switch-text="VISTA PANORÁMICA:VISTA NORMAL">
		<div class="portada1" data-position="">
			<div class="container-comp pag_portada1_ihiddenthis bordeTest">
				<div class="editable_item_text position-relative docs-pictures pointer image-before portada_pag">

					<img  itemprop="image"  alt="Pueblo Mágico Compostela de Indias" class="img_portada w-100 d-none d-sm-block lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/16/16225/portada16225.jpg" data-original="https://www.mexicoxp.com/store/tipo_2/portada/0/16/16225/org_portada16225.jpg">

					<img  itemprop="image"  alt="Pueblo Mágico Compostela de Indias" class="img_portadam img-fluid d-block d-sm-none lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/16/16225/portadam16225.jpg" data-original="https://www.mexicoxp.com/store/tipo_2/portada/0/16/16225/org_portada16225.jpg">

					
				</div>

				
				<div class="container container-max">
					
											<button class="slider_auto d-none" onclick="deslisaMenu()"></button>

						<!-- col-10 col-12D col-sm-10 col-md-8 col-lg-9 col-xl-8 -->
						<!-- <div id="menu-secs" style="height: 70px;" class="px-0 col-12 owl-carousel owl-carousel-menu-bar sub_menu_bar mt-2" role="group" data-type="Serv"> -->
						<div id="menu-secs" class="owl-carousel dots-off owl-carousel-menu-secs owl-theme mt-2">
													<a class="item-sec-    bg-color-1 btn text-white mr-2 mb-" href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/index.html" role="button" data-id="" data-index="1" data-sec="" data-bg="bg-color-1">

								<i class="fa fa-info-circle"></i> <span>Inicio</span>
							</a>
													<a class="item-sec-    bg-color-2 btn text-white mr-2 mb-" href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/costos.html" role="button" data-id="" data-index="2" data-sec="" data-bg="bg-color-2">

								<i class="fa fa-usd"></i> <span>Costos</span>
							</a>
													<a class="item-sec-    bg-color-3 btn text-white mr-2 mb-" href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/ubicacion.html" role="button" data-id="" data-index="3" data-sec="" data-bg="bg-color-3">

								<i class="fa fa-map-marker"></i> <span>Ubicación</span>
							</a>
													<a class="item-sec-    bg-color-4 btn text-white mr-2 mb-" href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/contacto.html" role="button" data-id="" data-index="4" data-sec="" data-bg="bg-color-4">

								<i class="fa fa-pencil-square"></i> <span>contacto</span>
							</a>
													<a class="item-sec-    bg-color-5 btn text-white mr-2 mb-" href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/fotos_y_videos.html" role="button" data-id="" data-index="5" data-sec="" data-bg="bg-color-5">

								<i class="fa fa-camera"></i> <span>Galería</span>
							</a>
						
												</div>

					
					<div class="row pt-3">
						<div class="col-2 col-sm-1 px-3">
							<a href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/">
							<img itemprop="image" class="rounded-circle d-inline-block img_perfil lazy lazy-not-set" width="70" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16225/perfil16225_min.jpg">
							</a>
						</div>

						<div class="col-10 col-sm-11 pl-4 pl-sm-5 pl-md-4">
							<div class="d-inline-block pull-left">
								<a href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/">
									<h1 itemprop="name" class="pt-0 mb-1" data-cmp_s="nom" data-id_s="16225" data-type="pag">
										Pueblo Mágico Compostela de Indias									</h1>
								</a>

								<span><span class="badge badge-secondary">Nayarit</span> <span class="badge badge-secondary">Compostela</span></span>
							</div>
							<!-- Sharer -->
							<div class="pl-3 d-inline-block" style="font-size: 2rem;">

								<div class=" pt-1" style="font-size: 1rem;">
									<span class="text-primary">Compartir</span>
								</div>

					             <div class="d-inline-block swing-y">
					               <a id="shareBtn" class="pointer" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.mexicoxp.com%2Fpueblo-magico-compostela-de-indias--p16225%2F"
					                OnClick="window.open(this.href,'targetWindow',' top=100, left=500,toolbar=no,location=0,status=no,menubar=no,scrollbars=yes,resizable=yes,width=600,height=600'); return false;">
					                  <span class="fs32 blue"><i class="fa fa-facebook-square"></i></span>
					              </a>
					             </div>
					             <div class="d-inline-block swing-y">
					               <a OnClick="window.open(this.href,'targetWindow',' top=100, left=500,toolbar=no,location=0,status=no,menubar=no,scrollbars=yes,resizable=yes,width=600,height=600'); return false;" 
					               href="https://twitter.com/intent/tweet?text=Visita: &url=https%3A%2F%2Fwww.mexicoxp.com%2Fpueblo-magico-compostela-de-indias--p16225%2F">

					                <span class="fs32"><i class="fa fa-twitter-square" style="color:#00acee"></i></span>
					              </a>
					             </div>

					             <div class="d-inline-block swing-y">
					               <a class="whatsapp-sharer" target="_blank" data-link="https%3A%2F%2Fwww.mexicoxp.com%2Fpueblo-magico-compostela-de-indias--p16225%2F">
					                  <span><i class="fa fa-whatsapp" style="color: #25D366" aria-hidden="true"></i></span>
					                </a>
					             </div>

					             <div class="d-inline-block">
					               <span class="pointer" onclick="copy('link_page_value',$(this))"> 
					               	<i class="fa fa-files-o text-info" aria-hidden="true"></i>
					               </span>
					             </div>
					             <input readonly="" type="text" id="link_page_value" style="padding:0;width:1px;height: 1px;border:none;" value="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/">
					      </div>
						</div>
					</div>

				</div> <!-- container -->

			</div>
						<div class="container container-max">
				<div itemprop="articleSection" class="alert alert-info" role="alert">
					<span class="h5 titulo editable_item_text text-edit-txt px-0" data-cmp="titulo" data-irand="25sUmpCQk4yRlVUWGd4WVdwd1RXaDRTM00wYTBKU2R6MDk" data-type="com">
						Conoce la historia, cultura y tradiciones del Pueblo Mágico Villa de Santiago de Galicia de Compostela de Indias. 
						<samp class="icon_edit text">
							<i class="fa fa-edit"></i>
						</samp>
					</span>
					<span class="editable_item_text text-edit-txt px-0" data-cmp="info" data-irand="25sUmpCQk4yRlVUWGd4WVdwd1RXaDRTM00wYTBKU2R6MDk" data-type="com">
						Estamos creando soluciones a la medida, para web, móviles y desktop, justo como usted lo necesita.						<samp class="icon_edit text">
							<i class="fa fa-edit"></i>
						</samp>
					</span>
				</div>


							</div>

			
		</div>
	</div>
	
<ul id="container_component_body" class="px-0">
<li  style="list-style: none; ">	<div class="container-comp px-3 componente   py-3 htmleditor" data-rand="25yYUZCWFpsTnhiRkJoV21wVGVUaHpabVZOVTBsSVVUMDk">

		<p class="msj-disabled"></p>

		<div class="components_buttons"></div>

		<h1 class="titulo editable_item_text px-2" data-cmp="titulo" data-irand="25yYUZCWFpsTnhiRkJoV21wVGVUaHpabVZOVTBsSVVUMDk" data-type="com">
			Compostela de Indias, Pueblo Mágico desde el año 2018			<samp class="icon_edit text">
				<i class="fa fa-edit"></i>
			</samp>
		</h1>

		<div class="editable_item_text px-2 position-relative">

			<div class="conte_html">
				<div class="html_editable not_set" name="html_editable" data-cmp="conteHtml" data-type="com" data-irand="25yYUZCWFpsTnhiRkJoV21wVGVUaHpabVZOVTBsSVVUMDk">
					<div><p class="bottom-buffer">Villa de Santiago de Galicia de Compostela de Indias mejor conocido como Compostela de Indias, es uno de los Pueblos Mágicos del estado de Nayarit, contando con ésta denominación desde el año 2018.<br></p></div><div><p>Su nombre significa "Campo de estrellas" y es un poblado rico en historia, además de llevar el nombre glorioso e inmortal: Santiago de Compostela, por mandato de Juana de Castilla. </p><p>En el&nbsp; Pueblo Mágico Villa de Santiago de Galicia de Compostela de Indias aun se puede apreciar el toque colonial debido auqe fue un sitio fundado por la colonia española y el Vaticano. De hermosos paisajes y con un buen clima. <br></p></div><div>Villa de Santiago de Galicia de Compostela de Indias cuenta con áreas 
verdes y espacios ecológicos, muestra de ello es el lago ubicado a la 
salida en la localidad de Mazatlán, el cual es alimentado en forma 
natural por un manantial que fluye y lo suministra de agua durante todo 
el año manteniendo sus aguas limpias y cristalinas.</div><ul></ul>				</div>
			</div>

			<!-- <div class="box_html uneditable"></div> -->
			<div class="box_html"></div>

			<samp class="icon_edit html">
				<i class="fa fa-edit"></i>
			</samp>
		</div>
		<div class="shadown_tansparent"></div>
	</div>
	</li><li  style="list-style: none; ">	<div class="container-comp px-3 componente   text-center py-3 pag_galeria1 bordeTest" data-rand="25sTDFsSU5EQllVV1V3VmpOd1JXNVNhbUpHTTB0cmR6MDk">

		<p class="msj-disabled"></p>
		
		<div class="components_buttons"></div>

		<h1 itemprop="articleSection"  class="titulo editable_item_text text-edit-txt" data-cmp="titulo" data-irand="25sTDFsSU5EQllVV1V3VmpOd1JXNVNhbUpHTTB0cmR6MDk" data-type="com">
			Pueblo Mágico Villa de Santiago de Galicia de Compostela de Indias			<samp class="icon_edit text">
				<i class="fa fa-edit"></i>
			</samp>
		</h1>

		<div class="row mosaico mx-1 position-relative docs-pictures">
            <div class="esteit item contenido_4750_1 w-100">
                <div class="feature-box wow animated fadeInDown" data-wow-delay="0.1s">

                    <div class="changeable_img p-1 image-before portada_it">
						<img  itemprop="image"  alt="." class="img_contenido_4750_1 img-fluid w-100 lazy owl-lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/contenido/0/16/16225/org_contenido_4750_1_pag16225.jpg" data-im=".img_contenido_4750_1" data-original="https://www.mexicoxp.com/store/tipo_2/contenido/0/16/16225/org_contenido_4750_1_pag16225.jpg">

						<div class="ico_edit_img position-absolute" data-tipo="contenido_4750_1--REC">
							<label class="change" data-czuvstgnwwnvnr1ywy2pkvlzyzhzkm1jrzgxswfp6mdk="2e5VFVaRE9FaFRZM1pFZVhFekwzaGhhV1ppZGxnclFUMDk">
								<i class="fa fa-edit"></i> Cambiar imagen
							</label>

						</div>
					</div>

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

        
        <div class="row info d-block my-2 text-center itEdit_nom  btn-lg  editable_item_text text-edit-txt" data-cmp="info" data-irand="25sTDFsSU5EQllVV1V3VmpOd1JXNVNhbUpHTTB0cmR6MDk" data-type="com">
				
			<samp class="icon_edit text">
				<i class="fa fa-edit"></i>
			</samp>			
		</div>

		<div class="shadown_tansparent"></div>
	</div>
</li><li  style="list-style: none; ">	<div class="container-comp px-3 componente   py-3 htmleditor" data-rand="25xTjNkaU16bGpUalIzVVRCNVZuaEVhRWt6Ymt0blFUMDk">

		<p class="msj-disabled"></p>

		<div class="components_buttons"></div>

		<h1 class="titulo editable_item_text px-2" data-cmp="titulo" data-irand="25xTjNkaU16bGpUalIzVVRCNVZuaEVhRWt6Ymt0blFUMDk" data-type="com">
			Conoce los encantos de Villa de Santiago de Galicia de Compostela de Indias			<samp class="icon_edit text">
				<i class="fa fa-edit"></i>
			</samp>
		</h1>

		<div class="editable_item_text px-2 position-relative">

			<div class="conte_html">
				<div class="html_editable not_set" name="html_editable" data-cmp="conteHtml" data-type="com" data-irand="25xTjNkaU16bGpUalIzVVRCNVZuaEVhRWt6Ymt0blFUMDk">
					<p>El Pueblo Mágico Villa de Santiago de Galicia de Compostela de Indias cuenta con innumerables sitios para conocer:<br></p><ul><li>Alberca El Molino</li><li>Casa de la Cultura</li><li>Ciclismo</li><li>Estación del ferrocarril</li><li>Ex Hacienda de Miravalles</li><li>Guayabitos</li><li>Isla del Coral</li><li>Kayaquismo</li><li>Museo de Compostela</li><li>Parque Natural Punta Custodio</li><li>Plaza principal de Compostela</li><li>Talleres artesanales de talabartería, puros y café</li><li>Templo de la misericordia de San Santiago Apóstol</li><li>Zoológico Las Piedras</li></ul>

<p><strong><br></strong></p><p><strong>Festividades principales en el Pueblo Mágico </strong><strong>Villa de Santiago de Galicia de Compostela de Indias</strong></p>

<ol><li>Fiestas del Señor de la Misericordia, últimas semanas de noviembre-
 principios de&nbsp;diciembre. Peregrinaciones, bailes, feria, y pirotecnia.</li><li>Festival Artístico Musical Compostela Mágico</li><li>Romería Señorial Compostela</li><li>Fiesta de Santo Santiago Apóstol</li></ol><h2>
</h2>				</div>
			</div>

			<!-- <div class="box_html uneditable"></div> -->
			<div class="box_html"></div>

			<samp class="icon_edit html">
				<i class="fa fa-edit"></i>
			</samp>
		</div>
		<div class="shadown_tansparent"></div>
	</div>
	</li></ul>


	<div class="col-12 my-2">
        <nav class="container container-max px-0">	                
        			<a class="btn text-white mr-2 mb-3 bg-color-1" href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/index.html" role="button" data-sec="" >
					<i class="fa fa-info-circle" aria-hidden="true"></i>
					<span>Inicio</span>
			</a>
					<a class="btn text-white mr-2 mb-3 bg-color-2" href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/costos.html" role="button" data-sec="" >
					<i class="fa fa-usd" aria-hidden="true"></i>
					<span>Costos</span>
			</a>
					<a class="btn text-white mr-2 mb-3 bg-color-3" href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/ubicacion.html" role="button" data-sec="" >
					<i class="fa fa-map-marker" aria-hidden="true"></i>
					<span>Ubicación</span>
			</a>
					<a class="btn text-white mr-2 mb-3 bg-color-4" href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/contacto.html" role="button" data-sec="" >
					<i class="fa fa-pencil-square" aria-hidden="true"></i>
					<span>contacto</span>
			</a>
					<a class="btn text-white mr-2 mb-3 bg-color-5" href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/fotos_y_videos.html" role="button" data-sec="" >
					<i class="fa fa-camera" aria-hidden="true"></i>
					<span>Galería</span>
			</a>
		        </nav>
    </div>

	
	<div class="col-12 container-comp text-center py-3">

		<h1 class="titulo">
			Lugares que puedes visitar en Nayarit		</h1>

		<div class="row info d-block mb-2 text-center itEdit_nom">
				
		</div>

		<div class="row mosaico mx-md-2 d-flex justify-content-center ">

			<div class="owl-carousel owl-carousel-dinamic carousel-pages owl-theme" data-type="Prod" data-nmin="3">
			                <div class="col-lg-12 px-2">
						<div class=""  style="height: 400px;  ">
	  <a href="https://www.mexicoxp.com/pueblo-magico-mexcaltitan--p17693">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/17/17693/portadam17693.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
border-radius: 4px;
box-shadow: 0px 0px 4px gray;
height: 100%;
display: table;
">

			<div class="mx-0" style="display: table-cell;vertical-align: bottom;">

				<div class="col-12">
					<div class="d-flex justify-content-center w-100 mb-3">
						<div class="img-conte image-before perfil_it" style="
						overflow: hidden;
						border-radius: 100%;
						width: 90px !important;
						height: 90px !important;
						padding-bottom: unset !important;
						border: 2px solid #fff;">
							<img width="90" height="90" alt="Pueblo Mágico Mexcaltitán" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17693/perfil17693.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17693/org_perfil17693.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico Mexcaltitán</h4>
				</div>

			</div>
		</div>

	 </a>

	</div>
					</div>
	                        <div class="col-lg-12 px-2">
						<div class=""  style="height: 400px;  ">
	  <a href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/16/16225/portadam16225.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
border-radius: 4px;
box-shadow: 0px 0px 4px gray;
height: 100%;
display: table;
">

			<div class="mx-0" style="display: table-cell;vertical-align: bottom;">

				<div class="col-12">
					<div class="d-flex justify-content-center w-100 mb-3">
						<div class="img-conte image-before perfil_it" style="
						overflow: hidden;
						border-radius: 100%;
						width: 90px !important;
						height: 90px !important;
						padding-bottom: unset !important;
						border: 2px solid #fff;">
							<img width="90" height="90" alt="Pueblo Mágico Compostela de Indias" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16225/perfil16225.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16225/org_perfil16225.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico Compostela de Indias</h4>
				</div>

			</div>
		</div>

	 </a>

	</div>
					</div>
	                        <div class="col-lg-12 px-2">
						<div class=""  style="height: 400px;  ">
	  <a href="https://www.mexicoxp.com/pueblo-magico-jala--p16239">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/16/16239/portadam16239.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
border-radius: 4px;
box-shadow: 0px 0px 4px gray;
height: 100%;
display: table;
">

			<div class="mx-0" style="display: table-cell;vertical-align: bottom;">

				<div class="col-12">
					<div class="d-flex justify-content-center w-100 mb-3">
						<div class="img-conte image-before perfil_it" style="
						overflow: hidden;
						border-radius: 100%;
						width: 90px !important;
						height: 90px !important;
						padding-bottom: unset !important;
						border: 2px solid #fff;">
							<img width="90" height="90" alt="Pueblo Mágico Jala" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16239/perfil16239.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16239/org_perfil16239.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico Jala</h4>
				</div>

			</div>
		</div>

	 </a>

	</div>
					</div>
	                        <div class="col-lg-12 px-2">
						<div class=""  style="height: 400px;  ">
	  <a href="https://www.mexicoxp.com/pueblo-magico-sayulita--p16273">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/16/16273/portadam16273.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
border-radius: 4px;
box-shadow: 0px 0px 4px gray;
height: 100%;
display: table;
">

			<div class="mx-0" style="display: table-cell;vertical-align: bottom;">

				<div class="col-12">
					<div class="d-flex justify-content-center w-100 mb-3">
						<div class="img-conte image-before perfil_it" style="
						overflow: hidden;
						border-radius: 100%;
						width: 90px !important;
						height: 90px !important;
						padding-bottom: unset !important;
						border: 2px solid #fff;">
							<img width="90" height="90" alt="Pueblo Mágico Sayulita" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16273/perfil16273.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16273/org_perfil16273.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico Sayulita</h4>
				</div>

			</div>
		</div>

	 </a>

	</div>
					</div>
	                        <div class="col-lg-12 px-2">
						<div class=""  style="height: 400px;  ">
	  <a href="https://www.mexicoxp.com/feria-de-nayarit--p19192">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/19/19192/portadam19192.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
border-radius: 4px;
box-shadow: 0px 0px 4px gray;
height: 100%;
display: table;
">

			<div class="mx-0" style="display: table-cell;vertical-align: bottom;">

				<div class="col-12">
					<div class="d-flex justify-content-center w-100 mb-3">
						<div class="img-conte image-before perfil_it" style="
						overflow: hidden;
						border-radius: 100%;
						width: 90px !important;
						height: 90px !important;
						padding-bottom: unset !important;
						border: 2px solid #fff;">
							<img width="90" height="90" alt="Feria de Nayarit" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19192/perfil19192.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19192/org_perfil19192.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Feria de Nayarit</h4>
				</div>

			</div>
		</div>

	 </a>

	</div>
					</div>
	                        <div class="col-lg-12 px-2">
						<div class=""  style="height: 400px;  ">
	  <a href="https://www.mexicoxp.com/feria-nayarit--p19273">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/19/19273/portadam19273.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
border-radius: 4px;
box-shadow: 0px 0px 4px gray;
height: 100%;
display: table;
">

			<div class="mx-0" style="display: table-cell;vertical-align: bottom;">

				<div class="col-12">
					<div class="d-flex justify-content-center w-100 mb-3">
						<div class="img-conte image-before perfil_it" style="
						overflow: hidden;
						border-radius: 100%;
						width: 90px !important;
						height: 90px !important;
						padding-bottom: unset !important;
						border: 2px solid #fff;">
							<img width="90" height="90" alt="Feria Nayarit" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19273/perfil19273.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19273/org_perfil19273.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Feria Nayarit</h4>
				</div>

			</div>
		</div>

	 </a>

	</div>
					</div>
	                        <div class="col-lg-12 px-2">
						<div class=""  style="height: 400px;  ">
	  <a href="https://www.mexicoxp.com/feria-de-la-primavera-santiago-ixcuintla--p19323">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/19/19323/portadam19323.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
border-radius: 4px;
box-shadow: 0px 0px 4px gray;
height: 100%;
display: table;
">

			<div class="mx-0" style="display: table-cell;vertical-align: bottom;">

				<div class="col-12">
					<div class="d-flex justify-content-center w-100 mb-3">
						<div class="img-conte image-before perfil_it" style="
						overflow: hidden;
						border-radius: 100%;
						width: 90px !important;
						height: 90px !important;
						padding-bottom: unset !important;
						border: 2px solid #fff;">
							<img width="90" height="90" alt="Feria de la Primavera Santiago Ixcuintla" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19323/perfil19323.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19323/org_perfil19323.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Feria de la Primavera Santiago Ixcuintla</h4>
				</div>

			</div>
		</div>

	 </a>

	</div>
					</div>
	                        <div class="col-lg-12 px-2">
						<div class=""  style="height: 400px;  ">
	  <a href="https://www.mexicoxp.com/feria-nacional-de-la-primavera-santiago-ixcuintla--p19443">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/19/19443/portadam19443.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
border-radius: 4px;
box-shadow: 0px 0px 4px gray;
height: 100%;
display: table;
">

			<div class="mx-0" style="display: table-cell;vertical-align: bottom;">

				<div class="col-12">
					<div class="d-flex justify-content-center w-100 mb-3">
						<div class="img-conte image-before perfil_it" style="
						overflow: hidden;
						border-radius: 100%;
						width: 90px !important;
						height: 90px !important;
						padding-bottom: unset !important;
						border: 2px solid #fff;">
							<img width="90" height="90" alt="Feria Nacional de la Primavera Santiago Ixcuintla" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19443/perfil19443.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19443/org_perfil19443.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Feria Nacional de la Primavera Santiago Ixcuintla</h4>
				</div>

			</div>
		</div>

	 </a>

	</div>
					</div>
	                        <div class="col-lg-12 px-2">
						<div class=""  style="height: 400px;  ">
	  <a href="https://www.mexicoxp.com/islas-marias-destino-turistico--p19465">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/19/19465/portadam19465.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
border-radius: 4px;
box-shadow: 0px 0px 4px gray;
height: 100%;
display: table;
">

			<div class="mx-0" style="display: table-cell;vertical-align: bottom;">

				<div class="col-12">
					<div class="d-flex justify-content-center w-100 mb-3">
						<div class="img-conte image-before perfil_it" style="
						overflow: hidden;
						border-radius: 100%;
						width: 90px !important;
						height: 90px !important;
						padding-bottom: unset !important;
						border: 2px solid #fff;">
							<img width="90" height="90" alt="Islas Marías, destino turistico" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19465/perfil19465.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19465/org_perfil19465.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Islas Marías, destino turistico</h4>
				</div>

			</div>
		</div>

	 </a>

	</div>
					</div>
	                        <div class="col-lg-12 px-2">
						<div class=""  style="height: 400px;  ">
	  <a href="https://www.mexicoxp.com/feria-de-la-primavera-tuxpan--p19493">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/19/19493/portadam19493.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
border-radius: 4px;
box-shadow: 0px 0px 4px gray;
height: 100%;
display: table;
">

			<div class="mx-0" style="display: table-cell;vertical-align: bottom;">

				<div class="col-12">
					<div class="d-flex justify-content-center w-100 mb-3">
						<div class="img-conte image-before perfil_it" style="
						overflow: hidden;
						border-radius: 100%;
						width: 90px !important;
						height: 90px !important;
						padding-bottom: unset !important;
						border: 2px solid #fff;">
							<img width="90" height="90" alt="Feria de la Primavera Tuxpan" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19493/perfil19493.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19493/org_perfil19493.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Feria de la Primavera Tuxpan</h4>
				</div>

			</div>
		</div>

	 </a>

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

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

			<div class="col-lg-4 col-xl-3 d-none d-lg-block">
				<!--INSERT:plantilla_col_der_index -->
				<div class="sidebar-stiky">
	<!--x.1.a-->
	
	
		<div class="img_portada_ficha pag_fichaProfile1 editable_item_text position-relative mr-3" style="background-image: url(https://www.mexicoxp.com/store/tipo_2/portada_ficha/0/16/16225/portada_ficha16225.jpg);background-attachment: inherit; background-size: cover; background-position: center;">

			
			<div class="conte text-center row">

								<a href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/">
				
				<div class="col-sm-4 col-lg-12">
					<div class="imgprofile">
						<div class="changeable_img img-profile docs-pictures image-before perfil_it">
							<img alt="Pueblo Mágico Compostela de Indias" id="img_perfil" class="img-fluid img_perfil pointer owl-lazyLLL lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16225/perfil16225.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16225/org_perfil16225.jpg">

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

								</a>
				
				<div class="col-sm-8 col-lg-12">
					<a href="https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/">
						<h2 class="text-hover-img-white px-1" >
							Pueblo Mágico Compostela de Indias						</h2>
					</a>
					<p class="info text-hover-img-black">
											</p>
					<div class="row d-inline-block">
						<button type="button" class="btn-seguir-gusta unlike btn btn-light  btn-sm btnMG gp_cUkhSeGFYRlZMMmxRWVVGM1JrcFBZMWhCVUZSelVUMDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="274UkRoRmJtSXpTR2RZVjBjMVp6RkVZUzh3ZGpONVVUMDk" >
							<i class="fa fa-heart-o" aria-hidden="true"></i>
							<label class="text-dark my-0">Me encanta</label>
						</button>

						<button type="button" class="btn-seguir-seg unlike btn btn-light btn-sm btnMG sp_cUkhSeGFYRlZMMmxRWVVGM1JrcFBZMWhCVUZSelVUMDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="274UkRoRmJtSXpTR2RZVjBjMVp6RkVZUzh3ZGpONVVUMDk" >
							<i class="fa fa-check-square-o" aria-hidden="true"></i> 
							<label class="text-dark my-0">Seguir</label>
						</button>
					</div>
				</div>
			</div>
		</div>

	
	<div class="my-2"></div>


	<div class="mr-3">
					<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15156/perfil15156_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/festival-nacional-del-globo--p15156">	
                    <p class="info text-secondary"><b class="text-primary">Festival Nacional del Globo</b><br/>Festival que te hará vivir una experiencia única...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15068/perfil15068_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/hotel-excelaris--p15068">	
                    <p class="info text-secondary"><b class="text-primary">Hotel Excelaris</b><br/>Hotel 5 estrellas en Tequesquitengo, restaurante, ...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15221/perfil15221_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblos-magicos-de-mexico--p15221">	
                    <p class="info text-secondary"><b class="text-primary">Pueblos Mágicos de México</b><br/>Conoce los 132 Pueblos Mágicos de México, lugare...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15243/perfil15243_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/balneario-los-manantiales--p15243">	
                    <p class="info text-secondary"><b class="text-primary">Balneario Los Manantiales</b><br/>Paraíso natural de aguas termales...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15348/perfil15348_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/aerodynamic--p15348">	
                    <p class="info text-secondary"><b class="text-primary">Aerodynamic</b><br/>Vuelos en Ultraligero...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15529/perfil15529_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/grutas-de-tolantongo--p15529">	
                    <p class="info text-secondary"><b class="text-primary">Grutas de Tolantongo</b><br/>Atracciones en las Grutas de Tolantongo...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15635/perfil15635_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/grutas-de-cacahuamilpa--p15635">	
                    <p class="info text-secondary"><b class="text-primary">Grutas de Cacahuamilpa</b><br/>Conoce éste paraíso natural muy cerca de Taxco...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15695/perfil15695_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/haciendas-de-morelos--p15695">	
                    <p class="info text-secondary"><b class="text-primary">Haciendas de Morelos</b><br/>Sitios llenos de historia, ideales para visitar en...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15782/perfil15782_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/carnaval-de-tlaltizapan--p15782">	
                    <p class="info text-secondary"><b class="text-primary">Carnaval de Tlaltizapan</b><br/>Actividades dentro del Carnaval de Tlaltzapan 2020...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15901/perfil15901_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/balneario-las-huertas--p15901">	
                    <p class="info text-secondary"><b class="text-primary">Balneario Las Huertas</b><br/>Atracciones y Servicios del Balneario Las Huertas...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15907/perfil15907_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/parque-natural-las-estacas--p15907">	
                    <p class="info text-secondary"><b class="text-primary">Parque Natural Las Estacas</b><br/>Atracciones y Servicios del Parque Natural LAs Est...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16530/perfil16530_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/teques-te-esta-esperando--p16530">	
                    <p class="info text-secondary"><b class="text-primary">Teques te está esperando</b><br/>Pronto podrás volver a disfrutar Teques con tus a...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19007/perfil19007_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/feria-de-puebla--p19007">	
                    <p class="info text-secondary"><b class="text-primary">Feria de Puebla</b><br/>La Feria de puebla está de regreso, conoce las ac...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16880/perfil16880_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/tianguis-turistico-digital--p16880">	
                    <p class="info text-secondary"><b class="text-primary">Tianguis Turístico Digital</b><br/>SECTUR México promoverá el tianguis turístico d...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15222/perfil15222_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-de-cuetzalan--p15222">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico de Cuetzalán</b><br/>Pueblos Mágicos de Puebla...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15223/perfil15223_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-de-chignahuapan--p15223">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico de Chignahuapan</b><br/>Pueblos Mágicos de Puebla...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15235/perfil15235_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-de-zacatlan---p15235">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico de Zacatlán </b><br/>Pueblos Mágicos de Puebla...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15368/perfil15368_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-de-atlixco--p15368">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico de Atlixco</b><br/>Tradiciones, cultura y gastronomía de Atlixco...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15385/perfil15385_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-de-tlatlauquitepec--p15385">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico de Tlatlauquitepec</b><br/>Cultura, gastronomía y sitios de interés de Tlat...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15386/perfil15386_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-de-huauchinango--p15386">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico de Huauchinango</b><br/>Tradiciones, Cultura y Gastronomía de Huauchinang...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15390/perfil15390_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-de-xicotepec--p15390">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico de Xicotepec</b><br/>Gastronomía, cultura y tradiciones de Xicotepec...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15399/perfil15399_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-de-cholula--p15399">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico de Cholula</b><br/>Cultura, gastronomía y tradiciones de Cholula....</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15402/perfil15402_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-real-del-monte--p15402">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico Real del Monte</b><br/>Historia, cultura, gastronomía de Real del Monte...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15406/perfil15406_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-lagos-de-moreno--p15406">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico Lagos de Moreno</b><br/>Historia, cultura, gastronomía y tradiciones de L...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15407/perfil15407_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-de-mazamitla--p15407">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico de Mazamitla</b><br/>Cultura, tradición e historia de Mazamitla...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15408/perfil15408_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-san-sebastian-del-oeste--p15408">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico San Sebastián del Oeste</b><br/>Tradiciones, cultura y gastronomía de San Sebaati...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15414/perfil15414_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-de-tequila--p15414">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico de Tequila</b><br/>Gastronomía, Tradición e Historia de Tequila...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15428/perfil15428_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-mascota--p15428">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico Mascota</b><br/>Gastronomía, cultura y tradiciones de Mascota...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15427/perfil15427_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-talpa-de-allende--p15427">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico Talpa de Allende</b><br/>...</p>
                	</a>
					</div>
				</div>
			</div>
				<div class=" border mb-2 pt-2 pb-1 px-0  col-lg-12 ">
				<div class="  pagina_card_mini d-flex ">
					<div class="col-lg-3">
                        <div class="image-before perfil_it rounded-circle">
                        	<img data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15431/perfil15431_min.jpg" alt="profile-image" class=" profile img-fluid rounded-circle border lazy lazy-not-set"/>
                        </div>
					</div>
					<div class="col-lg-9 px-0">
						<a href="https://www.mexicoxp.com/pueblo-magico-de-tlaquepaque--p15431">	
                    <p class="info text-secondary"><b class="text-primary">Pueblo Mágico de Tlaquepaque</b><br/>Historia, tradiciones y cultura de Tlaquepaque...</p>
                	</a>
					</div>
				</div>
			</div>
		</div>

</div><!-- sidebar-stiky -->
			</div>

		</div>

	</main>
</div>
<!--INSERT:mod_plantilla_html_index -->

<input type="hidden" id="resize_ficha_costos" onclick="resizeFicha(); ">


<script> $(document).ready(function() { reloadCarouselServProd(); }); </script>

<script>
function resizeFicha()
{
	ww = $(window).width();
	$(".paq_container").each(function(){
		var w = $(this).width();
		var h = $(this).height();

		w2 = (w/2);
		l= (w/4)+2;
		t = -1;

		x = $(this).find(".paq_header").height();

		t=-1*(x/(w/x));

		if(ww>574){

			if($(this).hasClass("bg_image_n")){
				$(this).addClass("bg_image");
				$(this).removeClass("bg_image_n");
			}

			if($(this).hasClass("bg_image")){
				wf = (w*1.8);
				$(this).css({"height":wf+"px"});
			} else {
				
			}
		} else {
			$(this).css({"height":"unset"});

			if($(this).hasClass("bg_image")){
				$(this).addClass("bg_image_n");
				$(this).removeClass("bg_image");
			}
		}

		$(this).find(".recx").css({"width":w2+"px","height":w2+"px","left":l+"px","top":t+"px"});
	});
}

function formatDescHtml(txt)
{
	var chk = '<i class="fa fa-check-circle text-success"></i> ';
	var unchk ='<i class="fa fa-times text-danger"></i> ';

	_html = txt.split("\n").join("\n");
	_html = _html.split("\n").join("<br>");
	_html = _html.split("++").join(chk);
	_html = _html.split("--").join(unchk);

	return _html;
}

$(document).ready(function(){
	$(".paq_desc").each(function(){
			$(this).html(formatDescHtml($(this).text()));
		});

	resizeFicha();
});

$(window).resize(function() { resizeFicha(); });
</script>
    <!-- Footer -->
        <main role="main" id="footer_main" class="containerC">
    <div class="container mod-log">
        
        <div class="row text-center">
            <div class="col-6 col-sm-3 mb-2">
                <a href="">Acerca de.</a>
            </div>
            <div class="col-6 col-sm-3 mb-2">
                <a href="">Política de cookies.</a>
            </div>
            <div class="col-6 col-sm-3 mb-2">
            <a href="">Términos y condiciones de uso.</a>
            </div>
            <div class="col-6 col-sm-3 mb-2">
                <a href="">Política de privacidad.</a>
            </div>
        </div>

        <div class="row px-3 px-lg-0">
            <div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-md-3">
                <ul class="list-unstyled list-inline social text-center">
                    <li class="list-inline-item fb">
                        <a href="https://www.facebook.com/mexicoesbonito/"><i class="fa fa-facebook-square"></i></a>
                    </li>
                                        <li class="list-inline-item insta">
                        <a href="https://www.instagram.com/mexico.xp/" style=""><i class="fa fa-instagram"></i></a>
                    </li>
                    <li class="list-inline-item">
                        <a href="https://www.mexicoxp.com/mexicoxp--p15067/contacto.html" target="_blank"><i class="fa fa-envelope"></i></a>
                    </li>
                </ul>
            </div>
        </div>  
        <div class="row px-3 px-lg-0">
            <div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-2 text-center text-white">
                                <p class="h6 text-secondary">&copy; 2021 Algunos derechos reservados.<a class="text-green ml-2"  > MexicoXp.com</a></p>

                <p class="text-secondary">Desarrollado por: <a href="http://www.idcreaciones.com">idCreaciones.com</a></p>
            </div>
        </div>  
    </div>
</main>    <!-- ./Footer -->

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

    
    <script src="https://unpkg.com/popper.js"></script>   
    <script src="https://unpkg.com/tooltip.js"></script>
    <script src="https://www.mexicoxp.com/portal/st/_principal/_b4/js/bootstrap.min.js"></script>
    <script src="https://www.mexicoxp.com/portal/st/_principal/_b4/js/offcanvas.js"></script>
    <script src="https://www.mexicoxp.com/portal/st/_principal/jquery.lazy.min.js"></script>
    <script src="https://www.mexicoxp.com/portal/st/_principal/jsv2/sticky-sidebar.js"></script>

    <script type="text/javascript" src="https://www.mexicoxp.com/portal/st/_principal//js/jarallax/jarallax/jarallax.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">

    <script type="text/javascript">

        function reloadCssx()
        {
            var links = document.getElementsByTagName("link");
            for (var cl in links)
            {
                var link = links[cl];
                if (link.rel === "stylesheet")
                    link.href += "?"+Math.random();
                 //console.log(  link.href );
            }
            //console.log(Math.random());
        }

         $(function() 
         {            

         });   
        
        function reloadCSS()
        {

            $('#estiloscss').replaceWith('<link id="estiloscss" rel="stylesheet" href="https://www.mexicoxp.com/portal/st/_principal/estilos.css?t=' + Date.now() + '"></link>');
            $('#estiloscssa').replaceWith('<link id="estiloscssa" rel="stylesheet" href="https://www.mexicoxp.com/portal/st/_principal//pags_estilo/estilo_1_1/estilo_1_1.css?t=' + Date.now() + '"></link>');


            setTimeout(
                "$('#estiloscssx').replaceWith('<link id=\"estiloscssx\" rel=\"stylesheet\" href=\"https://www.mexicoxp.com/portal/st/_principal/estilos.css?t=' + Date.now() + '\"></link>');",200);
            setTimeout(
                "$('#estiloscssax').replaceWith('<link id=\"estiloscssax\" rel=\"stylesheet\" href=\"https://www.mexicoxp.com/portal/st/_principal//pags_estilo/estilo_1_1/estilo_1_1.css?t=' + Date.now() + '\"></link>');",200);

            
        }
    </script>

    <!-- WOL.CAROUSEL INI -->
      
    <script type="text/javascript">
    function setCarouselServ(item)
    {
        item.owlCarousel({
        center: true,
        items:3,
        dots:true, 
    lazyLoad:true,
        nav:true,
        loop:true, 
        responsive:{
            991:{
                items:3,
                dots:true
            },
            768:{
                items:3,
                dots:true
            },
            0:{
                items:1,
                dots:true
            }
        },
        onDragged: cambiaBtns()
      });
    }

    function setCarouselMenu(item)
    {
        // var n = item.children("a").length;
        n = 6;
        item.owlCarousel({
        center: false,
        items:7,
        dots:false, 
        lazyLoad:true,
        nav:true,
        autoWidth:true,
        loop:false,
        navText: ['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
        responsive:{
            1200:{
                items:5,
                dots:true
            },
            991:{
                items:4,
                dots:true
            },
            768:{
                items:4,
                dots:true
            },
            500:{
                items:3,
                dots:true
            },
            200:{
                items:3,
                dots:true
            }
        },
        // onDragged: 
      });

        let aux = item.find('.owl-stage')[0];
        let m = $(aux);
        let w = m.width()+2;

        item.on('resized.owl.carousel',function(){
            m.css({ 'width' : w+'px' });
        });

        m.css({ 'width' : w+'px' });
        setTimeout( ()=>{ m.css({ 'width' : w+'px' }); },500 );
    }

    function setCarouselProd(item)
    {
        var n = item.children().length;
        var widthitem = 400;
        
        var loop = true;
        var aux = 0;

        if(n<2) { n=1; loop = false; }
        // else {n=2;}
        if(n>4)
            n=4;

        var autow = $.trim( item.data("autow") );

        if(item.data("nmin"))
        {
            n = item.data("nmin");
            aux = 1;
        }

        var parent_width = item.parent().width();
        var cant = parent_width/widthitem;
        var xcant = cant.toString().split('.')[0];
        n = (xcant*1)+1;
        var center = (n%2)?false:true;

        item.owlCarousel({
        center: center,
        items:n,
        dots:true, 
        nav:true,
        autoWidth:false,
        lazyLoad:true,
        loop:loop, 
        // responsive:{
        //     1200:{
        //         items:n,
        //         dots:true
        //     },
        //     991:{
        //         items:n,
        //         dots:true
        //     },
        //     700:{
        //         items:n,
        //         dots:true
        //     },
        //     350:{
        //         items:n,
        //         dots:true
        //     }
        // },
        onDragged: cambiaBtns()

      });
    }

    function cambiaBtns()
    {
        $( ".owl-prev").html('<i class="fa fa-chevron-left btnNav"></i>');
        $( ".owl-next").html('<i class="fa fa-chevron-right btnNav"></i>');
        setTimeout(function(){
            $( ".owl-prev").html('<i class="fa fa-chevron-left btnNav"></i>');
            $( ".owl-next").html('<i class="fa fa-chevron-right btnNav"></i>');
        },500);
        setTimeout(function(){
            $( ".owl-prev").html('<i class="fa fa-chevron-left btnNav"></i>');
            $( ".owl-next").html('<i class="fa fa-chevron-right btnNav"></i>');
        },1500);
    }

    function setWhatsappLink(isMobil)
    {
        $(".whatsapp-sharer").each(function(){
          link = $(this).data("link");
          realLink = (isMobil)?"https://wa.me/?text=":"https://web.whatsapp.com/send?text=";
          $(this).attr("href",realLink+link);
          if(isMobil)
            $(this).attr("target","");
        });
    }

    function copy(id,o=null)
    {
      var copyTextarea = document.getElementById(id);
      copyTextarea.select();
      o.next().remove();
      try {
        var successful = document.execCommand('copy');
        var msg = successful ? 'successful' : 'unsuccessful';
        o.after("<span class='fs-14p text-info'>Link copiado </span>");
      } catch (err) {
        o.after("<span class='fs-14p text-danger'>No se copió el link</span>");
      }

      setTimeout(function(){
        o.next().remove();
      },2000);
    }

    $(document).ready(function()
    {
        isMobil = ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) )? true: false;

        if($(".owl-carouselServ").length>0)
            setCarouselServ($(".owl-carouselServ"));

        if($(".owl-carouselProds").length>0)
        setCarouselProd($(".owl-carouselProds"));

        if($(".owl-carousel-menu-secs").length>0)
        setCarouselMenu($(".owl-carousel-menu-secs"));

        $('[data-toggle="tooltip"]').tooltip()

      setWhatsappLink(isMobil);
      setLazy();

      $(".owl-carousel button[class^='owl-']").click(()=>{setTimeout(()=>{setLazy();},300)});
    });//ready

  function setLazy()
  {
      $(".lazy.lazy-not-set").Lazy({
            beforeLoad: function(e) {
                // called before an elements gets handled
            },
            afterLoad: function(e) {
                $(e).removeClass("lazy-not-set")
                .parent().removeClass("image-before");
                
                setTimeout(function(){
                    $(e).parent().removeClass("image-before");
                },300);
            },
            onError: function(e) {
                // called whenever an element could not be handled
            },
            onFinishedAll: function() {
                // called once all elements was handled
            }
        });
  }


    $(document).on('show.bs.modal', function (){
        $("html").removeClass("loked");
        $("html").addClass("loked");
    });

    $(document).on('hide.bs.modal', function (){
        $("html").removeClass("loked");
    });

    </script>
    <script type="text/javascript">
    function addEventLikePag()
    {
        $("[class^='btn-seguir']").each(function(i,e){
          if(!$(this).hasClass("event_set"))
          {
            $(this).addClass("event_set");

            $(e).click(function(){
                var b = $(this);
                var t = b.data("c");
                var c = b.data("a"+t.toLowerCase());

                var d = {
                    cWjFWdmNuRlRabVZ5Wkd4TmRWWjZRVmRYV1ZSRVVUMDk:t,
                    cY0d0b01taDVXRWRxVGxOWGFXRXlTMlZ4VFhaR1FUMDk:c,
                    cWVRKMFRVcG9OVVZ6TUVGRVVrdFdZVWxCTlZaMFp6MDk:"2o6WWtVdmFFWnhjSGxaT0hNckwyOVpkWGhLWnl0TVFUMDk"
                }

                $.post("https://www.mexicoxp.com/ac_seguir.html",d,function(r){
                    var resp = r.split("_##__118ef376aaa8719_##__");
                    var djson = JSON.parse( resp[2]);
                    repac = djson.COD+"".toString();

                    if(repac == 'OK')
                    {
                        var t = djson.t+"".toString();
                        var t_ = {seguir:"check-square",gusta:"heart"};

                        var _class = (djson.v==0)?"-o":"";
                        $("."+djson.id).children("i").attr("class","fa fa-"+t_[t]+""+_class);
                        $("."+djson.id).children("label").text(djson.txt);
                    }

                    if(repac == 'NOSES')
                        window.location = 'https://www.mexicoxp.com/ac_login_usuario.html';

                    if(repac == 'ERROR')
                        alert("Algo ocurrió");
                });

            });
          }//event_set

        });
    }

    addEventLikePag();

    function loadSegsPag(cU2pkV09YcHFNeTlGU1RKWGJTOHhZMGhLTlRWQlFUMDk)
    {
        var objGS = $("button.btn-seguir-gusta.unlike");
        var objCG = $(".l-seguir-g");
        var objCS = $(".l-seguir-s");

        var icg = (objCG.length>0)?1:0;
        var ics = (objCS.length>0)?1:0;

        var gp_sp = [];

        objGS.each(function(){
            var b = $(this);
            var t = b.data("c");
            var c = b.data("a"+t.toLowerCase());
            gp_sp.push(c);
        });

        var d2_ = {
            cU2pkV09YcHFNeTlGU1RKWGJTOHhZMGhLTlRWQlFUMDk:cU2pkV09YcHFNeTlGU1RKWGJTOHhZMGhLTlRWQlFUMDk,
            cVGpGRmEwUkJXRkJPU0hnNU0weFBlRXR3Wmtwb1p6MDk: gp_sp,
            cY2tOc1dYUXZkRms1TWpWaU1rTkRhVEpEWVN0MFVUMDk: icg,
            cTDB4WVlWQnNNMWhvUW5SVWNrNUdRbGRsVUZoWFVUMDk: ics,
            cWVRKMFRVcG9OVVZ6TUVGRVVrdFdZVWxCTlZaMFp6MDk:"2stVUZWQlVsUlBTREpvYm5wSGRsUmtOMWhNWkdoUVVUMDk"
        };

        if( (gp_sp.length+icg+ics)>0)
        {
            $.post("https://www.mexicoxp.com/ac_seguir.html",d2_,function(resp_)
            {
                resp = resp_.split("_##__118ef376aaa8719_##__");
                json_resp = resp[2];

                if(json_resp)
                {
                    r = JSON.parse(json_resp);
                    
                    if(r.pgs != null)
                    {
                        var t = {sp:"check-square",gp:"heart"};
                        var txt = {sp:"Siguiendo",gp:"Me encanta"};
                        for (var i = 0; i < r.pgs.length; i++)
                        {
                            tb = r.pgs[i].split("_")[0];
                            $("."+r.pgs[i]).children("i").attr("class","fa fa-"+t[tb]);
                            $("."+r.pgs[i]).children("label").text(txt[tb]);
                            $("."+r.pgs[i]).removeClass("unlike");
                        }
                    }

                    if(r.ng != null)
                    {
                        objCG.find(".cant_show").text(r.ng);
                        //objCG.removeClass("notcounted");
                    }

                    if(r.ns != null)
                    {
                        objCS.find(".cant_show").text(r.ns);
                        //objCS.removeClass("notcounted");
                    }
                }
            });
        }//End if length
    }//end function

    
    $(".btn-contact-info").each((i,e)=>{
        $(e).click(()=>{
            setCookie("SOLICITAINFO", $(e).data("info"), 1);
            window.location='https://www.mexicoxp.com/pueblo-magico-compostela-de-indias--p16225/contacto.html';
        })
    });

    function reloadCarouselServProd()
    {
        $(".owl-carousel-dinamic").each(function()
        {
            if(!$(this).hasClass('carousel_set'))
            {
                $(this).addClass('carousel_set');

                type = $(this).data("type");

            
                if(type == "Serv")
                    setCarouselServ($(this));

                if(type == "Prod")
                    setCarouselProd($(this));
            }

        });
    }//End function

    function setCookie(cname, cvalue, exdays) {
      var d = new Date();
      d.setTime(d.getTime() + (exdays*24*60*60*1000));
      var expires = "expires="+ d.toUTCString();
      document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    }


    if(typeof $('.sidebar-stiky').html() != 'undefined'){
        var stickySidebar = new StickySidebar('.sidebar-stiky', {topSpacing: 50,bottomSpacing:50,resizeSensor: true,});
        $(document).ready( ()=>{
            stickySidebar.updateSticky();
            setTimeout( ()=>{stickySidebar.updateSticky();},1000 );
        } );
    }

    window.addEventListener("beforeunload", function (event){ $("body").fadeOut(450); });
    </script>
    <script src="https://www.mexicoxp.com/portal/st/_principal/jsv2/viewer.js"></script>
    <script src="https://www.mexicoxp.com/portal/st/_principal/jsv2/main_viewer.js"></script>
<!-- WOL.CAROUSEL FIN -->
  </body>
</html>