{"version":3,"sources":["webpack:///./src/styles/placesMobile.module.css","webpack:///./src/components/layout.js","webpack:///./src/components/header.js","webpack:///./src/images/logos/adressLogo.svg","webpack:///./src/images/backpagearrow.svg","webpack:///./src/styles/places.module.css","webpack:///./src/images/logos/phoneLogo.svg","webpack:///./src/images/logos/cardArrow.svg","webpack:///./src/images/logos/arrow.svg","webpack:///./src/components/cardMobile.js","webpack:///./src/components/placesMobile.js","webpack:///./src/pages/places.js"],"names":["module","exports","Layout","props","activeMenu","setActiveMenu","useState","React","createElement","Fragment","className","styles","content","Header","children","Footer","SideMenu","header","Link","to","logo130","src","alt","onClick","menuHeader","menuIcon","logoMenu","CardMobile","_ref","info","active","setActive","responsiveCard","id","cardImg","cardBody","cardText","schedule1","schedule2","schedule3","schedule4","cardArrow","cardTitle","name","toUpperCase","adress","adressLogo","phoneAdress","phone","phoneLogo","PlacesMobile","data","cardData","allPlaces","nodes","sectionOne","BackgroundImage","fluid","birraMobile","childImageSharp","backgroundMobile","textContainer","lineaWhite","sectionTwo","map","key","Places","mobile","useMediaQuery","query","useEffect","local","localStorage","getItem","sessionStorage","navigate","state","newPath","sort","a","b","order","placesEdges","edges","node","window","dataLayer","push","brand","Zone","country","city","campaign","location","search","includes","split","cms","event","language","login","pageName","pageType","SiteType","product","sku","userUid","url","url_campaign","Step_number","background","bocaAncha","ourPlacesBack","backPage","BackPageArrow","backArrow","backArrowHidden","onMouseLeave","onMouseOver","style","textDecoration","color","backgroundColor","border","outline","slideTextLeft","lineaBlue","blueDot","arrowCircle","circleFixed","arrowTop","Arrow","cardsContainer","slideColText","cardsTitle","cards","card","width","Img","borderTopLeftRadius","borderTopRightRadius","localImage","link","href","target"],"mappings":"iFACAA,EAAOC,QAAU,CAAC,WAAa,0CAA0C,cAAgB,6CAA6C,iBAAmB,gDAAgD,WAAa,0CAA0C,WAAa,0CAA0C,QAAU,sCAAsC,eAAiB,8CAA8C,QAAU,uCAAuC,SAAW,wCAAwC,UAAY,yCAAyC,OAAS,qCAAqC,MAAQ,oCAAoC,YAAc,2CAA2C,UAAY,yCAAyC,SAAW,wCAAwC,aAAe,4CAA4C,iBAAmB,iDAAiD,UAAY,yCAAyC,gBAAkB,iD,kCCDhgC,sGAsBeC,IAdAC,IACb,MAAM,EAACC,EAAW,EAACC,GAAiBC,oBAAS,GAC7C,OACEC,IAAAC,cAAAD,IAAAE,SAAA,KACEF,IAAAC,cAAA,OAAKE,UAAWC,IAAOC,SACrBL,IAAAC,cAACK,IAAM,MACNV,EAAMW,SAEPP,IAAAC,cAACO,IAAM,U,kCChBf,gHAmCeF,IA3BAA,KACb,MAAM,EAACT,EAAW,EAACC,GAAiBC,oBAAS,GAC7C,OACEC,IAAAC,cAAAD,IAAAE,SAAA,KACEF,IAAAC,cAACQ,IAAQ,CACPZ,WAAYA,EACZC,cAAeA,IAEjBE,IAAAC,cAAA,UAAQE,UAAW,GAAGC,IAAOM,QAC3BV,IAAAC,cAACU,OAAI,CAACC,GAAI,KACRZ,IAAAC,cAAA,OAAKE,UAAWC,IAAOS,QAASC,IAAKD,IAASE,IAAI,aAEpDf,IAAAC,cAAA,OACEe,QAASA,KACPlB,GAAeD,IAEjBM,UAAWC,IAAOa,YAEjB,IACDjB,IAAAC,cAAA,YAAM,QACND,IAAAC,cAAA,OAAKE,UAAWC,IAAOc,SAAUJ,IAAKK,IAAUJ,IAAI,kB,mBC5B9DtB,EAAOC,QAAU,0nB,mBCAjBD,EAAOC,QAAU,8W,qBCCjBD,EAAOC,QAAU,CAAC,aAAe,uCAAuC,oBAAsB,+CAA+C,cAAgB,wCAAwC,mBAAqB,8CAA8C,mBAAqB,8CAA8C,qBAAuB,gDAAgD,WAAa,mCAAmC,cAAgB,wCAAwC,SAAW,kCAAkC,gBAAkB,0CAA0C,UAAY,mCAAmC,cAAgB,uCAAuC,UAAY,mCAAmC,QAAU,iCAAiC,SAAW,kCAAkC,YAAc,qCAAqC,YAAc,qCAAqC,eAAiB,wCAAwC,QAAU,gCAAgC,WAAa,oCAAoC,MAAQ,8BAA8B,KAAO,6BAA6B,QAAU,iCAAiC,SAAW,kCAAkC,UAAY,mCAAmC,YAAc,qCAAqC,KAAO,6BAA6B,KAAO,6BAA6B,OAAS,+BAA+B,MAAQ,8BAA8B,WAAa,oCAAoC,UAAY,mCAAmC,eAAiB,yCAAyC,cAAgB,wCAAwC,UAAY,mCAAmC,YAAc,qCAAqC,MAAQ,8BAA8B,aAAe,sCAAsC,SAAW,kCAAkC,WAAa,oCAAoC,cAAgB,wCAAwC,IAAM,4BAA4B,MAAQ,8BAA8B,eAAiB,yCAAyC,UAAY,oC,mBCDvpED,EAAOC,QAAU,s+B,mBCAjBD,EAAOC,QAAU,8W,qBCAjBD,EAAOC,QAAU,kY,8QC2DF0B,MAjDIC,IAAe,IAAd,KAAEC,GAAMD,EAC1B,MAAM,EAACE,EAAO,EAACC,GAAazB,oBAAS,GACrC,OACEC,IAAAC,cAAAD,IAAAE,SAAA,KACEF,IAAAC,cAAA,OAAKE,UAAWC,IAAOqB,gBACrBzB,IAAAC,cAAA,OAAKyB,GAAItB,IAAOuB,QAASb,IAAKQ,EAAKK,UACjCJ,EAwBAvB,IAAAC,cAAA,OAAKE,UAAWC,IAAOwB,UACrB5B,IAAAC,cAAA,KAAGE,UAAW,aAAaC,IAAOyB,UAAaP,EAAKQ,WACpD9B,IAAAC,cAAA,KAAGE,UAAW,aAAaC,IAAOyB,UAAaP,EAAKS,WACpD/B,IAAAC,cAAA,KAAGE,UAAW,aAAaC,IAAOyB,UAAaP,EAAKU,WACpDhC,IAAAC,cAAA,KAAGE,UAAW,aAAaC,IAAOyB,UAAaP,EAAKW,WACpDjC,IAAAC,cAAA,OACEyB,GAAItB,IAAO8B,UACXlB,QAASA,KACPQ,GAAWD,IAEbT,IAAKoB,OAjCTlC,IAAAC,cAAA,OAAKE,UAAWC,IAAOwB,UACrB5B,IAAAC,cAAA,WACED,IAAAC,cAAA,MAAIE,UAAW,cAAcC,IAAO+B,WACjCb,EAAKc,KAAKC,eAEbrC,IAAAC,cAAA,OAAKE,UAAWC,IAAOkC,QACrBtC,IAAAC,cAAA,OAAKa,IAAKyB,MACVvC,IAAAC,cAAA,MAAIE,UAAWC,IAAOoC,aAAclB,EAAKgB,SAE3CtC,IAAAC,cAAA,OAAKE,UAAWC,IAAOqC,OACrBzC,IAAAC,cAAA,OAAKa,IAAK4B,MACV1C,IAAAC,cAAA,MAAIE,UAAWC,IAAOoC,aAAclB,EAAKmB,SAG7CzC,IAAAC,cAAA,OACEyB,GAAItB,IAAO8B,UACXpB,IAAKoB,IACLlB,QAASA,KACPQ,GAAWD,UCsFZoB,MArFMtB,IAAe,IAAd,KAAEuB,GAAMvB,EAE5B,MAAMwB,EAAWD,EAAKE,UAAUC,MAIhC,OACE/C,IAAAC,cAAAD,IAAAE,SAAA,KACEF,IAAAC,cAACN,IAAM,KACLK,IAAAC,cAAA,WAASE,UAAWC,IAAO4C,YACzBhD,IAAAC,cAACgD,IAAe,CACdC,MAAON,EAAKO,YAAYC,gBAAgBF,MACxC/C,UAAWC,IAAOiD,kBAElBrD,IAAAC,cAAA,OAAKE,UAAWC,IAAOkD,eACrBtD,IAAAC,cAAA,UAAI,gBACJD,IAAAC,cAAA,UAAI,oBACJD,IAAAC,cAAA,OAAKyB,GAAItB,IAAOmD,YACdvD,IAAAC,cAAA,YAEFD,IAAAC,cAAA,UAAI,+CAIVD,IAAAC,cAAA,WAASE,UAAWC,IAAOoD,YAkBxBX,EAASY,IAAInC,GAEVtB,IAAAC,cAACmB,EAAU,CAACsC,IAAKpC,EAAKc,KAAMQ,KAAMA,EAAMtB,KAAMA,S,qBCqH7CqC,UAxLAtC,IAAe,IAAd,KAAEuB,GAAMvB,EACtB,MAAMuC,EAASC,wBAAc,CAAEC,MAAO,wBAChC,EAACvC,EAAO,EAACC,GAAazB,oBAAS,GAErCgE,oBAAU,KACR,IAAIC,EAAQC,aAAaC,QAAQ,OACnBC,eAAeD,QAAQ,QAEpBF,GAAOI,mBAAS,WAAW,CAACC,MAAO,CAACC,QAAU,cAC/D,IAEF,MAAMzB,EAAWD,EAAKE,UAAUC,MAAMwB,MAAK,SAAUC,EAAGC,GACtD,OAAOD,EAAEE,MAAQD,EAAEC,SAEfC,EAAc/B,EAAKE,UAAU8B,MAAML,MAAK,SAAUC,EAAGC,GACzD,OAAOD,EAAEK,KAAKH,MAAQD,EAAEI,KAAKH,SAmC/B,OAhCAX,oBAAU,KACRe,OAAOC,UAAUC,KAAK,CACpBC,MAAO,UACPC,KAAM,MACNC,QAAS,MACTC,KAAM,OACNC,SAAU,IACRP,OAAOQ,SAASC,OAAOC,SAAS,SAC5BV,OAAOQ,SAASC,OAAOE,MAAM,SAAS,GAAGA,MAAM,KAAK,GACpD,IAENC,IAAK,IACLC,MAAO,WACPC,SAAU,KACVC,OAAO,EACPC,SAAU,mBACVC,SAAU,aACVC,SAAU,QACVC,QAAS,KACTC,IAAK,KACLC,QAAS,GACTC,IAAK,oCACLC,aAAc,IACZvB,OAAOQ,SAASC,OAAOC,SAAS,iBAC5BV,OAAOQ,SAASC,OAAOE,MAAM,iBAAiB,GAC9C,IAENa,YAAa,MAEd,IAIDtG,IAAAC,cAAAD,IAAAE,SAAA,KACI0D,EA8HA5D,IAAAC,cAAC0C,EAAY,CAACC,KAAMA,IA7HpB5C,IAAAC,cAACN,IAAM,KACLK,IAAAC,cAAA,WAASE,UAAWC,IAAOmG,YACzBvG,IAAAC,cAACgD,IAAe,CACdC,MAAON,EAAK4D,UAAUpD,gBAAgBF,MACtC/C,UAAWC,IAAOqG,cAClB1F,IAAI,2CAEJf,IAAAC,cAAA,OAAKE,UAAWC,IAAOsG,UACrB1G,IAAAC,cAAA,OAAKc,IAAI,qBAAqBD,IAAK6F,MACnC3G,IAAAC,cAAA,OAAKE,UAAWC,IAAOsG,UACrB1G,IAAAC,cAAA,OACEc,IAAI,qBACJD,IAAK6F,IACLjF,GAAIH,EAASnB,IAAOwG,UAAYxG,IAAOyG,kBAEzC7G,IAAAC,cAACU,OAAI,CACHmG,aAAcA,IAAMtF,GAAWD,GAC/BwF,YAAaA,IAAMvF,GAAWD,GAC9BX,GAAI,WACJoG,MAAO,CACLC,eAAgB,OAChBC,MAAO,QACPC,gBAAiB,cACjBC,OAAQ,OACRC,QAAS,YAEZ,YAKLrH,IAAAC,cAAA,OACEE,UAAW,GAAGC,IAAOkD,iBAAiBlD,IAAOkH,iBAE7CtH,IAAAC,cAAA,UAAI,gBACJD,IAAAC,cAAA,UAAI,oBACJD,IAAAC,cAAA,OAAKyB,GAAItB,IAAOmH,WACdvH,IAAAC,cAAA,YAEFD,IAAAC,cAAA,KAAG+G,MAAO,CAAEE,MAAO,UAAW,+OAO9BlH,IAAAC,cAAA,OAAKyB,GAAItB,IAAOoH,UAChBxH,IAAAC,cAAA,OAAKyB,GAAItB,IAAOqH,aACdzH,IAAAC,cAAA,OAAKyB,GAAItB,IAAOsH,aACd1H,IAAAC,cAAA,OACEc,IAAI,oBACJW,GAAItB,IAAOuH,SACX7G,IAAK8G,UAOf5H,IAAAC,cAAA,OACEE,UAAW,GAAGC,IAAOyH,kBAAkBzH,IAAO0H,gBAE9C9H,IAAAC,cAAA,OAAKE,UAAWC,IAAO2H,YACrB/H,IAAAC,cAAA,UAAI,yBACJD,IAAAC,cAAA,UAAI,4CAEND,IAAAC,cAAA,OAAKE,UAAWC,IAAO4H,OACpBnF,EAASY,IAAInC,GAEVtB,IAAAC,cAAA,OACEyD,IAAKpC,EAAKc,KACVjC,UAAW,QAAQC,IAAO6H,KAC1BjB,MAAO,CAAEkB,MAAO,UAEhBlI,IAAAC,cAACkI,IAAG,CACFpH,IAAI,uBACJiG,MAAO,CACLoB,oBAAqB,OACrBC,qBAAsB,QAExBnF,MACEyB,EAAYrD,EAAKoD,OAAOG,KAAKyD,WAC1BlF,gBAAgBF,QAGvBlD,IAAAC,cAAA,OAAKE,UAAU,aACbH,IAAAC,cAAA,MAAIE,UAAW,cAAcC,IAAO+B,WACjCb,EAAKc,KAAKC,eAEbrC,IAAAC,cAAA,OAAKE,UAAWC,IAAOkC,QACrBtC,IAAAC,cAAA,OAAKc,IAAI,oBAAoBD,IAAKyB,MAClCvC,IAAAC,cAAA,MAAIE,UAAWC,IAAOoC,aACnBlB,EAAKgB,SAGVtC,IAAAC,cAAA,OAAKE,UAAWC,IAAOqC,OACrBzC,IAAAC,cAAA,OAAKc,IAAI,mBAAmBD,IAAK4B,MACjC1C,IAAAC,cAAA,MAAIE,UAAWC,IAAOoC,aAAclB,EAAKmB,QAG3CzC,IAAAC,cAAA,KAAGE,UAAW,aAAaC,IAAOyB,UAC/BP,EAAKQ,WAER9B,IAAAC,cAAA,KAAGE,UAAW,aAAaC,IAAOyB,UAC/BP,EAAKS,WAER/B,IAAAC,cAAA,KAAGE,UAAW,aAAaC,IAAOyB,UAC/BP,EAAKU,WAERhC,IAAAC,cAAA,KAAGE,UAAW,aAAaC,IAAOyB,UAC/BP,EAAKW,WAERjC,IAAAC,cAAA,MAAIE,UAAWC,IAAOkB,MAAOA,EAAKA,MAClCtB,IAAAC,cAAA,KAAGE,UAAWC,IAAOmI,KAAMC,KAAK,IAAIC,OAAO,UAAS","file":"component---src-pages-places-js-dc36c69e5abf17ad9e65.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"sectionOne\":\"placesMobile-module--section-one--1OPBE\",\"textContainer\":\"placesMobile-module--text-container--1YsO5\",\"backgroundMobile\":\"placesMobile-module--background-mobile--2YNBM\",\"lineaWhite\":\"placesMobile-module--linea-white--3jwXh\",\"sectionTwo\":\"placesMobile-module--section-two--1Wnsu\",\"buttons\":\"placesMobile-module--buttons--1wNi7\",\"responsiveCard\":\"placesMobile-module--responsive-card--27FcR\",\"cardImg\":\"placesMobile-module--card-img--2yKPC\",\"cardBody\":\"placesMobile-module--card-body--2amcU\",\"cardTitle\":\"placesMobile-module--card-title--3fn1G\",\"adress\":\"placesMobile-module--adress--pS9mB\",\"phone\":\"placesMobile-module--phone--vFoOF\",\"phoneAdress\":\"placesMobile-module--phone-adress--4NU6e\",\"cardArrow\":\"placesMobile-module--card-arrow--3f3_K\",\"cardText\":\"placesMobile-module--card-text--3RhyL\",\"sectionThree\":\"placesMobile-module--section-three--28B77\",\"sectionThreeText\":\"placesMobile-module--section-three-text--3dOEb\",\"lineaBlue\":\"placesMobile-module--linea-blue--172fs\",\"sliderContainer\":\"placesMobile-module--slider-container--3Q7mT\"};","import React, { useState } from \"react\"\nimport PropTypes from \"prop-types\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Header from \"./header\"\nimport Footer from \"./footer\"\nimport styles from \"./layout.module.css\"\nimport \"bootstrap/dist/css/bootstrap.min.css\"\nimport SideMenu from \"../components/sideMenu\"\nconst Layout = props => {\n  const [activeMenu, setActiveMenu] = useState(true)\n  return (\n    <>\n      <div className={styles.content}>\n        <Header />\n        {props.children}\n\n        <Footer />\n      </div>\n    </>\n  )\n}\n\nexport default Layout\n","import { Link } from \"gatsby\"\nimport PropTypes from \"prop-types\"\nimport React, { useState } from \"react\"\nimport logoMenu from \"../images/logos/logoMenu.svg\"\nimport logo130 from \"../images/logos/newLogoMenu.svg\"\nimport styles from \"../styles/header.module.css\"\nimport SideMenu from \"../components/sideMenu\"\n\nconst Header = () => {\n  const [activeMenu, setActiveMenu] = useState(true)\n  return (\n    <>\n      <SideMenu\n        activeMenu={activeMenu}\n        setActiveMenu={setActiveMenu}\n      ></SideMenu>\n      <header className={`${styles.header}`}>\n        <Link to={`/`}>\n          <img className={styles.logo130} src={logo130} alt=\"logo130\" />\n        </Link>\n        <div\n          onClick={() => {\n            setActiveMenu(!activeMenu)\n          }}\n          className={styles.menuHeader}\n        >\n          {\" \"}\n          <span>MENÚ</span>\n          <img className={styles.menuIcon} src={logoMenu} alt=\"menuIcon\" />\n        </div>\n      </header>\n    </>\n  )\n}\n\nexport default Header\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjY3OSIgaGVpZ2h0PSI5LjMyIiB2aWV3Qm94PSIwIDAgNy42NzkgOS4zMiI+DQogIDxwYXRoIGlkPSJUcmF6YWRvXzExNCIgZGF0YS1uYW1lPSJUcmF6YWRvIDExNCIgZD0iTTMuODQzLDUuNUExLjYyMywxLjYyMywwLDAsMCw1LjQ2OSwzLjg3LDEuNjczLDEuNjczLDAsMCwwLDMuODQzLDIuMTg2LDEuNjIzLDEuNjIzLDAsMCwwLDIuMjE3LDMuODExLDEuNzE0LDEuNzE0LDAsMCwwLDMuODQzLDUuNVpNMS4xMTQsMS4wODJBMy44NiwzLjg2LDAsMCwxLDYuNTcyLDYuNTQxTDMuODQzLDkuMjcsMS4xMTQsNi41NDFBMy45NjUsMy45NjUsMCwwLDEsMS4xMTQsMS4wODJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4wMjUgMC4wNSkiIGZpbGw9IiM0YWJjZWQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjEiIGhlaWdodD0iOS40IiB2aWV3Qm94PSIwIDAgNi4xIDkuNCI+DQogIDxwYXRoIGlkPSJUcmF6YWRvXzEyOTQiIGRhdGEtbmFtZT0iVHJhemFkbyAxMjk0IiBkPSJNNi43LDguMSwyLDMuNCwzLjQsMiw2LjcsNS4zLDEwLDJsMS40LDEuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMSAtMikgcm90YXRlKDkwKSIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"slideColText\":\"places-module--slide-col-text--vO-Te\",\"slideInBlurredRight\":\"places-module--slide-in-blurred-right--6e5oZ\",\"slideTextLeft\":\"places-module--slide-text-left--3ediR\",\"slideInBlurredLeft\":\"places-module--slide-in-blurred-left--1EMAT\",\"slideColTextBottom\":\"places-module--slide-col-text-bottom--3QFpa\",\"slideInBlurredBottom\":\"places-module--slide-in-blurred-bottom--2PvdN\",\"background\":\"places-module--background--2aMtJ\",\"ourPlacesBack\":\"places-module--our-places-back--3l5Gi\",\"backPage\":\"places-module--back-page--2wncq\",\"backArrowHidden\":\"places-module--back-arrow-hidden--2tV91\",\"backArrow\":\"places-module--back-arrow--2A-SL\",\"textContainer\":\"places-module--text-container--9tqx-\",\"lineaBlue\":\"places-module--linea-blue--mDIUF\",\"blueDot\":\"places-module--blue-dot--3v5Y4\",\"arrowTop\":\"places-module--arrow-top--1CnwY\",\"arrowCircle\":\"places-module--arrow-circle--1naCf\",\"circleFixed\":\"places-module--circle-fixed--WpUE0\",\"cardsContainer\":\"places-module--cards-container--1-0l4\",\"buttons\":\"places-module--buttons--35rVc\",\"cardsTitle\":\"places-module--cards-title--20trM\",\"cards\":\"places-module--cards--31Rlm\",\"card\":\"places-module--card--Zy9pu\",\"cardImg\":\"places-module--card-img--1gGee\",\"cardText\":\"places-module--card-text--2U39g\",\"cardTitle\":\"places-module--card-title--PMMpF\",\"phoneAdress\":\"places-module--phone-adress--3M_7r\",\"info\":\"places-module--info--3aGGK\",\"link\":\"places-module--link--2SuaU\",\"adress\":\"places-module--adress--swXqd\",\"phone\":\"places-module--phone--1N24c\",\"sectionTwo\":\"places-module--section-two--UwXm0\",\"firstSide\":\"places-module--first-side--3SOTS\",\"blueCircleCont\":\"places-module--blue-circle-cont--36Fbl\",\"firstTextCont\":\"places-module--first-text-cont--3qjnN\",\"deQuilmes\":\"places-module--de-quilmes--3-p8I\",\"canillasBar\":\"places-module--canillas-bar--1YazH\",\"birra\":\"places-module--birra--tCeCi\",\"mediaCanilla\":\"places-module--media-canilla--TT9jl\",\"medioBar\":\"places-module--medio-bar--1b2OA\",\"secondSide\":\"places-module--second-side--1ONTl\",\"secondSideImg\":\"places-module--second-side-img--Yn7qZ\",\"bar\":\"places-module--bar--2rT9d\",\"barra\":\"places-module--barra--3LORV\",\"secondSideText\":\"places-module--second-side-text--2eI3J\",\"sirviendo\":\"places-module--sirviendo--3ZyfY\"};","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjgxNiIgaGVpZ2h0PSIxMC42MTYiIHZpZXdCb3g9IjAgMCA5LjgxNiAxMC42MTYiPg0KICA8cGF0aCBpZD0iVHJhemFkb18xMTAiIGRhdGEtbmFtZT0iVHJhemFkbyAxMTAiIGQ9Ik01LjcsNy41ODMsNi43NDgsNi41NGEuMzA3LjMwNywwLDAsMSwuMjYzLS4wOTVsLjE3NS4wOTVMOS42NCw3Ljc3MmMuMTc1LjA5NS4xNzUuMTkuMTc1LjM3OWEyLjQ5MiwyLjQ5MiwwLDAsMS0uNywxLjcwNiwyLjQxMSwyLjQxMSwwLDAsMS0xLjg0Ljc1OEE1LjAxOSw1LjAxOSwwLDAsMSw0LjgyLDkuOTUyYTExLjU0OSwxMS41NDksMCwwLDEtMi40NTQtMS45QTE2LjI2NiwxNi4yNjYsMCwwLDEsMS4wNTIsNS45NzEsMTMuNjQ1LDEzLjY0NSwwLDAsMSwuMTc1LDMuODg2LDYuMjg4LDYuMjg4LDAsMCwxLDAsMi4wODUsMi41ODIsMi41ODIsMCwwLDEsLjYxMy42NjMsMi41NTQsMi41NTQsMCwwLDEsMi4yNzksMGEuNDQ1LjQ0NSwwLDAsMSwuMzUxLjE5TDMuOTQ0LDIuODQzYS4zNC4zNCwwLDAsMCwuMDg4LjE5LjM2Ny4zNjcsMCwwLDEtLjA4OC4yODRMMi44LDQuNDU1YS40NTIuNDUyLDAsMCwwLDAsLjQ3NEE5LjAzLDkuMDMsMCwwLDAsMy44NTYsNi40NDVhOS4wMjUsOS4wMjUsMCwwLDAsMS40LDEuMjMyQzUuNDM0LDcuNzcyLDUuNjA5LDcuNzcyLDUuNyw3LjU4M1oiIGZpbGw9IiM0YWJjZWQiLz4NCjwvc3ZnPg0K\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjEiIGhlaWdodD0iOS40IiB2aWV3Qm94PSIwIDAgNi4xIDkuNCI+DQogIDxwYXRoIGlkPSJUcmF6YWRvXzM2IiBkYXRhLW5hbWU9IlRyYXphZG8gMzYiIGQ9Ik02LjcsOC4xLDIsMy40LDMuNCwyLDYuNyw1LjMsMTAsMmwxLjQsMS40WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIgMTEuNCkgcm90YXRlKC05MCkiIGZpbGw9IiMyNjk5ZmIiLz4NCjwvc3ZnPg0K\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPHBhdGggaWQ9IlRyYXphZG9fNDQzIiBkYXRhLW5hbWU9IlRyYXphZG8gNDQzIiBkPSJNOCwwLDYuNTQ1LDEuNDU1bDUuNTA2LDUuNTA2SDBWOS4wMzlIMTIuMDUyTDYuNTQ1LDE0LjU0NSw4LDE2bDgtOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2KSByb3RhdGUoOTApIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==\"","import React, { useState } from \"react\"\nimport { useMediaQuery } from \"react-responsive\"\nimport Layout from \"../components/layout\"\nimport styles from \"../styles/placesMobile.module.css\"\nimport BackgroundImage from \"gatsby-background-image\"\nimport cardArrow from \"../images/logos/cardArrow.svg\"\n\nimport phoneLogo from \"../images/logos/phoneLogo.svg\"\nimport adressLogo from \"../images/logos/adressLogo.svg\"\n\nconst CardMobile = ({ info }) => {\n  const [active, setActive] = useState(false)\n  return (\n    <>\n      <div className={styles.responsiveCard}>\n        <img id={styles.cardImg} src={info.cardImg} />\n        {!active ? (\n          <div className={styles.cardBody}>\n            <div>\n              <h5 className={`card-title ${styles.cardTitle}`}>\n                {info.name.toUpperCase()}\n              </h5>\n              <div className={styles.adress}>\n                <img src={adressLogo} />\n                <h6 className={styles.phoneAdress}>{info.adress}</h6>\n              </div>\n              <div className={styles.phone}>\n                <img src={phoneLogo} />\n                <h6 className={styles.phoneAdress}>{info.phone}</h6>\n              </div>\n            </div>\n            <img\n              id={styles.cardArrow}\n              src={cardArrow}\n              onClick={() => {\n                setActive(!active)\n              }}\n            />\n          </div>\n        ) : (\n          <div className={styles.cardBody}>\n            <p className={`card-text ${styles.cardText}`}>{info.schedule1}</p>\n            <p className={`card-text ${styles.cardText}`}>{info.schedule2}</p>\n            <p className={`card-text ${styles.cardText}`}>{info.schedule3}</p>\n            <p className={`card-text ${styles.cardText}`}>{info.schedule4}</p>\n            <img\n              id={styles.cardArrow}\n              onClick={() => {\n                setActive(!active)\n              }}\n              src={cardArrow}\n            />\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n\nexport default CardMobile\n","import React from \"react\"\n// import { Link } from \"react-scroll\"\n// import { useMediaQuery } from \"react-responsive\"\nimport Layout from \"../components/layout\"\nimport styles from \"../styles/placesMobile.module.css\"\nimport BackgroundImage from \"gatsby-background-image\"\nimport CardMobile from \"../components/cardMobile\"\n// import Slider from \"react-slick\"\n// import barra from \"../images/barra.png\"\n// import elClasicoPuerta from \"../images/elclasicopuerta.png\"\n// import quilmesAdrogué from \"../images/quilmesAdrogué.png\"\n\n// let dataImg = [\n//   {\n//     img: barra,\n//     alt: \"Barra de bar\",\n//   },\n//   {\n//     img: elClasicoPuerta,\n//     alt: \"Puerta de El Clásico de Quilmes\",\n//   },\n//   {\n//     img: quilmesAdrogué,\n//     alt: \"Gente disfrutando en el Clásico de Quilmes Adrogué\",\n//   },\n// ]\n\n// const settings = {\n//   dots: false,\n//   infinite: false,\n//   speed: 500,\n//   slidesToShow: 1,\n//   slidesToScroll: 1,\n//   arrows: false,\n// }\n\nconst PlacesMobile = ({ data }) => {\n  // const mobile = useMediaQuery({ query: \"(max-width: 485px)\" })\n  const cardData = data.allPlaces.nodes\n  /*   const cardData = data.allPlaces.nodes.sort(function (a, b) {\n    return a.order - b.order\n  }) */\n  return (\n    <>\n      <Layout>\n        <section className={styles.sectionOne}>\n          <BackgroundImage\n            fluid={data.birraMobile.childImageSharp.fluid}\n            className={styles.backgroundMobile}\n          >\n            <div className={styles.textContainer}>\n              <h1>VISÍTANOS EN</h1>\n              <h2>NUESTROS LUGARES</h2>\n              <div id={styles.lineaWhite}>\n                <hr></hr>\n              </div>\n              <h3>Encontrá la cerveza más fresca del país.</h3>\n            </div>\n          </BackgroundImage>\n        </section>\n        <section className={styles.sectionTwo}>\n          {/* <div className={styles.buttons}>\n            <button\n              aria-pressed=\"true\"\n              className={`btn ${styles.filterButton}`}\n            >\n              VER TODOS\n            </button>\n            <button aria-pressed=\"true\" className=\"btn\">\n              CABA\n            </button>\n            <button aria-pressed=\"true\" className=\"btn\">\n              GBA\n            </button>\n            <button aria-pressed=\"true\" className=\"btn\">\n              LA COSTA\n            </button>\n          </div> */}\n          {cardData.map(info => {\n            return (\n              <CardMobile key={info.name} data={data} info={info}></CardMobile>\n            )\n          })}\n        </section>\n        {/* <section className={styles.sectionThree}>\n          <div className={styles.sectionThreeText}>\n            <h1>LOS CLÁSICOS DE QUILMES</h1>\n            <div id={styles.lineaBlue}>\n              <hr></hr>\n            </div>\n            <p>\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut\n              enim ad minim veniam, quis nostrud exercitation ullamco laboris\n              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in\n              reprehenderit in voluptate velit esse cillum dolore eu fugiat\n              nulla pariatur. Exceptur sint occaecat cupidatat non proident,\n              sunt in culpa qui officia deserunt mollit anim id est laborum.\n              Excepteur sint occaecat cupidatat.\n            </p>\n            <p>\n              {\" \"}\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut\n              enim ad minim veniam, quis nostrud exercitation ullamco laboris\n              nisi ut aliquip ex ea commodo consequat.\n            </p>\n          </div>\n          <div className={styles.sliderContainer}>\n            <Slider {...settings}>\n              {dataImg.map(imagen => {\n                return <img src={imagen.img} alt={imagen.alt} />\n              })}\n            </Slider>\n          </div>\n        </section> */}\n      </Layout>\n    </>\n  )\n}\n\nexport default PlacesMobile\n","import React, { useState, useEffect } from \"react\"\nimport Img from \"gatsby-image\"\nimport { Link, navigate } from \"gatsby\"\nimport { useMediaQuery } from \"react-responsive\"\nimport Layout from \"../components/layout\"\nimport styles from \"../styles/places.module.css\"\nimport BackgroundImage from \"gatsby-background-image\"\nimport Arrow from \"../images/logos/arrow.svg\"\nimport phoneLogo from \"../images/logos/phoneLogo.svg\"\nimport adressLogo from \"../images/logos/adressLogo.svg\"\nimport PlacesMobile from \"../components/placesMobile\"\nimport BackPageArrow from \"../images/backpagearrow.svg\"\n\nconst Places = ({ data }) => {\n  const mobile = useMediaQuery({ query: \"(max-width: 485px)\" })\n  const [active, setActive] = useState(false)\n  \n  useEffect(() => {\n    let local = localStorage.getItem(\"age\")\n    let session = sessionStorage.getItem(\"age\")\n    // console.log(local,session)\n    if (!session && !local) navigate(\"/agegate\",{state: {newPath : \"/places\"}})\n  },[]) \n\n  const cardData = data.allPlaces.nodes.sort(function (a, b) {\n    return a.order - b.order\n  })\n  const placesEdges = data.allPlaces.edges.sort(function (a, b) {\n    return a.node.order - b.node.order\n  })\n\n  useEffect(() => {\n    window.dataLayer.push({\n      brand: \"Quilmes\",\n      Zone: \"SAZ\",\n      country: \"ARG\",\n      city: \"CABA\",\n      campaign: `${\n        window.location.search.includes(\"?cmp=\")\n          ? window.location.search.split(\"?cmp=\")[1].split(\"&\")[0]\n          : \"\"\n      }`,\n      cms: \"0\",\n      event: \"pageView\",\n      language: \"es\",\n      login: false,\n      pageName: \"Nuestros Lugares\",\n      pageType: \"Basic page\",\n      SiteType: \"Brand\",\n      product: \"NA\",\n      sku: \"NA\",\n      userUid: \"\",\n      url: \"https://www.quilmes.com.ar/places\",\n      url_campaign: `${\n        window.location.search.includes(\"utm_campaign=\")\n          ? window.location.search.split(\"utm_campaign=\")[1]\n          : \"\"\n      }`,\n      Step_number: \"\",\n    })\n  }, [])\n\n\n  return (\n    <>\n      {!mobile ? (\n        <Layout>\n          <section className={styles.background}>\n            <BackgroundImage\n              fluid={data.bocaAncha.childImageSharp.fluid}\n              className={styles.ourPlacesBack}\n              alt=\"imágen de botella de cerveza boca ancha\"\n            >\n              <div className={styles.backPage}>\n                <img alt=\"flecha para volver\" src={BackPageArrow} />\n                <div className={styles.backPage}>\n                  <img\n                    alt=\"flecha para volver\"\n                    src={BackPageArrow}\n                    id={active ? styles.backArrow : styles.backArrowHidden}\n                  />\n                  <Link\n                    onMouseLeave={() => setActive(!active)}\n                    onMouseOver={() => setActive(!active)}\n                    to={\"/#places\"}\n                    style={{\n                      textDecoration: \"none\",\n                      color: \"white\",\n                      backgroundColor: \"transparent\",\n                      border: \"none\",\n                      outline: \"inherit\",\n                    }}\n                  >\n                    VOLVER\n                  </Link>\n                </div>\n              </div>\n              <div\n                className={`${styles.textContainer} ${styles.slideTextLeft}`}\n              >\n                <h1>VISÍTANOS EN</h1>\n                <h2>NUESTROS LUGARES</h2>\n                <div id={styles.lineaBlue}>\n                  <hr></hr>\n                </div>\n                <p style={{ color: \"white\" }}>\n                  Además de la Quilmes que tomás en tu casa queremos que\n                  disfrutes la que servimos en la nuestra. Ya sea en El Parque\n                  o en Los Clásicos, servimos la Quilmes más fresca porque\n                  llega directamente de la cervecería. Pasen y siéntanse\n                  cómodos\n                </p>\n                <div id={styles.blueDot}></div>\n                <div id={styles.arrowCircle}>\n                  <div id={styles.circleFixed}>\n                    <img\n                      alt=\"flecha para bajar\"\n                      id={styles.arrowTop}\n                      src={Arrow}\n                    />\n                  </div>\n                </div>\n              </div>\n            </BackgroundImage>\n\n            <div\n              className={`${styles.cardsContainer} ${styles.slideColText}`}\n            >\n              <div className={styles.cardsTitle}>\n                <h1>DIRECTA DE CERVECERÍA</h1>\n                <h2>Encontrá la cerveza más fresca del país</h2>\n              </div>\n              <div className={styles.cards}>\n                {cardData.map(info => {\n                  return (\n                    <div\n                      key={info.name}\n                      className={`card ${styles.card}`}\n                      style={{ width: \"18rem\" }}\n                    >\n                      <Img\n                        alt=\"imágen de cervecería\"\n                        style={{\n                          borderTopLeftRadius: \"15px\",\n                          borderTopRightRadius: \"15px\",\n                        }}\n                        fluid={\n                          placesEdges[info.order].node.localImage\n                            .childImageSharp.fluid\n                        }\n                      ></Img>\n                      <div className=\"card-body\">\n                        <h5 className={`card-title ${styles.cardTitle}`}>\n                          {info.name.toUpperCase()}\n                        </h5>\n                        <div className={styles.adress}>\n                          <img alt=\"logo de dirección\" src={adressLogo} />\n                          <h6 className={styles.phoneAdress}>\n                            {info.adress}\n                          </h6>\n                        </div>\n                        <div className={styles.phone}>\n                          <img alt=\"logo de teléfono\" src={phoneLogo} />\n                          <h6 className={styles.phoneAdress}>{info.phone}</h6>\n                        </div>\n\n                        <p className={`card-text ${styles.cardText}`}>\n                          {info.schedule1}\n                        </p>\n                        <p className={`card-text ${styles.cardText}`}>\n                          {info.schedule2}\n                        </p>\n                        <p className={`card-text ${styles.cardText}`}>\n                          {info.schedule3}\n                        </p>\n                        <p className={`card-text ${styles.cardText}`}>\n                          {info.schedule4}\n                        </p>\n                        <h6 className={styles.info}>{info.info}</h6>\n                        <a className={styles.link} href=\"#\" target=\"_blank\">\n                          VER EN MAPA\n                        </a>\n                      </div>\n                    </div>\n                  )\n                })}\n              </div>\n            </div>\n          </section>\n        </Layout>\n      ) : (\n        <PlacesMobile data={data}></PlacesMobile>\n      )}\n    </>\n  )\n}\n\nexport default Places\n\nexport const query = graphql`\n  query {\n    bocaAncha: file(relativePath: { eq: \"chopsQuilmes.jpeg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 1800) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    birraMobile: file(relativePath: { eq: \"birraMobile.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 1800) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    allPlaces {\n      nodes {\n        adress\n        cardImg\n        map\n        name\n        order\n        phone\n        schedule1\n        schedule2\n        schedule3\n        schedule4\n        info\n        id\n      }\n    }\n    allPlaces {\n      edges {\n        node {\n          order\n          localImage {\n            childImageSharp {\n              fluid(maxWidth: 1800) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}