<!--  [][1737927254.435636043548584][2025-01-26 15:34:14][M:407688][**.|.|.**] p1 -- 0.00000000 -->
<!--  [][1737927254.436567068099976][2025-01-26 15:34:14][M:409312][**.|.|.**] INI control_geoip.php -- 0.00093102 -->
<!--  [][1737927254.436956882476807][2025-01-26 15:34:14][M:414256][**.|.|.**] _##__402ec6047df5694_##__ -- 0.00038981 -->
<!--  [][1737927254.438775062561035][2025-01-26 15:34:14][M:486776][**.|.|.**] entrando a: control_alias -- 0.00181818 -->
<!--  [][1737927254.438793897628784][2025-01-26 15:34:14][M:486888][**.|.|.**]   __ESTEALIAS : balneario_rancho_colorado --  --  __ESTEIDALIAS : 15969  -- 0.00001884 -->
<!--  [][1737927254.442363023757935][2025-01-26 15:34:14][M:506544][**.|.|.**] xxxxxxxxxxxxx -- 0.00356913 -->
<!--  [][1737927254.442409038543701][2025-01-26 15:34:14][M:506544][**.|.|.**] xxxxxxxxxxxxx -- 0.00004601 -->
<!--  [][1737927254.442465066909790][2025-01-26 15:34:14][M:491600][**.|.|.**]  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] => 462591
            [warning_count] => 0
        )

    [LLink] => 
    [regLog] => 
    [ultRes] => Array
        (
            [QR] => SELECT * FROM reg_alias WHERE  alias='balneario-rancho-colorado' AND idReg='15969'  
            [mnr] => 1
        )

    [ultRes2] => 
    [LII] => 
    [cantRegs] => 1
    [tipo] => m
    [estaTabla] => reg_alias
    [_tipobd] => 
)
 -- 0.00005603 -->
<!--  [][1737927254.444798946380615][2025-01-26 15:34:14][M:513152][**.|.|.**] xxxxxxxxxxxxx -- 0.00233388 -->
<!--  [][1737927254.444823980331421][2025-01-26 15:34:14][M:513152][**.|.|.**] xxxxxxxxxxxxx -- 0.00002503 -->
<!--  [][1737927254.445642948150635][2025-01-26 15:34:14][M:495672][**.|.|.**] entro en bin_pagina_index -- 0.00081897 -->
<!--  [][1737927254.454073905944824][2025-01-26 15:34:14][M:529456][**.|.|.**] xxxxxxxxxxxxx -- 0.00843096 -->
<!--  [][1737927254.458250045776367][2025-01-26 15:34:14][M:529456][**.|.|.**] xxxxxxxxxxxxx -- 0.00417614 -->
<!--  [][1737927254.462254047393799][2025-01-26 15:34:14][M:532848][**.|.|.**] xxxxxxxxxxxxx -- 0.00400400 -->
<!--  [][1737927254.462291955947876][2025-01-26 15:34:14][M:532848][**.|.|.**] xxxxxxxxxxxxx -- 0.00003791 -->
<!--  [][1737927254.462511062622070][2025-01-26 15:34:14][M:544336][**.|.|.**] xxxxxxxxxxxxx -- 0.00021911 -->
<!--  [][1737927254.462528944015503][2025-01-26 15:34:14][M:544336][**.|.|.**] xxxxxxxxxxxxx -- 0.00001788 -->
<!--  [][1737927254.462706089019775][2025-01-26 15:34:14][M:557176][**.|.|.**] xxxxxxxxxxxxx -- 0.00017715 -->
<!--  [][1737927254.462722063064575][2025-01-26 15:34:14][M:557176][**.|.|.**] xxxxxxxxxxxxx -- 0.00001597 -->
<!--  [][1737927254.462750911712646][2025-01-26 15:34:14][M:531888][**.|.|.**] SOCIOS Array
(
    [0] => 1
    [1] => 1
)
 -- 0.00002885 -->
<!--  [][1737927254.464570045471191][2025-01-26 15:34:14][M:832392][**.|.|.**] xxxxxxxxxxxxx -- 0.00181913 -->
<!--  [][1737927254.464591979980469][2025-01-26 15:34:14][M:832392][**.|.|.**] xxxxxxxxxxxxx -- 0.00002193 -->
<!--  [][1737927254.464725017547607][2025-01-26 15:34:14][M:727536][**.|.|.**] 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 = '21' 

            GROUP BY pr.idPag

              ORDER BY orden DESC

            LIMIT 0,10;
            

 -- 0.00013304 -->
