{"version":3,"file":"1255728bf6fd41218f221ad60852a732819cec12-180d8b2dc90a5d0c8035.js","mappings":"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","sources":["webpack://baja-tu-seguro/./src/assets/images/bg.png","webpack://baja-tu-seguro/./src/components/molecules/InsuranceList.js","webpack://baja-tu-seguro/./src/components/atoms/BeneficiosList.js","webpack://baja-tu-seguro/./src/assets/images/product-detail/persons/RC_S2.png","webpack://baja-tu-seguro/./src/constants/index/productDetails.js","webpack://baja-tu-seguro/./src/components/pages/product-detail/Details.js","webpack://baja-tu-seguro/./src/components/pages/product-detail/Technology.js","webpack://baja-tu-seguro/./src/assets/images/application.png","webpack://baja-tu-seguro/./src/assets/images/attention.png","webpack://baja-tu-seguro/./src/assets/images/ipad/Avisos.png","webpack://baja-tu-seguro/./src/assets/images/ipad/Endosos.png","webpack://baja-tu-seguro/./src/assets/images/ipad/Historial_de_Siniestros.png","webpack://baja-tu-seguro/./src/assets/images/ipad/Hoy_no_Circula.png","webpack://baja-tu-seguro/./src/assets/images/ipad/Informacion_de_Pagos.png","webpack://baja-tu-seguro/./src/assets/images/ipad/Informacion_de_Polizas.png","webpack://baja-tu-seguro/./src/assets/images/ipad/Multas.png","webpack://baja-tu-seguro/./src/assets/images/product-detail/circle1.png","webpack://baja-tu-seguro/./src/assets/images/product-detail/circle2.png","webpack://baja-tu-seguro/./src/assets/images/product-detail/persons/GASTOS_MÉDICOS.png","webpack://baja-tu-seguro/./src/assets/images/product-detail/persons/HOGAR_S2.png","webpack://baja-tu-seguro/./src/assets/images/product-detail/persons/SALUD_S2.png","webpack://baja-tu-seguro/./src/assets/images/support.png","webpack://baja-tu-seguro/./src/assets/images/ipad/ sync ^\\.\\/.*\\.png$"],"sourcesContent":["export default __webpack_public_path__ + \"static/bg-3dcb9cd95d297353165c30db6b2cc5f5.png\";","import React from \"react\";\nimport { Link } from \"gatsby\";\nimport styled from \"styled-components\";\nimport bg from \"../../assets/images/bg.png\";\nimport { InsuranceList } from \"../../constants/index\";\n\nconst Insurance = ({\n\ttitle = \"Tenemos el seguro que necesitas\",\n\ttype,\n\tcurrent = \"\",\n}) => {\n\treturn (\n\t\t<Wrapper>\n\t\t\t<div\n\t\t\t\tclassName={type === \"persons\" ? \"container-fluid\" : \"container\"}\n\t\t\t\tstyle={\n\t\t\t\t\ttype === \"persons\"\n\t\t\t\t\t\t? { margin: \"0 auto\" }\n\t\t\t\t\t\t: { width: \"90%\", margin: \"0 auto\" }\n\t\t\t\t}>\n\t\t\t\t<div className='row'>\n\t\t\t\t\t<div className='col-md-12'>\n\t\t\t\t\t\t<h1 className='text-center'>{title}</h1>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className='row justify-content-center'>\n\t\t\t\t\t{InsuranceList[type]\n\t\t\t\t\t\t?.sort((a, b) => a?.key - b?.key)\n\t\t\t\t\t\t?.map(\n\t\t\t\t\t\t\t(list) =>\n\t\t\t\t\t\t\t\tlist.key !== current && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={list.key}\n\t\t\t\t\t\t\t\t\t\tclassName={`col-sm-12 col-md-${\n\t\t\t\t\t\t\t\t\t\t\ttype === \"persons\" ? 4 : 4\n\t\t\t\t\t\t\t\t\t\t}`}>\n\t\t\t\t\t\t\t\t\t\t<div className='card'>\n\t\t\t\t\t\t\t\t\t\t\t<div className='card-header'>{list.title}</div>\n\t\t\t\t\t\t\t\t\t\t\t<div className='card-body'>\n\t\t\t\t\t\t\t\t\t\t\t\t<img src={list.img} alt={list.title} />\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\t\t\t\tto={list?.path || \"#\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName='btn btn-warning'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tCotizar\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Wrapper>\n\t);\n};\n\nexport default Insurance;\n\n\nexport const Wrapper = styled.section`\n\tpadding: 80px 0;\n\tposition: relative;\n\tbackground-image: url(${bg});\n\theight: 100%;\n\twidth: 100%;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\tbackground-position: center;\n\n\t@media (min-width: 1200px) {\n\t\t.col-lg-3 {\n\t\t\tflex: 0 0 20%;\n\t\t\tmax-width: 20%;\n\t\t}\n\t}\n\n\t@media (max-width: 767px) {\n\t\tpadding: 50px 0;\n\t}\n\n\th1 {\n\t\tcolor: #5268c2;\n\t\tfont-size: 45px;\n\t\tfont-weight: 600;\n\n\t\t@media (max-width: 767px) {\n\t\t\tfont-size: 30px;\n\t\t}\n\t}\n\n\t.card {\n\t\tborder-radius: 35px;\n\t\tbox-shadow: 5px 5px 10px #00000029;\n\t\tborder: none;\n\t\tmargin-top: 30px;\n\n\t\t.card-header {\n\t\t\tborder-radius: 35px 35px 0px 0px;\n\t\t\tbackground: #5268c2;\n\t\t\tcolor: #fff;\n\t\t\ttext-align: center;\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 21px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tpadding: 14px 25px;\n\t\t\tmin-height: 72px;\n\t\t}\n\n\t\t.card-body {\n\t\t\ttext-align: center;\n\t\t\tpadding: 15px;\n\n\t\t\timg {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\t// @media (min-width: 576px) {\n\t\t\t\t// \theight: 100px;\n\t\t\t\t// }\n\t\t\t}\n\t\t}\n\t\tp {\n\t\t\tmargin-top: 15px;\n\t\t\tcolor: #5268c2;\n\t\t\tfont-size: 14px;\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t.btn {\n\t\t\tmargin-top: 15px;\n\t\t\twidth: 55%;\n\t\t\t@media (min-width: 576px) {\n\t\t\t\twidth: 90%;\n\t\t\t}\n\t\t}\n\t}\n`;\n","import React from \"react\";\nimport { StaticImage } from \"gatsby-plugin-image\";\n\nimport support from '../../assets/images/support.png'\nimport atention from '../../assets/images/attention.png'\nimport application from '../../assets/images/application.png'\n\nconst BeneficiosList = () => {\n  return (\n    <>\n      <div className=\"media\">\n        <img src={support} alt=\"support\" />\n        <div className=\"media-body\">\n          <h5 className=\"mt-0\">El mejor precio</h5>\n          <p>\n            Compara con todas las aseguradoras de México y encuentra el mejor\n            seguro para tus necesidades.\n          </p>\n        </div>\n      </div>\n      <div className=\"media\">\n        <img src={atention} alt=\"attention\" />\n        <div className=\"media-body\">\n          <h5 className=\"mt-0\">Atención 24/7</h5>\n          <p>\n            Nuestros usuarios cuentan con nuestros servicios 24 horas al día los\n            365 días del año.\n          </p>\n        </div>\n      </div>\n      <div className=\"media\">\n        <img\n          src={application}\n          alt=\"application\"\n        />\n        <div className=\"media-body\">\n          <h5 className=\"mt-0\">Aplicación móvil</h5>\n          <p>\n            Utiliza la aplicación móvil para reportar siniestros, recibir\n            notificaciones de pago y tener toda tu información disponible en\n            todo momento.\n          </p>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default BeneficiosList;\n","export default __webpack_public_path__ + \"static/RC_S2-05a62fa39a3e79810978012e91d8f26e.png\";","import React from \"react\";\nimport image1 from \"../../assets/images/product-detail/persons/GASTOS_MÉDICOS.png\";\nimport image2 from \"../../assets/images/product-detail/persons/HOGAR_S2.png\";\nimport image3 from \"../../assets/images/product-detail/persons/SALUD_S2.png\";\nimport image4 from \"../../assets/images/product-detail/persons/RC_S2.png\";\n\nexport const ProductDetailFormTitle = [\n\t{\n\t\tid: \"automovil\",\n\t\ttitle: <h5 className='text-center mb-1'>Sabemos lo importante &nbsp;</h5>,\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>\n\t\t\t\t\t<span className='text-primary'>que es tu coche para ti</span>\n\t\t\t\t</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n\t{\n\t\tid: \"flotilla\",\n\t\ttitle: (\n\t\t\t<h5 className='text-center mb-1'>\n\t\t\t\t<span className='text-primary'></span>{\" \"}\n\t\t\t\t<span className='text-primary'>i8 años</span>\n\t\t\t\t&nbsp;en México como\n\t\t\t</h5>\n\t\t),\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>\n\t\t\t\t\t<span className='text-primary'>Protegemos tus autos,</span>\n\t\t\t\t\t&nbsp;así como tus conductores.\n\t\t\t\t</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n\t{\n\t\tid: \"medical-expense\",\n\t\ttitle: (\n\t\t\t<h5 className='text-center mb-1'>\n\t\t\t\t<span className='text-primary'></span>{\" \"}\n\t\t\t\t<span className='text-primary'>i8 años</span>\n\t\t\t\t&nbsp;en México como\n\t\t\t</h5>\n\t\t),\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>\n\t\t\t\t\tlider del&nbsp; <span className='text-primary'>mercado digital!</span>\n\t\t\t\t</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n\t{\n\t\tid: \"medical-expense-group\",\n\t\ttitle: (\n\t\t\t<h5 className='text-center mb-1'>\n\t\t\t\t<span className='text-primary'>Salud para toda la empresa.</span>\n\t\t\t</h5>\n\t\t),\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>\n\t\t\t\t\tSabemos de lo importante que es para ti cuidar de los tuyos.&nbsp;{\" \"}\n\t\t\t\t\t<span className='text-primary'>Asesoría en análisis de riesgo</span>\n\t\t\t\t</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n\t{\n\t\tid: \"vida\",\n\t\ttitle: (\n\t\t\t<h5 className='text-center mb-1'>\n\t\t\t\t<span className='text-primary'>i8 años</span>\n\t\t\t\t&nbsp;en México como\n\t\t\t</h5>\n\t\t),\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>\n\t\t\t\t\tlider del&nbsp; <span className='text-primary'>mercado digital!</span>\n\t\t\t\t</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n\t{\n\t\tid: \"vida-grupo\",\n\t\ttitle: (\n\t\t\t<h5 className='text-center mb-1'>\n\t\t\t\t<span className='text-primary'>Tranquilidad </span>\n\t\t\t\t&nbsp;para tus colaboradores.\n\t\t\t</h5>\n\t\t),\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>\n\t\t\t\t\tSabemos lo importante &nbsp;{\" \"}\n\t\t\t\t\t<span className='text-primary'>\n\t\t\t\t\t\tque es para ellos cuidar de los suyos.\n\t\t\t\t\t</span>\n\t\t\t\t</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n\t{\n\t\tid: \"accident\",\n\t\ttitle: (\n\t\t\t<h5 className='text-center mb-1'>\n\t\t\t\t<span className='text-primary'>i8 años</span>\n\t\t\t\t&nbsp;en México como\n\t\t\t</h5>\n\t\t),\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>\n\t\t\t\t\tlider del&nbsp; <span className='text-primary'>mercado digital!</span>\n\t\t\t\t</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n\t{\n\t\tid: \"company_accident\",\n\t\ttitle: (\n\t\t\t<h5 className='text-center mb-1'>\n\t\t\t\t<span className='text-primary'>La mejor protección </span>\n\t\t\t</h5>\n\t\t),\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>&nbsp;al menor costo.</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n\t{\n\t\tid: \"hogar\",\n\t\ttitle: (\n\t\t\t<h5 className='text-center mb-1'>\n\t\t\t\t<span className='text-primary'>i8 años</span>\n\t\t\t\t&nbsp;en México como\n\t\t\t</h5>\n\t\t),\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>\n\t\t\t\t\tlider del&nbsp; <span className='text-primary'>mercado digital!</span>\n\t\t\t\t</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n\n\t{\n\t\tid: \"responsabilidad\",\n\t\ttitle: (\n\t\t\t<h5 className='text-center mb-1'>\n\t\t\t\t<span className='text-primary'>i8 años</span>\n\t\t\t\t&nbsp;en México como\n\t\t\t</h5>\n\t\t),\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>\n\t\t\t\t\tlider del&nbsp; <span className='text-primary'>mercado digital!</span>\n\t\t\t\t</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n\t{\n\t\tid: \"tractocamiones\",\n\t\ttitle: (\n\t\t\t<h5 className='text-center mb-1'>\n\t\t\t\t<span className='text-primary'>i8 años</span>\n\t\t\t\t&nbsp;en México como\n\t\t\t</h5>\n\t\t),\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>\n\t\t\t\t\tlider del&nbsp; <span className='text-primary'>mercado digital!</span>\n\t\t\t\t</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n\t{\n\t\tid: \"empresarial\",\n\t\ttitle: (\n\t\t\t<h5 className='text-center mb-1'>\n\t\t\t\t<span className='text-primary'>i8 años</span>\n\t\t\t\t&nbsp;en México como\n\t\t\t</h5>\n\t\t),\n\t\tsubTitle: (\n\t\t\t<h4 className='text-center mb-4'>\n\t\t\t\t<strong>\n\t\t\t\t\tlider del &nbsp;<span className='text-primary'>mercado digital!</span>\n\t\t\t\t</strong>\n\t\t\t</h4>\n\t\t),\n\t},\n];\n\nconst products = [\n\t{\n\t\timg: image1,\n\t\ttitle1: \"Tranquilidad\",\n\t\ttitle2: \"en tu vida\",\n\t\ttext: \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\",\n\t\tid: \"accidents\",\n\t},\n\t{\n\t\timg: image2,\n\t\ttitle1: \"Tranquilidad\",\n\t\ttitle2: \"en tu vida\",\n\t\ttext: \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\",\n\t\tid: \"hogar\",\n\t},\n\t{\n\t\timg: image3,\n\t\ttitle1: \"Tranquilidad\",\n\t\ttitle2: \"en tu vida\",\n\t\ttext: \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\",\n\t\tid: \"salud\",\n\t},\n\t{\n\t\timg: image4,\n\t\ttitle1: \"Tranquilidad\",\n\t\ttitle2: \"en tu vida\",\n\t\ttext: \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\",\n\t\tid: \"civil\",\n\t},\n];\n\nexport default products;\n","import React from \"react\";\nimport Beneficios from \"../../atoms/BeneficiosList\";\nimport styled from \"styled-components\";\nimport AutoForm from \"../landing-page/ModalForms/AutoForm\";\nimport { ProductDetailFormTitle } from \"../../../constants/index/productDetails\";\nimport { AllProductsForms } from \"../../../hooks\";\n\nconst FormTitle = (data) => (\n\t<>\n\t\t{data?.title}\n\t\t{data?.subTitle}\n\t</>\n);\n\nconst Details = ({ title, type, img, message }) => {\n\treturn (\n\t\t<Wrapper className='user-account benefit-section product-detail'>\n\t\t\t<div className='container'>\n\t\t\t\t<div className='row'>\n\t\t\t\t\t<div className='col-md-12'>\n\t\t\t\t\t\t<h1 className='text-center pb-2'>\n\t\t\t\t\t\t\t{title} {img && <img style={{ width: 180 }} src={img} alt='' />}\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className='col-md-12 col-lg-5'>\n\t\t\t\t\t\t<Beneficios />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className='col-md-12 col-lg-7 pl-lg-5'>\n\t\t\t\t\t\t<AllProductsForms\n\t\t\t\t\t\t\tmessage={message}\n\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\ttitle={FormTitle(\n\t\t\t\t\t\t\t\tProductDetailFormTitle.filter(\n\t\t\t\t\t\t\t\t\t(formTitle) => formTitle.id === type,\n\t\t\t\t\t\t\t\t)[0],\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Wrapper>\n\t);\n};\n\nexport default Details;\n\nconst Tabs = styled.p`\n\tfont-size: 29px;\n\tcolor: white;\n\twidth: 20px;\n\tcursor: pointer;\n\t&:first-child {\n\t\tmargin-right: 12px;\n\t}\n`;\n\nexport const Wrapper = styled.section`\n\t.mr-4,\n\t.mx-4 {\n\t\tmargin-right: 2.8rem !important;\n\t}\n\t.ml-masc {\n\t\tmargin-left: 2.2rem;\n\t}\n\t.active {\n\t\twidth: 20px;\n\t\tcolor: #3cdbc0 !important;\n\t\tborder-bottom: 4px solid white;\n\t}\n`;\n\nexport const Wrapperx = styled.section`\n\twidth: 602px;\n\tdisplay: flex;\n\tjustify-content: center;\n\tflex-direction: column;\n\talign-items: center;\n\tposition: relative;\n\tpadding: 10px;\n\tborder-radius: 20px;\n\twidth: 800px;\n\theight: auto;\n\ttop: -20px;\n\tleft: -140px;\n\tright: 0;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tz-index: 9999;\n\theight: auto;\n\t@media (max-width: 1191px) {\n\t\tleft: -200px;\n\t}\n\t@media (max-width: 992px) {\n\t\tleft: -120px;\n\t}\n\t@media (max-width: 768px) {\n\t\tleft: -25px;\n\t\twidth: 427px;\n\t\tmargin-top: 0%;\n\t}\n\n\t.items-center {\n\t\talign-items: left;\n\t\tjustify-content: center;\n\t}\n\t.flex {\n\t\tdisplay: flex;\n\t\talign-content: center;\n\n\t\t@media (max-width: 768px) {\n\t\t\tflex-direction: column;\n\t\t}\n\t}\n\n\t.active {\n\t\twidth: 20px;\n\t\tcolor: #3cdbc0 !important;\n\t\tborder-bottom: 4px solid white;\n\t}\n\n\t.input-icon {\n\t\talign-items: center;\n\t\tposition: relative;\n\n\t\tinput {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\tsvg {\n\t\t\tposition: absolute;\n\t\t\tcolor: grey;\n\t\t\tright: 0;\n\t\t\tmargin-right: 10px;\n\t\t\t@media (max-width: 768px) {\n\t\t\t\ttop: 8px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.form-group {\n\t\tdisplay: block;\n\t\tmargin-bottom: 15px;\n\n\t\t@media (max-width: 768px) {\n\t\t\tmargin-bottom: 5px;\n\t\t}\n\t}\n\n\t.form-group input {\n\t\tpadding: 0;\n\t\theight: initial;\n\t\twidth: initial;\n\t\tmargin-bottom: 0;\n\t\tdisplay: none;\n\t\tcursor: pointer;\n\t}\n\n\t.form-group label {\n\t\tposition: relative;\n\t\tcursor: pointer;\n\t\tcolor: white;\n\t}\n\n\t.form-group label:before {\n\t\tcontent: \"\";\n\t\t-webkit-appearance: none;\n\t\tbackground-color: transparent;\n\t\tborder: 2px solid white;\n\t\tbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),\n\t\t\tinset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);\n\t\tpadding: 10px;\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\tvertical-align: middle;\n\t\tcursor: pointer;\n\t\tmargin-right: 5px;\n\t}\n\n\t.form-group input:checked + label:after {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: 2px;\n\t\tleft: 9px;\n\t\twidth: 6px;\n\t\theight: 14px;\n\t\tborder: solid #0079bf;\n\t\tborder-width: 0 2px 2px 0;\n\t\ttransform: rotate(45deg);\n\t}\n\n\t[type=\"radio\"]:checked,\n\t[type=\"radio\"]:not(:checked) {\n\t\tposition: absolute;\n\t\tleft: -9999px;\n\t}\n\t[type=\"radio\"]:checked + label,\n\t[type=\"radio\"]:not(:checked) + label {\n\t\tposition: relative;\n\t\tpadding-left: 28px;\n\t\tcursor: pointer;\n\t\tline-height: 20px;\n\t\tdisplay: inline-block;\n\t\tcolor: #666;\n\t}\n\t[type=\"radio\"]:checked + label:before,\n\t[type=\"radio\"]:not(:checked) + label:before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tborder: 1px solid #ddd;\n\t\tborder-radius: 100%;\n\t\tbackground: #fff;\n\t}\n\t[type=\"radio\"]:checked + label:after,\n\t[type=\"radio\"]:not(:checked) + label:after {\n\t\tcontent: \"\";\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tborder: 2px solid white;\n\t\tbackground: #3cdbc0;\n\t\tposition: absolute;\n\n\t\tborder-radius: 100%;\n\t\t-webkit-transition: all 0.2s ease;\n\t\ttransition: all 0.2s ease;\n\t}\n\t[type=\"radio\"]:not(:checked) + label:after {\n\t\topacity: 0;\n\t\t-webkit-transform: scale(0);\n\t\ttransform: scale(0);\n\t}\n\t[type=\"radio\"]:checked + label:after {\n\t\topacity: 1;\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1);\n\t\tleft: 0;\n\t}\n\n\t.disabled {\n\t\tselect {\n\t\t\topacity: 0.8 !important;\n\t\t}\n\t}\n`;\n\nexport const Button = styled.button`\n\tbackground: #f89900;\n\tborder: 1px solid white;\n\tcolor: white;\n\ttext-align: center;\n\n\tpadding: 11px;\n\tborder-radius: 50px;\n\twidth: 140px;\n\tmargin-top: 2%;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tmargin-bottom: 2%;\n`;\n\nexport const Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const InputContainer = styled.div`\n\twidth: 80%;\n\tdisplay: flex;\n\tmargin-right: 10px;\n\talign-content: center;\n\tflex-direction: column;\n\n\t@media (max-width: 768px) {\n\t\twidth: 80%;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t\tmargin-top: 10px;\n\t}\n\n\tlabel {\n\t\tmargin-left: 10px;\n\t\tcolor: white;\n\t\tfont-size: 15px;\n\t\t@media (max-width: 768px) {\n\t\t\tmargin-left: 0px;\n\t\t}\n\t}\n\n\ttextarea {\n\t\tborder: none;\n\n\t\tborder-radius: 5px;\n\t\theight: 30px;\n\t\topacity: 0.6980392156862745;\n\t\tbackground: white;\n\t}\n\n\tinput {\n\t\tborder: none;\n\t\tpadding: 15px;\n\t\tborder-radius: 5px;\n\t\theight: 17px;\n\t\topacity: 1;\n\t\tbackground: white;\n\t}\n\n\t.custom-select-container {\n\t\tposition: relative;\n\t\t@media (max-width: 1191px) {\n\t\t\twidth: 140px;\n\t\t}\n\t\t@media (max-width: 768px) {\n\t\t\twidth: 324px;\n\t\t}\n\t\twidth: 160px;\n\t}\n\n\tselect {\n\t\twidth: 160px;\n\t\t@media (max-width: 1191px) {\n\t\t\twidth: 140px;\n\t\t}\n\t\t@media (max-width: 768px) {\n\t\t\twidth: 324px;\n\t\t}\n\n\t\tpadding: 2px;\n\t\tborder: none;\n\t\tborder-radius: 5px;\n\t\tbackground-color: #c3c5cd;\n\t\tcolor: white;\n\t\toutline: none;\n\t\tappearance: none;\n\t}\n\n\tspan {\n\t\tborder-top-right-radius: 5px;\n\t\tborder-bottom-right-radius: 5px;\n\t\tposition: absolute;\n\t\twidth: 30px;\n\t\theight: 100%;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tpointer-events: none;\n\t}\n\n\tspan::after {\n\t\tposition: absolute;\n\t\tcontent: \"\";\n\t\tborder-style: solid;\n\t\tborder-width: 7px;\n\t\tborder-color: #808080 transparent transparent transparent;\n\t\ttop: 47%;\n\t\tleft: 28%;\n\t}\n`;\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport { Link, graphql, useStaticQuery } from \"gatsby\";\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\";\n\nimport circleImg1 from \"../../../assets/images/product-detail/circle2.png\";\nimport circleImg2 from \"../../../assets/images/product-detail/circle1.png\";\n\nimport Informacion_de_Polizas from \"../../../assets/images/ipad/Informacion_de_Polizas.png\"\nimport Informacion_de_Pagos from \"../../../assets/images/ipad/Informacion_de_Pagos.png\"\nimport Historial_de_Siniestros from \"../../../assets/images/ipad/Historial_de_Siniestros.png\"\nimport Endosos from \"../../../assets/images/ipad/Endosos.png\"\nimport Hoy_no_Circula from \"../../../assets/images/ipad/Hoy_no_Circula.png\"\nimport Multas from '../../../assets/images/ipad/Multas.png'\nimport Avisos from '../../../assets/images/ipad/Avisos.png'\n\nconst query = graphql`\n\t{\n\t\tallFile(filter: { relativeDirectory: { eq: \"ipad\" }, ext: { ne: \"png\" } }) {\n\t\t\tnodes {\n\t\t\t\tname\n\t\t\t\tchildImageSharp {\n\t\t\t\t\tgatsbyImageData(placeholder: BLURRED, height: 550)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\nconst SectionWrapper = styled.section`\n\tpadding: 100px 0;\n\tposition: relative;\n\n\t.circle-img1 {\n\t\tposition: absolute;\n\t\twidth: 250px;\n\t\ttop: 10px;\n\t\tleft: 30%;\n\t\tz-index: -1;\n\t}\n\n\t.circle-img2 {\n\t\tposition: absolute;\n\t\twidth: 250px;\n\t\tbottom: 20px;\n\t\tright: 30%;\n\t\tz-index: -1;\n\t}\n\n\th1 {\n\t\tcolor: #5268c2;\n\t\tfont-weight: 700;\n\t\tmargin-bottom: 50px;\n\t}\n\t.tab-pane {\n\t\tmin-height: 550px;\n\t\t@media only screen and (max-width: 700px) {\n\t\t\tmin-height: 400px;\n\t\t}\n\t}\n`;\n\nconst imgNotification = (id) => {\n\tif(id === 'Informacion_de_Polizas') {\n\t\treturn <img src={Informacion_de_Polizas} alt={`${Informacion_de_Polizas}`} />\n\t}\n\telse if(id === 'Informacion_de_Polizas') {\n\t\treturn <img src={Informacion_de_Polizas} alt={`${Informacion_de_Polizas}`} />\n\t}\n\n\telse if(id === 'Informacion_de_Pagos') {\n\t\treturn <img src={Informacion_de_Pagos} alt={`${Informacion_de_Pagos}`} />\n\t}\n\telse if(id === 'Historial_de_Siniestros') {\n\t\treturn <img src={Historial_de_Siniestros} alt={`${Historial_de_Siniestros}`} />\n\t}\n\telse if(id === 'Endosos') {\n\t\treturn <img src={Endosos} alt={`${Endosos}`} />\n\t}\n\telse if(id === 'Hoy_no_Circula') {\n\t\treturn <img src={Hoy_no_Circula} alt={`${Hoy_no_Circula}`} />\n\t}\n\telse if(id === 'Multas') {\n\t\treturn <img src={Multas} alt={`${Multas}`} />\n\t}\n\telse if(id === 'Avisos') {\n\t\treturn <img src={Avisos} alt={`${Avisos}`} />\n\t}\n}\n\nconst Technologia = [\n\t{\n\t\tid: \"Informacion_de_Polizas\",\n\t\tdesc: \"Información de Pólizas\",\n\t},\n\t{\n\t\tid: \"Informacion_de_Pagos\",\n\t\tdesc: \"Información de Pagos\",\n\t},\n\t{\n\t\tid: \"Historial_de_Siniestros\",\n\t\tdesc: \"Historial de Siniestros\",\n\t},\n\t{\n\t\tid: \"Endosos\",\n\t\tdesc: \"Endosos\",\n\t},\n\t{\n\t\tid: \"Hoy_no_Circula\",\n\t\tdesc: \"Hoy no Circula\",\n\t},\n\t{\n\t\tid: \"Multas\",\n\t\tdesc: \"Multas\",\n\t},\n\t{\n\t\tid: \"Avisos\",\n\t\tdesc: \"Avisos\",\n\t},\n];\n\nconst Technology = ({ title }) => {\n\tconst [selected, setSelected] = useState(\"Informacion_de_Polizas\");\n\tconst data = useStaticQuery(query);\n\tconst nodes = data.allFile.nodes;\n\n\tconst GetImageByKey = (name) => {\n\t\tlet _img = null;\n\t\tObject.entries(nodes).filter((img) => {\n\t\t\tif (img[1].name === name) {\n\t\t\t\t// _img = getImage(img[1]);\n\t\t\t\t_img = require(`../../../assets/images/ipad/${name}.png`)\n\t\t\t}\n\t\t});\n\t\treturn _img;\n\t};\n\treturn (\n\t\t<SectionWrapper className='technology-section'>\n\t\t\t<img src={circleImg1} alt='circle1' className='circle-img1' />\n\t\t\t<div className='container'>\n\t\t\t\t{title && <h1 className='h1 text-center text-primary'>{title}</h1>}\n\t\t\t\t<h1 className='text-center'>\n\t\t\t\t\tTecnología = <span className='text-primary'>Simplicidad</span>\n\t\t\t\t</h1>\n\t\t\t\t<p\n\t\t\t\t\tclassName='text-center'\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor: \"#5268c2\",\n\t\t\t\t\t\tfontSize: 17,\n\t\t\t\t\t\tfontWeight: 600,\n\t\t\t\t\t}}>\n\t\t\t\t\tHay eventos que cuando ocurren, te causan una pérdida económica\n\t\t\t\t\timportante. <br />\n\t\t\t\t\tPor esta razón, contar con un seguro para tu auto te ayudará a manejar\n\t\t\t\t\ttranquilo. <br />\n\t\t\t\t\tEn caso de accidente, las consecuencias pueden ir desde un alto costo\n\t\t\t\t\tde reparación de tu vehículo, un gran daño material a otros vehículos\n\t\t\t\t\te incluso personas lesionadas. Con un seguro de auto, se podrá\n\t\t\t\t\tcompensar la pérdida o daño y tu situación económica no se verá\n\t\t\t\t\tafectada. <br />\n\t\t\t\t</p>\n\t\t\t\t<div className='row'>\n\t\t\t\t\t<div className='col-md-4 col-lg-3'>\n\t\t\t\t\t\t<div className='nav flex-column nav-pills'>\n\t\t\t\t\t\t\t{Technologia.map((tech, key) => (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tkey={tech.id + key}\n\t\t\t\t\t\t\t\t\tstyle={{ cursor: \"pointer\" }}\n\t\t\t\t\t\t\t\t\tonClick={() => setSelected(tech.id)}\n\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\tselected == tech.id ? \"nav-link active\" : \"nav-link \"\n\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\t{tech.desc}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className='col-md-8 col-lg-9'>\n\t\t\t\t\t\t<div className='tab-content'>\n\t\t\t\t\t\t\t{Technologia.map((tech, key) => (\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tkey={tech + key + 2}\n\t\t\t\t\t\t\t\t\tstyle={{ minHeight: 550 }}\n\t\t\t\t\t\t\t\t\tclassName={`tab-pane fade ${\n\t\t\t\t\t\t\t\t\t\ttech.id == selected ? \"show active\" : \"\"\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tid={tech.id}\n\t\t\t\t\t\t\t\t\trole='tabpanel'\n\t\t\t\t\t\t\t\t\taria-labelledby={tech.id + \"-tab\"}>\n\t\t\t\t\t\t\t\t\t{/* <GatsbyImage\n\t\t\t\t\t\t\t\t\t\tfadeIn={false}\n\t\t\t\t\t\t\t\t\t\timage={GetImageByKey(tech.id)}\n\t\t\t\t\t\t\t\t\t\talt='technology'\n\t\t\t\t\t\t\t\t\t/> */}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\timgNotification(tech.id)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<img src={circleImg2} alt='circle2' className='circle-img2' />\n\t\t</SectionWrapper>\n\t);\n};\n\nexport default Technology;\n","export default __webpack_public_path__ + \"static/application-4da50fdbcc0df54e80cc158e742294d6.png\";","export default __webpack_public_path__ + \"static/attention-672eba53dbd8be02bf6467645ed00cf9.png\";","export default __webpack_public_path__ + \"static/Avisos-c4ac7edd0021cd53e6ea44b56dbeede0.png\";","export default __webpack_public_path__ + \"static/Endosos-2383f232f39b4f367a5064c1c207eddb.png\";","export default __webpack_public_path__ + \"static/Historial_de_Siniestros-831f6095daabc55335d40275019415cd.png\";","export default __webpack_public_path__ + \"static/Hoy_no_Circula-5ec37da9d1021386806aa2e2e99e8974.png\";","export default __webpack_public_path__ + \"static/Informacion_de_Pagos-4f22f7de3c89d276e78e6adaf552f185.png\";","export default __webpack_public_path__ + \"static/Informacion_de_Polizas-5f06d55198df924c2acc4c7aa0fb184e.png\";","export default __webpack_public_path__ + \"static/Multas-a92959cc843c250ac2bc5efc30c4b8ec.png\";","export default __webpack_public_path__ + \"static/circle1-ce40a5de30787bf593e491cec7ec24bc.png\";","export default __webpack_public_path__ + \"static/circle2-8705d69c3e57656f8e3f634044175410.png\";","export default __webpack_public_path__ + \"static/GASTOS_MÉDICOS-f0399567297fadca20d0763d9843a5df.png\";","export default __webpack_public_path__ + \"static/HOGAR_S2-7eb49293be77a7cea7ffaaa546b8ff70.png\";","export default __webpack_public_path__ + \"static/SALUD_S2-397ba364b7711795852fa0d15642f210.png\";","export default __webpack_public_path__ + \"static/support-d1d8e0af83d4a9408d77e6e6c865df91.png\";","var map = {\n\t\"./Avisos.png\": 94069,\n\t\"./Endosos.png\": 33365,\n\t\"./Historial_de_Siniestros.png\": 22523,\n\t\"./Hoy_no_Circula.png\": 94613,\n\t\"./Informacion_de_Pagos.png\": 15588,\n\t\"./Informacion_de_Polizas.png\": 72779,\n\t\"./Multas.png\": 20661\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 53544;"],"names":["title","type","current","Wrapper","className","style","margin","width","InsuranceList","sort","a","b","key","map","list","src","img","alt","to","path","styled","bg","support","atention","application","ProductDetailFormTitle","id","subTitle","image1","image2","image3","data","message","filter","formTitle","SectionWrapper","Technologia","desc","useState","selected","setSelected","useStaticQuery","allFile","nodes","circleImg1","color","fontSize","fontWeight","tech","cursor","onClick","minHeight","role","Informacion_de_Polizas","Informacion_de_Pagos","Historial_de_Siniestros","Endosos","Hoy_no_Circula","Multas","Avisos","circleImg2","webpackContext","req","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports"],"sourceRoot":""}