{"version":3,"sources":["webpack:///./src/containers/Soporte/Banner/banner.style.js","webpack:///./src/containers/Soporte/Banner/index.js","webpack:///./src/containers/Soporte/Pricing/pricing.style.js","webpack:///./src/containers/Soporte/Pricing/index.js","webpack:///./src/containers/Soporte/Faq/faq.style.js","webpack:///./src/containers/Soporte/Faq/index.js","webpack:///./src/containers/Soporte/BlogSection/blogSection.style.js","webpack:///./src/containers/Soporte/BlogSection/index.js","webpack:///./src/pages/soporte.js","webpack:////Users/edgarbarrios/www/2019-ADAWARE-WEBSITE-v31/node_modules/react-icons-kit/icomoon/checkmark.js","webpack:///../common/src/assets/image/servicios/banner-image.png"],"names":["Bubble","keyframes","BannerWrapper","styled","section","div","BannerSection","row","contentWrapper","title","description","imageWrapper","id","Container","Box","Heading","content","Text","bottom","Image","src","BannerImage","alt","defaultProps","flexBox","flexWrap","alignItems","justifyContent","width","mb","fontSize","fontWeight","color","letterSpacing","lineHeight","textAlign","PricingTableWrapper","PricingTable","PricingHead","PricingPrice","PricingButton","PricingList","ListItem","PricingButtonWrapper","themeGet","PricingSection","sectionWrapper","secTitleWrapper","secHeading","secText","nameStyle","descriptionStyle","priceStyle","priceLabelStyle","buttonFillStyle","listContentStyle","Data","useStaticQuery","useState","data","saasModernJson","SOPORTE_REMOTO_TABLE","active","state","setState","setLoading","useEffect","setTimeout","activeStatus","Button","className","onClick","SOPORTE_PRESENCIAL_TABLE","GlideCarousel","carouselSelector","options","perView","type","gap","bound","swipeThreshold","keyboard","breakpoints","1199","990","767","425","rewind","peek","before","after","controls","map","pricingTable","index","key","freePlan","name","price","href","url","buttonLabel","priceLabel","listItems","item","icon","checkmark","size","as","pt","pb","display","ml","mr","maxWidth","col","pr","pl","buttonStyle","borderRadius","bg","colors","minWidth","height","FaqWrapper","FaqSection","buttonWrapper","button","Accordion","SOPORTE_FAQ_DATA","accordionItem","expanded","expend","minus","plus","mt","BlogSectionWrapper","BlogSection","sectionHeader","sectionTitle","sectionSubTitle","blogTitle","blogMeta","PRODUCTOS","post","FeatureBlock","thumbnail_url","to","postLink","date","theme","saasModernTheme","top","innerZ","activeClass","Navbar","Banner","Pricing","Faq","Footer","Object","defineProperty","exports","value","module"],"mappings":"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","file":"component---src-pages-soporte-js-703e311f525cf013c670.js","sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nconst Bubble = keyframes`\n  0% {\n\t\tbox-shadow: 0 0 0 3px rgba(255,65,108,0.3);\n\t\topacity: 1;\n\t\ttransform: scale3d(1, 1, 1);\n\t}\n\t100% {\n\t\tbox-shadow: 0 0 0 100px rgba(255,65,108,0);\n\t\topacity: 0;\n\t\ttransform: scale3d(1, 1, 1);\n\t}\n`;\n\nexport const BannerWrapper = styled.section`\n  padding: 150px 0 0 0;\n  background-image: linear-gradient(\n    180deg,\n    rgb(153,51,0) 20%, \n    rgb(255,160,110) 80%\n  );\n  background-size: cover;\n  background-position: top center;\n  overflow: hidden;\n  @media (max-width: 575px) {\n    padding: 120px 0 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .banner-shape {\n    z-index: 2;\n  }\n`;\n\nexport const DiscountWrapper = styled.div`\n  text-align: center;\n`;\n\nexport const DiscountLabel = styled.div`\n  font-family: 'Nanum Gothic', 'Open Sans', sans-serif;\n  display: inline-block;\n  border-radius: 4em;\n  padding: 9px 22px;\n  margin-bottom: 22px;\n  background-color: rgba(255, 255, 255, 0.15);\n  @media (max-width: 575px) {\n    padding: 7px 10px;\n  }\n`;\n\nexport const VideoModal = styled.div`\n  display: inline-block;\n  position: relative;\n  border-radius: 10px;\n  overflow: hidden;\n  &:before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    background: linear-gradient(\n      -139deg,\n      rgb(255, 65, 108) 0%,\n      rgb(255, 75, 43) 100%\n    );\n    opacity: 0.2;\n    pointer-events: none;\n  }\n\n  img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n  }\n`;\n\nexport const PlayButton = styled.div`\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: #ff4553;\n  cursor: pointer;\n  outline: 0;\n  z-index: 2;\n  @media (max-width: 767px) {\n    width: 60px;\n    height: 60px;\n    svg {\n      width: 30px;\n    }\n  }\n  &:after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    pointer-events: none;\n    top: 0;\n    left: 0;\n    border-radius: inherit;\n  }\n  &:focus {\n    &:after {\n      animation: ${Bubble} 0.5s ease-out forwards;\n    }\n  }\n`;\n\nexport const VideoWrapper = styled.div`\n  max-width: calc(100% - 30px);\n  width: 900px;\n  position: relative;\n  &:before {\n    content: '';\n    display: block;\n    padding-top: 56.25%;\n  }\n  iframe {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Fade from 'react-reveal/Fade';\nimport Box from 'reusecore/src/elements/Box';\nimport Text from 'reusecore/src/elements/Text';\nimport Heading from 'reusecore/src/elements/Heading';\nimport Image from 'reusecore/src/elements/Image';\nimport Container from 'common/src/components/UI/Container';\n\nimport { BannerWrapper } from './banner.style';\nimport BannerImage from 'common/src/assets/image/servicios/banner-image.png';\n\n\n\nconst BannerSection = ({\n  row,\n  contentWrapper,\n  title,\n  description,\n  imageWrapper,\n}) => {\n  return (\n    <BannerWrapper id=\"banner_section\">\n      <Container>\n        <Box {...row}>\n          <Box {...contentWrapper}>\n            <Heading\n              {...title}\n              content=\"¿Necesitas ayuda?\"\n            />\n            <Text\n              {...description}\n              content=\"Página de Soporte para Clientes de ADAWARE, para resolver problemas en las soluciones administrativas, contables y de seguridad TI. \n              \"\n            />\n          </Box>\n          <Box {...imageWrapper}>\n            <Fade bottom>\n              <Image src={BannerImage} alt=\"Imagen de Soporte Técnico ofrecido en ADAWARE\" />\n            </Fade>\n          </Box>\n        </Box>\n      </Container>\n    </BannerWrapper>\n  );\n};\n\nBannerSection.propTypes = {\n  row: PropTypes.object,\n  contentWrapper: PropTypes.object,\n  title: PropTypes.object,\n  description: PropTypes.object,\n  imageWrapper: PropTypes.object,\n};\n\nBannerSection.defaultProps = {\n  row: {\n    flexBox: true,\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  contentWrapper: {\n    width: ['100%', '100%', '80%', '55%', '50%'],\n    mb: '40px',\n  },\n  title: {\n    fontSize: ['24px', '32px', '40px', '42px', '46px'],\n    fontWeight: '700',\n    color: '#fff',\n    letterSpacing: '-0.025em',\n    mb: ['20px', '25px', '25px', '25px', '25px'],\n    lineHeight: '1.2',\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: ['15px', '16px', '16px', '16px', '16px'],\n    color: '#fff',\n    lineHeight: '1.75',\n    mb: '0',\n    textAlign: 'center',\n  },\n};\n\nexport default BannerSection;\n","import styled from 'styled-components';\r\nimport { themeGet } from 'styled-system';\r\n\r\nexport const PricingTableWrapper = styled.div`\r\n  .glide__slides {\r\n    align-items: stretch;\r\n    .glide__slide {\r\n      height: auto;\r\n    }\r\n  }\r\n`;\r\n\r\nconst PricingTable = styled.div`\r\n  border: 1px solid #c8ddf5;\r\n  border-radius: 5px;\r\n  padding: 45px 20px 25px;\r\n  border-radius: 15px;\r\n  background-color: #d6e5f7;\r\n  height: 100%;\r\n  transition: 0.25s ease-in-out;\r\n  @media (max-width: 767px) {\r\n    padding: 45px 20px;\r\n  }\r\n  &:hover {\r\n    border-color: #d6e5f7;\r\n    background-color: #e4eefa;\r\n  }\r\n`;\r\n\r\nconst PricingHead = styled.div`\r\n  margin-bottom: 35px;\r\n`;\r\n\r\nconst PricingPrice = styled.div`\r\n  margin-bottom: 50px;\r\n`;\r\n\r\nconst PricingButton = styled.div`\r\n  text-align: center;\r\n  .reusecore__button {\r\n    border-radius: 4px;\r\n  }\r\n  .trial_button {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #3b93ff;\r\n    display: block;\r\n    margin-top: 25px;\r\n    transition: 0.15s ease-in-out;\r\n    &:hover {\r\n      opacity: 0.8;\r\n    }\r\n  }\r\n`;\r\n\r\nconst PricingList = styled.div`\r\n  margin-bottom: 50px;\r\n`;\r\n\r\nconst ListItem = styled.div`\r\n  display: flex;\r\n  margin-bottom: 23px;\r\n  justify-content: center;\r\n  &:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n  .price_list_icon {\r\n    color: #f15a24;\r\n    margin-right: 10px;\r\n  }\r\n`;\r\n\r\nconst SwitchWrapper = styled.div`\r\n  text-align: center;\r\n  margin-top: 20px;\r\n  .reusecore__switch {\r\n    .reusecore__field-label {\r\n      font-size: 16px;\r\n      font-weight: 400;\r\n      color: #5c636c;\r\n      cursor: pointer;\r\n    }\r\n    input[type='checkbox'] {\r\n      &:checked {\r\n        + div {\r\n          width: 40px !important;\r\n          background-color: ${themeGet('colors.primary')};\r\n          > div {\r\n            left: 17px !important;\r\n          }\r\n        }\r\n      }\r\n      + div {\r\n        background-color: #f0f0f0;\r\n        background-color: #f0f0f0;\r\n        border: 0;\r\n        width: 40px;\r\n        height: 25px;\r\n        > div {\r\n          background-color: #fff;\r\n          box-shadow: 0px 2px 3px 0.24px rgba(31, 64, 104, 0.25);\r\n          width: 21px;\r\n          height: 21px;\r\n          top: 2px;\r\n          left: 2px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst PricingButtonWrapper = styled.div`\r\n  text-align: center;\r\n  margin-top: 80px;\r\n  position: relative;\r\n  @media (max-width: 575px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-top: 40px;\r\n  }\r\n  &:before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 1px;\r\n    background: #e7e8eb;\r\n    display: block;\r\n    bottom: 0;\r\n    left: 0;\r\n  }\r\n  .reusecore__button {\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    color: #90949b;\r\n    background: transparent;\r\n    height: auto;\r\n    min-width: 200px;\r\n    border: none;\r\n    padding-bottom: 30px;\r\n    position: relative;\r\n    transition: 0.15s ease-in-out;\r\n    @media (max-width: 767px) {\r\n      min-width: 0;\r\n      padding: 0 15px 10px 15px;\r\n      font-size: 14px;\r\n    }\r\n    &:hover {\r\n      color: #f15a24;\r\n    }\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 2px;\r\n      bottom: 0;\r\n      left: 0;\r\n      display: block;\r\n      background: #f15a24;\r\n      transform: scaleX(0);\r\n      transform-origin: right center 0;\r\n      transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;\r\n    }\r\n    &.active-item {\r\n      color: #f15a24;\r\n      &:after {\r\n        transform: scaleX(1);\r\n        transform-origin: left center 0;\r\n        transition: transform 0.35s cubic-bezier(0.43, 0.49, 0.51, 0.68);\r\n      }\r\n    }\r\n    @media (max-width: 575px) {\r\n      font-size: 14px;\r\n      height: 44px;\r\n      width: 120px;\r\n      padding: 0 5px;\r\n    }\r\n  }\r\n  > a {\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    color: #3b93ff;\r\n    padding: 0 40px;\r\n    @media (max-width: 767px) {\r\n      padding: 0 15px 10px 15px;\r\n      font-size: 14px;\r\n      height: 46px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  }\r\n`;\r\n\r\nexport {\r\n  PricingHead,\r\n  PricingPrice,\r\n  PricingButton,\r\n  PricingList,\r\n  ListItem,\r\n  SwitchWrapper,\r\n  PricingButtonWrapper,\r\n};\r\nexport default PricingTable;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useStaticQuery, graphql } from 'gatsby';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'react-icons-kit';\r\nimport Box from 'reusecore/src/elements/Box';\r\nimport Text from 'reusecore/src/elements/Text';\r\nimport Heading from 'reusecore/src/elements/Heading';\r\nimport Button from 'reusecore/src/elements/Button';\r\nimport Container from 'common/src/components/UI/Container';\r\nimport GlideCarousel from 'common/src/components/GlideCarousel';\r\nimport GlideSlide from 'common/src/components/GlideCarousel/glideSlide';\r\nimport PricingTable, {\r\n  PricingHead,\r\n  PricingPrice,\r\n  PricingButton,\r\n  PricingList,\r\n  ListItem,\r\n  PricingButtonWrapper,\r\n  PricingTableWrapper,\r\n} from './pricing.style';\r\n\r\nimport { checkmark } from 'react-icons-kit/icomoon/checkmark';\r\n\r\nconst PricingSection = ({\r\n  sectionWrapper,\r\n  secTitleWrapper,\r\n  secHeading,\r\n  secText,\r\n  nameStyle,\r\n  descriptionStyle,\r\n  priceStyle,\r\n  priceLabelStyle,\r\n  buttonFillStyle,\r\n  listContentStyle,\r\n}) => {\r\n  const Data = useStaticQuery(graphql`\r\n    query {\r\n      saasModernJson {\r\n        SOPORTE_REMOTO_TABLE {\r\n          name\r\n          description\r\n          price\r\n          priceLabel\r\n          buttonLabel\r\n          url\r\n          listItems {\r\n            content\r\n          }\r\n        }\r\n        SOPORTE_PRESENCIAL_TABLE {\r\n          name\r\n          description\r\n          price\r\n          priceLabel\r\n          buttonLabel\r\n          url\r\n          listItems {\r\n            content\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `);\r\n\r\n  const [state, setState] = useState({\r\n    data: Data.saasModernJson.SOPORTE_REMOTO_TABLE,\r\n    active: true,\r\n  });\r\n\r\n  const [setLoading] = useState(false);\r\n  useEffect(() => {\r\n    setTimeout(function() {\r\n      setLoading(true);\r\n    }, 500);\r\n  });\r\n\r\n  const data = state.data;\r\n  const activeStatus = state.active;\r\n\r\n  const pricingCarouselOptions = {\r\n    perView: 2,\r\n    type: 'slider',\r\n    gap: 30,\r\n    bound: true,\r\n    swipeThreshold: false,\r\n    keyboard: true,\r\n    breakpoints: {\r\n      1199: {\r\n        perView: 2,\r\n        type: 'slider',\r\n        gap: 30,\r\n        bound: true,\r\n        swipeThreshold: false,\r\n      },\r\n      990: {\r\n        type: 'slider',\r\n        perView: 2,\r\n        gap: 15,\r\n        bound: true,\r\n        swipeThreshold: false,\r\n      },\r\n      767: {\r\n        type: 'slider',\r\n        perView: 2,\r\n        gap: 10,\r\n        bound: true,\r\n      },\r\n      425: {\r\n        type: 'slider',\r\n        perView: 1,\r\n        gap: 10,\r\n        bound: true,\r\n        swipeThreshold: 80,\r\n        rewind: false,\r\n        peek: {\r\n          before: 0,\r\n          after: 20,\r\n        },\r\n      },\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Box {...sectionWrapper} id=\"pricing_section\">\r\n      <Container>\r\n        <Box {...secTitleWrapper}>\r\n          <Text {...secText} content=\"NUESTRAS PÓLIZAS DE SERVICIO\" />\r\n          <Heading\r\n            {...secHeading}\r\n            content=\"Elije la modalidad de servicio que se adapte a tu equipo\"\r\n          />\r\n          <PricingButtonWrapper>\r\n            <Button\r\n              title=\"Soporte Remoto\"\r\n              className={activeStatus ? 'active-item' : ''}\r\n              onClick={() =>\r\n                setState({\r\n                  data: Data.saasModernJson.SOPORTE_REMOTO_TABLE,\r\n                  active: true,\r\n                })\r\n              }\r\n            />\r\n            <Button\r\n              title=\"Soporte Presencial\"\r\n              className={activeStatus === false ? 'active-item' : ''}\r\n              onClick={() =>\r\n                setState({\r\n                  data: Data.saasModernJson.SOPORTE_PRESENCIAL_TABLE,\r\n                  active: false,\r\n                })\r\n              }\r\n            />\r\n          </PricingButtonWrapper>\r\n        </Box>\r\n        <PricingTableWrapper>\r\n          <GlideCarousel\r\n            carouselSelector=\"pricing-carousel\"\r\n            options={pricingCarouselOptions}\r\n            controls={false}\r\n          >\r\n            <>\r\n              {data.map((pricingTable, index) => (\r\n                <GlideSlide key={`pricing-table-${index}`}>\r\n                  <PricingTable\r\n                    freePlan={pricingTable.freePlan}\r\n                    className=\"pricing_table\"\r\n                  >\r\n                    <PricingHead>\r\n                      <Heading content={pricingTable.name} {...nameStyle} />\r\n                      <Text content={pricingTable.price} {...priceStyle} />\r\n                      <Text\r\n                        content={pricingTable.description}\r\n                        {...descriptionStyle}\r\n                        />\r\n                    </PricingHead>\r\n                    <PricingButton>\r\n                      <a href={pricingTable.url}>\r\n                        <Button\r\n                          title={pricingTable.buttonLabel}\r\n                          {...buttonFillStyle}\r\n                        />\r\n                      </a>\r\n                    </PricingButton>\r\n                    <PricingPrice>\r\n                      <Text\r\n                        content={pricingTable.priceLabel}\r\n                        {...priceLabelStyle}\r\n                      />\r\n                    </PricingPrice>\r\n                    <PricingList>\r\n                      {pricingTable.listItems.map((item, index) => (\r\n                        <ListItem key={`pricing-table-list-${index}`}>\r\n                          <Icon\r\n                            icon={checkmark}\r\n                            className=\"price_list_icon\"\r\n                            size={13}\r\n                          />\r\n                          <Text content={item.content} {...listContentStyle} />\r\n                        </ListItem>\r\n                      ))}\r\n                    </PricingList>\r\n                  </PricingTable>\r\n                </GlideSlide>\r\n              ))}\r\n            </>\r\n          </GlideCarousel>\r\n        </PricingTableWrapper>\r\n      </Container>\r\n    </Box>\r\n  );\r\n};\r\n\r\nPricingSection.propTypes = {\r\n  sectionWrapper: PropTypes.object,\r\n  row: PropTypes.object,\r\n  secTitleWrapper: PropTypes.object,\r\n  secHeading: PropTypes.object,\r\n  secText: PropTypes.object,\r\n  nameStyle: PropTypes.object,\r\n  descriptionStyle: PropTypes.object,\r\n  priceStyle: PropTypes.object,\r\n  priceLabelStyle: PropTypes.object,\r\n  listContentStyle: PropTypes.object,\r\n};\r\n\r\nPricingSection.defaultProps = {\r\n  sectionWrapper: {\r\n    as: 'section',\r\n    pt: ['60px', '80px', '80px', '80px', '100px'],\r\n    pb: '20px',\r\n  },\r\n  secTitleWrapper: {\r\n    mb: ['30px', '40px'],\r\n  },\r\n  secText: {\r\n    as: 'span',\r\n    display: 'block',\r\n    textAlign: 'center',\r\n    fontSize: '14px',\r\n    letterSpacing: '0.15em',\r\n    fontWeight: '700',\r\n    color: '#f15a24',\r\n    mb: '12px',\r\n  },\r\n  secHeading: {\r\n    textAlign: 'center',\r\n    fontSize: ['20px', '24px', '36px', '36px'],\r\n    fontWeight: '700',\r\n    color: '#0f2137',\r\n    letterSpacing: '-0.025em',\r\n    mb: '0',\r\n    ml: 'auto',\r\n    mr: 'auto',\r\n    lineHeight: '1.12',\r\n    width: '500px',\r\n    maxWidth: '100%',\r\n  },\r\n  col: {\r\n    width: [1, 1 / 2, 1 / 2, 1 / 3],\r\n    pr: '15px',\r\n    pl: '15px',\r\n  },\r\n  nameStyle: {\r\n    fontSize: ['20px', '20px', '22px', '22px', '22px'],\r\n    fontWeight: '700',\r\n    color: '#0f2137',\r\n    letterSpacing: '-0.025em',\r\n    textAlign: 'center',\r\n    mb: '12px',\r\n  },\r\n  descriptionStyle: {\r\n    fontSize: ['15px', '16px', '16px', '16px', '16px'],\r\n    color: '#6e7379',\r\n    lineHeight: '1.75',\r\n    textAlign: 'center',\r\n    mb: '0',\r\n  },\r\n  priceStyle: {\r\n    as: 'span',\r\n    display: 'block',\r\n    fontSize: ['36px', '36px', '40px', '40px', '40px'],\r\n    color: '#0f2137',\r\n    textAlign: 'center',\r\n    mb: '5px',\r\n    letterSpacing: '-0.025em',\r\n    fontWeight: '500',\r\n  },\r\n  priceLabelStyle: {\r\n    fontSize: ['13px', '14px', '14px', '14px', '14px'],\r\n    color: '#6e7379',\r\n    lineHeight: '1.75',\r\n    textAlign: 'center',\r\n    mb: '0',\r\n  },\r\n  buttonStyle: {\r\n    type: 'button',\r\n    fontSize: '14px',\r\n    fontWeight: '600',\r\n    borderRadius: '4px',\r\n    pl: '10px',\r\n    pr: '10px',\r\n    bg: '#fff',\r\n    color: '#2aa275',\r\n    colors: 'primaryWithBg',\r\n    width: '222px',\r\n    maxWidth: '100%',\r\n  },\r\n  buttonFillStyle: {\r\n    type: 'button',\r\n    fontSize: '15px',\r\n    fontWeight: '700',\r\n    color: 'white',\r\n    borderRadius: '4px',\r\n    pl: '10px',\r\n    pr: '10px',\r\n    mb: '30px',\r\n    colors: 'primaryWithBg',\r\n    minWidth: ['160px', '190px'],\r\n    maxWidth: '100%',\r\n    height: '48px',\r\n  },\r\n  listContentStyle: {\r\n    fontSize: ['15px', '16px', '16px', '16px', '16px'],\r\n    color: '#6e7379',\r\n    mb: '0',\r\n  },\r\n};\r\n\r\nexport default PricingSection;\r\n","import styled from 'styled-components';\r\n\r\nconst FaqWrapper = styled.div`\r\n  .accordion_item {\r\n    border: 1px solid #eff2f5;\r\n    border-radius: 5px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .accordion_title {\r\n    padding: 23px 30px;\r\n    @media (max-width: 575px) {\r\n      padding: 15px 20px;\r\n    }\r\n  }\r\n\r\n  .accordion_body {\r\n    padding: 0 30px 23px 30px;\r\n    @media (max-width: 575px) {\r\n      padding: 0 20px 15px 20px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default FaqWrapper;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useStaticQuery, graphql } from 'gatsby';\r\nimport Box from 'reusecore/src/elements/Box';\r\nimport Text from 'reusecore/src/elements/Text';\r\nimport Heading from 'reusecore/src/elements/Heading';\r\nimport {\r\n  Accordion,\r\n  AccordionItem,\r\n  AccordionTitle,\r\n  AccordionBody,\r\n  IconWrapper,\r\n  OpenIcon,\r\n  CloseIcon,\r\n} from 'common/src/components/Accordion';\r\nimport Container from 'common/src/components/UI/Container';\r\nimport { Icon } from 'react-icons-kit';\r\nimport { plus } from 'react-icons-kit/entypo/plus';\r\nimport { minus } from 'react-icons-kit/entypo/minus';\r\n\r\nimport FaqWrapper from './faq.style';\r\n\r\nconst FaqSection = ({\r\n  sectionWrapper,\r\n  row,\r\n  col,\r\n  secTitleWrapper,\r\n  secHeading,\r\n  secText,\r\n  title,\r\n  description,\r\n  buttonWrapper,\r\n  button,\r\n}) => {\r\n  const Data = useStaticQuery(graphql`\r\n    query {\r\n      saasModernJson {\r\n        SOPORTE_FAQ_DATA {\r\n          title\r\n          description\r\n          expend\r\n        }\r\n      }\r\n    }\r\n  `);\r\n\r\n  return (\r\n    <Box {...sectionWrapper} id=\"faq_section\">\r\n      <Container>\r\n        <Box {...secTitleWrapper}>\r\n          <Text {...secText} content=\"PREGUNTAS FRECUENTES\" />\r\n          <Heading {...secHeading} content=\"Tu tranquilidad nos importa\" />\r\n        </Box>\r\n        <Box {...row}>\r\n          <Box {...col}>\r\n            <FaqWrapper>\r\n              <Accordion>\r\n                <>\r\n                  {Data.saasModernJson.SOPORTE_FAQ_DATA.map((accordionItem, index) => (\r\n                    <AccordionItem\r\n                      className=\"accordion_item\"\r\n                      key={`accordion-${index}`}\r\n                      expanded={accordionItem.expend}\r\n                    >\r\n                      <>\r\n                        <AccordionTitle className=\"accordion_title\">\r\n                          <>\r\n                            <Heading {...title} content={accordionItem.title} />\r\n                            <IconWrapper>\r\n                              <OpenIcon>\r\n                                <Icon icon={minus} size={18} />\r\n                              </OpenIcon>\r\n                              <CloseIcon>\r\n                                <Icon icon={plus} size={18} />\r\n                              </CloseIcon>\r\n                            </IconWrapper>\r\n                          </>\r\n                        </AccordionTitle>\r\n                        <AccordionBody className=\"accordion_body\">\r\n                          <Text\r\n                            {...description}\r\n                            content={accordionItem.description}\r\n                          />\r\n                        </AccordionBody>\r\n                      </>\r\n                    </AccordionItem>\r\n                  ))}\r\n                </>\r\n              </Accordion>\r\n            </FaqWrapper>\r\n          </Box>\r\n        </Box>\r\n      </Container>\r\n    </Box>\r\n  );\r\n};\r\n\r\nFaqSection.propTypes = {\r\n  sectionWrapper: PropTypes.object,\r\n  secTitleWrapper: PropTypes.object,\r\n  row: PropTypes.object,\r\n  col: PropTypes.object,\r\n  secHeading: PropTypes.object,\r\n  secText: PropTypes.object,\r\n  title: PropTypes.object,\r\n  description: PropTypes.object,\r\n  buttonWrapper: PropTypes.object,\r\n  button: PropTypes.object,\r\n};\r\n\r\nFaqSection.defaultProps = {\r\n  sectionWrapper: {\r\n    as: 'section',\r\n    pt: ['20px', '30px', '50px', '50px'],\r\n    pb: ['60px', '80px', '80px', '80px'],\r\n  },\r\n  secTitleWrapper: {\r\n    mb: ['55px', '65px'],\r\n  },\r\n  secText: {\r\n    as: 'span',\r\n    display: 'block',\r\n    textAlign: 'center',\r\n    fontSize: '14px',\r\n    letterSpacing: '0.15em',\r\n    fontWeight: '700',\r\n    color: '#F15A24',\r\n    mb: '5px',\r\n  },\r\n  secHeading: {\r\n    textAlign: 'center',\r\n    fontSize: ['20px', '24px'],\r\n    fontWeight: '500',\r\n    color: '#0f2137',\r\n    letterSpacing: '-0.025em',\r\n    mb: '0',\r\n    lineHeight: '1.67',\r\n  },\r\n  row: {\r\n    flexBox: true,\r\n    flexWrap: 'wrap',\r\n    justifyContent: 'center',\r\n  },\r\n  col: {\r\n    width: ['100%', '100%', '75%', '75%'],\r\n  },\r\n  title: {\r\n    fontSize: ['16px', '19px'],\r\n    fontWeight: '400',\r\n    color: 'headingColor',\r\n    letterSpacing: '-0.025em',\r\n    mb: 0,\r\n  },\r\n  description: {\r\n    fontSize: '15px',\r\n    color: 'textColor',\r\n    lineHeight: '1.75',\r\n    mb: 0,\r\n  },\r\n  buttonWrapper: {\r\n    mt: '50px',\r\n    flexBox: true,\r\n    justifyContent: 'center',\r\n  },\r\n  button: {\r\n    type: 'button',\r\n    fontSize: '14px',\r\n    fontWeight: '600',\r\n    borderRadius: '4px',\r\n    pl: ['22px'],\r\n    pr: ['22px'],\r\n    colors: 'secondaryWithBg',\r\n    minWidth: '150px',\r\n  },\r\n};\r\n\r\nexport default FaqSection;\r\n","import styled from 'styled-components';\n\nconst BlogSectionWrapper = styled.section`\n  padding: 80px 0;\n  overflow: hidden;\n  @media (max-width: 990px) {\n    padding: 60px 0;\n  }\n  @media (max-width: 767px) {\n    padding: 40px 0;\n  }\n\n  .feature__block {\n    &.blog__post {\n      border-radius: 5px;\n      overflow: hidden;\n      position: relative;\n      width: calc(100% / 3 - 24px);\n      height: 450px;\n      margin: 0 12px;\n      transition: all 0.3s ease;\n      @media only screen and (max-width: 1200px) {\n        height: 400px;\n      }\n      @media only screen and (max-width: 991px) {\n        width: calc(100% / 2 - 24px);\n        margin-bottom: 24px;\n        &:first-child {\n          width: 100%;\n        }\n      }\n      @media only screen and (max-width: 767px) {\n        width: calc(100% - 24px);\n      }\n      .icon__wrapper {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n      }\n      .content__wrapper {\n        opacity: 0;\n        visibility: hidden;\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        padding: 25px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        background-color: rgba(0, 0, 0, 0.9);\n        background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));\n        transition: all 0.3s ease;\n        a {\n          font-size: 24px;\n          color: white;\n          font-weight: 700;\n          text-decoration: underline;\n          transform: translateY(50px);\n          transition: all 0.3s ease;\n        }\n        p {\n          transform: translateY(50px);\n          transition: all 0.35s ease;\n        }\n      }\n\n      &:hover {\n        .content__wrapper {\n          opacity: 1;\n          visibility: visible;\n          a {\n            transform: translateY(0);\n          }\n          p {\n            transform: translateY(0);\n          }\n        }\n      }\n      &:first-child {\n        .content__wrapper {\n          @media (max-width: 990px) {\n            opacity: 1;\n            visibility: visible;\n            a {\n              transform: translateY(0);\n            }\n            p {\n              transform: translateY(0);\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default BlogSectionWrapper;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Box from 'reusecore/src/elements/Box';\nimport Text from 'reusecore/src/elements/Text';\nimport Heading from 'reusecore/src/elements/Heading';\nimport { Link } from 'gatsby';\nimport Image from 'reusecore/src/elements/Image';\nimport FeatureBlock from 'common/src/components/FeatureBlock';\nimport Container from 'common/src/components/UI/Container';\nimport BlogSectionWrapper from './blogSection.style';\nimport { PRODUCTOS } from 'common/src/data/SaasModern';\n\nconst BlogSection = ({\n  row,\n  sectionHeader,\n  sectionTitle,\n  sectionSubTitle,\n  blogTitle,\n  blogMeta,\n}) => {\n  return (\n    <BlogSectionWrapper id=\"blogSection\">\n      <Container>\n        <Box {...sectionHeader}>\n          <Text content=\"PRODUCTOS\" {...sectionSubTitle} />\n          <Heading\n            content=\"Conoce la gama de productos que solucionan los problemas de nuestros clientes\"\n            {...sectionTitle}\n          />\n        </Box>\n        <Box className=\"row\" {...row}>\n          {PRODUCTOS.map((post, index) => (\n            <FeatureBlock\n              key={`post_key-${index}`}\n              id={`post_id-${post.id}`}\n              className=\"blog__post\"\n              icon={\n                <Image\n                  src={post.thumbnail_url}\n                  alt={`Blog Image ${post.id}`}\n                  className=\"blog__image\"\n                />\n              }\n              title={\n                <Link to={post.postLink} {...blogTitle}>\n                  {post.title}\n                </Link>\n              }\n              description={<Text content={post.date} {...blogMeta} />}\n            />\n          ))}\n        </Box>\n      </Container>\n    </BlogSectionWrapper>\n  );\n};\n\n// BlogSection style props\nBlogSection.propTypes = {\n  sectionHeader: PropTypes.object,\n  row: PropTypes.object,\n  col: PropTypes.object,\n  sectionTitle: PropTypes.object,\n  sectionSubTitle: PropTypes.object,\n  blogTitle: PropTypes.object,\n  blogMeta: PropTypes.object,\n};\n\n// BlogSection default style\nBlogSection.defaultProps = {\n  // section header default style\n  sectionHeader: {\n    mb: ['40px', '56px'],\n  },\n  // sub section default style\n  sectionSubTitle: {\n    as: 'span',\n    display: 'block',\n    textAlign: 'center',\n    fontSize: '14px',\n    letterSpacing: '0.15em',\n    fontWeight: '700',\n    color: '#f15a24',\n    mb: '10px',\n  },\n  // section title default style\n  sectionTitle: {\n    textAlign: 'center',\n    fontSize: ['20px', '24px'],\n    fontWeight: '400',\n    color: '#302b4e',\n    letterSpacing: '-0.025em',\n    mb: '0',\n  },\n  // Blog post row default style\n  row: {\n    flexBox: true,\n    flexWrap: 'wrap',\n    ml: '-12px',\n    mr: '-12px',\n    color: '#fff',\n  },\n  // Blog post title default style\n  blogTitle: {\n    fontSize: ['24px', '36px'],\n    fontWeight: '700',\n    color: '#fff',\n    lineHeight: '1.5',\n    mb: '10px',\n    letterSpacing: '-0.020em',\n  },\n  // Blog post description default style\n  blogMeta: {\n    fontSize: '16px',\n    lineHeight: '1',\n    color: 'rgba(255, 255, 255, 0.5)',\n    mb: 0,\n  },\n};\n\nexport default BlogSection;\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/Soporte/Banner';\nimport PricingSection from '../containers/Soporte/Pricing';\nimport FaqSection from '../containers/Soporte/Faq';\n\nimport BlogSection from '../containers/Soporte/BlogSection';\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=\"ADAWARE - Soporte para nuestras soluciones administrativas, Contables y Seguridad TI\" />\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\n          <BannerSection />\n          <PricingSection />\n          <FaqSection />\n\n          <BlogSection />\n          <Footer />\n        </ContentWrapper>\n        {/* End of agency wrapper section */}\n      </Fragment>\n    </ThemeProvider>\n  );\n};\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.checkmark = void 0;\nvar checkmark = {\n  \"viewBox\": \"0 0 16 16\",\n  \"children\": [{\n    \"name\": \"path\",\n    \"attribs\": {\n      \"fill\": \"#000000\",\n      \"d\": \"M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z\"\n    }\n  }]\n};\nexports.checkmark = checkmark;","module.exports = __webpack_public_path__ + \"static/banner-image-27bb2b4c4ac56d0572c00348a91917fb.png\";"],"sourceRoot":""}