<!--  [][1732198046.818665027618408][2024-11-21 08:07:26][M:411856][**.|.|.**] p1 -- 0.00000000 -->
<!--  [][1732198046.819168090820312][2024-11-21 08:07:26][M:413840][**.|.|.**] INI control_geoip.php -- 0.00050306 -->
<!--  [][1732198046.934837102890015][2024-11-21 08:07:26][M:418880][**.|.|.**] _##__d15de91e6e7ba65_##__ -- 0.11566901 -->
<!--  [][1732198046.936961889266968][2024-11-21 08:07:26][M:491400][**.|.|.**] entrando a: control_alias -- 0.00212479 -->
<!--  [][1732198046.937011957168579][2024-11-21 08:07:26][M:491496][**.|.|.**]   __ESTEALIAS : huasteca-potosina --  --  __ESTEIDALIAS : 17391  -- 0.00005007 -->
<!--  [][1732198046.937365055084229][2024-11-21 08:07:26][M:511048][**.|.|.**] xxxxxxxxxxxxx -- 0.00035310 -->
<!--  [][1732198046.937401056289673][2024-11-21 08:07:26][M:511048][**.|.|.**] xxxxxxxxxxxxx -- 0.00003600 -->
<!--  [][1732198046.937447071075439][2024-11-21 08:07:26][M:496104][**.|.|.**]  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] => 57547
            [warning_count] => 0
        )

    [LLink] => 
    [regLog] => 
    [ultRes] => Array
        (
            [QR] => SELECT * FROM reg_alias WHERE  alias='huasteca-potosina' AND idReg='17391'  
            [mnr] => 1
        )

    [ultRes2] => 
    [LII] => 
    [cantRegs] => 1
    [tipo] => m
    [estaTabla] => reg_alias
    [_tipobd] => 
)
 -- 0.00004601 -->
<!--  [][1732198046.937542915344238][2024-11-21 08:07:26][M:517688][**.|.|.**] xxxxxxxxxxxxx -- 0.00009584 -->
<!--  [][1732198046.937563896179199][2024-11-21 08:07:26][M:517688][**.|.|.**] xxxxxxxxxxxxx -- 0.00002098 -->
<!--  [][1732198046.937876939773560][2024-11-21 08:07:26][M:500584][**.|.|.**] entro en bin_pagina_index -- 0.00031304 -->
<!--  [][1732198046.947314977645874][2024-11-21 08:07:26][M:535936][**.|.|.**] xxxxxxxxxxxxx -- 0.00943804 -->
<!--  [][1732198046.954843997955322][2024-11-21 08:07:26][M:535936][**.|.|.**] xxxxxxxxxxxxx -- 0.00752902 -->
<!--  [][1732198046.955188035964966][2024-11-21 08:07:26][M:538488][**.|.|.**] xxxxxxxxxxxxx -- 0.00034404 -->
<!--  [][1732198046.956466913223267][2024-11-21 08:07:26][M:538488][**.|.|.**] xxxxxxxxxxxxx -- 0.00127888 -->
<!--  [][1732198046.957324981689453][2024-11-21 08:07:26][M:560816][**.|.|.**] xxxxxxxxxxxxx -- 0.00085807 -->
<!--  [][1732198046.965930938720703][2024-11-21 08:07:26][M:560816][**.|.|.**] xxxxxxxxxxxxx -- 0.00860596 -->
<!--  [][1732198046.966485023498535][2024-11-21 08:07:26][M:585336][**.|.|.**] xxxxxxxxxxxxx -- 0.00055408 -->
<!--  [][1732198046.966509103775024][2024-11-21 08:07:26][M:585336][**.|.|.**] xxxxxxxxxxxxx -- 0.00002408 -->
<!--  [][1732198046.966547966003418][2024-11-21 08:07:26][M:560064][**.|.|.**] SOCIOS Array
(
    [0] => 15216
    [1] => 1
    [2] => 1
)
 -- 0.00003886 -->
