{"id":2657,"date":"2025-08-08T22:36:19","date_gmt":"2025-08-08T22:36:19","guid":{"rendered":"https:\/\/sierpenegra.com\/?page_id=2657"},"modified":"2025-12-05T19:31:12","modified_gmt":"2025-12-05T19:31:12","slug":"donde-nos-encuentras","status":"publish","type":"page","link":"https:\/\/sierpenegra.com\/en\/donde-nos-encuentras\/","title":{"rendered":"Encuentranos"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Sierpe Negra - Ubicaciones<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.7.1\/dist\/leaflet.css\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\" rel=\"stylesheet\">\">\r\n <style>\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow-x: hidden; \/* evita scroll horizontal *\/\r\n}\r\n \/* RESET TOTAL Y CONTENEDOR PRINCIPAL *\/\r\n .sn-map-widget-container {\r\n font-family: 'Poppins', 'Segoe UI', sans-serif;\r\n background: #0a0a0a;\r\n color: #ffffff;\r\n line-height: 1.6;\r\n position: relative;\r\n\r\n margin: 0;\r\n padding: 0;\r\n\r\n box-sizing: border-box;\r\n }\r\n\r\n .sn-map-widget-container * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n \/* HEADER *\/\r\n .sn-map-widget-container .mezcal-header {\r\n text-align: center;\r\n padding: 10px 15px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .sn-map-widget-container .mezcal-header h1 {\r\n font-size: clamp(1.76rem, 4.8vw, 2.56rem);\r\n color: #ffffff;\r\n margin-bottom: 10px;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n position: relative;\r\n display: inline-block;\r\n font-weight: 700;\r\n }\r\n \r\n .sn-map-widget-container .mezcal-header h1::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: min(220px, 80%);\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #ffffff, transparent);\r\n }\r\n \r\n .sn-map-widget-container .mezcal-header p {\r\n font-size: clamp(0.8rem, 2.4vw, 1.04rem);\r\n color: #e0e0e0;\r\n max-width: 800px;\r\n margin: 15px auto 0;\r\n font-weight: 300;\r\n line-height: 1.7;\r\n padding: 0 5px;\r\n }\r\n \r\n \/* CONTENEDOR PRINCIPAL DEL MAPA *\/\r\n .sn-map-widget-container .mezcal-map-container {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n gap: 0;\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n \/* MAPA *\/\r\n .sn-map-widget-container .map-widget {\r\n flex: 1;\r\n min-width: 50%;\r\n height: 100%;\r\n background: #ffffff; \/* Cambiado a blanco solo el mapa *\/\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n \r\n .sn-map-widget-container #mezcal-map {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n \/* LISTA DE UBICACIONES *\/\r\n .sn-map-widget-container .locations-widget {\r\n flex: 0 0 30%;\r\n background: #121212;\r\n padding: 15px;\r\n overflow-y: auto;\r\n height: 100%;\r\n font-size: 70%;\r\n border-left: 1px solid #2a2a2a;\r\n }\r\n \r\n .sn-map-widget-container .locations-widget h2 {\r\n color: #ffffff;\r\n margin-bottom: 20px;\r\n padding-bottom: 10px;\r\n border-bottom: 1px solid #333;\r\n font-size: clamp(1.28rem, 3.2vw, 1.6rem);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 400;\r\n }\r\n \r\n .sn-map-widget-container .category-group {\r\n margin-bottom: 25px;\r\n }\r\n \r\n .sn-map-widget-container .category-group h3 {\r\n color: #ffffff;\r\n margin-bottom: 15px;\r\n font-size: clamp(0.70rem, 2.56vw, 1.12rem);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding-left: 10px;\r\n border-left: 3px solid #ffffff;\r\n font-weight: 500;\r\n }\r\n \r\n .sn-map-widget-container .location-item {\r\n background: #1a1a1a;\r\n padding: 12px;\r\n margin-bottom: 10px;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n border-left: 3px solid transparent;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid #2a2a2a;\r\n }\r\n \r\n .sn-map-widget-container .location-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 4px;\r\n height: 100%;\r\n background: #ffffff;\r\n transform: translateX(-100%);\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .sn-map-widget-container .location-item:hover::before {\r\n transform: translateX(0);\r\n }\r\n \r\n .sn-map-widget-container .location-item:hover {\r\n background: #222;\r\n transform: translateX(4px);\r\n border-left: 3px solid #ffffff;\r\n }\r\n \r\n .sn-map-widget-container .location-item.active {\r\n background: #222;\r\n transform: translateX(6px);\r\n border-left: 3px solid #ffffff;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);\r\n }\r\n \r\n .sn-map-widget-container .location-item.active::before {\r\n transform: translateX(0);\r\n }\r\n \r\n .sn-map-widget-container .location-logo {\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 6px;\r\n background: #222;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n overflow: hidden;\r\n border: 1px solid #3a3a3a;\r\n }\r\n \r\n .sn-map-widget-container .location-logo img {\r\n width: 80%;\r\n height: 80%;\r\n object-fit: contain;\r\n }\r\n \r\n .sn-map-widget-container .location-details {\r\n flex: 1;\r\n }\r\n \r\n .sn-map-widget-container .location-details strong {\r\n display: block;\r\n font-size: clamp(0.50rem, 1.8vw, 0.9rem);\r\n margin-bottom: 4px;\r\n color: #fff;\r\n font-weight: 500;\r\n }\r\n \r\n .sn-map-widget-container .location-details .location-address {\r\n font-size: clamp(0.45rem, 1.4vw, 0.7rem);\r\n color: #b0b0b0;\r\n margin-bottom: 4px;\r\n }\r\n \r\n .sn-map-widget-container .location-details a {\r\n color: #ffffff;\r\n text-decoration: none;\r\n display: inline-block;\r\n margin-top: 6px;\r\n font-size: clamp(0.45rem, 1.4vw, 0.7rem);\r\n transition: all 0.3s ease;\r\n font-weight: 400;\r\n }\r\n \r\n .sn-map-widget-container .location-details a:hover {\r\n text-decoration: underline;\r\n transform: translateX(3px);\r\n }\r\n \r\n .sn-map-widget-container .location-details a i {\r\n margin-left: 4px;\r\n font-size: 0.6rem;\r\n }\r\n \r\n \/* ELEMENTOS DEL MAPA *\/\r\n .sn-map-widget-container .map-title {\r\n position: absolute;\r\n top: 15px;\r\n left: 15px;\r\n background: rgba(18, 18, 18, 0.95);\r\n padding: 10px 15px;\r\n border-radius: 8px;\r\n z-index: 1000;\r\n border: 1px solid #3a3a3a;\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);\r\n font-size: clamp(0.8rem, 2vw, 0.96rem);\r\n color: #ffffff;\r\n font-weight: 400;\r\n }\r\n \r\n .sn-map-widget-container .map-title span {\r\n color: #ffffff;\r\n font-weight: 600;\r\n }\r\n \r\n .sn-map-widget-container .mezcal-logo {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n z-index: 1000;\r\n font-size: clamp(1.44rem, 3.2vw, 2rem);\r\n color: #ffffff;\r\n text-shadow: 0 0 12px rgba(255, 255, 255, 0.4);\r\n }\r\n \r\n \/* POPUPS *\/\r\n .sn-map-widget-container .leaflet-popup-content-wrapper {\r\n background: #121212 !important;\r\n color: #ffffff !important;\r\n border-radius: 10px !important;\r\n border: 1px solid #3a3a3a !important;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.9) !important;\r\n }\r\n \r\n .sn-map-widget-container .leaflet-popup-tip {\r\n background: #121212 !important;\r\n border: 1px solid #3a3a3a !important;\r\n }\r\n \r\n .sn-map-widget-container .leaflet-popup-content {\r\n margin: 15px !important;\r\n text-align: center;\r\n font-size: clamp(0.72rem, 2vw, 0.88rem);\r\n min-width: 180px;\r\n font-family: 'Poppins', sans-serif;\r\n background: #121212;\r\n padding: 10px;\r\n border-radius: 6px;\r\n }\r\n \r\n .sn-map-widget-container .leaflet-popup-content strong {\r\n display: block;\r\n font-size: clamp(0.88rem, 2.4vw, 1.04rem);\r\n margin: 10px 0 4px;\r\n color: #ffffff;\r\n font-weight: 600;\r\n }\r\n \r\n .sn-map-widget-container .leaflet-popup-content .location-city {\r\n color: #d0d0d0;\r\n font-size: clamp(0.72rem, 2vw, 0.8rem);\r\n margin-bottom: 10px;\r\n display: block;\r\n }\r\n \r\n .sn-map-widget-container .leaflet-popup-content a {\r\n color: #ffffff !important;\r\n text-decoration: none;\r\n display: inline-block;\r\n margin-top: 10px;\r\n font-size: clamp(0.72rem, 2vw, 0.8rem);\r\n font-weight: 500;\r\n padding: 6px 12px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 20px;\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n \r\n .sn-map-widget-container .leaflet-popup-content a:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n text-decoration: none;\r\n }\r\n \r\n .sn-map-widget-container .popup-logo {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 10px;\r\n margin: 0 auto 10px;\r\n background: #1c1c1c;\r\n border: 1px solid #3a3a3a;\r\n overflow: hidden;\r\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n .sn-map-widget-container .popup-logo img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \r\n \/* ELEMENTOS DECORATIVOS *\/\r\n\r\n \r\n .sn-map-widget-container .section-divider {\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, #ffffff, transparent);\r\n width: 80%;\r\n max-width: 800px;\r\n margin: 10px auto;\r\n }\r\n \r\n .sn-map-widget-container .sn-badge {\r\n position: absolute;\r\n bottom: 15px;\r\n right: 15px;\r\n background: rgba(255, 255, 255, 0.1);\r\n color: #ffffff;\r\n padding: 8px 15px;\r\n border-radius: 20px;\r\n font-size: clamp(0.64rem, 1.6vw, 0.8rem);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n z-index: 100;\r\n font-weight: 500;\r\n }\r\n \r\n .sn-map-widget-container .map-zoom-controls {\r\n position: absolute;\r\n top: 15px;\r\n right: 60px;\r\n z-index: 1000;\r\n background: rgba(18, 18, 18, 0.9);\r\n border-radius: 5px;\r\n padding: 5px;\r\n border: 1px solid #333;\r\n box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4);\r\n }\r\n \r\n .sn-map-widget-container .map-zoom-controls button {\r\n background: #222;\r\n border: none;\r\n color: white;\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 3px;\r\n font-size: 0.9rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n margin: 3px 0;\r\n transition: all 0.2s ease;\r\n }\r\n \r\n .sn-map-widget-container .map-zoom-controls button:hover {\r\n background: #333;\r\n }\r\n \r\n .sn-map-widget-container .mezcal-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M50 0 L60 25 L85 25 L65 40 L75 65 L50 50 L25 65 L35 40 L15 25 L40 25 Z' fill='%23ffffff05' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\r\n opacity: 0.1;\r\n z-index: 0;\r\n }\r\n \r\n \/* EFECTO DE DESTACADO *\/\r\n .sn-map-widget-container .map-highlight {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: radial-gradient(circle at center, transparent 40%, rgba(10, 10, 10, 0.7) 100%);\r\n pointer-events: none;\r\n z-index: 500;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n }\r\n \r\n .sn-map-widget-container .map-highlight.active {\r\n opacity: 1;\r\n }\r\n \r\n \/* RESPONSIVE *\/\r\n @media (max-width: 991px) {\r\n .sn-map-widget-container .mezcal-map-container {\r\n flex-direction: column;\r\n height: calc(100vh - 70px);\r\n }\r\n \r\n .sn-map-widget-container .map-widget {\r\n height: 60vh;\r\n min-width: 100%;\r\n }\r\n \r\n .sn-map-widget-container .locations-widget {\r\n height: 40vh;\r\n flex: none;\r\n width: 100%;\r\n border-left: none;\r\n border-top: 1px solid #2a2a2a;\r\n }\r\n \r\n .sn-map-widget-container .mezcal-header {\r\n padding: 8px 10px;\r\n }\r\n \r\n .sn-map-widget-container .mezcal-header h1 {\r\n font-size: clamp(1.4rem, 4vw, 1.8rem);\r\n }\r\n \r\n .sn-map-widget-container .section-divider {\r\n margin: 8px auto;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .sn-map-widget-container .mezcal-header {\r\n padding: 5px;\r\n }\r\n \r\n .sn-map-widget-container .mezcal-header h1 {\r\n font-size: clamp(1.2rem, 5vw, 1.5rem);\r\n margin-bottom: 5px;\r\n }\r\n \r\n .sn-map-widget-container .mezcal-header p {\r\n font-size: clamp(0.7rem, 3vw, 0.9rem);\r\n margin-top: 8px;\r\n }\r\n \r\n .sn-map-widget-container .map-widget {\r\n height: 50vh;\r\n }\r\n \r\n .sn-map-widget-container .locations-widget {\r\n height: 50vh;\r\n padding: 10px;\r\n }\r\n \r\n .sn-map-widget-container .location-item {\r\n padding: 10px;\r\n gap: 10px;\r\n }\r\n \r\n .sn-map-widget-container .location-logo {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n }\r\n \r\n \/* Filtros de categor\u00eda *\/\r\n .sn-map-widget-container .category-filters {\r\n display: flex;\r\n gap: 10px;\r\n margin-bottom: 15px;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .sn-map-widget-container .category-filter {\r\n background: #1a1a1a;\r\n border: 1px solid #3a3a3a;\r\n color: #e0e0e0;\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n font-size: 0.7rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .sn-map-widget-container .category-filter.active {\r\n background: #ffffff;\r\n color: #121212;\r\n border-color: #ffffff;\r\n }\r\n \r\n .sn-map-widget-container .category-filter:hover {\r\n background: #2a2a2a;\r\n }\r\n \r\n .sn-map-widget-container .category-filter.active:hover {\r\n background: #f0f0f0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Contenedor principal del widget -->\r\n <div class=\"sn-map-widget-container\">\r\n <div class=\"white-border\"><\/div>\r\n <div class=\"mezcal-map-widget\">\r\n <div class=\"mezcal-pattern\"><\/div>\r\n \r\n <div class=\"section-divider\"><\/div>\r\n \r\n <div class=\"mezcal-map-container\">\r\n <div class=\"map-widget\">\r\n \r\n <div class=\"mezcal-logo\">SN<\/div>\r\n <div id=\"mezcal-map\"><\/div>\r\n <div class=\"sn-badge\">Mezcales Artesanales<\/div>\r\n <div class=\"map-zoom-controls\">\r\n <button id=\"zoom-in\"><i class=\"fas fa-plus\"><\/i><\/button>\r\n <button id=\"zoom-out\"><i class=\"fas fa-minus\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"map-highlight\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"locations-widget\">\r\n <h2><i class=\"fas fa-map-marker-alt\"><\/i> Encu\u00e9ntranos en:<\/h2>\r\n \r\n <div class=\"category-filters\">\r\n <div class=\"category-filter active\" data-category=\"all\">Todas<\/div>\r\n <div class=\"category-filter\" data-category=\"cerveza\">Cerveza<\/div>\r\n <div class=\"category-filter\" data-category=\"mezcal\">Mezcal<\/div>\r\n <\/div>\r\n \r\n <div class=\"category-group\" data-category=\"cerveza\">\r\n <h3><i class=\"fas fa-beer\"><\/i> CERVEZA<\/h3>\r\n <!-- Las ubicaciones de cerveza se agregar\u00e1n aqu\u00ed din\u00e1micamente -->\r\n <\/div>\r\n \r\n <div class=\"category-group\" data-category=\"mezcal\">\r\n <h3><i class=\"fas fa-cocktail\"><\/i> MEZCAL<\/h3>\r\n <!-- Las ubicaciones de mezcal se agregar\u00e1n aqu\u00ed din\u00e1micamente -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/unpkg.com\/leaflet@1.7.1\/dist\/leaflet.js\"><\/script>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Definir l\u00edmites de M\u00e9xico\r\n const southWest = L.latLng(14.388, -118.599),\r\n northEast = L.latLng(32.718, -86.493),\r\n bounds = L.latLngBounds(southWest, northEast);\r\n \r\n \/\/ Agregar todas las ubicaciones\r\n const locations = [\r\n \/\/ CERVEZA\r\n {\r\n name: \"Real Irish Pub\",\r\n address: \"LIBERTAD 1903, COL AMERICANA\",\r\n city: \"Guadalajara\",\r\n coords: [20.6769, -103.3632],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/default-logo.png\"\r\n },\r\n {\r\n name: \"Malta 33\",\r\n address: \"CALLE HOSPITAL 1557\",\r\n city: \"Guadalajara\",\r\n coords: [20.6785, -103.3518],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/malta-33.jpeg\"\r\n },\r\n {\r\n name: \"Drunken Tap Paseos del Sol\",\r\n address: \"FELIPE ZETTER 3407\",\r\n city: \"Guadalajara\",\r\n coords: [20.6667, -103.3921],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/default-logo.png\"\r\n },\r\n {\r\n name: \"Zorra Zapopan\",\r\n address: \"C. 5 DE MAYO 272 ZAPOPAN JAL\",\r\n city: \"Zapopan\",\r\n coords: [20.7216, -103.3885],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/zorrazapopan.jpg\"\r\n },\r\n {\r\n name: \"Zorra Monraz\",\r\n address: \"GOLFO DE CORTES 4140 MONRAZ\",\r\n city: \"Guadalajara\",\r\n coords: [20.6823, -103.3802],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/zorramonraz.jpg\"\r\n },\r\n {\r\n name: \"La Carmela SLRC\",\r\n address: \"San Luis Rio Colorado\",\r\n city: \"San Luis R\u00edo Colorado\",\r\n coords: [32.4767, -114.7625],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/CARMELA.jpeg\"\r\n },\r\n {\r\n name: \"Hale Beer\",\r\n address: \"AV TEPEYAC 4067\",\r\n city: \"Guadalajara\",\r\n coords: [20.6867, -103.3798],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/hale.jpg\"\r\n },\r\n {\r\n name: \"Zorra Av Santa Margarita\",\r\n address: \"PLAZA D LUCA Av. SANTA MARGARITA, 4199\",\r\n city: \"Guadalajara\",\r\n coords: [20.6901, -103.3942],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/default-logo.png\"\r\n },\r\n {\r\n name: \"TRIANGULAR CERVECERIA\",\r\n address: \"JOAQUIN ANGULO 1677 LADRON DE GUEVARA C.P.44200\",\r\n city: \"Guadalajara\",\r\n coords: [20.6825, -103.3714],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/triangular.png\"\r\n },\r\n {\r\n name: \"Anima Galeria\",\r\n address: \"C. MIGUEL BLANCO 1405, COL AMERICANA 44160\",\r\n city: \"Guadalajara\",\r\n coords: [20.6789, -103.3698],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/anima.jpg\"\r\n },\r\n {\r\n name: \"DOGOS NAINARI\",\r\n address: \"Av PIOTR Ilich Tchaikovski 578, Col. Arcos de Guadalupe\",\r\n city: \"Guadalajara\",\r\n coords: [20.6954, -103.3832],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/nainari.jpg\"\r\n },\r\n {\r\n name: \"CAGUAMERIA DE BARRIO\",\r\n address: \"AV. RIO NILO 7377 LOCAL 8 A LOMAS DE LA SOLEDAD 45403\",\r\n city: \"Tonal\u00e1\",\r\n coords: [20.6098, -103.2345],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/caguameria.jpg\"\r\n },\r\n {\r\n name: \"BOCADO DE PERRO\",\r\n address: \"CALLE FRANCISCO I. MADERO 792, COL AMERICANA\",\r\n city: \"Guadalajara\",\r\n coords: [20.6764, -103.3612],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/bocado.jpg\"\r\n },\r\n {\r\n name: \"Rinc\u00f3n del A\u00f1e\u00f1e\",\r\n address: \"SIERRA NEVADA 971 INDEPENDENCIA ORIENTE 44340\",\r\n city: \"Guadalajara\",\r\n coords: [20.7045, -103.3108],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/rinconanene.png\"\r\n },\r\n {\r\n name: \"Usagui\",\r\n address: \"C. MANUEL LOPEZ COTILLA 2244, ARCOS VALLARTA, C.P.44130\",\r\n city: \"Guadalajara\",\r\n coords: [20.6732, -103.3845],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/usagui.jpg\"\r\n },\r\n {\r\n name: \"Usagui\",\r\n address: \"AVENIDA MANUEL ACU\u00d1A1661, LADRON DE GUEVARA, C.P. 44600\",\r\n city: \"Guadalajara\",\r\n coords: [20.6821, -103.3728],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/default-logo.png\"\r\n },\r\n {\r\n name: \"Mosto Pizzeria\",\r\n address: \"C.JOSE GUADALUPE ZUNO HERNANDEZ 1810 COL AMERICANA, C.P.44170\",\r\n city: \"Guadalajara\",\r\n coords: [20.6782, -103.3715],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/casa.jpeg\"\r\n },\r\n {\r\n name: \"Coyote Rojo\",\r\n address: \"C. PRISILIANO SANCHEZ 865, COL AMERICANA GDL. C.P.44160\",\r\n city: \"Guadalajara\",\r\n coords: [20.6768, -103.3628],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/mosto.png\"\r\n },\r\n {\r\n name: \"Dirty Jack Tlaquepaque\",\r\n address: \"BLV GRAL. MARCELINO GARCIA BARRAGAN 1909, SAN PEDRO TLAQ. C.P.45500\",\r\n city: \"Tlaquepaque\",\r\n coords: [20.6402, -103.3105],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/default-logo.png\"\r\n },\r\n {\r\n name: \"Italia Mia\",\r\n address: \"C. PEDRO MORENO 1595, COL AMERICANA LA FAYETTE, C.P. 44600 GDL.\",\r\n city: \"Guadalajara\",\r\n coords: [20.6775, -103.3658],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/italia-mia.jpg\"\r\n },\r\n {\r\n name: \"RIFF PUB TLAQUEPAQUE\",\r\n address: \"C. CONSTITUCION 11, CENTRO, SAN PEDRO TLAQ, C.P.45500\",\r\n city: \"Tlaquepaque\",\r\n coords: [20.6408, -103.3052],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/riff.png\"\r\n },\r\n {\r\n name: \"Dirty Jack Chapultepec\",\r\n address: \"C. MANUEL LOPEZ COTILLA 1449 -A COL. AMERICANA, C.P.44160 GDL\",\r\n city: \"Guadalajara\",\r\n coords: [20.6725, -103.3712],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/dirty.png\"\r\n },\r\n {\r\n name: \"LA CASA DEL ROCK\",\r\n address: \"C. DUQUE DE RIVAS 5, ARCOS VALLARTA, C.P.44650 GDL, JAL\",\r\n city: \"Guadalajara\",\r\n coords: [20.6748, -103.3852],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/casa-del-rock.jpeg\"\r\n },\r\n {\r\n name: \"Bar Aut\u00f3ctona\",\r\n address: \"C. JOSE MARIA MORELOS 1141, COL AMERICANA 44200, GUADALAJARA\",\r\n city: \"Guadalajara\",\r\n coords: [20.6781, -103.3598],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/autoctona.png\"\r\n },\r\n {\r\n name: \"GEORGE NEIGHBORHOOD\",\r\n address: \"AV. NI\u00d1O OBRERO 654, CHAPALITA SUR, 44050 ZAPOPAN, JAL\",\r\n city: \"Zapopan\",\r\n coords: [20.6985, -103.4058],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/george.jpeg\"\r\n },\r\n {\r\n name: \"Porter Bar\",\r\n address: \"C. HOSE GUADALUPE ZUNO HERNANDEZ 2027COL. AMERICANA 44160, GDL.\",\r\n city: \"Guadalajara\",\r\n coords: [20.6785, -103.3725],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/porter.jpeg\"\r\n },\r\n {\r\n name: \"THE BEER 12.20\",\r\n address: \"C. MANUEL LOPEZ COTILLA 1220 COL. AMERICANA 44160 GDL. JAL.\",\r\n city: \"Guadalajara\",\r\n coords: [20.6718, -103.3698],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/thebeer.jpeg\"\r\n },\r\n {\r\n name: \"Chiles & Beer\",\r\n address: \"C. MORELOS 225, CENTRO, 45500, SAN PEDRO TLAQ. JAL.\",\r\n city: \"Tlaquepaque\",\r\n coords: [20.6412, -103.3058],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/chiles.jpeg\"\r\n },\r\n {\r\n name: \"Huesos 206\",\r\n address: \"ALFREDO R. PLASCENCIA 116, LADRON DE GUEVARA, 44600\",\r\n city: \"Guadalajara\",\r\n coords: [20.6832, -103.3735],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/huesos.jpeg\"\r\n },\r\n {\r\n name: \"VITO CORLEONE\",\r\n address: \"AV. RIO NILO 2966, JARDINES DE LA PAZ, 44860 GDL, JAL.\",\r\n city: \"Guadalajara\",\r\n coords: [20.6585, -103.3428],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/default-logo.png\"\r\n },\r\n {\r\n name: \"Zingaro\",\r\n address: \"C. MIGUEL LERDO DE TEJADA 2308, COL. AMERICANA\",\r\n city: \"Guadalajara\",\r\n coords: [20.6792, -103.3745],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/default-logo.png\"\r\n },\r\n {\r\n name: \"PLUMA CAF\u00c9\",\r\n address: \"AV SEBASTIAN BACH4753 A PRADOS GUADALUPE C.P. 45030\",\r\n city: \"Zapopan\",\r\n coords: [20.7058, -103.3925],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/pluma.jpg\"\r\n },\r\n {\r\n name: \"Xulada Cervecer\u00eda\",\r\n address: \"AV. ENRIQUE DIAZ DELEON NTE 32 COL. AMERICANA ZONA CENTRO, C.P. 44100\",\r\n city: \"Guadalajara\",\r\n coords: [20.6798, -103.3585],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/default-logo.png\"\r\n },\r\n {\r\n name: \"BEER PARADE\",\r\n address: \"VOLCAN CITLALTEPETL 2219, COLLI URBANO. 45070 ZAPOPAN, JAL\",\r\n city: \"Zapopan\",\r\n coords: [20.6982, -103.4258],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/beerparade.webp\"\r\n },\r\n {\r\n name: \"SOFY BOOM CHAPULTEPEC\",\r\n address: \"Av. Chapultepec Sur 451, Col. Americana c.p.44160, Guadalajara\",\r\n city: \"Guadalajara\",\r\n coords: [20.6728, -103.3702],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/sofyboom.jpg\"\r\n },\r\n {\r\n name: \"SOFY BOOM CHAPALITA\",\r\n address: \"AV. GUADALEPE 1261, CHAPALITA ORIENTE 45040 ZAPOPAN, JAL\",\r\n city: \"Zapopan\",\r\n coords: [20.6985, -103.4085],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/sofyboom.jpg\"\r\n },\r\n {\r\n name: \"SOMBRA LARGA\",\r\n address: \"C. PEDRO MORENO 1545- COL. AMERICANA, LAFAYETTE C.P. 44160 GDL, JAL.\",\r\n city: \"Guadalajara\",\r\n coords: [20.6772, -103.3652],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/11\/sombra.jpg\"\r\n },\r\n {\r\n name: \"Casa Mica\",\r\n address: \"C. VISTA AL ATARDECER 350-LOCAL 1 MIRADOR DEL TESORO C.P. 45608 SAN PEDRO\",\r\n city: \"Tlaquepaque\",\r\n coords: [20.6458, -103.3152],\r\n category: \"cerveza\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/default-logo.png\"\r\n },\r\n \r\n \/\/ MEZCAL\r\n {\r\n name: \"Santo Coyote\",\r\n address: \"MIGUEL LERDO DE TEJADA 2379\",\r\n city: \"Guadalajara\",\r\n coords: [20.6795, -103.3752],\r\n category: \"mezcal\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/logosccolor-01.png\"\r\n },\r\n {\r\n name: \"Casa Mudra\",\r\n address: \"C. FRANCISCO JAVIER GAMBOA 110 COL AMERICANA, LAFAYETTE, 44158\",\r\n city: \"Guadalajara\",\r\n coords: [20.6778, -103.3668],\r\n category: \"mezcal\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/casa-mudra-3.jpg\"\r\n },\r\n {\r\n name: \"Venganza Venganza\",\r\n address: \"CALLE EMERSON 125 COL AMERICANA GDL\",\r\n city: \"Guadalajara\",\r\n coords: [20.6782, -103.3675],\r\n category: \"mezcal\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-12-at-1.34.02-PM.jpeg\"\r\n },\r\n {\r\n name: \"BOTANICOS\",\r\n address: \"AV DE LAS AMERICAS 1254 INT 4 COUNTRY CLUB\",\r\n city: \"Guadalajara\",\r\n coords: [20.6858, -103.3952],\r\n category: \"mezcal\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/default-logo.png\"\r\n },\r\n \r\n \/\/ Ubicaciones anteriores\r\n {\r\n name: \"Coraz\u00f3n Artesano\",\r\n address: \"Tijuana\",\r\n city: \"Tijuana\",\r\n coords: [32.5149, -117.0382],\r\n category: \"mezcal\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/CArtesano-logo-01.webp\"\r\n },\r\n {\r\n name: \"Coraz\u00f3n Artesano\",\r\n address: \"Mexicali\",\r\n city: \"Mexicali\",\r\n coords: [32.6635, -115.4678],\r\n category: \"mezcal\",\r\n logo: \"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/08\/CArtesano-logo-01.webp\"\r\n }\r\n ];\r\n \r\n \/\/ Crear un grupo de coordenadas para calcular los l\u00edmites\r\n const coords = locations.map(location => location.coords);\r\n const groupBounds = L.latLngBounds(coords);\r\n \r\n \/\/ Configuraci\u00f3n del mapa con zoom inicial ajustado\r\n const map = L.map('mezcal-map', {\r\n minZoom: 5,\r\n maxZoom: 15,\r\n maxBounds: bounds,\r\n maxBoundsViscosity: 1.0,\r\n zoomControl: false,\r\n attributionControl: false,\r\n scrollWheelZoom: false\r\n });\r\n \r\n \/\/ Deshabilitar desplazamiento fuera de los l\u00edmites\r\n map.setMaxBounds(bounds);\r\n \r\n \/\/ Estilo del mapa - CAMBIADO A TEMA CLARO\r\n L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_nolabels\/{z}\/{x}\/{y}{r}.png', {\r\n maxZoom: 15\r\n }).addTo(map);\r\n \r\n \/\/ Capa adicional para mejor visualizaci\u00f3n - CAMBIADO A TEMA CLARO\r\n L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_only_labels\/{z}\/{x}\/{y}{r}.png', {\r\n maxZoom: 15\r\n }).addTo(map);\r\n \r\n \/\/ Controles de zoom personalizados\r\n document.getElementById('zoom-in').addEventListener('click', function() {\r\n if (map.getZoom() < 15) {\r\n map.zoomIn();\r\n }\r\n });\r\n \r\n document.getElementById('zoom-out').addEventListener('click', function() {\r\n if (map.getZoom() > 5) {\r\n map.zoomOut();\r\n }\r\n });\r\n \r\n \/\/ Icono personalizado - punto NEGRO peque\u00f1o\r\n const mezcalIcon = L.divIcon({\r\n className: 'custom-icon',\r\n html: '<div style=\"background: black; border-radius: 50%; width: 12px; height: 12px; box-shadow: 0 0 8px rgba(0,0,0,0.8);\"><\/div>',\r\n iconSize: [12, 12],\r\n iconAnchor: [6, 6],\r\n popupAnchor: [0, -6]\r\n });\r\n \r\n \/\/ Almacenar marcadores\r\n const markers = [];\r\n const mapHighlight = document.querySelector('.map-highlight');\r\n \r\n \/\/ Funci\u00f3n para crear elementos de ubicaci\u00f3n en la lista\r\n function createLocationElements() {\r\n const cervezaGroup = document.querySelector('.category-group[data-category=\"cerveza\"]');\r\n const mezcalGroup = document.querySelector('.category-group[data-category=\"mezcal\"]');\r\n \r\n \/\/ Limpiar grupos\r\n cervezaGroup.innerHTML = '<h3><i class=\"fas fa-beer\"><\/i> CERVEZA<\/h3>';\r\n mezcalGroup.innerHTML = '<h3><i class=\"fas fa-cocktail\"><\/i> MEZCAL<\/h3>';\r\n \r\n \/\/ Agregar ubicaciones a sus respectivos grupos\r\n locations.forEach((location, index) => {\r\n const locationItem = document.createElement('div');\r\n locationItem.className = 'location-item';\r\n locationItem.setAttribute('data-index', index);\r\n locationItem.setAttribute('data-category', location.category);\r\n \r\n locationItem.innerHTML = `\r\n <div class=\"location-logo\">\r\n <img decoding=\"async\" src=\"${location.logo}\" alt=\"${location.name}\">\r\n <\/div>\r\n <div class=\"location-details\">\r\n <strong>${location.name}<\/strong>\r\n <div class=\"location-address\">${location.address}<\/div>\r\n <a href=\"https:\/\/maps.google.com\/?q=${encodeURIComponent(location.name + ' ' + location.city)}\" target=\"_blank\">\r\n Ver en Google Maps <i class=\"fas fa-external-link-alt\"><\/i>\r\n <\/a>\r\n <\/div>\r\n `;\r\n \r\n if (location.category === 'cerveza') {\r\n cervezaGroup.appendChild(locationItem);\r\n } else {\r\n mezcalGroup.appendChild(locationItem);\r\n }\r\n });\r\n }\r\n \r\n \/\/ Crear elementos de ubicaci\u00f3n\r\n createLocationElements();\r\n \r\n \/\/ Agregar marcadores al mapa\r\n locations.forEach((location, index) => {\r\n const marker = L.marker(location.coords, {icon: mezcalIcon}).addTo(map);\r\n \r\n \/\/ Crear contenido para el popup con logo\r\n const popupContent = `\r\n <div style=\"text-align:center; padding: 8px;\">\r\n <div class=\"popup-logo\">\r\n <img decoding=\"async\" src=\"${location.logo}\" alt=\"${location.name}\">\r\n <\/div>\r\n <strong>${location.name}<\/strong>\r\n <span class=\"location-city\">${location.city}<\/span>\r\n <div style=\"font-size: 0.7rem; margin: 5px 0; color: #ccc;\">${location.address}<\/div>\r\n <a href=\"https:\/\/maps.google.com\/?q=${encodeURIComponent(location.name + ' ' + location.city)}\" target=\"_blank\">Ver en Google Maps<\/a>\r\n <\/div>\r\n `;\r\n \r\n marker.bindPopup(popupContent);\r\n \r\n \/\/ Guardar marcador en el array\r\n markers.push(marker);\r\n });\r\n \r\n \/\/ Ajustar el mapa para mostrar todos los marcadores\r\n map.fitBounds(groupBounds, {\r\n padding: [50, 50],\r\n maxZoom: 6\r\n });\r\n \r\n \/\/ Funci\u00f3n para centrar el mapa en un marcador y abrir su popup\r\n function focusOnMarker(index) {\r\n const marker = markers[index];\r\n const location = locations[index];\r\n \r\n \/\/ Activar efecto de highlight\r\n mapHighlight.classList.add('active');\r\n \r\n \/\/ Determinar el nivel de zoom seg\u00fan el dispositivo\r\n const zoomLevel = window.innerWidth >= 768 ? 14 : 13;\r\n \r\n \/\/ Centrar el mapa con animaci\u00f3n\r\n map.flyTo(location.coords, zoomLevel, {\r\n duration: 1.5,\r\n maxBounds: bounds\r\n });\r\n \r\n \/\/ Abrir el popup despu\u00e9s de un peque\u00f1o retraso\r\n setTimeout(() => {\r\n marker.openPopup();\r\n }, 1500);\r\n \r\n \/\/ Desactivar highlight despu\u00e9s de 3 segundos\r\n setTimeout(() => {\r\n mapHighlight.classList.remove('active');\r\n }, 3000);\r\n }\r\n \r\n \/\/ Agregar eventos a las tarjetas de ubicaci\u00f3n\r\n const locationItems = document.querySelectorAll('.location-item');\r\n \r\n locationItems.forEach(item => {\r\n item.addEventListener('click', function() {\r\n const index = this.getAttribute('data-index');\r\n \r\n \/\/ Remover clase activa de todos los items\r\n locationItems.forEach(item => item.classList.remove('active'));\r\n \r\n \/\/ Agregar clase activa al item seleccionado\r\n this.classList.add('active');\r\n \r\n \/\/ Centrar el mapa en el marcador seleccionado\r\n focusOnMarker(index);\r\n });\r\n });\r\n \r\n \/\/ Agregar eventos a los popups para resaltar la tarjeta correspondiente\r\n markers.forEach((marker, index) => {\r\n marker.on('popupopen', () => {\r\n \/\/ Remover clase activa de todos los items\r\n locationItems.forEach(item => item.classList.remove('active'));\r\n \r\n \/\/ Agregar clase activa al item correspondiente\r\n locationItems[index].classList.add('active');\r\n \r\n \/\/ Desplazar la tarjeta a la vista\r\n locationItems[index].scrollIntoView({behavior: 'smooth', block: 'center'});\r\n });\r\n });\r\n \r\n \/\/ Filtros de categor\u00eda\r\n const categoryFilters = document.querySelectorAll('.category-filter');\r\n \r\n categoryFilters.forEach(filter => {\r\n filter.addEventListener('click', function() {\r\n const category = this.getAttribute('data-category');\r\n \r\n \/\/ Actualizar filtros activos\r\n categoryFilters.forEach(f => f.classList.remove('active'));\r\n this.classList.add('active');\r\n \r\n \/\/ Mostrar\/ocultar ubicaciones seg\u00fan la categor\u00eda\r\n locationItems.forEach(item => {\r\n if (category === 'all') {\r\n item.style.display = 'flex';\r\n } else {\r\n if (item.getAttribute('data-category') === category) {\r\n item.style.display = 'flex';\r\n } else {\r\n item.style.display = 'none';\r\n }\r\n }\r\n });\r\n });\r\n });\r\n \r\n \/\/ Forzar el mapa a mantenerse dentro de los l\u00edmites de M\u00e9xico\r\n map.on('drag', function() {\r\n map.panInsideBounds(bounds, { animate: false });\r\n });\r\n \r\n \/\/ Mejorar la visualizaci\u00f3n al cerrar popups\r\n map.on('popupclose', function() {\r\n mapHighlight.classList.remove('active');\r\n });\r\n \r\n \/\/ Ajuste inicial para dispositivos m\u00f3viles\r\n if (window.innerWidth < 768) {\r\n \/\/ En m\u00f3viles, hacemos un zoom un poco m\u00e1s cerrado\r\n map.setZoom(5.2);\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6372abb e-flex e-con-boxed e-con e-parent\" data-id=\"6372abb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-81d862b e-con-full e-flex e-con e-child\" data-id=\"81d862b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ae208d elementor-widget elementor-widget-heading\" data-id=\"8ae208d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Encuentranos en linea <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f72c6c e-grid e-con-full e-con e-child\" data-id=\"6f72c6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46584f4 elementor-widget elementor-widget-image\" data-id=\"46584f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"241\" src=\"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg-1024x309.png\" class=\"attachment-large size-large wp-image-2638\" alt=\"\" srcset=\"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg-1024x309.png 1024w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg-300x91.png 300w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg-768x232.png 768w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg-1536x464.png 1536w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg-2048x618.png 2048w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg-18x5.png 18w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg-600x181.png 600w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d65cc8 elementor-widget elementor-widget-image\" data-id=\"6d65cc8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/listado.mercadolibre.com.mx\/_CustId_2967572450?item_id=MLM2554911969&category_id=MLM185383&seller_id=2967572450&client=recoview-selleritems&recos_listing=true#origin=vip&component=sellerData&typeSeller=classic\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"270\" src=\"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Mercadolibre-logo-01-1024x345.webp\" class=\"attachment-large size-large wp-image-2639\" alt=\"\" srcset=\"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Mercadolibre-logo-01-1024x345.webp 1024w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Mercadolibre-logo-01-300x101.webp 300w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Mercadolibre-logo-01-768x259.webp 768w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Mercadolibre-logo-01-18x6.webp 18w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Mercadolibre-logo-01-600x202.webp 600w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Mercadolibre-logo-01.webp 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92f25f7 elementor-widget elementor-widget-image\" data-id=\"92f25f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Walmart-Logo-1024x576.png\" class=\"attachment-large size-large wp-image-2640\" alt=\"\" srcset=\"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Walmart-Logo-1024x576.png 1024w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Walmart-Logo-300x169.png 300w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Walmart-Logo-768x432.png 768w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Walmart-Logo-1536x864.png 1536w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Walmart-Logo-2048x1152.png 2048w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Walmart-Logo-18x10.png 18w, https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Walmart-Logo-600x338.png 600w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6d5d01 e-flex e-con-boxed e-con e-parent\" data-id=\"f6d5d01\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9280800 e-con-full e-flex e-con e-child\" data-id=\"9280800\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ffaaa4 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2ffaaa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pru\u00e9balo, si\u00e9ntelo y \u00a1Que comience el viaje!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54e5ebc e-con-full e-flex e-con e-child\" data-id=\"54e5ebc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a894f1a elementor-invisible elementor-widget elementor-widget-image\" data-id=\"a894f1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeIn"}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/sierpenegra.com\/wp-content\/uploads\/elementor\/thumbs\/1-e1738374156502-r0udvwc991tvrvknkhivthg4nx5f8z1ncya0chfu4g.png\" title=\"Sierpe Negra Mezcal\" alt=\"Sierpe Negra Mezcal\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sierpe Negra – Ubicaciones “> SN Mezcales Artesanales Encu\u00e9ntranos en: Todas Cerveza Mezcal CERVEZA MEZCAL Encuentranos en linea Pru\u00e9balo, si\u00e9ntelo y \u00a1Que comience el viaje!<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2657","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Encuentranos Mezcal Sierpe Negra - Mezcal Sierpe Negra<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sierpenegra.com\/en\/donde-nos-encuentras\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Encuentranos Mezcal Sierpe Negra - Mezcal Sierpe Negra\" \/>\n<meta property=\"og:description\" content=\"Sierpe Negra – Ubicaciones “> SN Mezcales Artesanales Encu\u00e9ntranos en: Todas Cerveza Mezcal CERVEZA MEZCAL Encuentranos en linea Pru\u00e9balo, si\u00e9ntelo y \u00a1Que comience el viaje!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sierpenegra.com\/en\/donde-nos-encuentras\/\" \/>\n<meta property=\"og:site_name\" content=\"Mezcal Sierpe Negra\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100071020211240\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-05T19:31:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"773\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@MezcalNegra\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/donde-nos-encuentras\\\/\",\"url\":\"https:\\\/\\\/sierpenegra.com\\\/donde-nos-encuentras\\\/\",\"name\":\"Encuentranos Mezcal Sierpe Negra - Mezcal Sierpe Negra\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/donde-nos-encuentras\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/donde-nos-encuentras\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sierpenegra.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Amazon_logo.svg-1024x309.png\",\"datePublished\":\"2025-08-08T22:36:19+00:00\",\"dateModified\":\"2025-12-05T19:31:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/donde-nos-encuentras\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sierpenegra.com\\\/donde-nos-encuentras\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/donde-nos-encuentras\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sierpenegra.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Amazon_logo.svg-1024x309.png\",\"contentUrl\":\"https:\\\/\\\/sierpenegra.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Amazon_logo.svg-1024x309.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/donde-nos-encuentras\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/sierpenegra.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Encuentranos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/#website\",\"url\":\"https:\\\/\\\/sierpenegra.com\\\/\",\"name\":\"Mezcal Sierpe Negra\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sierpenegra.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/#organization\",\"name\":\"Mezcal Sierpe Negra\",\"url\":\"https:\\\/\\\/sierpenegra.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sierpenegra.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Logo-18.png\",\"contentUrl\":\"https:\\\/\\\/sierpenegra.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Logo-18.png\",\"width\":2251,\"height\":1255,\"caption\":\"Mezcal Sierpe Negra\"},\"image\":{\"@id\":\"https:\\\/\\\/sierpenegra.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=100071020211240\",\"https:\\\/\\\/x.com\\\/MezcalNegra\",\"https:\\\/\\\/www.instagram.com\\\/mezcal.sierpe.negra\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Encuentranos Mezcal Sierpe Negra - Mezcal Sierpe Negra","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sierpenegra.com\/en\/donde-nos-encuentras\/","og_locale":"en_US","og_type":"article","og_title":"Encuentranos Mezcal Sierpe Negra - Mezcal Sierpe Negra","og_description":"Sierpe Negra – Ubicaciones “> SN Mezcales Artesanales Encu\u00e9ntranos en: Todas Cerveza Mezcal CERVEZA MEZCAL Encuentranos en linea Pru\u00e9balo, si\u00e9ntelo y \u00a1Que comience el viaje!","og_url":"https:\/\/sierpenegra.com\/en\/donde-nos-encuentras\/","og_site_name":"Mezcal Sierpe Negra","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100071020211240","article_modified_time":"2025-12-05T19:31:12+00:00","og_image":[{"width":2560,"height":773,"url":"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@MezcalNegra","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sierpenegra.com\/donde-nos-encuentras\/","url":"https:\/\/sierpenegra.com\/donde-nos-encuentras\/","name":"Encuentranos Mezcal Sierpe Negra - Mezcal Sierpe Negra","isPartOf":{"@id":"https:\/\/sierpenegra.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sierpenegra.com\/donde-nos-encuentras\/#primaryimage"},"image":{"@id":"https:\/\/sierpenegra.com\/donde-nos-encuentras\/#primaryimage"},"thumbnailUrl":"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg-1024x309.png","datePublished":"2025-08-08T22:36:19+00:00","dateModified":"2025-12-05T19:31:12+00:00","breadcrumb":{"@id":"https:\/\/sierpenegra.com\/donde-nos-encuentras\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sierpenegra.com\/donde-nos-encuentras\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sierpenegra.com\/donde-nos-encuentras\/#primaryimage","url":"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg-1024x309.png","contentUrl":"https:\/\/sierpenegra.com\/wp-content\/uploads\/2025\/07\/Amazon_logo.svg-1024x309.png"},{"@type":"BreadcrumbList","@id":"https:\/\/sierpenegra.com\/donde-nos-encuentras\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/sierpenegra.com\/"},{"@type":"ListItem","position":2,"name":"Encuentranos"}]},{"@type":"WebSite","@id":"https:\/\/sierpenegra.com\/#website","url":"https:\/\/sierpenegra.com\/","name":"Mezcal Sierpe Negra","description":"","publisher":{"@id":"https:\/\/sierpenegra.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sierpenegra.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sierpenegra.com\/#organization","name":"Mezcal Sierpe Negra","url":"https:\/\/sierpenegra.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sierpenegra.com\/#\/schema\/logo\/image\/","url":"https:\/\/sierpenegra.com\/wp-content\/uploads\/2024\/12\/Logo-18.png","contentUrl":"https:\/\/sierpenegra.com\/wp-content\/uploads\/2024\/12\/Logo-18.png","width":2251,"height":1255,"caption":"Mezcal Sierpe Negra"},"image":{"@id":"https:\/\/sierpenegra.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=100071020211240","https:\/\/x.com\/MezcalNegra","https:\/\/www.instagram.com\/mezcal.sierpe.negra\/"]}]}},"_links":{"self":[{"href":"https:\/\/sierpenegra.com\/en\/wp-json\/wp\/v2\/pages\/2657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sierpenegra.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sierpenegra.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sierpenegra.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sierpenegra.com\/en\/wp-json\/wp\/v2\/comments?post=2657"}],"version-history":[{"count":251,"href":"https:\/\/sierpenegra.com\/en\/wp-json\/wp\/v2\/pages\/2657\/revisions"}],"predecessor-version":[{"id":3079,"href":"https:\/\/sierpenegra.com\/en\/wp-json\/wp\/v2\/pages\/2657\/revisions\/3079"}],"wp:attachment":[{"href":"https:\/\/sierpenegra.com\/en\/wp-json\/wp\/v2\/media?parent=2657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}