{"version":3,"sources":["webpack:///./src/components/common/Divider.styled.js","webpack:///./src/components/common/Divider.js","webpack:///./src/images/forum_of_firms.png","webpack:///./src/images/logo_as_black.png","webpack:///./src/images/section2_background.png","webpack:///./src/components/common/Section.styled.js","webpack:///./src/components/common/Section.js","webpack:///./src/components/common/Index.styled.js","webpack:///./src/components/common/SectionHeaderImage.styled.js","webpack:///./src/components/common/SectionHeaderImage.js","webpack:///./src/images/section3_background.png","webpack:///./src/images/security-badge.png","webpack:///./src/images/sms_background.jpeg","webpack:///./src/images/logo-SMS-latinoamerica.jpg","webpack:///./src/pages/sms-mexico.js"],"names":["DividerContainer","styled","Col","props","theme","primary","border","css","small","BP_MEDIUM","DividerColContent","BP_SMALL","textLight","align","Divider","children","size","restProps","center","middle","style","minHeight","xs","lg","module","exports","SectionRowStyled","Row","height","backgroundImage","section2_background","section3_background","Section","id","other","first","SectionContainer","div","textDark","CardContent","TitleSection","h1","black","backgroundFooter","ItemContainer","Link","primaryLight","TitleCard","h2","textAlign","ImageStyled","Img","FillingBackground","img","top","GradientContainer","TwoColumns","image_security","green","ContainerImage","large","hex2rgba","Image","position","Content","SectionHeaderImage","image","src","alt","SmsMexico","title","description","sms_background","fontSize","display","width","maxWidth","margin","justifyContent","alignItems","logoBlack","logoSMS","md","padding","smsLatamIcon","color","href","target","marginLeft","forum_of_firms"],"mappings":"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","file":"component---src-pages-sms-mexico-js-05b4a3bac036ce5cdd6a.js","sourcesContent":["import styled, { css } from 'styled-components'\nimport { Col } from 'react-styled-flexboxgrid'\n\nimport { BP_MEDIUM, BP_SMALL } from '../../styles/theme'\n\nconst DividerContainer = styled(Col)`\n  background-color: ${props => props.theme.primary};\n  position: relative;\n  ${props => {\n    let border = props.border || 'none'\n    switch (border) {\n      case 'right':\n        border = '0 100px 100px 0'\n        break\n      case 'left':\n        border = '100px 0 0 100px'\n        break\n      case 'both':\n        border = '100px'\n        break\n      default:\n        border = '0'\n    }\n    return css`\n      border-radius: ${border};\n    `\n  }};\n\n  ${props =>\n    props.small &&\n    css`\n      max-width: 70%;\n      margin-left: ${props.border === 'left' ? 'auto' : 0};\n      margin-right: ${props.border === 'right' ? 'auto' : 0};\n      margin-top: 1rem;\n      @media only screen and (max-width: ${BP_MEDIUM}) {\n        max-width: 100%;\n      }\n    `}\n`\n\nconst DividerColContent = styled(Col)`\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  /* align-items: flex-start; */\n  padding: 0.5rem 1rem;\n  @media only screen and (max-width: ${BP_MEDIUM}) {\n    padding: 0;\n  }\n  @media only screen and (max-width: ${BP_SMALL}) {\n    align-items: center;\n    flex-direction: column;\n    padding: 1.5rem 0;\n  }\n  color: ${props => props.theme.textLight};\n\n  ${props =>\n    props.align &&\n    css`\n      align-items: center;\n    `};\n  ${props =>\n    props.small &&\n    css`\n      justify-content: space-evenly;\n    `}\n`\n\nexport { DividerContainer, DividerColContent }\n","import React from 'react'\nimport { Row, Col } from 'react-styled-flexboxgrid'\nimport { DividerContainer, DividerColContent } from './Divider.styled'\n\nconst Divider = ({\n  children,\n  size = '',\n  border = '',\n  align = false,\n  small = false,\n  ...restProps\n}) => (\n  <DividerContainer size={size} border={border} small={small} {...restProps}>\n    <Row\n      center=\"xs\"\n      middle=\"xs\"\n      style={{ minHeight: !small ? '142px' : '80px' }}\n    >\n      <Col xs={11} lg={9}>\n        <DividerColContent align={align} small={small}>\n          {children}\n        </DividerColContent>\n      </Col>\n    </Row>\n  </DividerContainer>\n)\n\nexport default Divider\n","module.exports = __webpack_public_path__ + \"static/forum_of_firms-844c416b56769b5e4634e8c2c96dda73.png\";","module.exports = __webpack_public_path__ + \"static/logo_as_black-bc629163b823da43b054e830997af16d.png\";","module.exports = __webpack_public_path__ + \"static/section2_background-11b435b9511e3635b4448c8e44c66b95.png\";","import styled, { css } from 'styled-components'\nimport { Row } from 'react-styled-flexboxgrid'\nimport section2_background from '../../images/section2_background.png'\nimport section3_background from '../../images/section3_background.png'\n\nimport { BP_SMALL } from '../../styles/theme'\n\nconst SectionRowStyled = styled(Row)`\n  overflow: hidden;\n  position: relative;\n  /* Modificar min-height para sectiosn con un tamaño especifico */\n\n  padding: 2rem 0;\n  ${props =>\n    props.height &&\n    css`\n      min-height: ${props.height};\n    `};\n\n  ${props => {\n    let backgroundImage = props.backgroundImage || ''\n    switch (backgroundImage) {\n      case 'section2':\n        return css`\n          background-image: url(${section2_background});\n          background-size: 100% 1100px;\n          background-position: 1rem -4rem;\n          background-repeat: no-repeat;\n        `\n      case 'section3':\n        return css`\n          background-image: url(${section3_background});\n          background-size: 100% calc(100% + 10px);\n          background-repeat: no-repeat;\n          /* Modificar para responsividad */\n          background-position: 1rem 0;\n          @media only screen and (max-width: ${BP_SMALL}) {\n            background: none;\n          }\n        `\n      default:\n        return css`\n          background-image: url(${backgroundImage});\n          background-size: cover;\n        `\n    }\n  }};\n`\n\nexport { SectionRowStyled }\n","import React from 'react'\nimport { Col } from 'react-styled-flexboxgrid'\nimport { SectionRowStyled } from './Section.styled'\n\nconst Section = ({ children, id, ...other }) => (\n  <section id={id}>\n    <SectionRowStyled center=\"xs\" first=\"xs\" {...other}>\n      <Col xs={11} lg={9}>\n        {children}\n      </Col>\n    </SectionRowStyled>\n  </section>\n)\n\nexport default Section\n","import styled, { css } from 'styled-components'\nimport { Link } from 'gatsby'\nimport Img from 'gatsby-image'\n\nimport image_security from '../../images/security-badge.png'\nimport { BP_SMALL, BP_MEDIUM } from '../../styles/theme'\n\nconst SectionContainer = styled.div`\n  display: flex;\n  justify-content: space-evenly;\n  text-align: justify;\n  align-items: center;\n  padding: 1rem 2rem;\n  margin: 4rem 0;\n  color: ${props => props.theme.textDark};\n  @media only screen and (max-width: ${BP_MEDIUM}) {\n    flex-direction: column;\n    padding: 0;\n  }\n`\nconst CardContent = styled.div`\n  padding: 1rem 2rem;\n  max-width: 600px;\n  border-radius: 10px;\n  background-color: white;\n  text-align: justify;\n  @media only screen and (max-width: ${BP_SMALL}) {\n    margin: 1rem 0;\n  }\n`\n\nconst TitleSection = styled.h1`\n  font-size: 2.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ${props => props.theme.primary};\n  text-transform: uppercase;\n  font-size: 30px;\n  ${props =>\n    props.black &&\n    css`\n      color: ${props => props.theme.backgroundFooter};\n    `};\n`\n\nconst ItemContainer = styled(Link)`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  text-align: center;\n  cursor: pointer;\n  text-decoration: none;\n  color: white;\n  margin: 1rem 3rem;\n  padding-top: 8px;\n  padding-bottom: 40px;\n  width: 15%;\n  &:hover {\n    color: ${props => props.theme.primaryLight};\n  }\n  @media only screen and (max-width: ${BP_SMALL}) {\n    width: 90%;\n  }\n`\nconst TitleCard = styled.h2`\n  text-align: ${props => props.textAlign};\n  color: ${props => props.theme.primary};\n`\n\nconst ImageStyled = styled(Img)`\n  margin: 0 2rem;\n  box-shadow: var(--shadow-dark);\n  /* height: 250px; */\n  border-radius: 20px;\n  @media only screen and (max-width: ${BP_SMALL}) {\n    height: 200px;\n  }\n`\nconst ResponsiveImage = styled.img`\n  height: 60px;\n  @media only screen and (max-width: ${BP_MEDIUM}) {\n    height: 50px;\n  }\n`\n\nconst FillingBackground = styled.div`\n\twidth: 100%;\n\theight: 50%;\n\tposition: absolute;\n\tz-index: -1;\n\tbottom: 0;\n\t${props =>\n    props.top &&\n    css`\n      top: 0;\n      left: 0;\n    `} background-color: ${props => props.theme.primary};\n`\nconst GradientContainer = styled.div`\n  width: 100%;\n  height: 100%;\n  max-height: 160px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 10;\n  background-image: linear-gradient(\n      to right,\n      rgba(255, 255, 255, 0) 65%,\n      white 85%\n    ),\n    linear-gradient(-90deg, rgba(255, 255, 255, 0) 65%, white 85%);\n`\nconst ImageSecurityBadge = styled.div`\n  height: 60px;\n  width: 60px;\n  display: flex;\n  margin: 0 auto;\n  justify-content: center;\n  align-items: center;\n  background-image: url(${image_security});\n  background-size: 60px;\n  background-repeat: no-repeat;\n  background-position: center;\n\n  &::after {\n    content: '0';\n    font-size: 3rem;\n    font-weight: bold;\n    color: ${props => props.theme.green};\n  }\n`\nconst AdjustTwoColumnContent = styled.div`\n  margin: 0 3rem;\n  position: relative;\n  @media only screen and (max-width: ${BP_SMALL}) {\n    margin: 0;\n  }\n`\n\nconst TwoColumns = styled.div`\n  width: 50%;\n  margin: 0 1rem;\n  text-align: justify;\n  position: relative;\n  @media only screen and (max-width: ${BP_SMALL}) {\n    width: 100%;\n  }\n`\n\nconst LimitTwoColumns = styled(TwoColumns)`\n  max-width: 500px;\n`\nconst TwoColumnsContent = styled.div`\n  position: absolute;\n  z-index: 10;\n  color: white;\n  width: 100%;\n  padding: 1rem;\n  max-width: 750px;\n`\nexport {\n  SectionContainer,\n  CardContent,\n  ItemContainer,\n  TitleSection,\n  TitleCard,\n  ImageStyled,\n  AdjustTwoColumnContent,\n  FillingBackground,\n  ImageSecurityBadge,\n  GradientContainer,\n  ResponsiveImage,\n  TwoColumns,\n  TwoColumnsContent,\n  LimitTwoColumns,\n}\n","import styled, { css } from 'styled-components'\nimport hex2rgba from '../../utils/hex2rgba'\n\nconst ContainerImage = styled.div`\n  width: 100%;\n  height: 240px;\n  position: relative;\n  ${props =>\n    props.large &&\n    css`\n      height: 440px;\n    `}\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    z-index: 5;\n    width: 100%;\n    height: 240px;\n    background-color: ${props => hex2rgba(props.theme.primary, 0.6)};\n\n    ${props =>\n      props.large &&\n      css`\n        height: 440px;\n      `}\n  }\n`\nconst Image = styled.img`\n  object-fit: cover;\n  height: 240px;\n  width: 100%;\n  object-position: ${props => props.position};\n\n  ${props =>\n    props.large &&\n    css`\n      height: 440px;\n    `}\n`\nconst Content = styled.div`\n  position: absolute;\n  padding: 0 1rem;\n  top: 0;\n  left: 0;\n  z-index: 10;\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`\n\nexport { ContainerImage, Image, Content }\n","import React from 'react'\nimport { ContainerImage, Image, Content } from './SectionHeaderImage.styled'\n\nconst SectionHeaderImage = ({ image, position, children, large = false }) => (\n  <ContainerImage large={large}>\n    <Image src={image} alt=\"Background\" position={position} large={large} />\n    <Content>{children}</Content>\n  </ContainerImage>\n)\n\nexport default SectionHeaderImage\n","module.exports = __webpack_public_path__ + \"static/section3_background-732fd8a89eae6e5e48113d79b33d8b08.png\";","module.exports = __webpack_public_path__ + \"static/security-badge-810b4cd3a370ea056a37edac14c476e2.png\";","module.exports = __webpack_public_path__ + \"static/sms_background-bd24524ffe820d6cd4ea7835ff135b60.jpeg\";","module.exports = __webpack_public_path__ + \"static/logo-SMS-latinoamerica-40521f21111c9c86c92171144533f590.jpg\";","import React from 'react'\nimport { FormattedMessage, FormattedHTMLMessage } from 'react-intl'\nimport { Row, Col } from 'react-styled-flexboxgrid'\n\nimport Layout from '../components/Layout'\nimport SectionHeaderImage from '../components/common/SectionHeaderImage'\nimport Section from '../components/common/Section'\nimport Divider from '../components/common/Divider'\nimport { SectionContainer } from '../components/common/Index.styled'\n\nimport sms_background from '../images/sms_background.jpeg'\nimport logoSMS from '../images/logo-SMS-latinoamerica.jpg'\nimport logoBlack from '../images/logo_as_black.png'\nimport smsLatamIcon from '../images/sms_latam.png'\nimport forum_of_firms from '../images/forum_of_firms.png'\n\nconst SmsMexico = props => (\n  <Layout\n    title=\"SMS México\"\n    description=\"A partir del 2017 AS Consulting fue designada Firma Corresponsal de SMS Latinoamérica para la Ciudad de México, Benito Juárez.\"\n    {...props}\n  >\n    <SectionHeaderImage image={sms_background} position=\"0\" />\n\n    <Divider border=\"left\" small>\n      <h1 style={{ fontSize: '18px' }}>\n        <FormattedMessage id=\"aboutUs.corresponsal.title\" />\n      </h1>\n    </Divider>\n    <Section height=\"400px\">\n      <SectionContainer>\n        <div\n          style={{\n            display: 'flex',\n            width: '100%',\n            maxWidth: '320px',\n            margin: '0 1rem',\n            justifyContent: 'space-evenly',\n            alignItems: 'center',\n          }}\n        >\n          <img src={logoBlack} alt=\"AS Consulting logo\" height={50} />\n          <p style={{ margin: '0 12px' }}>Miembro</p>\n          <img src={logoSMS} alt=\"SMS Lationamerica\" height={90} />\n        </div>\n        <div style={{ maxWidth: '600px', margin: '0 1rem' }}>\n          <p>\n            <FormattedHTMLMessage id=\"aboutUs.corresponsal.p1\" />\n          </p>\n        </div>\n      </SectionContainer>\n    </Section>\n    <Row>\n      <Col xs={12} md={8} lg={9}>\n        <Divider border=\"right\" small>\n          <h2>SMS LATIONAMÉRICA</h2>\n        </Divider>\n      </Col>\n      <Col xs={12} md={4} lg={3}>\n        <Row center=\"xs\" middle=\"xs\" style={{ padding: '1rem 0' }}>\n          <img src={smsLatamIcon} alt=\"SMS Lationamerica\" height={90} />\n          <p style={{ color: '#A2A2A2', margin: 0 }}>\n            <FormattedHTMLMessage id=\"aboutUs.sms.footer_image\" />\n          </p>\n        </Row>\n      </Col>\n    </Row>\n    <Section height=\"500px\">\n      <SectionContainer>\n        <div style={{ maxWidth: '600px', margin: '0 1rem' }}>\n          <div style={{ textAlign: 'center' }}>\n            <a href=\" http://www.smslatam.com\" target=\"_blank\">\n              <img src={logoSMS} alt=\"SMS Lationamerica\" height={80} />\n            </a>\n          </div>\n          <p>\n            <FormattedMessage id=\"aboutUs.sms.p1\" />\n          </p>\n          <FormattedMessage\n            id=\"aboutUs.sms.footer\"\n            style={{ fontSize: 'small' }}\n          />\n          <a\n            href=\" http://www.smslatam.com\"\n            target=\"_blank\"\n            style={{ marginLeft: '5px' }}\n          >\n            http://www.smslatam.com\n          </a>\n        </div>\n        <div style={{ maxWidth: '600px', margin: '0 1rem' }}>\n          <div\n            style={{\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              minHeight: '96px',\n            }}\n          >\n            <img src={forum_of_firms} alt=\"SMS Lationamerica\" height={60} />\n          </div>\n          <p>\n            <FormattedMessage id=\"aboutUs.forum_firms.p1\" />\n          </p>\n          <p>\n            <FormattedMessage id=\"aboutUs.forum_firms.p2\" />\n          </p>\n        </div>\n      </SectionContainer>\n    </Section>\n  </Layout>\n)\n\nexport default SmsMexico\n"],"sourceRoot":""}