<!--  [][1732198046.968462944030762][2024-11-21 08:07:26][M:860536][**.|.|.**] xxxxxxxxxxxxx -- 0.00191498 -->
<!--  [][1732198046.968503952026367][2024-11-21 08:07:26][M:860536][**.|.|.**] xxxxxxxxxxxxx -- 0.00004101 -->
<!--  [][1732198046.968636989593506][2024-11-21 08:07:26][M:755680][**.|.|.**] 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 = '24' 

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

    <!--  [][1732198046.970884084701538][2024-11-21 08:07:26][M:903136][**.|.|.**] INIMETA -- 0.00224710 -->
<meta property='og:url'          content='https://www.mexicoxp.com/huasteca-potosina--p17391/index.html'         />
<meta property='og:title'        content='Huasteca Potosina'       />
<meta property='og:description'  content='Todos los atractivos turísticos, de diversión y esparcimiento en la zona de la Huasteca Potosina' />
<meta property='og:image'        content='https://www.mexicoxp.com/store/tipo_2/portada/0/17/17391/org_portada17391.jpg'       />
<meta property="product:brand" content="Facebook"> 
    

    <link rel="canonical" href="https://www.mexicoxp.com/huasteca-potosina--p17391/index.html" />
    <meta name="twitter:card" content="summary_large_image">

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

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

    <!-- Custom styles for this template -->
    <link id="estiloscssx" href="https://www.mexicoxp.com/portal/st/_principalcustom/estilos.css?v1=2024-11-21 08:07:26" rel="stylesheet">
    

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

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

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

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

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

    <link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/main_viewer.css">
    <link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/viewer.css">
    <!-- INI arrStyles -->
    <link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/main_page2.css?rand=2024-11-21">
<link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/gralstyles.css?rand=2024-11-21">
<link rel="stylesheet" type="text/css" href="https://www.mexicoxp.com/portal/st/_principalcustom/costos.css?rand=2024-11-21">
    <!-- 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>

  <!--  [][1732198046.980734109878540][2024-11-21 08:07:26][M:1122720][**.|.|.**] xxxxxxxxxxxxx -- 0.00985003 -->
<!--  [][1732198046.989577054977417][2024-11-21 08:07:26][M:1122720][**.|.|.**] xxxxxxxxxxxxx -- 0.00884295 -->

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

                  <!--  [][1732198046.996087074279785][2024-11-21 08:07:26][M:1116744][**.|.|.**] xxxxxxxxxxxxx -- 0.00651002 -->
<!--  [][1732198046.996138095855713][2024-11-21 08:07:26][M:1116744][**.|.|.**] xxxxxxxxxxxxx -- 0.00005102 -->
                    <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="cWlZnMmJ6Uldibk53ZW5SMU5GcGhSVEl5UzFkTFp6MDk" 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('_##__d15de91e6e7ba65_##__');
                                    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=13af21d6b0ac45b1387ab6081e835f49&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_cuerpo2-->

<div role="main" id="conte-main">
	<main >
		<div class="estilopag row">

			<div class="col-12 bordeTest">

					<!-- Modal -->
	
	<div id="portada_17391_12047" 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="Huasteca Potosina" 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/17/17391/portada17391.jpg" data-original="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17391/org_portada17391.jpg">

					<img  itemprop="image"  alt="Huasteca Potosina" 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/17/17391/portadam17391.jpg" data-original="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17391/org_portada17391.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/huasteca-potosina--p17391/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/huasteca-potosina--p17391/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/huasteca-potosina--p17391/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/huasteca-potosina--p17391/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/huasteca-potosina--p17391/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/huasteca-potosina--p17391/">
							<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/17/17391/perfil17391_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/huasteca-potosina--p17391/">
									<h1 itemprop="name" class="pt-0 mb-1" data-cmp_s="nom" data-id_s="17391" data-type="pag">
										Huasteca Potosina									</h1>
								</a>

								<span><span class="badge badge-secondary">San Luis Potosí</span> <span class="badge badge-secondary">Ciudad Valles</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%2Fhuasteca-potosina--p17391%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%2Fhuasteca-potosina--p17391%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%2Fhuasteca-potosina--p17391%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/huasteca-potosina--p17391/">
					      </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="272Vm1WMk5uUm9TRWx5Ukd4RFNIQnlabXhzT0VSV1VUMDk" data-type="com">
						Desde San Luis Potosí para el mundo. 
						<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="272Vm1WMk5uUm9TRWx5Ukd4RFNIQnlabXhzT0VSV1VUMDk" data-type="com">
						Vente a conocer toda la belleza de la Huasteca Potosina con toda tu familia, tu pareja o tus amigos.						<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 class='container container-max px-0' style="list-style: none; "><!--  [][1732198047.005899906158447][2024-11-21 08:07:27][M:1240368][**.|.|.**] xxxxxxxxxxxxx -- 0.00976181 -->