<!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="">

    <!--  [][1737927254.474513053894043][2025-01-26 15:34:14][M:886672][**.|.|.**] INIMETA -- 0.00978804 -->
<meta property='og:url'          content='https://www.mexicoxp.com/balneario-rancho-colorado--p15969/index.html'         />
<meta property='og:title'        content='Balneario Rancho Colorado'       />
<meta property='og:description'  content='Atracciones y Servicios del Balneario Rancho Colorado' />
<meta property='og:image'        content='https://www.mexicoxp.com/store/tipo_2/portada/0/15/15969/org_portada15969.jpg'       />
<meta property="product:brand" content="Facebook"> 
    

    <link rel="canonical" href="https://www.mexicoxp.com/balneario-rancho-colorado--p15969/index.html" />
    <meta name="twitter:card" content="summary_large_image">

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

    <title>Balneario Rancho Colorado</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=2025-01-26 15:34:14" 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=2025-01-26">
<link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/gralstyles.css?rand=2025-01-26">
<link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/costos.css?rand=2025-01-26">
    <!-- 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>

  <!--  [][1737927254.480674982070923][2025-01-26 15:34:14][M:1106256][**.|.|.**] xxxxxxxxxxxxx -- 0.00616193 -->
<!--  [][1737927254.484639883041382][2025-01-26 15:34:14][M:1106256][**.|.|.**] xxxxxxxxxxxxx -- 0.00396490 -->

  <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>

                  <!--  [][1737927254.522442102432251][2025-01-26 15:34:14][M:1100280][**.|.|.**] xxxxxxxxxxxxx -- 0.03780222 -->
