{"id":759,"date":"2026-07-07T17:23:30","date_gmt":"2026-07-07T17:23:30","guid":{"rendered":"https:\/\/jgr.pe\/?page_id=759"},"modified":"2026-07-09T15:03:35","modified_gmt":"2026-07-09T15:03:35","slug":"diseno-y-pintura","status":"publish","type":"page","link":"https:\/\/jgr.pe\/index.php\/diseno-y-pintura\/","title":{"rendered":"Dise\u00f1o y Pintura"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"759\" class=\"elementor elementor-759\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ed80b6 e-con-full e-flex e-con e-parent\" data-id=\"7ed80b6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4cbca2 elementor-widget elementor-widget-spacer\" data-id=\"b4cbca2\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 15-04-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc49f78 elementor-widget elementor-widget-spacer\" data-id=\"dc49f78\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c4276f e-flex e-con-boxed e-con e-parent\" data-id=\"2c4276f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e21d2d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"4e21d2d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     1) HERO BANNER - P\u00e1gina de servicio (ej. Dise\u00f1o y Pintura)\r\n     Pega este bloque en un \"HTML personalizado\" al inicio de la p\u00e1gina\r\n=================================================================== -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  .jgr-hero, .jgr-hero *{ box-sizing:border-box; font-family:'Poppins',sans-serif; }\r\n  .jgr-hero{\r\n    width:100vw; max-width:100vw; position:relative;\r\n    left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\r\n  }\r\n  .jgr-hero-inner{\r\n    position:relative;\r\n    min-height:560px;\r\n    display:flex;\r\n    align-items:center;\r\n    background:#606060;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-hero-inner::before{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background-image:url('https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-7-jul-2026-03_30_24-p.m.png');\r\n    background-size:cover;\r\n    background-position:center 20%;\r\n  }\r\n  .jgr-hero-inner::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background:linear-gradient(90deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.15) 100%);\r\n  }\r\n  .jgr-hero-content{\r\n    position:relative; z-index:2;\r\n    max-width:640px;\r\n    padding:0 24px 0 56px;\r\n    opacity:0; transform:translateY(24px);\r\n    animation:jgrHeroIn .8s ease forwards .1s;\r\n  }\r\n  @keyframes jgrHeroIn{ to{opacity:1; transform:translateY(0);} }\r\n\r\n  .jgr-hero-badge{\r\n    display:inline-block;\r\n    background:#0081DD;\r\n    color:#FFFFFF;\r\n    font-size:.78rem;\r\n    font-weight:700;\r\n    letter-spacing:.06em;\r\n    text-transform:uppercase;\r\n    padding:8px 18px;\r\n    border-radius:50px;\r\n    margin-bottom:20px;\r\n  }\r\n  .jgr-hero-content h1{\r\n    color:#FFFFFF;\r\n    font-size:2.6rem;\r\n    font-weight:800;\r\n    line-height:1.2;\r\n    margin:0 0 16px;\r\n  }\r\n  .jgr-hero-content p{\r\n    color:#f1f1f1;\r\n    font-size:1.05rem;\r\n    line-height:1.6;\r\n    margin:0 0 32px;\r\n  }\r\n  .jgr-hero-ctas{ display:flex; gap:16px; flex-wrap:wrap; }\r\n  .jgr-hero-btn{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    padding:15px 30px;\r\n    border-radius:50px;\r\n    font-weight:700;\r\n    font-size:.95rem;\r\n    text-decoration:none;\r\n    transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\r\n  }\r\n  .jgr-hero-btn.primary{\r\n    background:#0081DD; color:#FFFFFF;\r\n  }\r\n  .jgr-hero-btn.primary:hover{\r\n    background:#FFFFFF; color:#0081DD;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 10px 22px rgba(0,0,0,.25);\r\n  }\r\n  .jgr-hero-btn.whatsapp{\r\n    background:#FFFFFF; color:#606060;\r\n  }\r\n  .jgr-hero-btn.whatsapp:hover{\r\n    background:#25D366; color:#FFFFFF;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 10px 22px rgba(0,0,0,.25);\r\n  }\r\n  .jgr-hero-btn svg{ width:18px; height:18px; }\r\n\r\n  @media (max-width:768px){\r\n    .jgr-hero-inner{ min-height:460px; }\r\n    .jgr-hero-content{ max-width:90%; padding:0 24px; }\r\n    .jgr-hero-content h1{ font-size:1.8rem; }\r\n    .jgr-hero-content p{ font-size:.95rem; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-hero\">\r\n  <div class=\"jgr-hero-inner\">\r\n    <div class=\"jgr-hero-content\">\r\n      <span class=\"jgr-hero-badge\">Dise\u00f1o y Pintura<\/span>\r\n      <h1>Le damos color e identidad a tu negocio<\/h1>\r\n      <p>Dise\u00f1o y pintura de logotipos, fachadas y ambientes industriales, con acabados profesionales y duraderos en Lima y provincias.<\/p>\r\n      <div class=\"jgr-hero-ctas\">\r\n        <a class=\"jgr-hero-btn primary\" href=\"#contacto\">Cotiza tu proyecto<\/a>\r\n        <a class=\"jgr-hero-btn whatsapp\" href=\"https:\/\/wa.me\/51949805029\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2Zm0 18.1h-.01c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.15 8.15 0 0 1-1.26-4.42c0-4.51 3.68-8.19 8.2-8.19 2.19 0 4.25.85 5.79 2.4a8.13 8.13 0 0 1 2.4 5.8c0 4.51-3.69 8.27-8.13 8.27Z\"\/><\/svg>\r\n          WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a4254a e-flex e-con-boxed e-con e-parent\" data-id=\"2a4254a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca29d91 elementor-widget elementor-widget-html\" data-id=\"ca29d91\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     4) OTROS SERVICIOS - Tarjetas \"Spotlight\" (versi\u00f3n m\u00e1s llamativa)\r\n     Pega este bloque donde iban las tarjetas anteriores\r\n=================================================================== -->\r\n<style>\r\n.jgr-servicios2, .jgr-servicios2 *{ box-sizing:border-box; font-family:'Poppins',sans-serif; }\r\n.jgr-servicios2{\r\n  max-width:1280px;\r\n  margin:60px auto;\r\n  padding:0 24px;\r\n}\r\n.jgr-servicios2 > h2{\r\n  text-align:center;\r\n  font-size:2rem;\r\n  font-weight:800;\r\n  color:#606060;\r\n  margin:0 0 40px;\r\n}\r\n.jgr-servicios2 > h2 span{ color:#0081DD; }\r\n\r\n.jgr-servicios2-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:26px;\r\n}\r\n\r\n.jgr-scard{\r\n  position:relative;\r\n  height:420px;\r\n  border-radius:14px;\r\n  overflow:hidden;\r\n  cursor:pointer;\r\n  opacity:0;\r\n  transform:translateY(28px);\r\n  animation:jgrScardIn .7s ease forwards;\r\n  transition:transform .4s cubic-bezier(.22,.61,.36,1), box-shadow .4s ease;\r\n  box-shadow:0 10px 24px rgba(0,0,0,.12);\r\n}\r\n.jgr-scard:nth-child(1){animation-delay:.05s;}\r\n.jgr-scard:nth-child(2){animation-delay:.2s;}\r\n.jgr-scard:nth-child(3){animation-delay:.35s;}\r\n@keyframes jgrScardIn{ to{opacity:1; transform:translateY(0);} }\r\n\r\n.jgr-scard:hover{\r\n  transform:translateY(-10px);\r\n  box-shadow:0 26px 44px rgba(0,129,221,.32);\r\n}\r\n\r\n.jgr-scard-bar{\r\n  position:absolute;\r\n  top:0; left:0;\r\n  height:5px;\r\n  width:0%;\r\n  background:#0081DD;\r\n  z-index:3;\r\n  transition:width .45s ease;\r\n}\r\n.jgr-scard:hover .jgr-scard-bar{ width:100%; }\r\n\r\n.jgr-scard img{\r\n  position:absolute; inset:0;\r\n  width:100%; height:100%;\r\n  object-fit:cover;\r\n  transition:transform .6s ease, filter .6s ease;\r\n}\r\n.jgr-scard:hover img{\r\n  transform:scale(1.12) rotate(1deg);\r\n}\r\n\r\n.jgr-scard-tag{\r\n  position:absolute;\r\n  top:22px; left:22px;\r\n  z-index:2;\r\n  background:rgba(255,255,255,.92);\r\n  color:#0081DD;\r\n  font-size:.7rem;\r\n  font-weight:800;\r\n  letter-spacing:.06em;\r\n  text-transform:uppercase;\r\n  padding:7px 14px;\r\n  border-radius:50px;\r\n}\r\n\r\n.jgr-scard-overlay{\r\n  position:absolute; inset:0;\r\n  z-index:2;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:flex-end;\r\n  padding:26px;\r\n  background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.55) 68%, rgba(0,0,0,.88) 100%);\r\n}\r\n\r\n.jgr-scard-overlay h3{\r\n  color:#FFFFFF;\r\n  font-size:1.35rem;\r\n  font-weight:800;\r\n  margin:0 0 8px;\r\n  line-height:1.25;\r\n}\r\n\r\n.jgr-scard-desc{\r\n  max-height:0;\r\n  opacity:0;\r\n  overflow:hidden;\r\n  transition:max-height .45s ease, opacity .35s ease, margin .35s ease;\r\n}\r\n.jgr-scard:hover .jgr-scard-desc{\r\n  max-height:100px;\r\n  opacity:1;\r\n  margin-bottom:14px;\r\n}\r\n.jgr-scard-desc p{\r\n  margin:0;\r\n  color:#eaeaea;\r\n  font-size:.9rem;\r\n  line-height:1.5;\r\n}\r\n\r\n.jgr-scard-link{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  align-self:flex-start;\r\n  font-size:.8rem;\r\n  font-weight:800;\r\n  letter-spacing:.04em;\r\n  text-transform:uppercase;\r\n  color:#FFFFFF;\r\n  text-decoration:none;\r\n  background:#0081DD;\r\n  padding:11px 20px;\r\n  border-radius:50px;\r\n  transform:translateY(10px);\r\n  opacity:0;\r\n  transition:transform .35s ease, opacity .35s ease, background .25s ease;\r\n}\r\n.jgr-scard:hover .jgr-scard-link{\r\n  transform:translateY(0);\r\n  opacity:1;\r\n}\r\n.jgr-scard-link:hover{ background:#FFFFFF; color:#0081DD; }\r\n.jgr-scard-link svg{ width:14px; height:14px; transition:transform .3s ease; }\r\n.jgr-scard-link:hover svg{ transform:translateX(4px); }\r\n\r\n@media (max-width:980px){\r\n  .jgr-servicios2-grid{ grid-template-columns:1fr; }\r\n  .jgr-scard-desc{ max-height:100px; opacity:1; margin-bottom:14px; }\r\n  .jgr-scard-link{ transform:translateY(0); opacity:1; }\r\n  .jgr-scard-bar{ width:100%; }\r\n}\r\n\r\n\/* ---------- MODAL \/ LIGHTBOX ---------- *\/\r\n.jgr-modal-overlay{\r\n  position:fixed; inset:0;\r\n  background:rgba(0,0,0,.75);\r\n  z-index:9999;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:24px;\r\n  opacity:0;\r\n  visibility:hidden;\r\n  transition:opacity .3s ease, visibility .3s ease;\r\n}\r\n.jgr-modal-overlay.open{\r\n  opacity:1;\r\n  visibility:visible;\r\n}\r\n.jgr-modal{\r\n  position:relative;\r\n  background:#FFFFFF;\r\n  max-width:920px;\r\n  width:100%;\r\n  max-height:88vh;\r\n  border-radius:14px;\r\n  overflow:hidden;\r\n  display:grid;\r\n  grid-template-columns:1.1fr 1fr;\r\n  transform:scale(.92) translateY(16px);\r\n  transition:transform .35s cubic-bezier(.22,.61,.36,1);\r\n}\r\n.jgr-modal-overlay.open .jgr-modal{\r\n  transform:scale(1) translateY(0);\r\n}\r\n.jgr-modal-img{\r\n  position:relative;\r\n  min-height:320px;\r\n  background:#606060;\r\n}\r\n.jgr-modal-img img{\r\n  width:100%; height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n}\r\n.jgr-modal-tag{\r\n  position:absolute;\r\n  top:20px; left:20px;\r\n  background:rgba(255,255,255,.92);\r\n  color:#0081DD;\r\n  font-size:.7rem;\r\n  font-weight:800;\r\n  letter-spacing:.06em;\r\n  text-transform:uppercase;\r\n  padding:7px 14px;\r\n  border-radius:50px;\r\n}\r\n.jgr-modal-body{\r\n  padding:36px 32px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  overflow-y:auto;\r\n}\r\n.jgr-modal-body h3{\r\n  font-size:1.6rem;\r\n  font-weight:800;\r\n  color:#606060;\r\n  margin:0 0 16px;\r\n  line-height:1.25;\r\n}\r\n.jgr-modal-body p{\r\n  font-size:.98rem;\r\n  line-height:1.65;\r\n  color:#8a8a8a;\r\n  margin:0 0 28px;\r\n}\r\n.jgr-modal-cta{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  align-self:flex-start;\r\n  background:#0081DD;\r\n  color:#FFFFFF !important;\r\n  font-weight:700;\r\n  font-size:.92rem;\r\n  text-decoration:none;\r\n  padding:14px 28px;\r\n  border-radius:50px;\r\n  transition:background .25s ease, color .25s ease, transform .25s ease;\r\n}\r\n.jgr-modal-cta:hover{\r\n  background:#606060 !important;\r\n  color:#FFFFFF !important;\r\n  transform:translateY(-2px);\r\n}\r\n.jgr-modal-cta:hover svg{\r\n  color:#FFFFFF !important;\r\n}\r\n.jgr-modal-cta svg{ width:18px; height:18px; }\r\n\r\n.jgr-modal-close{\r\n  position:absolute;\r\n  top:16px; right:16px;\r\n  z-index:20;\r\n  width:38px; height:38px;\r\n  min-width:38px; min-height:38px;\r\n  flex-shrink:0;\r\n  border-radius:50%;\r\n  background:rgba(0,0,0,.5);\r\n  color:#FFFFFF;\r\n  border:none;\r\n  outline:none;\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n  margin:0;\r\n  padding:0;\r\n  line-height:0;\r\n  font-size:0;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  cursor:pointer;\r\n  transition:background .25s ease, transform .25s ease;\r\n}\r\n.jgr-modal-close:hover{\r\n  background:#0081DD;\r\n  transform:rotate(90deg);\r\n}\r\n.jgr-modal-close svg{\r\n  width:16px;\r\n  height:16px;\r\n  display:block;\r\n  pointer-events:none;\r\n}\r\n\r\n@media (max-width:720px){\r\n  .jgr-modal{ grid-template-columns:1fr; max-height:92vh; overflow-y:auto; }\r\n  .jgr-modal-img{ min-height:220px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jgr-servicios2\">\r\n  <h2>Nuestros trabajos en <span>Dise\u00f1o y Pintura<\/span><\/h2>\r\n\r\n  <div class=\"jgr-servicios2-grid\">\r\n\r\n    <div class=\"jgr-scard\"\r\n         data-img=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/4.png\"\r\n         data-tag=\"Dise\u00f1o y Pintura\"\r\n         data-title=\"Logotipos industriales\"\r\n         data-desc=\"Dise\u00f1o y pintura de logotipos con pintura brillante en las entradas principales de plantas industriales, aplicando t\u00e9cnicas de alta precisi\u00f3n para lograr acabados n\u00edtidos y duraderos incluso en superficies met\u00e1licas expuestas a la intemperie.\">\r\n      <div class=\"jgr-scard-bar\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/4.png\" alt=\"Dise\u00f1o y pintura de logotipos industriales\">\r\n      <span class=\"jgr-scard-tag\">Dise\u00f1o y Pintura<\/span>\r\n      <div class=\"jgr-scard-overlay\">\r\n        <h3>Logotipos industriales<\/h3>\r\n        <div class=\"jgr-scard-desc\">\r\n          <p>Dise\u00f1o y pintura de logotipos con acabado brillante en fachadas y entradas de plantas industriales.<\/p>\r\n        <\/div>\r\n        <a class=\"jgr-scard-link\" href=\"#\">\r\n          Ver proyectos\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jgr-scard\"\r\n         data-img=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/3.png\"\r\n         data-tag=\"Dise\u00f1o y Pintura\"\r\n         data-title=\"Fachadas industriales\"\r\n         data-desc=\"Pintado de fachadas y muros perim\u00e9tricos en plantas industriales, con preparaci\u00f3n de superficie, sellado y aplicaci\u00f3n de pintura de alta resistencia para proteger la estructura del desgaste y darle una imagen renovada.\">\r\n      <div class=\"jgr-scard-bar\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/3.png\" alt=\"Pintado de fachadas industriales\">\r\n      <span class=\"jgr-scard-tag\">Dise\u00f1o y Pintura<\/span>\r\n      <div class=\"jgr-scard-overlay\">\r\n        <h3>Fachadas industriales<\/h3>\r\n        <div class=\"jgr-scard-desc\">\r\n          <p>Pintado de fachadas y muros perim\u00e9tricos, con acabados resistentes al desgaste y la intemperie.<\/p>\r\n        <\/div>\r\n        <a class=\"jgr-scard-link\" href=\"#\">\r\n          Ver proyectos\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jgr-scard\"\r\n         data-img=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/2.png\"\r\n         data-tag=\"Dise\u00f1o y Pintura\"\r\n         data-title=\"Acabado en l\u00e1tex blanco\"\r\n         data-desc=\"Aplicaci\u00f3n de pintura l\u00e1tex blanco en ambientes industriales y comerciales, como parte de proyectos de remodelaci\u00f3n integral, logrando un acabado uniforme, limpio y de larga duraci\u00f3n.\">\r\n      <div class=\"jgr-scard-bar\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/2.png\" alt=\"Acabado en pintura l\u00e1tex blanco\">\r\n      <span class=\"jgr-scard-tag\">Dise\u00f1o y Pintura<\/span>\r\n      <div class=\"jgr-scard-overlay\">\r\n        <h3>Acabado en l\u00e1tex blanco<\/h3>\r\n        <div class=\"jgr-scard-desc\">\r\n          <p>Aplicaci\u00f3n de pintura l\u00e1tex blanco en ambientes industriales y comerciales, con acabado uniforme.<\/p>\r\n        <\/div>\r\n        <a class=\"jgr-scard-link\" href=\"#\">\r\n          Ver proyectos\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- MODAL \/ LIGHTBOX -->\r\n<div class=\"jgr-modal-overlay\" id=\"jgrModalOverlay\">\r\n  <div class=\"jgr-modal\">\r\n    <button class=\"jgr-modal-close\" id=\"jgrModalClose\" aria-label=\"Cerrar\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n    <\/button>\r\n    <div class=\"jgr-modal-img\">\r\n      <span class=\"jgr-modal-tag\" id=\"jgrModalTag\">Servicio<\/span>\r\n      <img decoding=\"async\" id=\"jgrModalImg\" src=\"\" alt=\"\">\r\n    <\/div>\r\n    <div class=\"jgr-modal-body\">\r\n      <h3 id=\"jgrModalTitle\">T\u00edtulo del servicio<\/h3>\r\n      <p id=\"jgrModalDesc\">Descripci\u00f3n del servicio.<\/p>\r\n      <a class=\"jgr-modal-cta\" href=\"https:\/\/wa.me\/51949805029\" target=\"_blank\" rel=\"noopener\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2Zm0 18.1h-.01c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.15 8.15 0 0 1-1.26-4.42c0-4.51 3.68-8.19 8.2-8.19 2.19 0 4.25.85 5.79 2.4a8.13 8.13 0 0 1 2.4 5.8c0 4.51-3.69 8.27-8.13 8.27Z\"\/><\/svg>\r\n        Consultar por este servicio\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const cards = document.querySelectorAll('.jgr-scard');\r\n  const overlay = document.getElementById('jgrModalOverlay');\r\n  const closeBtn = document.getElementById('jgrModalClose');\r\n  const modalImg = document.getElementById('jgrModalImg');\r\n  const modalTag = document.getElementById('jgrModalTag');\r\n  const modalTitle = document.getElementById('jgrModalTitle');\r\n  const modalDesc = document.getElementById('jgrModalDesc');\r\n\r\n  function openModal(card){\r\n    modalImg.src = card.getAttribute('data-img');\r\n    modalImg.alt = card.getAttribute('data-title');\r\n    modalTag.textContent = card.getAttribute('data-tag');\r\n    modalTitle.textContent = card.getAttribute('data-title');\r\n    modalDesc.textContent = card.getAttribute('data-desc');\r\n    overlay.classList.add('open');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n  function closeModal(){\r\n    overlay.classList.remove('open');\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  cards.forEach(card => {\r\n    card.addEventListener('click', (e) => {\r\n      \/\/ si el click fue directamente en el bot\u00f3n \"Ver proyectos\", igual abrimos el modal\r\n      e.preventDefault();\r\n      openModal(card);\r\n    });\r\n  });\r\n\r\n  closeBtn.addEventListener('click', closeModal);\r\n  overlay.addEventListener('click', (e) => {\r\n    if (e.target === overlay) closeModal();\r\n  });\r\n  document.addEventListener('keydown', (e) => {\r\n    if (e.key === 'Escape') closeModal();\r\n  });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bfa4f5f e-con-full e-flex e-con e-parent\" data-id=\"bfa4f5f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5c20c2 elementor-widget elementor-widget-html\" data-id=\"d5c20c2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     GALER\u00cdA \"CONOCE NUESTROS TRABAJOS EN PINTURA\" - Carrusel 2 columnas\r\n     Pega este bloque completo en un \"HTML personalizado\" de WordPress\r\n=================================================================== -->\r\n<style>\r\n  .jgr-gp, .jgr-gp *{ box-sizing:border-box; font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif; }\r\n  .jgr-gp{\r\n    max-width:1280px;\r\n    margin:50px auto;\r\n    padding:0 24px;\r\n  }\r\n  .jgr-gp-head{\r\n    text-align:center;\r\n    margin-bottom:26px;\r\n  }\r\n  .jgr-gp-head h2{\r\n    font-size:1.7rem;\r\n    font-weight:800;\r\n    letter-spacing:.03em;\r\n    text-transform:uppercase;\r\n    color:#111;\r\n    margin:0 0 14px;\r\n  }\r\n  .jgr-gp-contact{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-size:.8rem;\r\n    font-weight:700;\r\n    letter-spacing:.03em;\r\n    color:#0081DD;\r\n    text-decoration:none;\r\n    border:1.5px solid #0081DD;\r\n    padding:8px 20px;\r\n    border-radius:50px;\r\n    transition:background .25s ease, color .25s ease;\r\n  }\r\n  .jgr-gp-contact:hover{\r\n    background:#0081DD;\r\n    color:#FFFFFF;\r\n  }\r\n  .jgr-gp-contact svg{ width:14px; height:14px; }\r\n\r\n  \/* ---- carrusel ---- *\/\r\n  .jgr-gp-viewport{\r\n    position:relative;\r\n    overflow:hidden;\r\n    cursor:grab;\r\n    user-select:none;\r\n    touch-action:pan-y;\r\n  }\r\n  .jgr-gp-viewport:active{ cursor:grabbing; }\r\n\r\n  .jgr-gp-track{\r\n    display:flex;\r\n    transition:transform .5s cubic-bezier(.22,.61,.36,1);\r\n    will-change:transform;\r\n  }\r\n  .jgr-gp-track.dragging{ transition:none; }\r\n\r\n  .jgr-gp-slide{\r\n    flex:0 0 100%;\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    grid-auto-rows:280px;\r\n    gap:8px;\r\n  }\r\n\r\n  .jgr-gp-item{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:6px;\r\n    cursor:zoom-in;\r\n  }\r\n  .jgr-gp-item img{\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n    transition:transform .5s ease;\r\n  }\r\n  .jgr-gp-item:hover img{ transform:scale(1.08); }\r\n\r\n  .jgr-gp-item::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background:rgba(0,129,221,0);\r\n    transition:background .3s ease;\r\n    pointer-events:none;\r\n  }\r\n  .jgr-gp-item:hover::after{ background:rgba(0,129,221,.12); }\r\n\r\n  .jgr-gp-zoom{\r\n    position:absolute;\r\n    bottom:14px; right:14px;\r\n    width:34px; height:34px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.92);\r\n    color:#0081DD;\r\n    display:flex; align-items:center; justify-content:center;\r\n    opacity:0;\r\n    transform:translateY(8px);\r\n    transition:opacity .3s ease, transform .3s ease;\r\n  }\r\n  .jgr-gp-item:hover .jgr-gp-zoom{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n  .jgr-gp-zoom svg{ width:16px; height:16px; }\r\n\r\n  .jgr-gp-dots{\r\n    display:flex;\r\n    justify-content:center;\r\n    gap:10px;\r\n    margin-top:22px;\r\n  }\r\n  .jgr-gp-dot{\r\n    width:9px; height:9px;\r\n    border-radius:50%;\r\n    background:#d7d7d7;\r\n    border:none;\r\n    padding:0;\r\n    cursor:pointer;\r\n    transition:background .2s ease, transform .2s ease;\r\n  }\r\n  .jgr-gp-dot.active{\r\n    background:#0081DD;\r\n    transform:scale(1.2);\r\n  }\r\n\r\n  \/* ---- lightbox ---- *\/\r\n  .jgr-gp-lightbox{\r\n    position:fixed; inset:0;\r\n    background:rgba(20,20,20,.92);\r\n    z-index:9999;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:32px;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transition:opacity .3s ease, visibility .3s ease;\r\n  }\r\n  .jgr-gp-lightbox.open{ opacity:1; visibility:visible; }\r\n  .jgr-gp-lightbox img{\r\n    max-width:100%;\r\n    max-height:88vh;\r\n    border-radius:6px;\r\n    transform:scale(.92);\r\n    transition:transform .35s cubic-bezier(.22,.61,.36,1);\r\n    box-shadow:0 20px 60px rgba(0,0,0,.5);\r\n  }\r\n  .jgr-gp-lightbox.open img{ transform:scale(1); }\r\n\r\n  .jgr-gp-lightbox-close{\r\n    position:fixed;\r\n    top:22px; right:22px;\r\n    width:42px; height:42px;\r\n    min-width:42px; min-height:42px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.12);\r\n    color:#FFFFFF;\r\n    border:none;\r\n    outline:none;\r\n    appearance:none;\r\n    margin:0; padding:0;\r\n    display:flex; align-items:center; justify-content:center;\r\n    cursor:pointer;\r\n    transition:background .25s ease, transform .25s ease;\r\n  }\r\n  .jgr-gp-lightbox-close:hover{\r\n    background:#0081DD;\r\n    transform:rotate(90deg);\r\n  }\r\n  .jgr-gp-lightbox-close svg{ width:18px; height:18px; }\r\n\r\n  @media (max-width:768px){\r\n    .jgr-gp-slide{ grid-auto-rows:200px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-gp\">\r\n  <div class=\"jgr-gp-head\">\r\n    <h2>Conoce nuestros trabajos en Pintura<\/h2>\r\n    <a class=\"jgr-gp-contact\" href=\"https:\/\/wa.me\/51949805029\" target=\"_blank\" rel=\"noopener\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2Zm0 18.1h-.01c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.15 8.15 0 0 1-1.26-4.42c0-4.51 3.68-8.19 8.2-8.19 2.19 0 4.25.85 5.79 2.4a8.13 8.13 0 0 1 2.4 5.8c0 4.51-3.69 8.27-8.13 8.27Z\"\/><\/svg>\r\n      Cont\u00e1ctanos\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"jgr-gp-viewport\" id=\"jgrGpViewport\">\r\n    <div class=\"jgr-gp-track\" id=\"jgrGpTrack\">\r\n\r\n      <div class=\"jgr-gp-slide\">\r\n        <div class=\"jgr-gp-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/b30c9216-e990-497b-96bc-8d806d9b7bbc.jpg\" alt=\"Trabajo de pintura JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-gp-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n        <div class=\"jgr-gp-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/b50a3ad6-22ef-4483-b714-aa36d871e40b.jpg\" alt=\"Trabajo de pintura JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-gp-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n        <div class=\"jgr-gp-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ee6c9cfe-2f5a-4b46-b79f-eb86f1853727.jpg\" alt=\"Trabajo de pintura JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-gp-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n        <div class=\"jgr-gp-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/77f254bc-9522-41a9-894c-f271d51bbf71.jpg\" alt=\"Trabajo de pintura JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-gp-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jgr-gp-slide\">\r\n        <div class=\"jgr-gp-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/926f4e7e-1d93-499e-8cc2-5705f2f9c8c0.jpg\" alt=\"Trabajo de pintura JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-gp-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n        <div class=\"jgr-gp-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/80ccc668-9161-4857-aa46-2da86d62b107.jpg\" alt=\"Trabajo de pintura JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-gp-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n        <div class=\"jgr-gp-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/743d0350-3eb6-4788-b205-edd5e37a3a9e.jpg\" alt=\"Trabajo de pintura JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-gp-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n        <div class=\"jgr-gp-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/d992723b-3d6c-482b-9da9-bf84930dfb3b.jpg\" alt=\"Trabajo de pintura JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-gp-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"jgr-gp-dots\" id=\"jgrGpDots\"><\/div>\r\n<\/div>\r\n\r\n<!-- LIGHTBOX -->\r\n<div class=\"jgr-gp-lightbox\" id=\"jgrGpLightbox\">\r\n  <button class=\"jgr-gp-lightbox-close\" id=\"jgrGpLightboxClose\" aria-label=\"Cerrar\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n  <\/button>\r\n  <img decoding=\"async\" id=\"jgrGpLightboxImg\" src=\"\" alt=\"\">\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const AUTOPLAY_MS = 4500;\r\n\r\n  \/\/ Seguridad extra: si alg\u00fan plugin de lazy-load reemplaz\u00f3 el src real\r\n  \/\/ por un data-src \/ data-lazy-src, lo restauramos de inmediato.\r\n  function forceRealSrc(root){\r\n    root.querySelectorAll('img').forEach(img => {\r\n      const real = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.getAttribute('data-original');\r\n      if (real && img.src !== real) {\r\n        img.src = real;\r\n      }\r\n      img.loading = 'eager';\r\n      img.removeAttribute('data-src');\r\n      img.removeAttribute('data-lazy-src');\r\n      img.classList.remove('lazyload', 'lazy');\r\n    });\r\n  }\r\n\r\n  const viewport = document.getElementById('jgrGpViewport');\r\n  const track = document.getElementById('jgrGpTrack');\r\n  const dotsWrap = document.getElementById('jgrGpDots');\r\n  const realSlides = Array.from(track.querySelectorAll('.jgr-gp-slide'));\r\n  const total = realSlides.length;\r\n\r\n  \/\/ clonamos primer y \u00faltimo slide en cada extremo para loop infinito real\r\n  const firstClone = realSlides[0].cloneNode(true);\r\n  const lastClone = realSlides[total - 1].cloneNode(true);\r\n  firstClone.setAttribute('aria-hidden', 'true');\r\n  lastClone.setAttribute('aria-hidden', 'true');\r\n  track.appendChild(firstClone);\r\n  track.insertBefore(lastClone, realSlides[0]);\r\n  forceRealSrc(track);\r\n\r\n  let index = 1; \/\/ posici\u00f3n 1 del track = slide 1 real\r\n  let timer = null;\r\n  let isHovering = false;\r\n\r\n  realSlides.forEach((_, i) => {\r\n    const b = document.createElement('button');\r\n    b.className = 'jgr-gp-dot' + (i === 0 ? ' active' : '');\r\n    b.addEventListener('click', () => { goTo(i + 1); restartAutoplay(); });\r\n    dotsWrap.appendChild(b);\r\n  });\r\n  const dots = dotsWrap.querySelectorAll('.jgr-gp-dot');\r\n\r\n  function updateDots(){\r\n    const realIndex = (index - 1 + total) % total;\r\n    dots.forEach((d, i) => d.classList.toggle('active', i === realIndex));\r\n  }\r\n\r\n  function render(animate = true){\r\n    track.style.transition = animate ? '' : 'none';\r\n    track.style.transform = `translateX(-${index * 100}%)`;\r\n    updateDots();\r\n    forceRealSrc(track);\r\n  }\r\n\r\n  function goTo(i){\r\n    index = i;\r\n    render(true);\r\n  }\r\n  function next(){ goTo(index + 1); }\r\n  function prev(){ goTo(index - 1); }\r\n\r\n  track.addEventListener('transitionend', () => {\r\n    if (index === total + 1) {\r\n      index = 1;\r\n      render(false);\r\n    } else if (index === 0) {\r\n      index = total;\r\n      render(false);\r\n    }\r\n  });\r\n\r\n  function startAutoplay(){\r\n    stopAutoplay();\r\n    timer = setInterval(() => { if (!isHovering) next(); }, AUTOPLAY_MS);\r\n  }\r\n  function stopAutoplay(){ if (timer) clearInterval(timer); }\r\n  function restartAutoplay(){ startAutoplay(); }\r\n\r\n  viewport.addEventListener('mouseenter', () => { isHovering = true; });\r\n  viewport.addEventListener('mouseleave', () => { isHovering = false; });\r\n\r\n  \/\/ drag \/ swipe\r\n  let startX = 0, dragging = false, dragMoved = false;\r\n  track.addEventListener('dragstart', e => e.preventDefault());\r\n\r\n  function pointerDown(x){\r\n    dragging = true; dragMoved = false; startX = x; isHovering = true;\r\n    track.classList.add('dragging');\r\n  }\r\n  function pointerMove(x){\r\n    if (!dragging) return;\r\n    const delta = x - startX;\r\n    if (Math.abs(delta) > 5) dragMoved = true;\r\n    const percent = (delta \/ viewport.offsetWidth) * 100;\r\n    track.style.transform = `translateX(${-index * 100 + percent}%)`;\r\n  }\r\n  function pointerUp(x){\r\n    if (!dragging) return;\r\n    dragging = false;\r\n    track.classList.remove('dragging');\r\n    const delta = x - startX;\r\n    const threshold = viewport.offsetWidth * 0.15;\r\n    if (delta > threshold) prev();\r\n    else if (delta < -threshold) next();\r\n    else render(true);\r\n    isHovering = false;\r\n    restartAutoplay();\r\n  }\r\n\r\n  viewport.addEventListener('mousedown', e => { pointerDown(e.clientX); e.preventDefault(); });\r\n  window.addEventListener('mousemove', e => pointerMove(e.clientX));\r\n  window.addEventListener('mouseup', e => pointerUp(e.clientX));\r\n  viewport.addEventListener('touchstart', e => pointerDown(e.touches[0].clientX), {passive:true});\r\n  viewport.addEventListener('touchmove', e => pointerMove(e.touches[0].clientX), {passive:true});\r\n  viewport.addEventListener('touchend', e => pointerUp(e.changedTouches[0].clientX));\r\n\r\n  render(false);\r\n  startAutoplay();\r\n\r\n  \/\/ lightbox\r\n  const lightbox = document.getElementById('jgrGpLightbox');\r\n  const lightboxImg = document.getElementById('jgrGpLightboxImg');\r\n  const lightboxClose = document.getElementById('jgrGpLightboxClose');\r\n\r\n  track.querySelectorAll('.jgr-gp-item img').forEach(img => {\r\n    img.addEventListener('click', () => {\r\n      if (dragMoved) return; \/\/ evita abrir si el usuario estaba arrastrando\r\n      lightboxImg.src = img.src;\r\n      lightboxImg.alt = img.alt;\r\n      lightbox.classList.add('open');\r\n      document.body.style.overflow = 'hidden';\r\n      stopAutoplay();\r\n    });\r\n  });\r\n\r\n  function closeLightbox(){\r\n    lightbox.classList.remove('open');\r\n    document.body.style.overflow = '';\r\n    startAutoplay();\r\n  }\r\n  lightboxClose.addEventListener('click', closeLightbox);\r\n  lightbox.addEventListener('click', e => { if (e.target === lightbox) closeLightbox(); });\r\n  document.addEventListener('keydown', e => { if (e.key === 'Escape') closeLightbox(); });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63e5591 e-flex e-con-boxed e-con e-parent\" data-id=\"63e5591\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f769666 elementor-widget elementor-widget-html\" data-id=\"f769666\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     2) BLOQUE \"EXPERTOS EN...\" - 4 mini-features\r\n     Pega este bloque justo debajo del hero\r\n=================================================================== -->\r\n<style>\r\n  .jgr-expertos, .jgr-expertos *{ box-sizing:border-box; font-family:'Poppins',sans-serif; }\r\n  .jgr-expertos{\r\n    max-width:1180px;\r\n    margin:60px auto;\r\n    padding:0 24px;\r\n    text-align:center;\r\n  }\r\n  .jgr-expertos h2{\r\n    font-size:2rem;\r\n    font-weight:800;\r\n    color:#606060;\r\n    margin:0 0 18px;\r\n  }\r\n  .jgr-expertos h2 span{ color:#0081DD; }\r\n  .jgr-expertos > p{\r\n    max-width:760px;\r\n    margin:0 auto 44px;\r\n    color:#606060;\r\n    font-size:1rem;\r\n    line-height:1.7;\r\n  }\r\n  .jgr-expertos-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:26px;\r\n  }\r\n  .jgr-expertos-item{\r\n    background:#FFFFFF;\r\n    border:1px solid #eaeaea;\r\n    border-radius:10px;\r\n    padding:32px 22px;\r\n    text-align:left;\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n    animation:jgrExpertoIn .6s ease forwards;\r\n    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;\r\n  }\r\n  .jgr-expertos-item:nth-child(1){animation-delay:.05s;}\r\n  .jgr-expertos-item:nth-child(2){animation-delay:.15s;}\r\n  .jgr-expertos-item:nth-child(3){animation-delay:.25s;}\r\n  .jgr-expertos-item:nth-child(4){animation-delay:.35s;}\r\n  @keyframes jgrExpertoIn{ to{opacity:1; transform:translateY(0);} }\r\n\r\n  .jgr-expertos-item:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 16px 30px rgba(0,129,221,.14);\r\n    border-color:#0081DD;\r\n  }\r\n  .jgr-expertos-icon{\r\n    width:50px; height:50px;\r\n    border-radius:50%;\r\n    background:#0081DD;\r\n    color:#FFFFFF;\r\n    display:flex; align-items:center; justify-content:center;\r\n    margin-bottom:18px;\r\n  }\r\n  .jgr-expertos-icon svg{ width:24px; height:24px; }\r\n  .jgr-expertos-item h3{\r\n    font-size:1.05rem;\r\n    font-weight:700;\r\n    color:#606060;\r\n    margin:0 0 10px;\r\n  }\r\n  .jgr-expertos-item p{\r\n    font-size:.9rem;\r\n    line-height:1.55;\r\n    color:#8a8a8a;\r\n    margin:0;\r\n  }\r\n\r\n  @media (max-width:980px){\r\n    .jgr-expertos-grid{ grid-template-columns:repeat(2,1fr); }\r\n  }\r\n  @media (max-width:560px){\r\n    .jgr-expertos-grid{ grid-template-columns:1fr; }\r\n    .jgr-expertos h2{ font-size:1.5rem; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-expertos\">\r\n  <h2>Expertos en <span>Dise\u00f1o y Pintura<\/span><\/h2>\r\n  <p>M\u00e1s de una d\u00e9cada trabajando con plantas industriales, empresas y locales comerciales en Lima y provincias, entregando acabados de calidad en cada proyecto.<\/p>\r\n\r\n  <div class=\"jgr-expertos-grid\">\r\n    <div class=\"jgr-expertos-item\">\r\n      <div class=\"jgr-expertos-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Dise\u00f1o personalizado<\/h3>\r\n      <p>Propuestas de color y dise\u00f1o adaptadas a tu marca e identidad visual.<\/p>\r\n    <\/div>\r\n    <div class=\"jgr-expertos-item\">\r\n      <div class=\"jgr-expertos-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Acabados de calidad<\/h3>\r\n      <p>Materiales y pintura de primera, con acabados duraderos y resistentes.<\/p>\r\n    <\/div>\r\n    <div class=\"jgr-expertos-item\">\r\n      <div class=\"jgr-expertos-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Cumplimiento de plazos<\/h3>\r\n      <p>Planificaci\u00f3n de obra para entregar cada proyecto en el tiempo pactado.<\/p>\r\n    <\/div>\r\n    <div class=\"jgr-expertos-item\">\r\n      <div class=\"jgr-expertos-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l9 4v6c0 5-3.8 8.7-9 10-5.2-1.3-9-5-9-10V6l9-4z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Seguridad garantizada<\/h3>\r\n      <p>Personal capacitado y equipos de protecci\u00f3n en cada trabajo realizado.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9488878 e-flex e-con-boxed e-con e-parent\" data-id=\"9488878\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2c6c0c elementor-widget elementor-widget-html\" data-id=\"a2c6c0c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     PROYECTO DESTACADO - fondo oscuro + 2 fotos + descripci\u00f3n\r\n     Pega este bloque completo en un \"HTML personalizado\" de WordPress\r\n=================================================================== -->\r\n<style>\r\n  .jgr-proy, .jgr-proy *{ box-sizing:border-box; font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif; }\r\n  .jgr-proy{\r\n    width:100vw; max-width:100vw;\r\n    position:relative; left:50%; right:50%;\r\n    margin-left:-50vw; margin-right:-50vw;\r\n  }\r\n  .jgr-proy-top{\r\n    position:relative;\r\n    background:#171a1d;\r\n    padding:56px 0 40px;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-proy-bgimg{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    opacity:.55;\r\n    animation:jgrProyKenBurns 18s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes jgrProyKenBurns{\r\n    0%   { transform:scale(1) translate(0,0); }\r\n    100% { transform:scale(1.15) translate(-2%,-2%); }\r\n  }\r\n  .jgr-proy-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(100deg, rgba(10,12,14,.92) 0%, rgba(10,12,14,.75) 45%, rgba(10,12,14,.35) 100%);\r\n  }\r\n  .jgr-proy-inner{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:1180px;\r\n    margin:0 auto;\r\n    padding:0 24px;\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:48px;\r\n    align-items:center;\r\n  }\r\n\r\n  .jgr-proy-photos{\r\n    display:flex;\r\n    gap:10px;\r\n    border-radius:16px;\r\n    overflow:hidden;\r\n    box-shadow:0 24px 50px rgba(0,0,0,.45);\r\n    opacity:0;\r\n    transform:translateX(-40px);\r\n    animation:jgrProyPhotoIn .8s cubic-bezier(.22,.61,.36,1) forwards .1s;\r\n  }\r\n  @keyframes jgrProyPhotoIn{ to{opacity:1; transform:translateX(0);} }\r\n\r\n  .jgr-proy-photo{\r\n    position:relative;\r\n    flex:1;\r\n    height:360px;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-proy-photo img{\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n    transition:transform .6s ease;\r\n  }\r\n  .jgr-proy-photos:hover .jgr-proy-photo img{\r\n    transform:scale(1.06);\r\n  }\r\n\r\n  .jgr-proy-text{\r\n    opacity:0;\r\n    transform:translateX(40px);\r\n    animation:jgrProyTextIn .8s cubic-bezier(.22,.61,.36,1) forwards .3s;\r\n  }\r\n  @keyframes jgrProyTextIn{ to{opacity:1; transform:translateX(0);} }\r\n\r\n  .jgr-proy-tag{\r\n    display:inline-block;\r\n    color:#0081DD;\r\n    font-size:.85rem;\r\n    font-weight:800;\r\n    letter-spacing:.04em;\r\n    text-transform:uppercase;\r\n    margin:0 0 14px;\r\n  }\r\n  .jgr-proy-text h2{\r\n    color:#FFFFFF;\r\n    font-size:2rem;\r\n    font-weight:800;\r\n    line-height:1.25;\r\n    margin:0 0 20px;\r\n  }\r\n  .jgr-proy-desc-text{\r\n    color:#c9cdd1;\r\n    font-size:1rem;\r\n    line-height:1.7;\r\n    margin:0 0 28px;\r\n    max-width:460px;\r\n  }\r\n\r\n  .jgr-proy-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    background:#0081DD;\r\n    color:#FFFFFF !important;\r\n    font-weight:700;\r\n    font-size:.92rem;\r\n    text-decoration:none;\r\n    padding:14px 30px;\r\n    border-radius:50px;\r\n    transition:background .25s ease, transform .25s ease, box-shadow .25s ease;\r\n  }\r\n  .jgr-proy-btn:hover{\r\n    background:#FFFFFF !important;\r\n    color:#0081DD !important;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 14px 26px rgba(0,0,0,.35);\r\n  }\r\n  .jgr-proy-btn svg{ width:18px; height:18px; }\r\n\r\n  @media (max-width:900px){\r\n    .jgr-proy-inner{ grid-template-columns:1fr; gap:32px; }\r\n    .jgr-proy-photos{ order:1; }\r\n    .jgr-proy-text{ order:2; }\r\n    .jgr-proy-photo{ height:240px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-proy\">\r\n  <div class=\"jgr-proy-top\">\r\n    <!-- \u26a0\ufe0f Reemplaza el src por la URL real de tu Biblioteca de Medios (foto gen\u00e9rica de pintura) -->\r\n    <img decoding=\"async\" class=\"jgr-proy-bgimg\" src=\"URL_FOTO_FONDO_PINTURA.jpg\" alt=\"\">\r\n    <div class=\"jgr-proy-overlay\"><\/div>\r\n    <div class=\"jgr-proy-inner\">\r\n      <div class=\"jgr-proy-photos\">\r\n        <div class=\"jgr-proy-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/fcfc262f-2e90-4b3d-adba-f7204ffc088f.jpg\" alt=\"Proyecto de pintura JGR\">\r\n        <\/div>\r\n        <div class=\"jgr-proy-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/58719c1d-05bc-4da1-ab76-364c88734139.jpg\" alt=\"Proyecto de pintura JGR\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"jgr-proy-text\">\r\n        <span class=\"jgr-proy-tag\">Servicio<\/span>\r\n        <h2>Pintura industrial y comercial<\/h2>\r\n        <p class=\"jgr-proy-desc-text\">Pintura profesional para plantas industriales, oficinas y locales comerciales, con preparaci\u00f3n de superficie, acabados duraderos y cumplimiento de plazos en cada proyecto.<\/p>\r\n        <a class=\"jgr-proy-btn\" href=\"https:\/\/wa.me\/51949805029\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2Zm0 18.1h-.01c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.15 8.15 0 0 1-1.26-4.42c0-4.51 3.68-8.19 8.2-8.19 2.19 0 4.25.85 5.79 2.4a8.13 8.13 0 0 1 2.4 5.8c0 4.51-3.69 8.27-8.13 8.27Z\"\/><\/svg>\r\n          Cont\u00e1ctanos\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d06e3d0 e-con-full e-flex e-con e-parent\" data-id=\"d06e3d0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cec05c0 elementor-widget elementor-widget-html\" data-id=\"cec05c0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     SECCI\u00d3N: PINTADO Y SE\u00d1ALIZACI\u00d3N (dentro de la p\u00e1gina de Pintura)\r\n     Solo t\u00edtulo + galer\u00eda, sin banner\r\n     Pega este bloque completo en un \"HTML personalizado\" de WordPress\r\n=================================================================== -->\r\n<style>\r\n  .jgr-ps, .jgr-ps *{ box-sizing:border-box; font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif; }\r\n  .jgr-ps{\r\n    max-width:1180px;\r\n    margin:60px auto;\r\n    padding:0 24px;\r\n  }\r\n  .jgr-ps-head{\r\n    text-align:center;\r\n    max-width:700px;\r\n    margin:0 auto 36px;\r\n    opacity:0;\r\n    transform:translateY(16px);\r\n    animation:jgrPsFadeUp .7s ease forwards .05s;\r\n  }\r\n  @keyframes jgrPsFadeUp{ to{opacity:1; transform:translateY(0);} }\r\n  .jgr-ps-tag{\r\n    display:inline-block;\r\n    background:#0081DD;\r\n    color:#FFFFFF;\r\n    font-size:.72rem;\r\n    font-weight:800;\r\n    letter-spacing:.06em;\r\n    text-transform:uppercase;\r\n    padding:7px 18px;\r\n    border-radius:50px;\r\n    margin-bottom:16px;\r\n  }\r\n  .jgr-ps-head h2{\r\n    font-size:1.9rem;\r\n    font-weight:800;\r\n    color:#2b2b2b;\r\n    margin:0 0 12px;\r\n    line-height:1.25;\r\n  }\r\n  .jgr-ps-head p{\r\n    color:#606060;\r\n    font-size:.98rem;\r\n    line-height:1.65;\r\n    margin:0;\r\n  }\r\n\r\n  .jgr-ps-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:14px;\r\n  }\r\n  .jgr-ps-item{\r\n    position:relative;\r\n    height:230px;\r\n    border-radius:10px;\r\n    overflow:hidden;\r\n    cursor:zoom-in;\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n    animation:jgrPsFadeUp .6s ease forwards;\r\n  }\r\n  .jgr-ps-item:nth-child(1){animation-delay:.05s;}\r\n  .jgr-ps-item:nth-child(2){animation-delay:.1s;}\r\n  .jgr-ps-item:nth-child(3){animation-delay:.15s;}\r\n  .jgr-ps-item:nth-child(4){animation-delay:.2s;}\r\n  .jgr-ps-item:nth-child(5){animation-delay:.25s;}\r\n  .jgr-ps-item:nth-child(6){animation-delay:.3s;}\r\n  .jgr-ps-item:nth-child(7){animation-delay:.35s;}\r\n  .jgr-ps-item:nth-child(8){animation-delay:.4s;}\r\n  .jgr-ps-item:nth-child(9){animation-delay:.45s;}\r\n\r\n  .jgr-ps-item img{\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n    transition:transform .5s ease;\r\n  }\r\n  .jgr-ps-item:hover img{ transform:scale(1.08); }\r\n  .jgr-ps-item::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background:rgba(0,129,221,0);\r\n    transition:background .3s ease;\r\n    pointer-events:none;\r\n  }\r\n  .jgr-ps-item:hover::after{ background:rgba(0,129,221,.14); }\r\n\r\n  .jgr-ps-zoom{\r\n    position:absolute;\r\n    bottom:12px; right:12px;\r\n    width:32px; height:32px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.92);\r\n    color:#0081DD;\r\n    display:flex; align-items:center; justify-content:center;\r\n    opacity:0;\r\n    transform:translateY(8px);\r\n    transition:opacity .3s ease, transform .3s ease;\r\n    pointer-events:none;\r\n  }\r\n  .jgr-ps-item:hover .jgr-ps-zoom{ opacity:1; transform:translateY(0); }\r\n  .jgr-ps-zoom svg{ width:15px; height:15px; }\r\n\r\n  \/* ---- lightbox ---- *\/\r\n  .jgr-ps-lightbox{\r\n    position:fixed; inset:0;\r\n    background:rgba(20,20,20,.92);\r\n    z-index:9999;\r\n    display:flex; align-items:center; justify-content:center;\r\n    padding:32px;\r\n    opacity:0; visibility:hidden;\r\n    transition:opacity .3s ease, visibility .3s ease;\r\n  }\r\n  .jgr-ps-lightbox.open{ opacity:1; visibility:visible; }\r\n  .jgr-ps-lightbox img{\r\n    max-width:100%; max-height:88vh;\r\n    border-radius:6px;\r\n    transform:scale(.92);\r\n    transition:transform .35s cubic-bezier(.22,.61,.36,1);\r\n    box-shadow:0 20px 60px rgba(0,0,0,.5);\r\n  }\r\n  .jgr-ps-lightbox.open img{ transform:scale(1); }\r\n  .jgr-ps-lightbox-close{\r\n    position:fixed; top:22px; right:22px;\r\n    width:42px; height:42px; min-width:42px; min-height:42px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.12);\r\n    color:#FFFFFF;\r\n    border:none; outline:none; appearance:none;\r\n    margin:0; padding:0;\r\n    display:flex; align-items:center; justify-content:center;\r\n    cursor:pointer;\r\n    transition:background .25s ease, transform .25s ease;\r\n  }\r\n  .jgr-ps-lightbox-close:hover{ background:#0081DD; transform:rotate(90deg); }\r\n  .jgr-ps-lightbox-close svg{ width:18px; height:18px; }\r\n\r\n  @media (max-width:900px){\r\n    .jgr-ps-grid{ grid-template-columns:1fr 1fr; }\r\n  }\r\n  @media (max-width:560px){\r\n    .jgr-ps-grid{ grid-template-columns:1fr; }\r\n    .jgr-ps-item{ height:210px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-ps\">\r\n\r\n  <div class=\"jgr-ps-head\">\r\n    <span class=\"jgr-ps-tag\">Dise\u00f1o y Pintura<\/span>\r\n    <h2>Pintado y Se\u00f1alizaci\u00f3n<\/h2>\r\n    <p>Pintado de se\u00f1alizaci\u00f3n de seguridad industrial: l\u00edneas de tr\u00e1nsito, cebras peatonales, franjas de advertencia y muros perim\u00e9tricos, con pintura de alta durabilidad para exteriores.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"jgr-ps-grid\" id=\"jgrPsGrid\">\r\n    <div class=\"jgr-ps-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/7e5dca69-178f-44b1-aea6-24940e948d57.jpg\" alt=\"Pintado de se\u00f1alizaci\u00f3n JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-ps-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n    <div class=\"jgr-ps-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/760f56b2-1979-491d-86bb-724764af32dc.jpg\" alt=\"Pintado de se\u00f1alizaci\u00f3n JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-ps-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n    <div class=\"jgr-ps-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/3e754663-1295-407a-8b87-115ab9254969.jpg\" alt=\"Pintado de se\u00f1alizaci\u00f3n JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-ps-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n    <div class=\"jgr-ps-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/94712ac1-02cc-4683-8b40-89b87b27ec3b.jpg\" alt=\"Pintado de se\u00f1alizaci\u00f3n JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-ps-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n    <div class=\"jgr-ps-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/0f5492d7-c7f3-42b4-80a8-688ce0f78c8c.jpg\" alt=\"Pintado de se\u00f1alizaci\u00f3n JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-ps-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n    <div class=\"jgr-ps-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/4e2072a0-42e6-4efc-9fdf-599fc56f69a3.jpg\" alt=\"Pintado de se\u00f1alizaci\u00f3n JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-ps-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n    <div class=\"jgr-ps-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/afe5844f-2cec-4097-8b7e-e1534595c816.jpg\" alt=\"Pintado de se\u00f1alizaci\u00f3n JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-ps-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n    <div class=\"jgr-ps-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/310014a4-5cd6-48c1-a4c2-05d1087ec1c2.jpg\" alt=\"Pintado de se\u00f1alizaci\u00f3n JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-ps-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n    <div class=\"jgr-ps-item\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/900c6446-0923-4c1a-a6d1-39a7078a1f47.jpg\" alt=\"Pintado de se\u00f1alizaci\u00f3n JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><span class=\"jgr-ps-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/span><\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- LIGHTBOX -->\r\n<div class=\"jgr-ps-lightbox\" id=\"jgrPsLightbox\">\r\n  <button class=\"jgr-ps-lightbox-close\" id=\"jgrPsLightboxClose\" aria-label=\"Cerrar\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n  <\/button>\r\n  <img decoding=\"async\" id=\"jgrPsLightboxImg\" src=\"\" alt=\"\">\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const lightbox = document.getElementById('jgrPsLightbox');\r\n  const lightboxImg = document.getElementById('jgrPsLightboxImg');\r\n  const lightboxClose = document.getElementById('jgrPsLightboxClose');\r\n\r\n  document.querySelectorAll('#jgrPsGrid .jgr-ps-item').forEach(item => {\r\n    item.addEventListener('click', () => {\r\n      const img = item.querySelector('img');\r\n      lightboxImg.src = img.src;\r\n      lightboxImg.alt = img.alt;\r\n      lightbox.classList.add('open');\r\n      document.body.style.overflow = 'hidden';\r\n    });\r\n  });\r\n\r\n  function closeLightbox(){\r\n    lightbox.classList.remove('open');\r\n    document.body.style.overflow = '';\r\n  }\r\n  lightboxClose.addEventListener('click', closeLightbox);\r\n  lightbox.addEventListener('click', e => { if (e.target === lightbox) closeLightbox(); });\r\n  document.addEventListener('keydown', e => { if (e.key === 'Escape') closeLightbox(); });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7cdfdb e-flex e-con-boxed e-con e-parent\" data-id=\"f7cdfdb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b8b786 elementor-widget elementor-widget-html\" data-id=\"0b8b786\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     4) OTROS SERVICIOS - Tarjetas (paleta actualizada)\r\n     Pega este bloque debajo de la galer\u00eda\r\n=================================================================== -->\r\n<style>\r\n.jgr-servicios, .jgr-servicios *{ box-sizing:border-box; font-family:'Poppins',sans-serif; }\r\n.jgr-servicios{\r\n  max-width:1280px;\r\n  margin:60px auto;\r\n  padding:0 24px;\r\n}\r\n.jgr-servicios > h2{\r\n  text-align:center;\r\n  font-size:2rem;\r\n  font-weight:800;\r\n  color:#606060;\r\n  margin:0 0 40px;\r\n}\r\n.jgr-servicios > h2 span{ color:#0081DD; }\r\n\r\n.jgr-servicios-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:28px;\r\n}\r\n.jgr-card{\r\n  position:relative;\r\n  background:#FFFFFF;\r\n  border-radius:4px;\r\n  overflow:hidden;\r\n  box-shadow:0 2px 10px rgba(0,0,0,.06);\r\n  opacity:0;\r\n  transform:translateY(24px);\r\n  animation:jgrFadeUp .7s ease forwards;\r\n  transition:box-shadow .35s ease, transform .35s ease;\r\n}\r\n.jgr-card:nth-child(1){animation-delay:.05s;}\r\n.jgr-card:nth-child(2){animation-delay:.2s;}\r\n.jgr-card:nth-child(3){animation-delay:.35s;}\r\n\r\n@keyframes jgrFadeUp{\r\n  to{opacity:1; transform:translateY(0);}\r\n}\r\n\r\n.jgr-card:hover{\r\n  transform:translateY(-8px);\r\n  box-shadow:0 18px 34px rgba(0,129,221,.22);\r\n}\r\n\r\n.jgr-card-img{\r\n  position:relative;\r\n  height:260px;\r\n  overflow:hidden;\r\n  clip-path:polygon(0 0,100% 0,100% 82%,0 100%);\r\n}\r\n.jgr-card-img img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  transition:transform .6s ease;\r\n}\r\n.jgr-card:hover .jgr-card-img img{\r\n  transform:scale(1.08);\r\n}\r\n\r\n.jgr-card-body{\r\n  padding:28px 26px 32px;\r\n}\r\n.jgr-card-body h3{\r\n  margin:0 0 14px;\r\n  font-size:1.4rem;\r\n  line-height:1.25;\r\n  font-weight:800;\r\n  color:#606060;\r\n}\r\n.jgr-card-body p{\r\n  margin:0 0 22px;\r\n  font-size:.98rem;\r\n  line-height:1.55;\r\n  color:#8a8a8a;\r\n}\r\n\r\n.jgr-card-link{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-size:.82rem;\r\n  font-weight:700;\r\n  letter-spacing:.04em;\r\n  text-transform:uppercase;\r\n  color:#0081DD;\r\n  text-decoration:none;\r\n}\r\n.jgr-card-link svg{\r\n  width:16px;\r\n  height:16px;\r\n  transition:transform .3s ease;\r\n}\r\n.jgr-card-link:hover{\r\n  color:#606060;\r\n}\r\n.jgr-card:hover .jgr-card-link svg{\r\n  transform:translateX(6px);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width:980px){\r\n  .jgr-servicios-grid{grid-template-columns:1fr;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"jgr-servicios\">\r\n  <h2>Otros <span>servicios<\/span> que realizamos<\/h2>\r\n\r\n  <div class=\"jgr-servicios-grid\">\r\n\r\n    <!-- TARJETA 1: Port\u00f3n corredizo -->\r\n    <div class=\"jgr-card\">\r\n      <div class=\"jgr-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/proyectos@jgr.pe_.svg\"\r\n             alt=\"Port\u00f3n corredizo\">\r\n      <\/div>\r\n      <div class=\"jgr-card-body\">\r\n        <h3>Port\u00f3n corredizo<\/h3>\r\n        <p>Fabricaci\u00f3n e instalaci\u00f3n de portones corredizos, resistentes y a la medida de tu proyecto.<\/p>\r\n        <a class=\"jgr-card-link\" href=\"#\">\r\n          VER PROYECTOS\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TARJETA 2: Cerramiento con malla raschel y portones -->\r\n    <div class=\"jgr-card\">\r\n      <div class=\"jgr-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/proyectos@jgr.pe-1.svg\"\r\n             alt=\"Servicio de cerramiento con malla raschel y portones\">\r\n      <\/div>\r\n      <div class=\"jgr-card-body\">\r\n        <h3>Cerramiento con malla raschel<\/h3>\r\n        <p>Servicio de suministro e instalaci\u00f3n de cerramientos con malla raschel y portones de seguridad.<\/p>\r\n        <a class=\"jgr-card-link\" href=\"https:\/\/jgr.pe\/index.php\/estructuras-metalicas\/\">\r\n          VER PROYECTOS\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TARJETA 3: Remodelaciones -->\r\n    <div class=\"jgr-card\">\r\n      <div class=\"jgr-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/f6b780c0-6883-4ca2-9d51-021e29768ec4.jpg\"\r\n             alt=\"Remodelaciones\">\r\n      <\/div>\r\n      <div class=\"jgr-card-body\">\r\n        <h3>Remodelaciones<\/h3>\r\n        <p>Remodelaci\u00f3n integral de ambientes, con acabados de calidad y cumplimiento de plazos.<\/p>\r\n        <a class=\"jgr-card-link\" href=\"#\">\r\n          VER PROYECTOS\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce075e1 e-flex e-con-boxed e-con e-parent\" data-id=\"ce075e1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f04ddc9 elementor-widget elementor-widget-html\" data-id=\"f04ddc9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     5) CTA FINAL - Antes del formulario de contacto\r\n     Pega este bloque al final, justo antes del formulario\r\n=================================================================== -->\r\n<style>\r\n  .jgr-cta, .jgr-cta *{ box-sizing:border-box; font-family:'Poppins',sans-serif; }\r\n  .jgr-cta{\r\n    width:100vw; max-width:100vw;\r\n    position:relative; left:50%; right:50%;\r\n    margin-left:-50vw; margin-right:-50vw;\r\n    background:#0081DD;\r\n    padding:64px 24px;\r\n    text-align:center;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-cta-bgimg{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    opacity:.35;\r\n    mix-blend-mode:multiply;\r\n    animation:jgrCtaKenBurns 16s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes jgrCtaKenBurns{\r\n    0%   { transform:scale(1) translate(0,0); }\r\n    100% { transform:scale(1.12) translate(-2%,-1%); }\r\n  }\r\n  .jgr-cta-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(180deg, rgba(0,129,221,.55) 0%, rgba(0,129,221,.85) 100%);\r\n  }\r\n  .jgr-cta-inner{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:720px;\r\n    margin:0 auto;\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n    animation:jgrCtaIn .7s ease forwards .1s;\r\n  }\r\n  @keyframes jgrCtaIn{ to{opacity:1; transform:translateY(0);} }\r\n  .jgr-cta h2{\r\n    color:#FFFFFF;\r\n    font-size:2rem;\r\n    font-weight:800;\r\n    margin:0 0 16px;\r\n  }\r\n  .jgr-cta p{\r\n    color:#eaf4ff;\r\n    font-size:1.02rem;\r\n    line-height:1.6;\r\n    margin:0 0 32px;\r\n  }\r\n  .jgr-cta-ctas{\r\n    display:flex;\r\n    gap:16px;\r\n    justify-content:center;\r\n    flex-wrap:wrap;\r\n  }\r\n  .jgr-cta-btn{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    padding:15px 32px;\r\n    border-radius:50px;\r\n    font-weight:700;\r\n    font-size:.95rem;\r\n    text-decoration:none;\r\n    transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\r\n  }\r\n  .jgr-cta-btn.primary{\r\n    background:#FFFFFF;\r\n    color:#0081DD !important;\r\n  }\r\n  .jgr-cta-btn.primary:hover{\r\n    background:#606060;\r\n    color:#FFFFFF !important;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 12px 24px rgba(0,0,0,.25);\r\n  }\r\n  .jgr-cta-btn.whatsapp{\r\n    background:#25D366;\r\n    color:#FFFFFF !important;\r\n  }\r\n  .jgr-cta-btn.whatsapp:hover{\r\n    background:#FFFFFF;\r\n    color:#25D366 !important;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 12px 24px rgba(0,0,0,.25);\r\n  }\r\n  .jgr-cta-btn svg{ width:18px; height:18px; }\r\n  @media (max-width:600px){\r\n    .jgr-cta h2{ font-size:1.5rem; }\r\n  }\r\n<\/style>\r\n<div class=\"jgr-cta\">\r\n  <img decoding=\"async\" class=\"jgr-cta-bgimg\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/1-1.png\" alt=\"\">\r\n  <div class=\"jgr-cta-overlay\"><\/div>\r\n  <div class=\"jgr-cta-inner\">\r\n    <h2>\u00bfTienes un proyecto en mente?<\/h2>\r\n    <p>En JGR lo imaginamos y lo hacemos realidad. Cu\u00e9ntanos qu\u00e9 necesitas y te asesoramos sin compromiso.<\/p>\r\n    <div class=\"jgr-cta-ctas\">\r\n      <a class=\"jgr-cta-btn primary\" href=\"https:\/\/jgr.pe\/index.php\/contacto\/\">Cotiza tu proyecto<\/a>\r\n      <a class=\"jgr-cta-btn whatsapp\" href=\"https:\/\/wa.me\/51949805029\" target=\"_blank\" rel=\"noopener\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2Zm0 18.1h-.01c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.15 8.15 0 0 1-1.26-4.42c0-4.51 3.68-8.19 8.2-8.19 2.19 0 4.25.85 5.79 2.4a8.13 8.13 0 0 1 2.4 5.8c0 4.51-3.69 8.27-8.13 8.27Z\"\/><\/svg>\r\n        WhatsApp\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o y Pintura Le damos color e identidad a tu negocio Dise\u00f1o y pintura de logotipos, fachadas y ambientes industriales, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"_links":{"self":[{"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/pages\/759"}],"collection":[{"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/comments?post=759"}],"version-history":[{"count":25,"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/pages\/759\/revisions"}],"predecessor-version":[{"id":865,"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/pages\/759\/revisions\/865"}],"wp:attachment":[{"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/media?parent=759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}