<!--  [][1732198047.005944013595581][2024-11-21 08:07:27][M:1240368][**.|.|.**] xxxxxxxxxxxxx -- 0.00004411 -->

	<div class="container-comp px-3     text-center py-3" data-rand="275UlZFeE1rUm1aUzloY2xaR1RrRXZhMEYyY2psb1VUMDk">

		
		<h1 class="titulo " data-cmp="titulo" data-irand="275UlZFeE1rUm1aUzloY2xaR1RrRXZhMEYyY2psb1VUMDk" data-type="com">
			Recorridos en la Huasteca Potosina
					</h1>

		<div class="row info d-block mb-2 text-center itEdit_nom " data-cmp="info" data-irand="275UlZFeE1rUm1aUzloY2xaR1RrRXZhMEYyY2psb1VUMDk" data-type="com">
			Lánzate a Explorar la Huasteca Potosina	

					</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">
			                <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cTDFNMWRuZEdZbFl6TmtOblUyMUVaM0JyU25SMWR6MDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="27iTW1abGNUazROR1lyVmxKRFRtd3piek5OY0RjNFVUMDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/recorrido-en-la-huasteca-potosina--p16995">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/16/16995/portada16995.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16995/perfil16995_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/recorrido-en-la-huasteca-potosina--p16995">	
		                    	<h2 class="nom">Recorrido en la Huasteca Potosina</h2>
		                    	<div class="desc">
		                    		<label>Conoce diversos lugares para visitar en la Huasteca Potosina</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cTDFNMWRuZEdZbFl6TmtOblUyMUVaM0JyU25SMWR6MDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="27iTW1abGNUazROR1lyVmxKRFRtd3piek5OY0RjNFVUMDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                        <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cVG1saVdHTnNVR1puVm5OVFVYVnZNbFE1YTNCVWR6MDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="278WVRSa2VqaEdNVGh5ZG5JNGRtNVlhMmROZUVsM1FUMDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/huaxteca.com--p17174">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17174/portada17174.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17174/perfil17174_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/huaxteca.com--p17174">	
		                    	<h2 class="nom">Huaxteca.com</h2>
		                    	<div class="desc">
		                    		<label>Paseos y recorridos por la Huasteca Potosina</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cVG1saVdHTnNVR1puVm5OVFVYVnZNbFE1YTNCVWR6MDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="278WVRSa2VqaEdNVGh5ZG5JNGRtNVlhMmROZUVsM1FUMDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                        <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cU0RCdGNVaEJOVVU0TVd4R2MybEJkM05uU0hrelVUMDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="272VjFoS09FdEtUa2RLU25SbFVVWXdiV0pSY3pSaVFUMDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/mundo-xtreme--p17213">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17213/portada17213.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17213/perfil17213_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/mundo-xtreme--p17213">	
		                    	<h2 class="nom">Mundo Xtreme</h2>
		                    	<div class="desc">
		                    		<label>Rafting y recorridos ecoturísticos en la Huasteca Potosina</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cU0RCdGNVaEJOVVU0TVd4R2MybEJkM05uU0hrelVUMDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="272VjFoS09FdEtUa2RLU25SbFVVWXdiV0pSY3pSaVFUMDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                 	</div>         

       </div>
       <div class="shadown_tansparent"></div>
	</div>
	</li><li  style="list-style: none; ">	<div class="container-comp componente   text-center py-3 pag_galeria1 bordeTest" data-rand="271Ym5OMFdtcExaVWhLVG5ob1VqZzBabmhoTTFNMlVUMDk">

		<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="271Ym5OMFdtcExaVWhLVG5ob1VqZzBabmhoTTFNMlVUMDk" data-type="com">
			LA HUASTECA POTOSINA TE ESTÁ ESPERANDO			<samp class="icon_edit text">
				<i class="fa fa-edit"></i>
			</samp>
		</h1>

    	<div class="row mosaico  position-relative docs-pictures">
            <div class="esteit item contenido_12280_1 w-100">

                <div class="changeable_img">

					<div class="img_contenido_12280_1 parallax-overlay" style="background-image: url(https://www.mexicoxp.com/store/tipo_2/contenido/0/17/17391/org_contenido_12280_1_pag17391.jpg);" data-im=".img_contenido_12280_1" data-jarallax='{"speed": 0.2}'>
			        		<img class="pointer" alt="Puente de Dios en la Huasteca Potosina" style="opacity: 0" data-original="https://www.mexicoxp.com/store/tipo_2/contenido/0/17/17391/org_contenido_12280_1_pag17391.jpg" width="100%" height="auto" src="https://www.mexicoxp.com/portal/st/_principal/imgs/bg-4-6.jpg">
				    </div>

					<div class="ico_edit_img position-absolute" data-tipo="contenido_12280_1--PALLX">
						<label class="change" data-cukvor04zvnbtbuzyutfwvmvgrtrnr1f3uldswmr6mdk="2e5VFVaRE9FaFRZM1pFZVhFekwzaGhhV1ppZGxnclFUMDk">
							<i class="fa fa-edit"></i> Cambiar imagen
						</label>

					</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="271Ym5OMFdtcExaVWhLVG5ob1VqZzBabmhoTTFNMlVUMDk" data-type="com">
			Puente de Dios en la Huasteca Potosina	
			<samp class="icon_edit text">
				<i class="fa fa-edit"></i>
			</samp>			
		</div>

		<div class="shadown_tansparent"></div>
	</div>
