{"version":3,"sources":["webpack:////Users/edgarbarrios/www/2019-ADAWARE-WEBSITE-v31/node_modules/object-fit-images/dist/ofi.common-js.js","webpack:////Users/edgarbarrios/www/2019-ADAWARE-WEBSITE-v31/node_modules/react-icons-kit/feather/cornerDownRight.js","webpack:///./src/containers/ContpaqProcesosContables/Banner/banner.style.js","webpack:///./src/containers/ContpaqProcesosContables/Banner/index.js","webpack:///./src/containers/ContpaqProcesosContables/PortfolioShowcase/portfolioShowcase.style.js","webpack:///./src/containers/ContpaqProcesosContables/PortfolioShowcase/index.js","webpack:///./src/pages/contpaqi.js","webpack:///../common/src/assets/image/saasModern/banner-texture.png","webpack:////Users/edgarbarrios/www/2019-ADAWARE-WEBSITE-v31/node_modules/gatsby-image/withIEPolyfill/index.js"],"names":["OFI","propRegex","testImg","Image","style","supportsObjectFit","supportsObjectPosition","supportsOFI","supportsCurrentSrc","currentSrc","nativeGetAttribute","getAttribute","nativeSetAttribute","setAttribute","autoModeEnabled","setPlaceholder","img","width","height","placeholder","call","onImageReady","callback","naturalWidth","setTimeout","fixOne","el","parsed","getComputedStyle","fontFamily","props","exec","getStyle","ofi","skipTest","srcset","src","naturalHeight","descriptors","get","prop","set","value","Object","defineProperty","ss","keepSrcUsable","err","window","console","warn","picturefill","pf","_","ns","evaled","fillImg","reselect","curSrc","supported","polyfillCurrentSrc","backgroundImage","replace","backgroundPosition","backgroundRepeat","backgroundOrigin","test","backgroundSize","fix","imgs","opts","startAutoMode","document","getElementsByTagName","querySelectorAll","i","length","body","addEventListener","e","target","tagName","watchMQ","bind","getOfiImageMaybe","name","HTMLImageElement","prototype","this","String","hijackAttributes","module","exports","cornerDownRight","BannerWrapper","styled","section","BannerBG","BannerSection","row","contentArea","imageArea","greetingStyle","nameStyle","designationStyle","aboutStyle","roleStyle","roleWrapper","useStaticQuery","saasModernJson","PORTADA_CONTPAQI","titulo1","titulo2","titulo3","subtitulo","descripcion","portada_pic","id","Container","noGutter","mobileGutter","Box","Heading","content","icon","color","size","Text","className","fixed","childImageSharp","alt","objectFit","objectPosition","defaultProps","flexBox","flexWrap","alignItems","p","justifyContent","flexDirection","as","fontSize","fontWeight","mb","ml","lineHeight","PortfolioShowcaseWrapper","div","PortfolioShowcaseItem","PortfolioLink","themeGet","BuiltWith","PortfolioMeta","MetaItem","span","PortfolioShowcase","sectionWrapper","secTitleWrapper","secTitleWrapper2","secTitle","secDescription","portfolioImage","portfolioDetails","titleStyle","detailsStyle","btnStyle","secTab","secComercialWrapper","Data","carouselOptions","type","perView","gap","animationDuration","renderTabBar","pageSize","speed","renderTabContent","animated","PORTFOLIO_SHOWCASE","map","tabItem","index","tab","data-text","title","key","GlideCarousel","carouselSelector","options","controls","portfolioItem","fluid","image","undefined","to","link","Button","description","buildWith","item","featuredIn","view","love","featuredLink","PORTFOLIO_COMERCIAL","pt","pb","mt","letterSpacing","minWidth","colors","pl","pr","theme","saasModernTheme","top","innerZ","activeClass","Navbar","Banner","Footer","_interopRequireWildcard3","require","_interopRequireDefault","__esModule","default","_extends2","_objectWithoutPropertiesLoose2","_interopRequireWildcard2","_inheritsLoose2","_react","_propTypes","_index","ImageWithIEPolyfill","_Component","_this","_len","arguments","args","Array","_key","apply","concat","imageRef","innerRef","createRef","placeholderRef","_proto","componentDidMount","_this2","createElement","Promise","resolve","then","_ref","ObjectFitImages","current","render","_this$props","polyfillStyle","ref","imgStyle","placeholderStyle","Component","propTypes","string","_default","forwardRef"],"mappings":"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","file":"component---src-pages-contpaqi-js-ddd9004fda6fc18bca08.js","sourcesContent":["/*! npm.im/object-fit-images 3.2.4 */\n'use strict';\n\nvar OFI = 'bfred-it:object-fit-images';\nvar propRegex = /(object-fit|object-position)\\s*:\\s*([-.\\w\\s%]+)/g;\nvar testImg = typeof Image === 'undefined' ? {\n  style: {\n    'object-position': 1\n  }\n} : new Image();\nvar supportsObjectFit = ('object-fit' in testImg.style);\nvar supportsObjectPosition = ('object-position' in testImg.style);\nvar supportsOFI = ('background-size' in testImg.style);\nvar supportsCurrentSrc = typeof testImg.currentSrc === 'string';\nvar nativeGetAttribute = testImg.getAttribute;\nvar nativeSetAttribute = testImg.setAttribute;\nvar autoModeEnabled = false;\n\nfunction createPlaceholder(w, h) {\n  return \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='\" + w + \"' height='\" + h + \"'%3E%3C/svg%3E\";\n}\n\nfunction polyfillCurrentSrc(el) {\n  if (el.srcset && !supportsCurrentSrc && window.picturefill) {\n    var pf = window.picturefill._; // parse srcset with picturefill where currentSrc isn't available\n\n    if (!el[pf.ns] || !el[pf.ns].evaled) {\n      // force synchronous srcset parsing\n      pf.fillImg(el, {\n        reselect: true\n      });\n    }\n\n    if (!el[pf.ns].curSrc) {\n      // force picturefill to parse srcset\n      el[pf.ns].supported = false;\n      pf.fillImg(el, {\n        reselect: true\n      });\n    } // retrieve parsed currentSrc, if any\n\n\n    el.currentSrc = el[pf.ns].curSrc || el.src;\n  }\n}\n\nfunction getStyle(el) {\n  var style = getComputedStyle(el).fontFamily;\n  var parsed;\n  var props = {};\n\n  while ((parsed = propRegex.exec(style)) !== null) {\n    props[parsed[1]] = parsed[2];\n  }\n\n  return props;\n}\n\nfunction setPlaceholder(img, width, height) {\n  // Default: fill width, no height\n  var placeholder = createPlaceholder(width || 1, height || 0); // Only set placeholder if it's different\n\n  if (nativeGetAttribute.call(img, 'src') !== placeholder) {\n    nativeSetAttribute.call(img, 'src', placeholder);\n  }\n}\n\nfunction onImageReady(img, callback) {\n  // naturalWidth is only available when the image headers are loaded,\n  // this loop will poll it every 100ms.\n  if (img.naturalWidth) {\n    callback(img);\n  } else {\n    setTimeout(onImageReady, 100, img, callback);\n  }\n}\n\nfunction fixOne(el) {\n  var style = getStyle(el);\n  var ofi = el[OFI];\n  style['object-fit'] = style['object-fit'] || 'fill'; // default value\n  // Avoid running where unnecessary, unless OFI had already done its deed\n\n  if (!ofi.img) {\n    // fill is the default behavior so no action is necessary\n    if (style['object-fit'] === 'fill') {\n      return;\n    } // Where object-fit is supported and object-position isn't (Safari < 10)\n\n\n    if (!ofi.skipTest && // unless user wants to apply regardless of browser support\n    supportsObjectFit && // if browser already supports object-fit\n    !style['object-position'] // unless object-position is used\n    ) {\n      return;\n    }\n  } // keep a clone in memory while resetting the original to a blank\n\n\n  if (!ofi.img) {\n    ofi.img = new Image(el.width, el.height);\n    ofi.img.srcset = nativeGetAttribute.call(el, \"data-ofi-srcset\") || el.srcset;\n    ofi.img.src = nativeGetAttribute.call(el, \"data-ofi-src\") || el.src; // preserve for any future cloneNode calls\n    // https://github.com/bfred-it/object-fit-images/issues/53\n\n    nativeSetAttribute.call(el, \"data-ofi-src\", el.src);\n\n    if (el.srcset) {\n      nativeSetAttribute.call(el, \"data-ofi-srcset\", el.srcset);\n    }\n\n    setPlaceholder(el, el.naturalWidth || el.width, el.naturalHeight || el.height); // remove srcset because it overrides src\n\n    if (el.srcset) {\n      el.srcset = '';\n    }\n\n    try {\n      keepSrcUsable(el);\n    } catch (err) {\n      if (window.console) {\n        console.warn('https://bit.ly/ofi-old-browser');\n      }\n    }\n  }\n\n  polyfillCurrentSrc(ofi.img);\n  el.style.backgroundImage = \"url(\\\"\" + (ofi.img.currentSrc || ofi.img.src).replace(/\"/g, '\\\\\"') + \"\\\")\";\n  el.style.backgroundPosition = style['object-position'] || 'center';\n  el.style.backgroundRepeat = 'no-repeat';\n  el.style.backgroundOrigin = 'content-box';\n\n  if (/scale-down/.test(style['object-fit'])) {\n    onImageReady(ofi.img, function () {\n      if (ofi.img.naturalWidth > el.width || ofi.img.naturalHeight > el.height) {\n        el.style.backgroundSize = 'contain';\n      } else {\n        el.style.backgroundSize = 'auto';\n      }\n    });\n  } else {\n    el.style.backgroundSize = style['object-fit'].replace('none', 'auto').replace('fill', '100% 100%');\n  }\n\n  onImageReady(ofi.img, function (img) {\n    setPlaceholder(el, img.naturalWidth, img.naturalHeight);\n  });\n}\n\nfunction keepSrcUsable(el) {\n  var descriptors = {\n    get: function get(prop) {\n      return el[OFI].img[prop ? prop : 'src'];\n    },\n    set: function set(value, prop) {\n      el[OFI].img[prop ? prop : 'src'] = value;\n      nativeSetAttribute.call(el, \"data-ofi-\" + prop, value); // preserve for any future cloneNode\n\n      fixOne(el);\n      return value;\n    }\n  };\n  Object.defineProperty(el, 'src', descriptors);\n  Object.defineProperty(el, 'currentSrc', {\n    get: function get() {\n      return descriptors.get('currentSrc');\n    }\n  });\n  Object.defineProperty(el, 'srcset', {\n    get: function get() {\n      return descriptors.get('srcset');\n    },\n    set: function set(ss) {\n      return descriptors.set(ss, 'srcset');\n    }\n  });\n}\n\nfunction hijackAttributes() {\n  function getOfiImageMaybe(el, name) {\n    return el[OFI] && el[OFI].img && (name === 'src' || name === 'srcset') ? el[OFI].img : el;\n  }\n\n  if (!supportsObjectPosition) {\n    HTMLImageElement.prototype.getAttribute = function (name) {\n      return nativeGetAttribute.call(getOfiImageMaybe(this, name), name);\n    };\n\n    HTMLImageElement.prototype.setAttribute = function (name, value) {\n      return nativeSetAttribute.call(getOfiImageMaybe(this, name), name, String(value));\n    };\n  }\n}\n\nfunction fix(imgs, opts) {\n  var startAutoMode = !autoModeEnabled && !imgs;\n  opts = opts || {};\n  imgs = imgs || 'img';\n\n  if (supportsObjectPosition && !opts.skipTest || !supportsOFI) {\n    return false;\n  } // use imgs as a selector or just select all images\n\n\n  if (imgs === 'img') {\n    imgs = document.getElementsByTagName('img');\n  } else if (typeof imgs === 'string') {\n    imgs = document.querySelectorAll(imgs);\n  } else if (!('length' in imgs)) {\n    imgs = [imgs];\n  } // apply fix to all\n\n\n  for (var i = 0; i < imgs.length; i++) {\n    imgs[i][OFI] = imgs[i][OFI] || {\n      skipTest: opts.skipTest\n    };\n    fixOne(imgs[i]);\n  }\n\n  if (startAutoMode) {\n    document.body.addEventListener('load', function (e) {\n      if (e.target.tagName === 'IMG') {\n        fix(e.target, {\n          skipTest: opts.skipTest\n        });\n      }\n    }, true);\n    autoModeEnabled = true;\n    imgs = 'img'; // reset to a generic selector for watchMQ\n  } // if requested, watch media queries for object-fit change\n\n\n  if (opts.watchMQ) {\n    window.addEventListener('resize', fix.bind(null, imgs, {\n      skipTest: opts.skipTest\n    }));\n  }\n}\n\nfix.supportsObjectFit = supportsObjectFit;\nfix.supportsObjectPosition = supportsObjectPosition;\nhijackAttributes();\nmodule.exports = fix;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.cornerDownRight = void 0;\nvar cornerDownRight = {\n  \"viewBox\": \"0 0 24 24\",\n  \"children\": [{\n    \"name\": \"polyline\",\n    \"attribs\": {\n      \"points\": \"15 10 20 15 15 20\"\n    },\n    \"children\": []\n  }, {\n    \"name\": \"path\",\n    \"attribs\": {\n      \"d\": \"M4 4v7a4 4 0 0 0 4 4h12\"\n    },\n    \"children\": []\n  }],\n  \"attribs\": {\n    \"fill\": \"none\",\n    \"stroke\": \"currentColor\",\n    \"stroke-width\": \"2\",\n    \"stroke-linecap\": \"round\",\n    \"stroke-linejoin\": \"round\"\n  }\n};\nexports.cornerDownRight = cornerDownRight;","import styled from 'styled-components';\nimport BannerBG from 'common/src/assets/image/saasModern/banner-texture.png';\n\nconst BannerWrapper = styled.section`\n  position: relative;\n  background-color: #043675;\n  background-image: url(${BannerBG}),\n    linear-gradient(\n      35deg, \n      rgb(3, 56, 117) 0%, \n      rgb(15, 100, 135) 100%);\n  background-repeat: no-repeat;\n  display: flex;\n  align-items: center;\n  padding-top: 80px;\n  display: flex;\n  align-items: flex-end;\n  @media (min-width: 991px) {\n    min-height: 100vh;\n  }\n\n  .image_area {\n    @media (max-width: 767px) {\n      display: none;\n    }\n  }\n`;\n\nexport default BannerWrapper;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useStaticQuery, graphql } from 'gatsby';\nimport Img from 'gatsby-image/withIEPolyfill';\nimport Icon from 'react-icons-kit';\nimport Box from 'reusecore/src/elements/Box';\nimport Text from 'reusecore/src/elements/Text';\nimport Heading from 'reusecore/src/elements/Heading';\nimport Container from 'common/src/components/UI/Container';\nimport BannerWrapper from './banner.style';\n\nimport { cornerDownRight } from 'react-icons-kit/feather/cornerDownRight';\n\n\nconst BannerSection = ({\n  row,\n  contentArea,\n  imageArea,\n  greetingStyle,\n  nameStyle,\n  designationStyle,\n  aboutStyle,\n  roleStyle,\n  roleWrapper,\n}) => {\n  const data = useStaticQuery(graphql`\n    query {\n      saasModernJson {\n        PORTADA_CONTPAQI {\n          titulo1\n          titulo2\n          titulo3\n          subtitulo\n          descripcion\n          portada_pic {\n            childImageSharp {\n              fixed(width: 767) {\n                ...GatsbyImageSharpFixed_tracedSVG\n              }\n            }\n          }\n        }\n      }\n    }\n  `);\n\n  const { \n    titulo1, \n    titulo2, \n    titulo3, \n    subtitulo, \n    descripcion, \n    portada_pic } = data.saasModernJson.PORTADA_CONTPAQI;\n\n  return (\n    <BannerWrapper id=\"banner_section\">\n      <Container noGutter mobileGutter width=\"1200px\">\n        <Box {...row}>\n          <Box {...contentArea}>\n            <Heading content={titulo1} {...greetingStyle} />\n            <Heading content={titulo2} {...nameStyle} />\n            <Heading content={titulo3} {...designationStyle} />\n            <Box {...roleWrapper}>\n              <Icon\n                icon={cornerDownRight}\n                style={{ color: '#e6e6e6' }}\n                size={22}\n              />\n              <Heading content={subtitulo} {...roleStyle} />\n            </Box>\n            <Text\n              content={descripcion}\n              {...aboutStyle}\n            />\n            \n          </Box>\n          <Box {...imageArea} className=\"image_area\">\n            <Img\n              fixed={portada_pic.childImageSharp.fixed}\n              alt=\"Distintivo CONTPAQi Distribuidor Asociado Master\"\n              objectFit=\"contain\"\n              objectPosition=\"50% 50%\"\n            />\n          </Box>\n        </Box>\n      </Container>\n    </BannerWrapper>\n  );\n};\n\nBannerSection.propTypes = {\n  row: PropTypes.object,\n  contentArea: PropTypes.object,\n  imageArea: PropTypes.object,\n  greetingStyle: PropTypes.object,\n  nameStyle: PropTypes.object,\n  designationStyle: PropTypes.object,\n  aboutStyle: PropTypes.object,\n  roleStyle: PropTypes.object,\n  roleWrapper: PropTypes.object,\n};\n\nBannerSection.defaultProps = {\n  row: {\n    flexBox: true,\n    flexWrap: 'wrap',\n    alignItems: 'stretch',\n  },\n  contentArea: {\n    width: ['100%', '100%', '50%', '40%'],\n    p: ['65px 0 80px 0', '65px 0 80px 0', '80px 0 60px 0', '0'],\n    flexBox: true,\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    flexDirection: 'column',\n  },\n  imageArea: {\n    width: ['100%', '100%', '50%', '60%'],\n    flexBox: true,\n    alignItems: 'flex-end',\n  },\n  greetingStyle: {\n    as: 'h3',\n    color: '#fff',\n    fontSize: ['18px', '18px', '18px', '20px', '30px'],\n    fontWeight: '500',\n    mb: '8px',\n  },\n  nameStyle: {\n    as: 'h2',\n    color: '#fff',\n    fontSize: ['38px', '38px', '44px', '60px', '80px'],\n    fontWeight: '800',\n    mb: '6px',\n  },\n  designationStyle: {\n    as: 'h3',\n    color: '#fff',\n    fontSize: ['18px', '18px', '18px', '20px', '30px'],\n    fontWeight: '700',\n    mb: ['30px', '30px', '25px', '30px', '30px'],\n  },\n  roleWrapper: {\n    flexBox: true,\n    mb: '28px',\n  },\n  roleStyle: {\n    as: 'h4',\n    fontSize: ['18px', '18px', '18px', '18px', '20px'],\n    fontWeight: '500',\n    color: '#fff',\n    mb: '0',\n    ml: '10px',\n  },\n  aboutStyle: {\n    fontSize: ['15px', '15px', '15px', '16px', '16px'],\n    fontWeight: '400',\n    color: '#fff',\n    lineHeight: '1.5',\n    mb: '50px',\n  },\n};\n\nexport default BannerSection;\n","import styled from 'styled-components';\nimport { themeGet } from 'styled-system';\n\nexport const PortfolioShowcaseWrapper = styled.div`\n  @keyframes FadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .glide__controls2 {\n    position: absolute;\n    bottom: -12px;\n    right: 0;\n    @media (max-width: 990px) {\n      bottom: 23px;\n    }\n    @media (max-width: 575px) {\n      top: -50px;\n      right: 50%;\n      bottom: auto;\n      transform: translateX(50%);\n    }\n  }\n\n  .rc-tabs-bar {\n    margin-bottom: 35px;\n    .rc-tabs-nav-scroll {\n      .rc-tabs-nav {\n        .rc-tabs-tab {\n          text-align: center;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n\n  .rc-tabs-content {\n    .rc-tabs-tabpane {\n      display: none;\n      overflow: initial;\n\n      &.rc-tabs-tabpane-active {\n        display: block;\n        animation: 0.7s FadeInUp;\n      }\n    }\n  }\n\n  .rc-tabs-ink-bar {\n  }\n\n  .rc-tabs-top {\n  }\n`;\n\nexport const PortfolioShowcaseItem = styled.div`\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n`;\n\nexport const PortfolioLink = styled.div`\n  margin-bottom: 36px;\n  @media (max-width: 990px) {\n    margin-bottom: 25px;\n  }\n  @media (max-width: 575px) {\n    margin-bottom: 15px;\n  }\n  a {\n    font-size: 16px;\n    font-weight: 700;\n    font-family: 'Nanum Gothic', 'Open Sans', sans-serif;\n    color: ${themeGet('colors.primary', '#336699')};\n    position: relative;\n    padding: 0 0 2px 8px;\n    @media (max-width: 990px) {\n      font-size: 15px;\n    }\n    @media (max-width: 575px) {\n      font-size: 14px;\n    }\n    &:hover {\n      color: ${themeGet('colors.secondary', '#f15a24')};\n    }\n  }\n`;\n\nexport const BuiltWith = styled.div`\n  margin-top: 15px;\n  @media (max-width: 990px) {\n    margin-top: 15px;\n  }\n  > span {\n    display: inline-block;\n    font-size: 14px;\n    color: ${themeGet('colors.labelColor', '#767676')};\n    font-family: 'Open Sans', sans-serif;\n    padding: 5px 22px;\n    position: relative;\n    @media (max-width: 990px) {\n      font-size: 14px;\n      padding: 5px 10px;\n    }\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n      &:after {\n        display: none;\n      }\n    }\n    &:after {\n      content: '|';\n      position: absolute;\n      display: block;\n      top: 50%;\n      right: 0;\n      transform: translateY(-50%);\n    }\n  }\n`;\n\nexport const PortfolioMeta = styled.div`\n  flex: 0 0 100%;\n  max-width: calc(100% - 200px);\n  margin-top: 50px;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  @media (max-width: 990px) {\n    margin-top: 50px;\n    max-width: calc(100% - 100px);\n  }\n  @media (max-width: 575px) {\n    margin-top: 30px;\n    max-width: 100%;\n    margin-bottom: 15px;\n  }\n`;\n\nexport const MetaItem = styled.span`\n  margin-right: 45px;\n  font-size: 14px;\n  color: #343d48;\n  font-family: 'Open Sans', sans-serif;\n  @media (max-width: 990px) {\n    font-size: 14px;\n    margin-right: 25px;\n  }\n  @media (max-width: 767px) {\n    padding-bottom: 10px;\n  }\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &.meta_featured {\n    font-weight: 500;\n    margin-right: 70px;\n    @media (max-width: 990px) {\n      margin-right: 40px;\n    }\n    @media (max-width: 575px) {\n      width: 100%;\n      margin-bottom: 5px;\n    }\n    > a {\n      margin-left: 0.4em;\n    }\n  }\n  > a {\n    color: ${themeGet('colors.secondary', '#f15a24')};\n    font-weight: 700;\n  }\n  > b {\n    font-family: 'roboto', sans-serif;\n    margin-right: 5px;\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useStaticQuery, graphql, Link } from 'gatsby';\nimport Image from 'gatsby-image';\nimport Tabs, { TabPane } from 'rc-tabs';\nimport TabContent from 'rc-tabs/lib/TabContent';\nimport ScrollableInkTabBar from 'rc-tabs/lib/ScrollableInkTabBar';\nimport Button from 'reusecore/src/elements/Button'\nimport Box from 'reusecore/src/elements/Box';\nimport Text from 'reusecore/src/elements/Text';\nimport Heading from 'reusecore/src/elements/Heading';\nimport Container from 'common/src/components/UI/Container';\nimport GlideCarousel from 'common/src/components/GlideCarousel';\nimport GlideSlide from 'common/src/components/GlideCarousel/glideSlide';\nimport {\n  PortfolioShowcaseWrapper,\n  PortfolioShowcaseItem,\n  PortfolioLink,\n  BuiltWith,\n  PortfolioMeta,\n  MetaItem,\n} from './portfolioShowcase.style';\n\nconst PortfolioShowcase = ({\n  sectionWrapper,\n  secTitleWrapper,\n  secTitleWrapper2,\n  secTitle,\n  secDescription,\n  portfolioImage,\n  portfolioDetails,\n  titleStyle,\n  detailsStyle,\n  btnStyle,\n  secTab,\n  secComercialWrapper,\n}) => {\n  const Data = useStaticQuery(graphql`\n    query {\n      saasModernJson {\n        PORTFOLIO_SHOWCASE {\n          title\n          portfolioItem {\n            title\n            description\n            link\n            view\n            love\n            featuredIn\n            featuredLink\n            image {\n              childImageSharp {\n                fluid(quality: 100) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n        }\n        PORTFOLIO_COMERCIAL {\n          title\n          portfolioItem {\n            title\n            description\n            link\n            view\n            love\n            featuredIn\n            featuredLink\n            image {\n              childImageSharp {\n                fluid(quality: 100) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  `);\n\n  //Carousel Options\n  const carouselOptions = {\n    type: 'static',\n    perView: 1,\n    gap: 0,\n    animationDuration: 900,\n  };\n\n  return (\n    <Box {...sectionWrapper} as=\"section\" id=\"portfolio_section\">\n      <Container noGutter mobileGutter width=\"1200px\">\n        <Box {...secTitleWrapper}>\n          <Heading {...secTitle} content=\"Soluciones CONTPAQi para procesos contables\" />\n          <Text\n            {...secDescription}\n            content=\"Deja de perder dinero y comienza operar tu empresa con las mejores herramientas en procesos contables. Contamos con más de 10 años de experiencia tecnológica en los Sistemas Administrativos CONTPAQi y sabemos que estos aportarán eficiencia en tu organización.\"\n          />\n        </Box>\n\n        <PortfolioShowcaseWrapper>\n          <Tabs\n            renderTabBar={() => <ScrollableInkTabBar pageSize={3} speed={5} />}\n            renderTabContent={() => <TabContent animated={false} />}\n          >\n            {Data.saasModernJson.PORTFOLIO_SHOWCASE.map((tabItem, index) => (\n              <TabPane\n                tab={\n                  <Box>\n                    <Text {...secTab}\n                    content=\"CONTPAQ®\"\n                    data-text=\"CONTPAQ®\"\n                    as=\"div\"\n                    />\n                    <Text\n                    content={tabItem.title}\n                    data-text={tabItem.title}\n                    as=\"div\"\n                    />\n                  </Box>\n                }\n                key={index + 1}\n              >\n                <GlideCarousel\n                  carouselSelector={`portfolio-showcase-carousel-${index + 1}`}\n                  options={carouselOptions}\n                  controls={false}\n                >\n                  <>\n                    {tabItem.portfolioItem.map((portfolioItem, index) => (\n                      <GlideSlide key={`PortfolioShowcaseItem-${index}`}>\n                        <PortfolioShowcaseItem>\n                          <Box {...portfolioImage}>\n                          <Image\n                              fluid={\n                                (portfolioItem.image !== null) | undefined\n                                  ? portfolioItem.image.childImageSharp.fluid\n                                  : {}\n                              }\n                              alt={`Solucion-Contpaqi-${index + 1}`}\n                            />\n                          </Box>\n                          <Box {...portfolioDetails}>\n                            <PortfolioLink>\n                              <Link to={portfolioItem.link || '#'}>\n                                <Button title=\"MÁS INFORMACIÓN\" {...btnStyle} />\n                              </Link>\n                            </PortfolioLink>\n                            <Heading\n                              content={portfolioItem.title}\n                              {...titleStyle}\n                            />\n                            <Text\n                              content={portfolioItem.description}\n                              {...detailsStyle}\n                            />\n                            {portfolioItem.buildWith ? (\n                              <BuiltWith>\n                                {portfolioItem.buildWith.map((item, index) => (\n                                  <span key={`buildWith-item-${index}`}>\n                                    {item.content}\n                                  </span>\n                                ))}\n                              </BuiltWith>\n                            ) : (\n                              ''\n                            )}\n                          </Box>\n\n                          {portfolioItem.featuredIn ||\n                          portfolioItem.view ||\n                          portfolioItem.love ? (\n                            <PortfolioMeta>\n                              {portfolioItem.featuredIn ? (\n                                <MetaItem className=\"meta_featured\">\n                                  Actualización:\n                                  <Link to={portfolioItem.featuredLink || '#'}>\n                                    {portfolioItem.featuredIn}\n                                  </Link>\n                                </MetaItem>\n                              ) : (\n                                ''\n                              )}\n                              {portfolioItem.view ? (\n                                <MetaItem>\n                                  Versión: <b>{portfolioItem.view}</b> \n                                </MetaItem>\n                              ) : (\n                                ''\n                              )}\n                              {portfolioItem.love ? (\n                                <MetaItem>\n                                  <Link to={portfolioItem.love || '#'}>\n                                    Ficha técnica PDF\n                                  </Link>\n                                </MetaItem>\n                              ) : (\n                                ''\n                              )}\n                            </PortfolioMeta>\n                          ) : (\n                            ''\n                          )}\n                        </PortfolioShowcaseItem>\n                      </GlideSlide>\n                    ))}\n                  </>\n                </GlideCarousel>\n              </TabPane>\n            ))}\n          </Tabs>\n        </PortfolioShowcaseWrapper>\n      </Container>\n\n\n      <Container noGutter mobileGutter width=\"1200px\" className=\"container-comercial\" {...secComercialWrapper}>\n        <Box {...secTitleWrapper2}>\n          <Heading {...secTitle} content=\"Soluciones CONTPAQi para procesos comerciales\" />\n          <Text\n            {...secDescription}\n            content=\"Operar tu empresa con las mejores herramientas en procesos comerciales. Deja de perder oportunidades y suma tu negocio a la transformación digital, acércate a la tecnología que te ofrece el software de CONTPAQi®.\"\n          />\n        </Box>\n\n        <PortfolioShowcaseWrapper>\n          <Tabs\n            renderTabBar={() => <ScrollableInkTabBar pageSize={3} speed={5} />}\n            renderTabContent={() => <TabContent animated={false} />}\n          >\n            {Data.saasModernJson.PORTFOLIO_COMERCIAL.map((tabItem, index) => (\n              <TabPane\n                tab={\n                  <Box>\n                    <Text {...secTab}\n                    content=\"CONTPAQ®\"\n                    data-text=\"CONTPAQ®\"\n                    \n                    />\n                    <Text\n                    content={tabItem.title}\n                    data-text={tabItem.title}\n                    \n                    />\n                  </Box>\n                }\n                key={index + 1}\n              >\n                <GlideCarousel\n                  carouselSelector={`portfolio-showcase-carousel-${index + 1}`}\n                  options={carouselOptions}\n                  controls={false}\n                >\n                  <>\n                    {tabItem.portfolioItem.map((portfolioItem, index) => (\n                      <GlideSlide key={`PortfolioShowcaseItem-${index}`}>\n                        <PortfolioShowcaseItem>\n                          <Box {...portfolioImage}>\n                            <Image\n                              fluid={\n                                (portfolioItem.image !== null) | undefined\n                                  ? portfolioItem.image.childImageSharp.fluid\n                                  : {}\n                              }\n                              alt={`Solucion-Contpaqi-${index + 1}`}\n                            />\n                          </Box>\n                          <Box {...portfolioDetails}>\n                            <PortfolioLink>\n                              <Link to={portfolioItem.link || '#'}>\n                                <Button title=\"MÁS INFORMACIÓN\" {...btnStyle} />\n                              </Link>\n                            </PortfolioLink>\n                            <Heading\n                              content={portfolioItem.title}\n                              {...titleStyle}\n                            />\n                            <Text\n                              content={portfolioItem.description}\n                              {...detailsStyle}\n                            />\n                            {portfolioItem.buildWith ? (\n                              <BuiltWith>\n                                {portfolioItem.buildWith.map((item, index) => (\n                                  <span key={`buildWith-item-${index}`}>\n                                    {item.content}\n                                  </span>\n                                ))}\n                              </BuiltWith>\n                            ) : (\n                              ''\n                            )}\n                          </Box>\n\n                          {portfolioItem.featuredIn ||\n                          portfolioItem.view ||\n                          portfolioItem.love ? (\n                            <PortfolioMeta>\n                              {portfolioItem.featuredIn ? (\n                                <MetaItem className=\"meta_featured\">\n                                  Actualización:\n                                  <Link\n                                    to={portfolioItem.featuredLink || '#'}\n                                  >\n                                    {portfolioItem.featuredIn}\n                                  </Link>\n                                </MetaItem>\n                              ) : (\n                                ''\n                              )}\n                              {portfolioItem.view ? (\n                                <MetaItem>\n                                  Versión: <b>{portfolioItem.view}</b> \n                                </MetaItem>\n                              ) : (\n                                ''\n                              )}\n                              {portfolioItem.love ? (\n                                <MetaItem>\n                                  <Link to={portfolioItem.love || '#'}>\n                                    Ficha técnica PDF\n                                  </Link>\n                                </MetaItem>\n                              ) : (\n                                ''\n                              )}\n                            </PortfolioMeta>\n                          ) : (\n                            ''\n                          )}\n                        </PortfolioShowcaseItem>\n                      </GlideSlide>\n                    ))}\n                  </>\n                </GlideCarousel>\n              </TabPane>\n            ))}\n          </Tabs>\n        </PortfolioShowcaseWrapper>\n      </Container>\n    </Box>\n  );\n};\n\nPortfolioShowcase.propTypes = {\n  sectionWrapper: PropTypes.object,\n  secTitleWrapper: PropTypes.object,\n  secTitleWrapper2: PropTypes.object,\n  secTitle: PropTypes.object,\n  secDescription: PropTypes.object,\n  portfolioImage: PropTypes.object,\n  portfolioDetails: PropTypes.object,\n  titleStyle: PropTypes.object,\n  detailsStyle: PropTypes.object,\n  button: PropTypes.object,\n  secTab: PropTypes.object,\n  secComercialWrapper: PropTypes.object,\n};\n\nPortfolioShowcase.defaultProps = {\n  sectionWrapper: {\n    pt: ['60px', '80px', '100px', '110px', '150px'],\n    pb: ['60px', '80px', '100px', '110px', '150px'],\n  },\n  secTitleWrapper: {\n    width: ['100%', '100%', '80%', '80%', '80%'],\n    mb: ['50px', '65px'],\n  },\n  secTitleWrapper2: {\n    width: ['100%', '100%', '90%', '90%', '90%'],\n    mb: ['50px', '65px'],\n    mt: ['80px', '100px'],\n  },\n  secTitle: {\n    fontSize: ['26px', '32px', '36px', '40px', '48px'],\n    fontWeight: '400',\n    color: '#0f2137',\n    letterSpacing: '-0.025em',\n    mb: '20px',\n    lineHeight: '1.25',\n  },\n  secDescription: {\n    fontSize: ['15px', '15px', '15px', '16px', '16px'],\n    color: '#343d48',\n    lineHeight: '2',\n    mb: '33px',\n  },\n  portfolioImage: {\n    width: [1, 1, 1 / 2],\n  },\n  portfolioDetails: {\n    width: [1, 1, 1 / 2],\n    p: ['30px 0 0 0', '40px 0 0 0', '0 0 0 30px', '0 50px', '0 50px'],\n  },\n  titleStyle: {\n    fontSize: ['22px', '22px', '26px', '40px', '40px'],\n    fontWeight: '600',\n    color: '#302b4e',\n    mb: '17px',\n  },\n  detailsStyle: {\n    fontSize: ['12px', '12px', '13px', '14px', '14px'],\n    color: '#43414e',\n    lineHeight: '1.5',\n    mb: '0',\n  },\n  btnStyle: {\n    minWidth: '156px',\n    fontSize: ['13px', '14px'],\n    fontWeight: '500',\n    colors: 'secondaryWithBg',\n    pl: ['15px', '30px'],\n    pr: ['15px', '30px'],\n  },\n  secTab: {\n    mb: '0',\n  },\n  secComercialWrapper: {\n    pt: ['60px', '80px', '100px', '110px', '150px'],\n  },\n};\n\nexport default PortfolioShowcase;\n","import React, { Fragment } from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { Modal } from '@redq/reuse-modal';\nimport Sticky from 'react-stickynode';\nimport { DrawerProvider } from 'common/src/contexts/DrawerContext';\nimport { saasModernTheme } from 'common/src/theme/saasModern';\nimport { ResetCSS } from 'common/src/assets/css/style';\nimport {\n  GlobalStyle,\n  ContentWrapper,\n} from '../containers/SaasModern/sassModern.style';\n\nimport Navbar from '../containers/SaasModern/Navbar';\nimport BannerSection from '../containers/ContpaqProcesosContables/Banner';\nimport PortfolioShowcase from '../containers/ContpaqProcesosContables/PortfolioShowcase';\n\nimport Footer from '../containers/SaasModern/Footer';\nimport SEO from '../components/seo';\n\nexport default () => {\n  return (\n    <ThemeProvider theme={saasModernTheme}>\n      <Fragment>\n        <SEO title=\"CONTPAQi® - En ADAWARE, tus deseos son software\" />\n        <Modal />\n        <ResetCSS />\n        <GlobalStyle />\n        {/* End of Home head section */}\n        {/* Start Home wrapper section */}\n        <ContentWrapper>\n          <Sticky top={0} innerZ={9999} activeClass=\"sticky-nav-active\">\n            <DrawerProvider>\n              <Navbar />\n            </DrawerProvider>\n          </Sticky>\n          <BannerSection />\n          <PortfolioShowcase />\n          \n          <Footer />\n        </ContentWrapper>\n        {/* End of agency wrapper section */}\n      </Fragment>\n    </ThemeProvider>\n  );\n};\n","module.exports = __webpack_public_path__ + \"static/banner-texture-60da84bbd7f499a8d94e58482f64a778.png\";","\"use strict\";\n\nvar _interopRequireWildcard3 = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\n\nvar _interopRequireWildcard2 = _interopRequireDefault(require(\"@babel/runtime/helpers/interopRequireWildcard\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inheritsLoose\"));\n\nvar _react = _interopRequireWildcard3(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _index = _interopRequireDefault(require(\"../index\"));\n\nvar ImageWithIEPolyfill = /*#__PURE__*/function (_Component) {\n  (0, _inheritsLoose2.default)(ImageWithIEPolyfill, _Component);\n\n  function ImageWithIEPolyfill() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n    _this.imageRef = _this.props.innerRef || /*#__PURE__*/(0, _react.createRef)();\n    _this.placeholderRef = /*#__PURE__*/(0, _react.createRef)();\n    return _this;\n  }\n\n  var _proto = ImageWithIEPolyfill.prototype;\n\n  // Load object-fit/position polyfill if required (e.g. in IE)\n  _proto.componentDidMount = function componentDidMount() {\n    var _this2 = this;\n\n    var testImg = document.createElement(\"img\");\n\n    if (typeof testImg.style.objectFit === \"undefined\" || typeof testImg.style.objectPosition === \"undefined\") {\n      Promise.resolve().then(function () {\n        return (0, _interopRequireWildcard2.default)(require(\"object-fit-images\"));\n      }).then(function (_ref) {\n        var ObjectFitImages = _ref.default;\n        ObjectFitImages(_this2.imageRef.current.imageRef.current);\n        ObjectFitImages(_this2.placeholderRef.current);\n      });\n    }\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        objectFit = _this$props.objectFit,\n        objectPosition = _this$props.objectPosition,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"objectFit\", \"objectPosition\"]);\n    var polyfillStyle = {\n      objectFit: objectFit,\n      objectPosition: objectPosition,\n      fontFamily: \"\\\"object-fit: \" + objectFit + \"; object-position: \" + objectPosition + \"\\\"\"\n    };\n    return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({\n      ref: this.imageRef,\n      placeholderRef: this.placeholderRef\n    }, props, {\n      imgStyle: (0, _extends2.default)({}, props.imgStyle, polyfillStyle),\n      placeholderStyle: (0, _extends2.default)({}, props.placeholderStyle, polyfillStyle)\n    }));\n  };\n\n  return ImageWithIEPolyfill;\n}(_react.Component); // If you modify these propTypes, please don't forget to update following files as well:\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/withIEPolyfill/index.d.ts\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/README.md#gatsby-image-props\n// https://github.com/gatsbyjs/gatsby/blob/master/docs/docs/gatsby-image.md#gatsby-image-props\n\n\nImageWithIEPolyfill.propTypes = {\n  objectFit: _propTypes.default.string,\n  objectPosition: _propTypes.default.string\n};\nImageWithIEPolyfill.defaultProps = {\n  objectFit: \"cover\",\n  objectPosition: \"50% 50%\"\n};\n\nvar _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {\n  return /*#__PURE__*/_react.default.createElement(ImageWithIEPolyfill, (0, _extends2.default)({}, props, {\n    innerRef: ref\n  }));\n});\n\nexports.default = _default;"],"sourceRoot":""}