<!--  [][1737927254.522492885589600][2025-01-26 15:34:14][M:1100280][**.|.|.**] xxxxxxxxxxxxx -- 0.00005078 -->
                    <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="cYVhKT2VuVkZaVGRNWnpOWFRVSnNSazF3UkRGUVFUMDk" 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('_##__402ec6047df5694_##__');
                                    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=e9c978efb6139f99eed097e37551fb08&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_15969_3223" 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="Balneario Rancho Colorado" 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/15/15969/portada15969.jpg" data-original="https://www.mexicoxp.com/store/tipo_2/portada/0/15/15969/org_portada15969.jpg">

					<img  itemprop="image"  alt="Balneario Rancho Colorado" 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/15/15969/portadam15969.jpg" data-original="https://www.mexicoxp.com/store/tipo_2/portada/0/15/15969/org_portada15969.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/balneario-rancho-colorado--p15969/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/balneario-rancho-colorado--p15969/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/balneario-rancho-colorado--p15969/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/balneario-rancho-colorado--p15969/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/balneario-rancho-colorado--p15969/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/balneario-rancho-colorado--p15969/">
							<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/15/15969/perfil15969_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/balneario-rancho-colorado--p15969/">
									<h1 itemprop="name" class="pt-0 mb-1" data-cmp_s="nom" data-id_s="15969" data-type="pag">
										Balneario Rancho Colorado									</h1>
								</a>

								<span><span class="badge badge-secondary">Puebla</span> <span class="badge badge-secondary">Puebla</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%2Fbalneario-rancho-colorado--p15969%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%2Fbalneario-rancho-colorado--p15969%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%2Fbalneario-rancho-colorado--p15969%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/balneario-rancho-colorado--p15969/">
					      </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="25mWkRWTVpWQlplRTB2Um05VWMxUk5WRGh2ZVRWTlFUMDk" data-type="com">
						¡Ven a conocer el Balneario Rancho Colorado!. 
						<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="25mWkRWTVpWQlplRTB2Um05VWMxUk5WRGh2ZVRWTlFUMDk" data-type="com">
						Un espacio con diversas atracciones ideales para ti						<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="25sY1ZFdlpqaGlMMVZKVlc1cUsxZG5TMVZoWjNOaFFUMDk">

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

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

		<h1 class="titulo editable_item_text px-2" data-cmp="titulo" data-irand="25sY1ZFdlpqaGlMMVZKVlc1cUsxZG5TMVZoWjNOaFFUMDk" data-type="com">
			¡El Balneario Rancho Colorado te espera!			<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="25sY1ZFdlpqaGlMMVZKVlc1cUsxZG5TMVZoWjNOaFFUMDk">
					<div><div><div><div><div><div><div><div><div><div>El Balneario Rancho Colorado se encuentra ubicado en la Col. Rancho Colorado en la ciudad de Puebla, y es un sitio dedicado a la recreación y diversión familiar. </div><div><br></div><div>El Balneario nos ofrece diversas atracciones y servicios, una de las principales son sus aguas sulfurosas las cuáles se encuentran a una temperatura de 25° , cristalinas y refrescantes. <br></div></div></div></div></div></div></div></div></div></div>				</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="25kWm01Vk1XZElXbElyTTJSd1JXVXpZbFY2V25JNVVUMDk">

		<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="25kWm01Vk1XZElXbElyTTJSd1JXVXpZbFY2V25JNVVUMDk" data-type="com">
			Balneario Rancho Colorado			<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_3230_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_3230_1 img-fluid w-100 lazy owl-lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/contenido/0/15/15969/org_contenido_3230_1_pag15969.jpg" data-im=".img_contenido_3230_1" data-original="https://www.mexicoxp.com/store/tipo_2/contenido/0/15/15969/org_contenido_3230_1_pag15969.jpg">

						<div class="ico_edit_img position-absolute" data-tipo="contenido_3230_1--REC">
							<label class="change" data-cvfhktfpfagltvfjywwtwme9uunftr2hmzg5oyvp6mdk="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="25kWm01Vk1XZElXbElyTTJSd1JXVXpZbFY2V25JNVVUMDk" 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="25rV1ZCR2VVZFVkMDk2UmpoVk1HZ3dXamRwYTFoQlVUMDk">

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

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

		<h1 class="titulo editable_item_text px-2" data-cmp="titulo" data-irand="25rV1ZCR2VVZFVkMDk2UmpoVk1HZ3dXamRwYTFoQlVUMDk" data-type="com">
			Atracciones y Servicios de Balneario Rancho Colorado			<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="25rV1ZCR2VVZFVkMDk2UmpoVk1HZ3dXamRwYTFoQlVUMDk">
					<p>El Balneario tiene grandes atracciones para ti:</p><ul><li>Aguas sulfurosas</li><li>Canchas deportivas</li><li>Juegos infantiles</li><li>Chapoteaderos</li><li>Áreas verdes</li><li>Palapas<br></li></ul><p><br></p><h5>Alimentos</h5><p>Para comer, el Balneario Rancho Colorado cuenta con área de alimentos, en dónde podrás degustar una gran variedad de antojitos, así como la fuentes de sodas. <br><br></p><h5>Servicios que ofrece el Balneario Rancho Colorado<br></h5><ul><li>Albercas</li><li>Chapoteaderos</li><li>Toboganes</li><li>Palapas</li><li>Juegos Infantiles</li><li>Fuente de Sodas</li><li>Canchas Deportivas</li><li>Vestidores</li><li>Sanitarios</li></ul><br><div><h5>Horarios de Balneario Rancho Colorado</h5><br></div><div>Se encuentra abierto de Viernes a Miércoles de 9:00 a 17:00 horas. <br></div><div><br></div><div><h5>Ubicación de Balneario Rancho Colorado</h5></div><div><p>Calle 34 Poniente s/n esq. Rancho Colorado, Col. Rancho Colorado, Puebla</p></div>				</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/balneario-rancho-colorado--p15969/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/balneario-rancho-colorado--p15969/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/balneario-rancho-colorado--p15969/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/balneario-rancho-colorado--p15969/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/balneario-rancho-colorado--p15969/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 Puebla		</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/feria-de-puebla--p19007">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/19/19007/portadam19007.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 Puebla" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19007/perfil19007.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/19/19007/org_perfil19007.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Feria de Puebla</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-de-cuetzalan--p15222">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/15/15222/portadam15222.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 de Cuetzalán" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15222/perfil15222.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15222/org_perfil15222.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico de Cuetzalá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-de-chignahuapan--p15223">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/15/15223/portadam15223.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 de Chignahuapan" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15223/perfil15223.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15223/org_perfil15223.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico de Chignahuapan</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-de-zacatlan---p15235">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/15/15235/portadam15235.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 de Zacatlán " class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15235/perfil15235.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15235/org_perfil15235.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico de Zacatlá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-de-atlixco--p15368">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/15/15368/portadam15368.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 de Atlixco" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15368/perfil15368.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15368/org_perfil15368.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico de Atlixco</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-de-tlatlauquitepec--p15385">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/15/15385/portadam15385.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 de Tlatlauquitepec" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15385/perfil15385.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15385/org_perfil15385.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico de Tlatlauquitepec</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-de-huauchinango--p15386">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/15/15386/portadam15386.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 de Huauchinango" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15386/perfil15386.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15386/org_perfil15386.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico de Huauchinango</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-de-xicotepec--p15390">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/15/15390/portadam15390.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 de Xicotepec" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15390/perfil15390.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15390/org_perfil15390.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico de Xicotepec</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-de-cholula--p15399">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/15/15399/portadam15399.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 de Cholula" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15399/perfil15399.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15399/org_perfil15399.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico de Cholula</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-tetela-de-ocampo--p17694">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/17/17694/portadam17694.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 Tetela de Ocampo" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17694/perfil17694.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17694/org_perfil17694.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico Tetela de Ocampo</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/15/15969/portada_ficha15969.jpg);background-attachment: inherit; background-size: cover; background-position: center;">

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

								<a href="https://www.mexicoxp.com/balneario-rancho-colorado--p15969/">
				
				<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="Balneario Rancho Colorado" 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/15/15969/perfil15969.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/15/15969/org_perfil15969.jpg">

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

								</a>
				
				<div class="col-sm-8 col-lg-12">
					<a href="https://www.mexicoxp.com/balneario-rancho-colorado--p15969/">
						<h2 class="text-hover-img-white px-1" >
							Balneario Rancho Colorado						</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_cVFRVeVJtRXpRa2s0T0hkWE1XdzJjWEo1UlVoaGR6MDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="27iYUhaelVVeHVlbk12V21WU1dscGFNM1JHWVRkSVp6MDk" >
							<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_cVFRVeVJtRXpRa2s0T0hkWE1XdzJjWEo1UlVoaGR6MDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="27iYUhaelVVeHVlbk12V21WU1dscGFNM1JHWVRkSVp6MDk" >
							<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 = {
                    cY1Nzd1oxUktVRmRzWkRSa1owSlBORUl6VG5KV1VUMDk:t,
                    cVjNsa01YSXdaVEZETDJsbWFYQnZNazFsZFdSbFVUMDk:c,
                    cYVhKT2VuVkZaVGRNWnpOWFRVSnNSazF3UkRGUVFUMDk:"2o6WWtVdmFFWnhjSGxaT0hNckwyOVpkWGhLWnl0TVFUMDk"
                }

                $.post("https://www.mexicoxp.com/ac_seguir.html",d,function(r){
                    var resp = r.split("_##__402ec6047df5694_##__");
                    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(cVkZrck5XMVphVUZwUzJkUWFYaHdWREpDWlZWcGR6MDk)
    {
        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_ = {
            cVkZrck5XMVphVUZwUzJkUWFYaHdWREpDWlZWcGR6MDk:cVkZrck5XMVphVUZwUzJkUWFYaHdWREpDWlZWcGR6MDk,
            cZUhVMWRXY3paekp1U25WNE1tTmtjelkxVlcxNFp6MDk: gp_sp,
            cVTNaVGFtVjJRbFUwYjI1eVluYzJWRkp3YlhGMVFUMDk: icg,
            cTlN0RVIwcFJZblpxYUZoTFlUY3hjMU5MZEhOd2R6MDk: ics,
            cYVhKT2VuVkZaVGRNWnpOWFRVSnNSazF3UkRGUVFUMDk:"2stVUZWQlVsUlBTREpvYm5wSGRsUmtOMWhNWkdoUVVUMDk"
        };

        if( (gp_sp.length+icg+ics)>0)
        {
            $.post("https://www.mexicoxp.com/ac_seguir.html",d2_,function(resp_)
            {
                resp = resp_.split("_##__402ec6047df5694_##__");
                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/balneario-rancho-colorado--p15969/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>