</li><li class='container container-max px-0' style="list-style: none; ">	<div class="container-comp px-3 componente   text-center py-3 pag_galeria1 bordeTest" data-rand="272YURGcmJrOVdRMjFIT0VkQmEzQTVVbkZzV2paYVVUMDk">

		<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="272YURGcmJrOVdRMjFIT0VkQmEzQTVVbkZzV2paYVVUMDk" data-type="com">
			Disfruta la naturaleza en compañía de tu familia			<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_12281_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="Hay diversión para todos." class="img_contenido_12281_1 img-fluid w-100 lazy owl-lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/contenido/0/17/17391/org_contenido_12281_1_pag17391.jpg" data-im=".img_contenido_12281_1" data-original="https://www.mexicoxp.com/store/tipo_2/contenido/0/17/17391/org_contenido_12281_1_pag17391.jpg">

						<div class="ico_edit_img position-absolute" data-tipo="contenido_12281_1--REC">
							<label class="change" data-cukvor04zvnbtbuzyutfwvmvgrtrnr1f3uldswmr6mdk="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="272YURGcmJrOVdRMjFIT0VkQmEzQTVVbkZzV2paYVVUMDk" data-type="com">
			Hay diversión para todos	
			<samp class="icon_edit text">
				<i class="fa fa-edit"></i>
			</samp>			
		</div>

		<div class="shadown_tansparent"></div>
	</div>
</li><li class='container container-max px-0' style="list-style: none; "><!--  [][1732198047.007882118225098][2024-11-21 08:07:27][M:1292192][**.|.|.**] xxxxxxxxxxxxx -- 0.00193810 -->
<!--  [][1732198047.007926940917969][2024-11-21 08:07:27][M:1292192][**.|.|.**] xxxxxxxxxxxxx -- 0.00004482 -->

	<div class="container-comp px-3     text-center py-3" data-rand="277UjNWTWEyeGxOVzFwVG01VmNHaGhia3RYWjFjMGR6MDk">

		
		<h1 class="titulo " data-cmp="titulo" data-irand="277UjNWTWEyeGxOVzFwVG01VmNHaGhia3RYWjFjMGR6MDk" data-type="com">
			Lugares para visitar en la Huasteca Potosina
					</h1>

		<div class="row info d-block mb-2 text-center itEdit_nom " data-cmp="info" data-irand="277UjNWTWEyeGxOVzFwVG01VmNHaGhia3RYWjFjMGR6MDk" data-type="com">
				

					</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">
			                <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cTDFNMWRuZEdZbFl6TmtOblUyMUVaM0JyU25SMWR6MDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="27iTW1abGNUazROR1lyVmxKRFRtd3piek5OY0RjNFVUMDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/recorrido-en-la-huasteca-potosina--p16995">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/16/16995/portada16995.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16995/perfil16995_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/recorrido-en-la-huasteca-potosina--p16995">	
		                    	<h2 class="nom">Recorrido en la Huasteca Potosina</h2>
		                    	<div class="desc">
		                    		<label>Conoce diversos lugares para visitar en la Huasteca Potosina</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cTDFNMWRuZEdZbFl6TmtOblUyMUVaM0JyU25SMWR6MDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="27iTW1abGNUazROR1lyVmxKRFRtd3piek5OY0RjNFVUMDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                        <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cU0RacFRGUk5LMVprVjFWbWRHNXJUMUk0TnpOUlFUMDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="272WVZaWFNuVlZWVEpCVlU5cVJXeHBUMVZWSzI1blFUMDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/parque-ecoturistico-el-meco--p17132">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17132/portada17132.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17132/perfil17132_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/parque-ecoturistico-el-meco--p17132">	
		                    	<h2 class="nom">Parque Ecoturístico El Meco</h2>
		                    	<div class="desc">
		                    		<label>Parque ubicado en la huasteca potosina y en dónde puedes realizar diversas actividades de ecoturismo.</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cU0RacFRGUk5LMVprVjFWbWRHNXJUMUk0TnpOUlFUMDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="272WVZaWFNuVlZWVEpCVlU5cVJXeHBUMVZWSzI1blFUMDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                        <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cVG1saVdHTnNVR1puVm5OVFVYVnZNbFE1YTNCVWR6MDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="278WVRSa2VqaEdNVGh5ZG5JNGRtNVlhMmROZUVsM1FUMDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/huaxteca.com--p17174">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17174/portada17174.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17174/perfil17174_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/huaxteca.com--p17174">	
		                    	<h2 class="nom">Huaxteca.com</h2>
		                    	<div class="desc">
		                    		<label>Paseos y recorridos por la Huasteca Potosina</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cVG1saVdHTnNVR1puVm5OVFVYVnZNbFE1YTNCVWR6MDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="278WVRSa2VqaEdNVGh5ZG5JNGRtNVlhMmROZUVsM1FUMDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                        <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cTVdzd2JVcENSRzlDVW01SFJteHVVVGx6UTBOeVVUMDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="27cTWpsQ1dXWklZMDlxTTJ4UVpWRk9TMDlVUmtsbGR6MDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/zona-arqueologica-de-tamtoc--p17178">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17178/portada17178.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17178/perfil17178_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/zona-arqueologica-de-tamtoc--p17178">	
		                    	<h2 class="nom">Zona Arqueológica de Tamtoc</h2>
		                    	<div class="desc">
		                    		<label>Conoce la Zona Arqueológica de Tamtoc ubicada en la Huasteca Potosina</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cTVdzd2JVcENSRzlDVW01SFJteHVVVGx6UTBOeVVUMDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="27cTWpsQ1dXWklZMDlxTTJ4UVpWRk9TMDlVUmtsbGR6MDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                        <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cU0RCdGNVaEJOVVU0TVd4R2MybEJkM05uU0hrelVUMDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="272VjFoS09FdEtUa2RLU25SbFVVWXdiV0pSY3pSaVFUMDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/mundo-xtreme--p17213">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17213/portada17213.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17213/perfil17213_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/mundo-xtreme--p17213">	
		                    	<h2 class="nom">Mundo Xtreme</h2>
		                    	<div class="desc">
		                    		<label>Rafting y recorridos ecoturísticos en la Huasteca Potosina</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cU0RCdGNVaEJOVVU0TVd4R2MybEJkM05uU0hrelVUMDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="272VjFoS09FdEtUa2RLU25SbFVVWXdiV0pSY3pSaVFUMDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                        <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cUnpZNE1YRkRVVTUzUTNablJrOHJURXhNUTNGYVp6MDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="27cTTI5TWJrNDJUVUkzUkVZeVZUSTRaVEU1Y1hZeGR6MDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/museo-regional-huasteco-de-antropologia--p17286">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17286/portada17286.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17286/perfil17286_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/museo-regional-huasteco-de-antropologia--p17286">	
		                    	<h2 class="nom">Museo Regional Huasteco de Antropología</h2>
		                    	<div class="desc">
		                    		<label>Recinto dedicado a resguardar algunos de los más valiosos vestigios de la Cultura Huasteca.</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cUnpZNE1YRkRVVTUzUTNablJrOHJURXhNUTNGYVp6MDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="27cTTI5TWJrNDJUVUkzUkVZeVZUSTRaVEU1Y1hZeGR6MDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                        <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cY0RSeFppOVhiRlJFYzFWVVJHeHBjMlptTWxjeFVUMDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="27eUW1SclIyaHJlSFppWVZSNUsydE5jMjltUkZGd1VUMDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/puente-de-dios-de-la-huasteca-potosina--p17288">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17288/portada17288.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17288/perfil17288_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/puente-de-dios-de-la-huasteca-potosina--p17288">	
		                    	<h2 class="nom">Puente de Dios de la Huasteca Potosina</h2>
		                    	<div class="desc">
		                    		<label>Lugar natural ubicado en Tamasopo, en San Luis potosí</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cY0RSeFppOVhiRlJFYzFWVVJHeHBjMlptTWxjeFVUMDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="27eUW1SclIyaHJlSFppWVZSNUsydE5jMjltUkZGd1VUMDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                        <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cV0U5elNDc3plV1JuWkZnMVIzVXZVVE0zYkU5NVFUMDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="274TVZORVduWTNiVWxSTWxoT1RETXhiRmRDTTNOMGR6MDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/hotel-sierra-huasteca-inn--p17314">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17314/portada17314.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17314/perfil17314_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/hotel-sierra-huasteca-inn--p17314">	
		                    	<h2 class="nom">Hotel Sierra Huasteca Inn</h2>
		                    	<div class="desc">
		                    		<label>Un sitio ideal para hospedarte en la Huasteca Potosina</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cV0U5elNDc3plV1JuWkZnMVIzVXZVVE0zYkU5NVFUMDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="274TVZORVduWTNiVWxSTWxoT1RETXhiRmRDTTNOMGR6MDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                        <div class="col-12">
							<div style="" class="col pr-2 pl-2  col ">

			<div class="d-flex justify-content-center align-items-center" style="height: 100%;">

			    <div class="card profile_card_pag card_page_carousel border  px-0" >

					<div class="pag-gusta-v1">
		        		<button type="button" class="btn-seguir-gusta unlike btn btn-sm gp_cYVRsaU0zZGFabGhhYUVWUmNYbHJXVnBUWm5kSVVUMDk" data-c="2f8TkVWS1dEaExRVGd2UjFjeVVuaFFNMjVETkVRMVp6MDk" data-a2f8tkvws1deaexrvgd2ujfjevvuaffnmjvetkvrmvp6mdk="278VlU5VVpXWmhRakJRZEZCU1NqZFFWM1k1UTJkMFp6MDk" >
	                    	<i class="fa fa-heart-o" aria-hidden="true"></i> 
	                    </button>
		        	</div>

			    	<a href="https://www.mexicoxp.com/voladores-de-tamaletom--p17327">
	    		        <div class="background-block image-before portada_it">
	    		            <img data-src="https://www.mexicoxp.com/store/tipo_2/portada/0/17/17327/portada17327.jpg" alt="profile-sample1" class="background lazy lazy-not-set"/>
	    		        </div>
	    		        <div class="profile-thumb-block ">
	    		            <div class="profile d-none" style="width: 100px; height: 100px;">
	    		            	<div class="image-before perfil_it rounded-circle">
	    		            		<img style="top: -3px !important;" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17327/perfil17327_min.jpg" alt="profile-image" class="lazy lazy-not-set img-fluid rounded-circle"/>
	    		            	</div>
	    		            </div>
	    		        </div>
			    	</a>
			        <div class="card-content2">

	    		        <div class="">
	    		        	<a href="https://www.mexicoxp.com/voladores-de-tamaletom--p17327">	
		                    	<h2 class="nom">Voladores de Tamaletom</h2>
		                    	<div class="desc">
		                    		<label>Conoce éste ritual que forma parte de las tradiciones de la Huasteca Potosina</label>
		                    	</div>	
		                	</a>
	    		        </div>
	                	
	                    <div class="btns pt-3" style="height: 50px;">

							<button type="button" class="btn-seguir-seg unlike btn btn-light  btn-sm btnMG py-0 sp_cYVRsaU0zZGFabGhhYUVWUmNYbHJXVnBUWm5kSVVUMDk" data-c="2i7Y1VOeE4xZHBUM2xvU1U1dVEyY3dUbHBCY1c1alVUMDk" data-a2i7y1voee4xzhbum2xvu1u1dveyy3dubhbcy1c1alvumdk="278VlU5VVpXWmhRakJRZEZCU1NqZFFWM1k1UTJkMFp6MDk" >
									<i class="fa fa-check-square-o" aria-hidden="true"></i> 
									<label class="text-dark my-0" style="font-size: 0.8rem">Seguir</label>
							</button>

													</div>


	                </div> <!-- card-content -->

	            </div>	<!-- card profile_card_pag -->

	        </div>
            
		</div>	<!-- col -->

					</div>
	                 	</div>         

       </div>
       <div class="shadown_tansparent"></div>
	</div>
	</li><li  style="list-style: none; ">	<div class="container-comp componente   text-center py-3 pag_galeria1 bordeTest" data-rand="273UTBNeVNsUk9UV05zVFVocVdGQjFTa3R4Ykc4dlp6MDk">

		<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="273UTBNeVNsUk9UV05zVFVocVdGQjFTa3R4Ykc4dlp6MDk" data-type="com">
			Hay paquetes para parejas, familiares y grupo			<samp class="icon_edit text">
				<i class="fa fa-edit"></i>
			</samp>
		</h1>

    	<div class="row mosaico  position-relative docs-pictures">
            <div class="esteit item contenido_12282_1 w-100">

                <div class="changeable_img">

					<div class="img_contenido_12282_1 parallax-overlay" style="background-image: url(https://www.mexicoxp.com/store/tipo_2/contenido/0/17/17391/org_contenido_12282_1_pag17391.jpg);" data-im=".img_contenido_12282_1" data-jarallax='{"speed": 0.2}'>
			        		<img class="pointer" alt="Hay actividades para campistas, senderismo, rapel, rafting, etc." style="opacity: 0" data-original="https://www.mexicoxp.com/store/tipo_2/contenido/0/17/17391/org_contenido_12282_1_pag17391.jpg" width="100%" height="auto" src="https://www.mexicoxp.com/portal/st/_principal/imgs/bg-4-6.jpg">
				    </div>

					<div class="ico_edit_img position-absolute" data-tipo="contenido_12282_1--PALLX">
						<label class="change" data-cukvor04zvnbtbuzyutfwvmvgrtrnr1f3uldswmr6mdk="2e5VFVaRE9FaFRZM1pFZVhFekwzaGhhV1ppZGxnclFUMDk">
							<i class="fa fa-edit"></i> Cambiar imagen
						</label>

					</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="273UTBNeVNsUk9UV05zVFVocVdGQjFTa3R4Ykc4dlp6MDk" data-type="com">
			Hay actividades para campistas, senderismo, rapel, rafting, etc.	
			<samp class="icon_edit text">
				<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/huasteca-potosina--p17391/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/huasteca-potosina--p17391/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/huasteca-potosina--p17391/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/huasteca-potosina--p17391/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/huasteca-potosina--p17391/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 San Luis Potosí		</h1>

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

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

			<div class="owl-carousel owl-carousel-dinamic carousel-pages owl-theme" data-type="Prod" data-nmin="3">
			                <div class="col-lg-12 px-2">
						<div class=""  style="height: 400px;  ">
	  <a href="https://www.mexicoxp.com/pueblo-magico-santa-maria-del-rio--p17699">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/17/17699/portadam17699.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 Santa María del Río" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17699/perfil17699.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17699/org_perfil17699.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico Santa María del Río</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/huasteca-potosina--p17391">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/17/17391/portadam17391.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="Huasteca Potosina" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17391/perfil17391.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/17/17391/org_perfil17391.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Huasteca Potosina</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/balneario-el-manantial--p16146">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/16/16146/portadam16146.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="Balneario El Manantial" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16146/perfil16146.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16146/org_perfil16146.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Balneario El Manantial</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/balneario-tamisaqua--p16147">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/16/16147/portadam16147.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="Balneario Tamisaqua" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16147/perfil16147.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16147/org_perfil16147.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Balneario Tamisaqua</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/balneario-jardin-de-san-miguel--p16148">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/16/16148/portadam16148.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="Balneario Jardín de San Miguel" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16148/perfil16148.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16148/org_perfil16148.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Balneario Jardín de San Miguel</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-xilitla--p16189">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/16/16189/portadam16189.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 Xilitla" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16189/perfil16189.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16189/org_perfil16189.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico Xilitla</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-real-de-catorce--p16190">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/16/16190/portadam16190.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 Real de Catorce" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16190/perfil16190.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16190/org_perfil16190.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico Real de Catorce</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-aquismon--p16191">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/16/16191/portadam16191.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 Aquismón" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16191/perfil16191.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16191/org_perfil16191.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Pueblo Mágico de Aquismó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/balneario-california--p16419">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/16/16419/portadam16419.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="Balneario California" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16419/perfil16419.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16419/org_perfil16419.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Balneario California</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/balneario-minas-viejas--p16420">
		<div class="card-ficha-v3 card_page_carousel"  style="
background-image: url(https://www.mexicoxp.com/store/tipo_2/portada/0/16/16420/portadam16420.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="Balneario Minas Viejas" class="w-100 lazy lazy-not-set" data-src="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16420/perfil16420.jpg" data-im="#img_perfil" data-original="https://www.mexicoxp.com/store/tipo_2/perfil/0/16/16420/org_perfil16420.jpg">
						</div>
					</div>
				</div>

				<div class="col-12">
					<h4 class="text-hover-img-white text-center text-dark px-1">Balneario Minas Viejas</h4>
				</div>

			</div>
		</div>

	 </a>

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

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

		</div>

	</main>
</div>


<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 = {
                    cZUZKSVlXTkZOMVZqVW1sTGVGTjVhRVpDUVRCRVFUMDk:t,
                    cZW1zeWFrUkRRblJNYjJGeldqQmhNWGczYlVGSlFUMDk:c,
                    cWlZnMmJ6Uldibk53ZW5SMU5GcGhSVEl5UzFkTFp6MDk:"2o6WWtVdmFFWnhjSGxaT0hNckwyOVpkWGhLWnl0TVFUMDk"
                }

                $.post("https://www.mexicoxp.com/ac_seguir.html",d,function(r){
                    var resp = r.split("_##__d15de91e6e7ba65_##__");
                    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(cUmxKSE5qSnFZblZEYzJodWVWVkpLMnhEZERGWmR6MDk)
    {
        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_ = {
            cUmxKSE5qSnFZblZEYzJodWVWVkpLMnhEZERGWmR6MDk:cUmxKSE5qSnFZblZEYzJodWVWVkpLMnhEZERGWmR6MDk,
            cT1RFMGRUQnhaWEk1YmxnM09IbDVaMWN6TTBjclp6MDk: gp_sp,
            cWmpoMWVtb3pSMDFHYldJNGMxSXZTRnBaWkZobmR6MDk: icg,
            cYTFFck1WZFRWblpIY1dSaVVETTRlbUp4VWtodWR6MDk: ics,
            cWlZnMmJ6Uldibk53ZW5SMU5GcGhSVEl5UzFkTFp6MDk:"2stVUZWQlVsUlBTREpvYm5wSGRsUmtOMWhNWkdoUVVUMDk"
        };

        if( (gp_sp.length+icg+ics)>0)
        {
            $.post("https://www.mexicoxp.com/ac_seguir.html",d2_,function(resp_)
            {
                resp = resp_.split("_##__d15de91e6e7ba65_##__");
                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/huasteca-potosina--p17391/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>