{"id":9,"date":"2024-04-15T16:45:02","date_gmt":"2024-04-15T16:45:02","guid":{"rendered":"https:\/\/jgr.pe\/?page_id=9"},"modified":"2026-07-13T21:27:26","modified_gmt":"2026-07-13T21:27:26","slug":"inicio","status":"publish","type":"page","link":"https:\/\/jgr.pe\/","title":{"rendered":"inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f41ae1d e-con-full e-flex e-con e-parent\" data-id=\"f41ae1d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-66519c7 e-con-full e-flex e-con e-child\" data-id=\"66519c7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83a984a elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-image\" data-id=\"83a984a\" data-element_type=\"widget\" data-widget_type=\"image.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-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/jgr.pe\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"363\" height=\"174\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Logo.png\" class=\"attachment-large size-large wp-image-14\" alt=\"\" srcset=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Logo.png 363w, https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Logo-300x144.png 300w\" sizes=\"(max-width: 363px) 100vw, 363px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\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-d35b086 e-con-full e-flex e-con e-child\" data-id=\"d35b086\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e0bee6 elementor-hidden-desktop hfe-menu-item-space-between hfe-submenu-icon-arrow hfe-link-redirect-child elementor-widget elementor-widget-navigation-menu\" data-id=\"3e0bee6\" data-element_type=\"widget\" data-settings=\"{&quot;toggle_size_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:31,&quot;sizes&quot;:[]},&quot;toggle_size_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:33,&quot;sizes&quot;:[]},&quot;hamburger_align&quot;:&quot;center&quot;,&quot;hamburger_menu_align&quot;:&quot;space-between&quot;,&quot;width_flyout_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:300,&quot;sizes&quot;:[]},&quot;width_flyout_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;width_flyout_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_flyout_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:30,&quot;sizes&quot;:[]},&quot;padding_flyout_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_flyout_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_top_space&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_top_space_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_top_space_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;dropdown_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;padding_horizontal_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;close_flyout_size&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;close_flyout_size_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;close_flyout_size_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"navigation-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"hfe-nav-menu__toggle elementor-clickable hfe-flyout-trigger\" tabindex=\"0\">\n\t\t\t\t\t<div class=\"hfe-nav-menu-icon\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" tabindex=\"0\" class=\"e-font-icon-svg e-fas-align-justify\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<div class=\"hfe-flyout-wrapper\" >\n\t\t\t\t<div class=\"hfe-flyout-overlay elementor-clickable\"><\/div>\n\t\t\t\t<div class=\"hfe-flyout-container\">\n\t\t\t\t\t<div id=\"hfe-flyout-content-id-3e0bee6\" class=\"hfe-side hfe-flyout-left hfe-flyout-open\" data-layout=\"left\" data-flyout-type=\"normal\">\n\t\t\t\t\t\t<div class=\"hfe-flyout-content push\">\n\t\t\t\t\t\t\t<nav >\n\t\t\t\t\t\t\t\t<ul id=\"menu-1-3e0bee6\" class=\"hfe-nav-menu\"><li id=\"menu-item-85\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"https:\/\/jgr.pe\/index.php\/sobre-nosotros\/\" class = \"hfe-menu-item\">Sobre nosotros<\/a><\/li>\n<li id=\"menu-item-86\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home parent hfe-creative-menu\"><a href=\"https:\/\/jgr.pe\/#servicios\" class = \"hfe-menu-item\">Servicios<\/a><\/li>\n<li id=\"menu-item-87\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home parent hfe-creative-menu\"><a href=\"https:\/\/jgr.pe\/#clientes\" class = \"hfe-menu-item\">Clientes<\/a><\/li>\n<li id=\"menu-item-88\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"https:\/\/jgr.pe\/index.php\/galeria-de-proyectos\" class = \"hfe-menu-item\">Galer\u00eda de Proyectos<\/a><\/li>\n<\/ul>\t\t\t\t\t\t\t<\/nav>\n\t\t\t\t\t\t\t<div class=\"elementor-clickable hfe-flyout-close\" tabindex=\"0\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" tabindex=\"0\" class=\"e-font-icon-svg e-far-window-close\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z\"><\/path><\/svg>\t\t\t\t\t\t\t<\/div>\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ef8988 elementor-hidden-tablet elementor-hidden-mobile elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"3ef8988\" data-element_type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/jgr.pe\/wp-content\/plugins\/elementor-pro\/assets\/css\/widget-nav-menu.min.css\">\t\t\t<nav class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-grow\">\n\t\t\t\t<ul id=\"menu-1-3ef8988\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-85\"><a href=\"https:\/\/jgr.pe\/index.php\/sobre-nosotros\/\" class=\"elementor-item menu-link\">Sobre nosotros<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-86\"><a href=\"https:\/\/jgr.pe\/#servicios\" class=\"elementor-item elementor-item-anchor menu-link\">Servicios<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-87\"><a href=\"https:\/\/jgr.pe\/#clientes\" class=\"elementor-item elementor-item-anchor menu-link\">Clientes<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-88\"><a href=\"https:\/\/jgr.pe\/index.php\/galeria-de-proyectos\" class=\"elementor-item menu-link\">Galer\u00eda de Proyectos<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t\t<span class=\"elementor-screen-only\">Menu<\/span>\n\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-3ef8988\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-85\"><a href=\"https:\/\/jgr.pe\/index.php\/sobre-nosotros\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Sobre nosotros<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-86\"><a href=\"https:\/\/jgr.pe\/#servicios\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\">Servicios<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-87\"><a href=\"https:\/\/jgr.pe\/#clientes\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\">Clientes<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-88\"><a href=\"https:\/\/jgr.pe\/index.php\/galeria-de-proyectos\" class=\"elementor-item menu-link\" tabindex=\"-1\">Galer\u00eda de Proyectos<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\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-18bd891 e-con-full e-flex e-con e-child\" data-id=\"18bd891\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fea598 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"1fea598\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/jgr.pe\/index.php\/contacto\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Cont\u00e1ctanos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2181245 e-flex e-con-boxed e-con e-parent\" data-id=\"2181245\" 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-5958280 elementor-widget elementor-widget-html\" data-id=\"5958280\" 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     HERO CINEMATOGR\u00c1FICO ESTILO ORANO\r\n     Texto animado + imagen revelada con mosaico de cuadros\r\n     Pega este bloque completo en un \"HTML personalizado\" de WordPress\r\n=================================================================== -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<!-- Si tienes el archivo de la fuente Graphie, descomenta y completa la ruta:\r\n<style>\r\n@font-face {\r\n  font-family: 'Graphie';\r\n  src: url('RUTA_A_TU_ARCHIVO\/Graphie-Bold.woff2') format('woff2');\r\n  font-weight: 700;\r\n  font-style: normal;\r\n}\r\n<\/style>\r\n-->\r\n<style>\r\n  .jgr-oh, .jgr-oh *{ box-sizing:border-box; font-family:'Graphie','Poppins',sans-serif; }\r\n  .jgr-oh{\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:#FFFFFF;\r\n    min-height:100vh;\r\n    display:grid;\r\n    grid-template-columns:1.5fr 1fr;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n  }\r\n\r\n  \/* ---- lado izquierdo: imagen con mosaico ---- *\/\r\n  .jgr-oh-media{\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:#FFFFFF;\r\n  }\r\n  .jgr-oh-media img{\r\n    position:absolute; inset:0;\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n    object-position:left center;\r\n    filter:grayscale(15%) contrast(1.05) brightness(.85);\r\n    transform:scale(1.06);\r\n    will-change:transform;\r\n  }\r\n  .jgr-oh-media::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background:linear-gradient(90deg, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);\r\n    z-index:2;\r\n    pointer-events:none;\r\n  }\r\n  .jgr-oh-tiles{\r\n    position:absolute; inset:0;\r\n    z-index:3;\r\n    display:grid;\r\n    grid-template-columns:repeat(8,1fr);\r\n    grid-template-rows:repeat(5,1fr);\r\n    pointer-events:none;\r\n  }\r\n  .jgr-oh-tile{\r\n    background:#FFFFFF;\r\n    animation:jgrOhTileOut .6s ease forwards;\r\n    animation-delay:calc(var(--d) * 1ms);\r\n  }\r\n  @keyframes jgrOhTileOut{\r\n    to{ opacity:0; transform:scale(1.15); }\r\n  }\r\n\r\n  \/* ---- lado derecho: contenido ---- *\/\r\n  .jgr-oh-content{\r\n    position:relative;\r\n    z-index:4;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    padding:130px 40px 60px 56px;\r\n  }\r\n  .jgr-oh-logo{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    color:#FFFFFF;\r\n    font-weight:800;\r\n    font-size:1.2rem;\r\n    letter-spacing:.04em;\r\n    margin-bottom:56px;\r\n    opacity:0;\r\n    transform:translateY(-10px);\r\n    animation:jgrOhFadeDown .6s ease forwards .1s;\r\n  }\r\n  .jgr-oh-logo-dot{\r\n    width:10px; height:10px;\r\n    border-radius:50%;\r\n    background:#0081DD;\r\n  }\r\n  @keyframes jgrOhFadeDown{ to{opacity:1; transform:translateY(0);} }\r\n\r\n  .jgr-oh-title{\r\n    margin:0 0 40px;\r\n  }\r\n  .jgr-oh-title .line{\r\n    display:block;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-oh-title .line span{\r\n    display:block;\r\n    color:#1a1a1a;\r\n    font-size:clamp(1.8rem, 4vw, 3.3rem);\r\n    font-weight:700;\r\n    letter-spacing:-0.01em;\r\n    text-transform:uppercase;\r\n    line-height:1.15;\r\n    transform:translateY(110%);\r\n    animation:jgrOhLineIn .7s cubic-bezier(.22,.61,.36,1) forwards;\r\n  }\r\n  .jgr-oh-title .line:nth-child(1) span{ animation-delay:.25s; }\r\n  .jgr-oh-title .line:nth-child(2) span{ animation-delay:.4s; font-weight:700; color:#0081DD; }\r\n  @keyframes jgrOhLineIn{ to{ transform:translateY(0); } }\r\n\r\n  .jgr-oh-enter{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    background:#0081DD;\r\n    color:#FFFFFF;\r\n    text-decoration:none;\r\n    font-size:.88rem;\r\n    font-weight:700;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n    padding:18px 34px;\r\n    width:fit-content;\r\n    border-left:4px solid #1a1a1a;\r\n    opacity:0;\r\n    transform:translateY(14px);\r\n    animation:jgrOhFadeUp .6s ease forwards .85s;\r\n    transition:background .25s ease, color .25s ease, padding-left .25s ease;\r\n  }\r\n  .jgr-oh-enter:hover{\r\n    background:#1a1a1a;\r\n    color:#FFFFFF;\r\n    border-left-color:#0081DD;\r\n    padding-left:38px;\r\n  }\r\n  @keyframes jgrOhFadeUp{ to{opacity:1; transform:translateY(0);} }\r\n\r\n  .jgr-oh-desc{\r\n    max-width:460px;\r\n    margin:32px 0 0;\r\n    color:#606060;\r\n    font-size:1rem;\r\n    line-height:1.75;\r\n    font-weight:300;\r\n    opacity:0;\r\n    transform:translateY(14px);\r\n    animation:jgrOhFadeUp .6s ease forwards 1s;\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .jgr-oh{ grid-template-columns:1fr; min-height:auto; }\r\n    .jgr-oh-media{ height:320px; }\r\n    .jgr-oh-media::after{ background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 35%); }\r\n    .jgr-oh-content{ padding:100px 28px 56px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-oh\">\r\n\r\n  <div class=\"jgr-oh-media\" id=\"jgrOhMedia\">\r\n    <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Banner-1-1.png\" alt=\"JGR - Innovaci\u00f3n en construcci\u00f3n\" id=\"jgrOhImg\">\r\n    <div class=\"jgr-oh-tiles\" id=\"jgrOhTiles\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"jgr-oh-content\">\r\n    <div class=\"jgr-oh-logo\" style=\"padding-left:6px;\">\r\n      <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Logo.png\" alt=\"JGR\" style=\"height:54px; width:auto; display:block;\">\r\n    <\/div>\r\n\r\n    <h1 class=\"jgr-oh-title\">\r\n      <span class=\"line\"><span>Lo imaginas,<\/span><\/span>\r\n      <span class=\"line\"><span>lo hacemos.<\/span><\/span>\r\n    <\/h1>\r\n\r\n    <a class=\"jgr-oh-enter\" href=\"#jgr-servicios\">\r\n      Ver servicios\r\n      <svg width=\"16\" height=\"16\" 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\r\n    <p class=\"jgr-oh-desc\">Dise\u00f1o, construcci\u00f3n y mantenimiento para plantas industriales y locales comerciales. Innovamos en cada proyecto para garantizar seguridad, calidad y cumplimiento de plazos.<\/p>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const wrap = document.getElementById('jgrOhTiles');\r\n  const cols = 8, rows = 5;\r\n  const total = cols * rows;\r\n  const cells = [];\r\n\r\n  for (let i = 0; i < total; i++){\r\n    const div = document.createElement('div');\r\n    div.className = 'jgr-oh-tile';\r\n    wrap.appendChild(div);\r\n    cells.push(div);\r\n  }\r\n\r\n  \/\/ orden de revelado tipo \"onda diagonal\" con un poco de aleatoriedad,\r\n  \/\/ arrancando despu\u00e9s de que el texto ya empez\u00f3 a entrar\r\n  const baseDelay = 500; \/\/ ms, espera a que el texto haya arrancado\r\n  cells.forEach((cell, i) => {\r\n    const col = i % cols;\r\n    const row = Math.floor(i \/ cols);\r\n    const diagonal = col + row;\r\n    const jitter = Math.random() * 120;\r\n    const delay = baseDelay + diagonal * 60 + jitter;\r\n    cell.style.setProperty('--d', delay.toFixed(0));\r\n  });\r\n\r\n  \/\/ ---- parallax sutil de la foto al mover el cursor (con suavizado\/lerp) ----\r\n  const media = document.getElementById('jgrOhMedia');\r\n  const img = document.getElementById('jgrOhImg');\r\n  const maxShift = 14; \/\/ px m\u00e1ximos de desplazamiento, muy sutil\r\n  let targetX = 0, targetY = 0;\r\n  let currentX = 0, currentY = 0;\r\n\r\n  media.addEventListener('mousemove', (e) => {\r\n    const rect = media.getBoundingClientRect();\r\n    const relX = (e.clientX - rect.left) \/ rect.width - 0.5;  \/\/ -0.5 a 0.5\r\n    const relY = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n    targetX = relX * maxShift * -2;\r\n    targetY = relY * maxShift * -2;\r\n  });\r\n  media.addEventListener('mouseleave', () => {\r\n    targetX = 0;\r\n    targetY = 0;\r\n  });\r\n\r\n  function animateParallax(){\r\n    \/\/ interpolaci\u00f3n suave: se acerca al objetivo poco a poco, nunca de golpe\r\n    currentX += (targetX - currentX) * 0.06;\r\n    currentY += (targetY - currentY) * 0.06;\r\n    img.style.transform = `scale(1.06) translate(${currentX.toFixed(2)}px, ${currentY.toFixed(2)}px)`;\r\n    requestAnimationFrame(animateParallax);\r\n  }\r\n  animateParallax();\r\n\r\n  \/\/ ---- scroll suave hacia la secci\u00f3n \"Ver servicios\" ----\r\n  const enterBtn = document.querySelector('.jgr-oh-enter');\r\n  if (enterBtn) {\r\n    enterBtn.addEventListener('click', (e) => {\r\n      const targetId = enterBtn.getAttribute('href');\r\n      const target = document.querySelector(targetId);\r\n      if (target) {\r\n        e.preventDefault();\r\n        const navbarOffset = 90; \/\/ ajusta este n\u00famero seg\u00fan el alto de tu navbar\r\n        const top = target.getBoundingClientRect().top + window.pageYOffset - navbarOffset;\r\n        window.scrollTo({ top, behavior: 'smooth' });\r\n      }\r\n    });\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-149d2be e-flex e-con-boxed e-con e-parent\" data-id=\"149d2be\" 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-d8bbb65 elementor-widget elementor-widget-html\" data-id=\"d8bbb65\" 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 \"QU\u00c9 HACEMOS\" - fondo oscuro, foto + texto + bot\u00f3n degradado\r\n     Pega este bloque completo en un \"HTML personalizado\" de WordPress\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-qh, .jgr-qh *{ box-sizing:border-box; font-family:'Graphie','Poppins',sans-serif; }\r\n  .jgr-qh{\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:#F1F1F1;\r\n    padding:80px 24px;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-qh-inner{\r\n    max-width:1180px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1fr 1.1fr;\r\n    gap:56px;\r\n    align-items:center;\r\n  }\r\n\r\n  .jgr-qh-media{\r\n    position:relative;\r\n    opacity:0;\r\n    transform:translateX(-30px);\r\n    transition:opacity .8s ease, transform .8s ease;\r\n  }\r\n  .jgr-qh.jgr-qh-in .jgr-qh-media{ opacity:1; transform:translateX(0); }\r\n  .jgr-qh-media img{\r\n    width:100%;\r\n    height:340px;\r\n    object-fit:cover;\r\n    border-radius:16px;\r\n    box-shadow:0 24px 50px rgba(0,0,0,.18);\r\n  }\r\n  .jgr-qh-media::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:16px;\r\n    background:linear-gradient(135deg, rgba(0,129,221,.25), transparent 60%);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .jgr-qh-text{\r\n    opacity:0;\r\n    transform:translateX(30px);\r\n    transition:opacity .8s ease .15s, transform .8s ease .15s;\r\n  }\r\n  .jgr-qh.jgr-qh-in .jgr-qh-text{ opacity:1; transform:translateX(0); }\r\n\r\n  .jgr-qh-eyebrow{\r\n    color:#606060;\r\n    font-size:.95rem;\r\n    margin:0 0 8px;\r\n    opacity:0;\r\n    transform:translateY(10px);\r\n    transition:opacity .6s ease .35s, transform .6s ease .35s;\r\n  }\r\n  .jgr-qh.jgr-qh-in .jgr-qh-eyebrow{ opacity:1; transform:translateY(0); }\r\n\r\n  .jgr-qh-text h2{\r\n    color:#0081DD;\r\n    font-size:1.9rem;\r\n    font-weight:800;\r\n    letter-spacing:-0.01em;\r\n    line-height:1.3;\r\n    margin:0 0 22px;\r\n    opacity:0;\r\n    transform:translateY(10px);\r\n    transition:opacity .6s ease .45s, transform .6s ease .45s;\r\n  }\r\n  .jgr-qh.jgr-qh-in .jgr-qh-text h2{ opacity:1; transform:translateY(0); }\r\n\r\n  .jgr-qh-text p{\r\n    color:#454545;\r\n    font-size:1.02rem;\r\n    line-height:1.65;\r\n    margin:0 0 32px;\r\n    max-width:480px;\r\n    opacity:0;\r\n    transform:translateY(10px);\r\n    transition:opacity .6s ease .55s, transform .6s ease .55s;\r\n  }\r\n  .jgr-qh.jgr-qh-in .jgr-qh-text p{ opacity:1; transform:translateY(0); }\r\n\r\n  .jgr-qh-btn{\r\n    display:inline-block;\r\n    background:linear-gradient(90deg, #0081DD, #4fa8f0);\r\n    color:#FFFFFF;\r\n    text-decoration:none;\r\n    font-weight:700;\r\n    font-size:.95rem;\r\n    padding:14px 32px;\r\n    border-radius:50px;\r\n    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n  }\r\n  .jgr-qh-btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:0 14px 30px rgba(0,129,221,.4);\r\n    filter:brightness(1.08);\r\n  }\r\n\r\n  @media (max-width:860px){\r\n    .jgr-qh-inner{ grid-template-columns:1fr; gap:36px; }\r\n    .jgr-qh-media{ order:1; }\r\n    .jgr-qh-text{ order:2; }\r\n    .jgr-qh-media img{ height:260px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-qh\" id=\"jgrQh\">\r\n  <div class=\"jgr-qh-inner\">\r\n\r\n    <div class=\"jgr-qh-media\">\r\n      <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/21b78abf-c4a7-4d4f-bcc1-2e3a064ffda1.jpg\" alt=\"JGR - Acabados de calidad\">\r\n    <\/div>\r\n\r\n    <div class=\"jgr-qh-text\">\r\n      <p class=\"jgr-qh-eyebrow\">Qu\u00e9 hacemos<\/p>\r\n      <h2>Construimos y cuidamos la infraestructura de tu negocio<\/h2>\r\n      <p>Dise\u00f1o, construcci\u00f3n, remodelaci\u00f3n y mantenimiento para plantas industriales y locales comerciales, con acabados de calidad y cumplimiento de plazos.<\/p>\r\n      <a class=\"jgr-qh-btn\" href=\"https:\/\/jgr.pe\/index.php\/servicios\/\">Ver servicios<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const section = document.getElementById('jgrQh');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('jgr-qh-in');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n  observer.observe(section);\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a241c60 elementor-widget elementor-widget-html\" data-id=\"a241c60\" data-element_type=\"widget\" id=\"jgr-servicios\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     BANNER \"NUESTROS SERVICIOS\" + BLOQUE DE PRESENTACI\u00d3N - JGR\r\n     Pega este bloque completo en un \"HTML personalizado\" de WordPress\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-ns, .jgr-ns *{ box-sizing:border-box; font-family:'Poppins',sans-serif; }\r\n  .jgr-ns{\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\r\n  \/* ---- banner con imagen ---- *\/\r\n  .jgr-ns-banner{\r\n    position:relative;\r\n    height:300px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-ns-banner img{\r\n    position:absolute; inset:0;\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n  }\r\n  .jgr-ns-banner::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background:linear-gradient(180deg, rgba(10,12,14,.55) 0%, rgba(10,12,14,.72) 100%);\r\n  }\r\n  .jgr-ns-banner h2{\r\n    position:relative;\r\n    z-index:2;\r\n    color:#FFFFFF;\r\n    font-size:2.1rem;\r\n    font-weight:400;\r\n    margin:0;\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n    animation:jgrNsTitleIn .7s ease forwards .1s;\r\n  }\r\n  .jgr-ns-banner h2 strong{\r\n    font-weight:800;\r\n    color:#FFFFFF;\r\n  }\r\n  @keyframes jgrNsTitleIn{ to{opacity:1; transform:translateY(0);} }\r\n\r\n  .jgr-ns-arrow{\r\n    position:absolute;\r\n    bottom:-16px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    z-index:3;\r\n    width:0; height:0;\r\n    border-left:16px solid transparent;\r\n    border-right:16px solid transparent;\r\n    border-top:16px solid #0081DD;\r\n    animation:jgrNsArrowBounce 1.6s ease-in-out infinite;\r\n  }\r\n  @keyframes jgrNsArrowBounce{\r\n    0%, 100% { transform:translateX(-50%) translateY(0); }\r\n    50%      { transform:translateX(-50%) translateY(6px); }\r\n  }\r\n\r\n  \/* ---- bloque de presentaci\u00f3n ---- *\/\r\n  .jgr-ns-intro{\r\n    background:#f4f5f6;\r\n    padding:64px 24px 72px;\r\n    text-align:center;\r\n  }\r\n  .jgr-ns-intro-inner{\r\n    max-width:820px;\r\n    margin:0 auto;\r\n  }\r\n  .jgr-ns-intro h3{\r\n    font-size:1.9rem;\r\n    font-weight:400;\r\n    color:#2b2b2b;\r\n    margin:0 0 20px;\r\n    opacity:0;\r\n    transform:translateY(16px);\r\n    animation:jgrNsFadeUp .7s ease forwards .1s;\r\n  }\r\n  .jgr-ns-intro h3 strong{\r\n    font-weight:800;\r\n    color:#0081DD;\r\n  }\r\n  @keyframes jgrNsFadeUp{ to{opacity:1; transform:translateY(0);} }\r\n\r\n  .jgr-ns-divider{\r\n    width:70px;\r\n    height:3px;\r\n    background:#0081DD;\r\n    margin:0 auto 28px;\r\n    opacity:0;\r\n    transform:scaleX(0);\r\n    transform-origin:center;\r\n    animation:jgrNsDividerIn .6s ease forwards .35s;\r\n  }\r\n  @keyframes jgrNsDividerIn{ to{opacity:1; transform:scaleX(1);} }\r\n\r\n  .jgr-ns-intro p{\r\n    font-size:1rem;\r\n    line-height:1.7;\r\n    color:#606060;\r\n    margin:0;\r\n    opacity:0;\r\n    transform:translateY(16px);\r\n    animation:jgrNsFadeUp .7s ease forwards .5s;\r\n  }\r\n\r\n  @media (max-width:640px){\r\n    .jgr-ns-banner{ height:220px; }\r\n    .jgr-ns-banner h2{ font-size:1.5rem; padding:0 20px; text-align:center; }\r\n    .jgr-ns-intro h3{ font-size:1.4rem; }\r\n    .jgr-ns-intro{ padding:52px 20px 60px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-ns\">\r\n\r\n  <div class=\"jgr-ns-banner\">\r\n    <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-7-jul-2026-03_30_24-p.m.png\" alt=\"JGR - Nuestros servicios\">\r\n    <h2>Nuestros <strong>Servicios<\/strong><\/h2>\r\n    <span class=\"jgr-ns-arrow\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"jgr-ns-intro\">\r\n    <div class=\"jgr-ns-intro-inner\">\r\n      <h3>Somos un <strong>equipo experto<\/strong> en <strong>nuestro rubro<\/strong><\/h3>\r\n      <div class=\"jgr-ns-divider\"><\/div>\r\n      <p>Somos una empresa especializada en la ejecuci\u00f3n de proyectos de construcci\u00f3n, remodelaci\u00f3n y acabados para plantas industriales y locales comerciales, trabajando bajo criterios de calidad, seguridad y cumplimiento de plazos.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\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-95cf322 e-flex e-con-boxed e-con e-parent\" data-id=\"95cf322\" 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-388c72c elementor-widget elementor-widget-html\" data-id=\"388c72c\" 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     TARJETAS DE SERVICIOS - JGR\r\n     Pega este bloque completo en un bloque \"HTML personalizado\" de WordPress\r\n     (Gutenberg: bloque \"HTML personalizado\" \/ Elementor: widget \"HTML\")\r\n=================================================================== -->\r\n<style>\r\n.jgr-servicios{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:28px;\r\n  max-width:1280px;\r\n  margin:40px auto;\r\n  padding:0 24px;\r\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n  box-sizing:border-box;\r\n}\r\n.jgr-card{\r\n  position:relative;\r\n  background:#fff;\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,0,0,.14);\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:#111;\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:#666;\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:#111;\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:#c0392b;\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-template-columns:1fr;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"jgr-servicios\">\r\n\r\n  <!-- TARJETA 1: Remodelaci\u00f3n Universidad Privada San Juan Bautista -->\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=\"Remodelaci\u00f3n Universidad Privada San Juan Bautista\">\r\n    <\/div>\r\n    <div class=\"jgr-card-body\" >\r\n      <h3>Remodelaciones<\/h3>\r\n      <p>Remodelaci\u00f3n integral de ambientes universitarios, con acabados de calidad y cumplimiento de plazos.<\/p>\r\n      <a class=\"jgr-card-link\" href=\"https:\/\/jgr.pe\/index.php\/remodelaciones\/\">\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: Mantenimiento de Estocas -->\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\/ChatGPT-Image-6-jul-2026-04_51_39-p.m.png\"\r\n           alt=\"Mantenimiento de Estocas\">\r\n    <\/div>\r\n    <div class=\"jgr-card-body\">\r\n      <h3>Mantenimiento de Estocas<\/h3>\r\n      <p>Servicio t\u00e9cnico de mantenimiento preventivo y correctivo para estocas, garantizando su \u00f3ptimo funcionamiento.<\/p>\r\n      <a class=\"jgr-card-link\" href=\"https:\/\/jgr.pe\/index.php\/mantenimiento-estocas\/\">\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: Suministro e Instalaci\u00f3n de Barras Antip\u00e1nico -->\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\/DESPUES-02.jpg\"\r\n           alt=\"Servicio de Suministro e Instalaci\u00f3n de Barras Antip\u00e1nico\">\r\n    <\/div>\r\n    <div class=\"jgr-card-body\">\r\n      <h3>Suministro e Instalaci\u00f3n de Barras Antip\u00e1nico<\/h3>\r\n      <p>Suministro e instalaci\u00f3n de barras antip\u00e1nico certificadas, para la seguridad de tus instalaciones.<\/p>\r\n      <a class=\"jgr-card-link\" href=\"https:\/\/jgr.pe\/index.php\/Barras-Antipanico\/\">\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>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b954c9f elementor-widget elementor-widget-html\" data-id=\"b954c9f\" 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     TARJETAS DE SERVICIOS - JGR\r\n     Pega este bloque completo en un bloque \"HTML personalizado\" de WordPress\r\n     (Gutenberg: bloque \"HTML personalizado\" \/ Elementor: widget \"HTML\")\r\n=================================================================== -->\r\n<style>\r\n.jgr-servicios{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:28px;\r\n  max-width:1280px;\r\n  margin:40px auto;\r\n  padding:0 24px;\r\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n  box-sizing:border-box;\r\n}\r\n.jgr-card{\r\n  position:relative;\r\n  background:#fff;\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,0,0,.14);\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:#111;\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:#666;\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:#111;\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:#c0392b;\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-template-columns:1fr;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"jgr-servicios\">\r\n\r\n  <!-- TARJETA 1: Dise\u00f1o de pintura -->\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\/1-1.png\"\r\n           alt=\"Dise\u00f1o de pintura\">\r\n    <\/div>\r\n    <div class=\"jgr-card-body\">\r\n      <h3>Dise\u00f1o de pintura<\/h3>\r\n      <p>Pintura profesional y duradera, con acabados de calidad pensados para cada tipo de espacio.<\/p>\r\n      <a class=\"jgr-card-link\" href=\"https:\/\/jgr.pe\/index.php\/diseno-y-pintura\/\">\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: 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-1.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      <!-- \u26a0\ufe0f Reemplaza el # por la URL real de la p\u00e1gina de este servicio -->\r\n      <a class=\"jgr-card-link\" href=\"https:\/\/jgr.pe\/index.php\/Porton-corredizo\/\">\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: Servicio de 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_.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 y portones<\/h3>\r\n      <p>Servicio de suministro e instalaci\u00f3n de cerramientos con malla raschel y portones de seguridad.<\/p>\r\n      <!-- \u26a0\ufe0f Reemplaza el # por la URL real de la p\u00e1gina de este servicio -->\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<\/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-9c378f5 e-flex e-con-boxed e-con e-parent\" data-id=\"9c378f5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59576ee elementor-widget elementor-widget-html\" data-id=\"59576ee\" 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     CARRUSEL DE SERVICIOS - Obra Civil, Estructuras, Pintura, Servicios Generales, Melamina\r\n     Pega este bloque completo en un \"HTML personalizado\" de WordPress\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-cs, .jgr-cs *{ box-sizing:border-box; font-family:'Graphie','Poppins',sans-serif; }\r\n  .jgr-cs{\r\n    max-width:1180px;\r\n    margin:60px auto;\r\n    padding:0 24px;\r\n  }\r\n\r\n  .jgr-cs-head{\r\n    text-align:center;\r\n    margin-bottom:36px;\r\n    opacity:0;\r\n    transform:translateY(16px);\r\n    transition:opacity .7s ease, transform .7s ease;\r\n  }\r\n  .jgr-cs-head.jgr-cs-in{ opacity:1; transform:translateY(0); }\r\n  .jgr-cs-head h2{\r\n    font-size:2rem;\r\n    font-weight:800;\r\n    letter-spacing:-0.01em;\r\n    color:#0081DD;\r\n    margin:0;\r\n  }\r\n\r\n  .jgr-cs-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-cs-viewport:active{ cursor:grabbing; }\r\n\r\n  .jgr-cs-track{\r\n    display:flex;\r\n    gap:24px;\r\n    transition:transform .5s cubic-bezier(.22,.61,.36,1);\r\n    will-change:transform;\r\n  }\r\n  .jgr-cs-track.dragging{ transition:none; }\r\n\r\n  .jgr-cs-card{\r\n    flex:0 0 calc(33.333% - 16px);\r\n    display:block;\r\n    text-decoration:none;\r\n    background:#f4f5f6;\r\n    border-radius:14px;\r\n    overflow:hidden;\r\n    box-shadow:0 8px 22px rgba(0,0,0,.06);\r\n    transition:transform .3s ease, box-shadow .3s ease;\r\n    -webkit-user-drag:none;\r\n    user-drag:none;\r\n  }\r\n  .jgr-cs-card:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 20px 36px rgba(0,0,0,.12);\r\n  }\r\n\r\n  .jgr-cs-photo{\r\n    position:relative;\r\n    height:180px;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-cs-photo img{\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n    transition:transform .5s ease;\r\n    -webkit-user-drag:none;\r\n    user-drag:none;\r\n    pointer-events:none;\r\n  }\r\n  .jgr-cs-card:hover .jgr-cs-photo img{ transform:scale(1.08); }\r\n\r\n  .jgr-cs-body{\r\n    padding:22px 22px 26px;\r\n  }\r\n  .jgr-cs-body h3{\r\n    font-size:1.15rem;\r\n    font-weight:800;\r\n    letter-spacing:-0.01em;\r\n    color:#2b2b2b;\r\n    margin:0 0 10px;\r\n  }\r\n  .jgr-cs-body p{\r\n    font-size:.9rem;\r\n    line-height:1.55;\r\n    color:#606060;\r\n    margin:0 0 18px;\r\n  }\r\n  .jgr-cs-more{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:6px;\r\n    font-size:.78rem;\r\n    font-weight:700;\r\n    letter-spacing:.03em;\r\n    text-transform:uppercase;\r\n    color:#0081DD;\r\n  }\r\n  .jgr-cs-more svg{\r\n    width:14px; height:14px;\r\n    transition:transform .3s ease;\r\n  }\r\n  .jgr-cs-card:hover .jgr-cs-more svg{ transform:translateX(5px); }\r\n\r\n  .jgr-cs-nav{\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    gap:20px;\r\n    margin-top:28px;\r\n  }\r\n  .jgr-cs-arrow{\r\n    width:42px; height:42px;\r\n    border-radius:50%;\r\n    border:1px solid #d7d7d7;\r\n    background:#FFFFFF;\r\n    color:#2b2b2b;\r\n    display:flex; align-items:center; justify-content:center;\r\n    cursor:pointer;\r\n    transition:background .25s ease, color .25s ease, border-color .25s ease;\r\n  }\r\n  .jgr-cs-arrow:hover{\r\n    background:#0081DD;\r\n    border-color:#0081DD;\r\n    color:#FFFFFF;\r\n  }\r\n  .jgr-cs-arrow svg{ width:18px; height:18px; }\r\n\r\n  .jgr-cs-dots{ display:flex; gap:8px; }\r\n  .jgr-cs-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-cs-dot.active{\r\n    background:#0081DD;\r\n    transform:scale(1.2);\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .jgr-cs-card{ flex:0 0 calc(50% - 12px); }\r\n  }\r\n  @media (max-width:600px){\r\n    .jgr-cs-card{ flex:0 0 85%; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-cs\">\r\n\r\n  <div class=\"jgr-cs-head\" id=\"jgrCsHead\">\r\n    <h2>Otras l\u00edneas de trabajo<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"jgr-cs-viewport\" id=\"jgrCsViewport\">\r\n    <div class=\"jgr-cs-track\" id=\"jgrCsTrack\">\r\n\r\n      <a class=\"jgr-cs-card\" href=\"https:\/\/jgr.pe\/index.php\/obras-civiles\/\" draggable=\"false\">\r\n        <div class=\"jgr-cs-photo\">\r\n          <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/11bfc8b6-e93b-45db-ad79-81f3cc9c2abf.jpg\" alt=\"Obra Civil\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\" draggable=\"false\">\r\n        <\/div>\r\n        <div class=\"jgr-cs-body\">\r\n          <h3>Obra Civil<\/h3>\r\n          <p>Dise\u00f1o, demolici\u00f3n, ampliaci\u00f3n y remodelaci\u00f3n en colegios, hospitales, comisar\u00edas, almacenes y ba\u00f1os p\u00fablicos.<\/p>\r\n          <span class=\"jgr-cs-more\">Ver m\u00e1s\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          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"jgr-cs-card\" href=\"https:\/\/jgr.pe\/index.php\/estructuras\/\" draggable=\"false\">\r\n        <div class=\"jgr-cs-photo\">\r\n          <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-8-jul-2026-04_14_41-p.m.png\" alt=\"Estructuras Met\u00e1licas\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\" draggable=\"false\">\r\n        <\/div>\r\n        <div class=\"jgr-cs-body\">\r\n          <h3>Estructuras Met\u00e1licas<\/h3>\r\n          <p>Dise\u00f1o y c\u00e1lculo estructural para techos, cercos perim\u00e9tricos, barandas, portones, rejas y m\u00f3dulos de esclusa.<\/p>\r\n          <span class=\"jgr-cs-more\">Ver m\u00e1s\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          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"jgr-cs-card\" href=\"https:\/\/jgr.pe\/index.php\/pintura-industrial\/\" draggable=\"false\">\r\n        <div class=\"jgr-cs-photo\">\r\n          <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/900c6446-0923-4c1a-a6d1-39a7078a1f47.jpg\" alt=\"Pintura Industrial\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\" draggable=\"false\">\r\n        <\/div>\r\n        <div class=\"jgr-cs-body\">\r\n          <h3>Pintura Industrial<\/h3>\r\n          <p>Pintado de columnas, techos, paredes, veredas, sardineles, circulaciones peatonales y se\u00f1alizaci\u00f3n de seguridad.<\/p>\r\n          <span class=\"jgr-cs-more\">Ver m\u00e1s\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          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"jgr-cs-card\" href=\"https:\/\/jgr.pe\/index.php\/servicios-generales\" draggable=\"false\">\r\n        <div class=\"jgr-cs-photo\">\r\n          <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Servicios-generales.png\" alt=\"Servicios Generales\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\" draggable=\"false\">\r\n        <\/div>\r\n        <div class=\"jgr-cs-body\">\r\n          <h3>Servicios Generales<\/h3>\r\n          <p>Suministro de equipos y materiales: climatizaci\u00f3n, gasfiter\u00eda, electricidad, pisos, cerrajer\u00eda, vidrios y jardiner\u00eda.<\/p>\r\n          <span class=\"jgr-cs-more\">Ver m\u00e1s\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          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"jgr-cs-card\" href=\"https:\/\/jgr.pe\/index.php\/muebles-de-melamina\/\" draggable=\"false\">\r\n        <div class=\"jgr-cs-photo\">\r\n          <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Muebles-de-melamina.png\" alt=\"Muebles de Melamina\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\" draggable=\"false\">\r\n        <\/div>\r\n        <div class=\"jgr-cs-body\">\r\n          <h3>Muebles de Melamina<\/h3>\r\n          <p>Muebles altos, bajos, de exhibici\u00f3n, m\u00f3dulos de atenci\u00f3n, mostradores, escritorios y armarios en melamina resistente.<\/p>\r\n          <span class=\"jgr-cs-more\">Ver m\u00e1s\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          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"jgr-cs-nav\">\r\n    <div class=\"jgr-cs-dots\" id=\"jgrCsDots\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const viewport = document.getElementById('jgrCsViewport');\r\n  const track = document.getElementById('jgrCsTrack');\r\n  const dotsWrap = document.getElementById('jgrCsDots');\r\n  const realCards = Array.from(track.children);\r\n  const realCount = realCards.length;\r\n\r\n  function cardsPerView(){\r\n    const w = window.innerWidth;\r\n    if (w <= 600) return 1;\r\n    if (w <= 900) return 2;\r\n    return 3;\r\n  }\r\n  let perView = cardsPerView();\r\n\r\n  \/\/ clonamos tarjetas al inicio y al final para el loop infinito\r\n  const cloneCount = Math.min(3, realCount);\r\n  const clonesBefore = realCards.slice(-cloneCount).map(c => c.cloneNode(true));\r\n  const clonesAfter = realCards.slice(0, cloneCount).map(c => c.cloneNode(true));\r\n  clonesBefore.forEach(c => { c.setAttribute('aria-hidden', 'true'); track.insertBefore(c, track.firstChild); });\r\n  clonesAfter.forEach(c => { c.setAttribute('aria-hidden', 'true'); track.appendChild(c); });\r\n\r\n  const offset = cloneCount;\r\n  let index = offset; \/\/ posici\u00f3n inicial = primera tarjeta real\r\n\r\n  function buildDots(){\r\n    dotsWrap.innerHTML = '';\r\n    for (let i = 0; i < realCount; i++){\r\n      const b = document.createElement('button');\r\n      b.className = 'jgr-cs-dot' + (i === 0 ? ' active' : '');\r\n      b.addEventListener('click', () => { goTo(offset + i); restartIdle(); });\r\n      dotsWrap.appendChild(b);\r\n    }\r\n  }\r\n  buildDots();\r\n\r\n  function updateDots(){\r\n    const realIndex = ((index - offset) % realCount + realCount) % realCount;\r\n    dotsWrap.querySelectorAll('.jgr-cs-dot').forEach((d, i) => d.classList.toggle('active', i === realIndex));\r\n  }\r\n\r\n  function cardStep(){\r\n    const cardWidth = realCards[0].getBoundingClientRect().width;\r\n    return cardWidth + 24; \/\/ 24 = gap\r\n  }\r\n\r\n  function render(animate = true){\r\n    track.style.transition = animate ? '' : 'none';\r\n    track.style.transform = `translateX(-${index * cardStep()}px)`;\r\n    updateDots();\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    const totalSlots = offset + realCount + cloneCount;\r\n    if (index >= offset + realCount) {\r\n      index -= realCount;\r\n      render(false);\r\n    } else if (index < offset) {\r\n      index += realCount;\r\n      render(false);\r\n    }\r\n  });\r\n\r\n  function restartIdle(){} \/\/ reservado por si se agrega autoplay m\u00e1s adelante\r\n\r\n  window.addEventListener('resize', () => {\r\n    perView = cardsPerView();\r\n    render(false);\r\n  });\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, e){\r\n    dragging = true; dragMoved = false; startX = x;\r\n    track.classList.add('dragging');\r\n    if (e) e.preventDefault();\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 base = -index * cardStep();\r\n    track.style.transform = `translateX(${base + delta}px)`;\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 = cardStep() * 0.2;\r\n    if (delta > threshold) prev();\r\n    else if (delta < -threshold) next();\r\n    else render(true);\r\n  }\r\n\r\n  viewport.addEventListener('mousedown', e => pointerDown(e.clientX, e));\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  \/\/ evita que un arrastre dispare el click del link <a>\r\n  track.addEventListener('click', e => {\r\n    if (dragMoved) { e.preventDefault(); e.stopPropagation(); }\r\n  }, true);\r\n\r\n  render(false);\r\n\r\n  \/\/ ---- seguridad extra contra lazy-load que borra im\u00e1genes ----\r\n  function forceRealSrc(){\r\n    track.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) img.src = real;\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  forceRealSrc();\r\n  window.addEventListener('load', forceRealSrc);\r\n  setTimeout(forceRealSrc, 500);\r\n  setTimeout(forceRealSrc, 1500);\r\n\r\n  \/\/ ---- animaci\u00f3n del t\u00edtulo al hacer scroll ----\r\n  const head = document.getElementById('jgrCsHead');\r\n  const headObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('jgr-cs-in');\r\n        headObserver.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n  headObserver.observe(head);\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-452b861 e-con-full e-flex e-con e-parent\" data-id=\"452b861\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-73c264f e-con-full e-flex e-con e-child\" data-id=\"73c264f\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3875830 e-con-full e-flex e-con e-child\" data-id=\"3875830\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f85570c elementor-widget elementor-widget-html\" data-id=\"f85570c\" 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 INICIO - Texto + mosaico de fotos con scroll HORIZONTAL infinito\r\n     Layout: 25% texto \/ 75% im\u00e1genes, usando flexbox (sin absolute)\r\n     Pega este bloque completo en un \"HTML personalizado\" de WordPress\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\r\n  .jgr-mv, .jgr-mv *{ box-sizing:border-box; font-family:'Graphie','Poppins',sans-serif; }\r\n  .jgr-mv{\r\n      \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:#FAFAFA;\r\n    padding:64px 0;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-mv-inner{\r\n    display:flex;\r\n    align-items:center;\r\n    width:100%;\r\n    max-width:100%;\r\n    padding:0 40px;\r\n    gap:32px;\r\n  }\r\n  @media (min-width:1400px){\r\n    .jgr-mv-inner{ padding-left:8vw; }\r\n  }\r\n\r\n  \/* ---- 25% texto ---- *\/\r\n  .jgr-mv-text{\r\n    flex:0 0 25%;\r\n    max-width:25%;\r\n    opacity:1;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    align-items:flex-start;\r\n    text-align:left;\r\n    position:relative;\r\n    z-index:2;\r\n  }\r\n  .jgr-mv-word-wrap{ display:inline-block; overflow:hidden; vertical-align:top; }\r\n  .jgr-mv-word{\r\n    display:inline-block;\r\n    transform:translateY(115%);\r\n    transition:transform .6s cubic-bezier(.22,.61,.36,1);\r\n  }\r\n  .jgr-mv-text.jgr-mv-in .jgr-mv-word{ transform:translateY(0); }\r\n  .jgr-mv-text h2{\r\n    color:#0081DD;\r\n    font-size:1.9rem;\r\n    font-weight:800;\r\n    letter-spacing:-0.01em;\r\n    line-height:1.25;\r\n    margin:0 0 20px;\r\n  }\r\n  .jgr-mv-text p{\r\n    color:#606060;\r\n    font-size:1rem;\r\n    line-height:1.7;\r\n    margin:0;\r\n    opacity:0;\r\n    transform:translateY(14px);\r\n    transition:opacity .6s ease .5s, transform .6s ease .5s;\r\n  }\r\n  .jgr-mv-text.jgr-mv-in p{ opacity:1; transform:translateY(0); }\r\n\r\n  \/* ---- 75% mosaico: 2 filas horizontales, todo el bloque inclinado ---- *\/\r\n  .jgr-mv-marquee-wrap{\r\n    flex:0 0 75%;\r\n    max-width:75%;\r\n    height:520px;\r\n    position:relative;\r\n    overflow:hidden;\r\n    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);\r\n    mask-image:linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);\r\n  }\r\n  .jgr-mv-marquee{\r\n    position:absolute;\r\n    top:50%; left:50%;\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:6px;\r\n    transform:translate(-50%,-50%) rotate(6deg) scale(1.35);\r\n    transform-origin:center;\r\n    width:1400px;\r\n  }\r\n\r\n  .jgr-mv-row{\r\n    overflow:hidden;\r\n    height:240px;\r\n  }\r\n  .jgr-mv-track{\r\n    display:flex;\r\n    gap:6px;\r\n    width:max-content;\r\n  }\r\n  .jgr-mv-row.left .jgr-mv-track{ animation:jgrMvScrollLeft 26s linear infinite; }\r\n  .jgr-mv-row.right .jgr-mv-track{ animation:jgrMvScrollRight 26s linear infinite; }\r\n  .jgr-mv-marquee-wrap:hover .jgr-mv-track{ }\r\n  @keyframes jgrMvScrollLeft{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }\r\n  @keyframes jgrMvScrollRight{ from{ transform:translateX(-50%); } to{ transform:translateX(0); } }\r\n\r\n  .jgr-mv-card{\r\n    position:relative;\r\n    height:240px;\r\n    overflow:hidden;\r\n    border-radius:4px;\r\n  }\r\n  .jgr-mv-card img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n  }\r\n  .jgr-mv-card.wide{ width:380px; }\r\n  .jgr-mv-card.narrow{ width:220px; }\r\n\r\n  @media (max-width:900px){\r\n    .jgr-mv-inner{\r\n      flex-direction:column;\r\n      padding:0 24px;\r\n    }\r\n    .jgr-mv-text{\r\n      flex:1 1 auto;\r\n      max-width:100%;\r\n      align-items:center;\r\n      text-align:center;\r\n      margin-bottom:32px;\r\n    }\r\n    .jgr-mv-marquee-wrap{\r\n      flex:1 1 auto;\r\n      max-width:100%;\r\n      width:100%;\r\n      height:340px;\r\n    }\r\n    .jgr-mv-marquee{ width:900px; transform:translate(-50%,-50%) rotate(6deg) scale(1); }\r\n    .jgr-mv-row{ height:160px; }\r\n    .jgr-mv-card{ height:160px; }\r\n    .jgr-mv-card.wide{ width:250px; }\r\n    .jgr-mv-card.narrow{ width:150px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-mv\">\r\n  <div class=\"jgr-mv-inner\">\r\n\r\n    <div class=\"jgr-mv-text\">\r\n      <h2>Olv\u00eddate de los problemas de tu infraestructura.<\/h2>\r\n      <p>Nos encargamos de la construcci\u00f3n, remodelaci\u00f3n y mantenimiento de tu espacio. T\u00fa, de hacer crecer tu negocio.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"jgr-mv-marquee-wrap\">\r\n      <div class=\"jgr-mv-marquee\">\r\n\r\n        <!-- Fila 1: se mueve a la izquierda -->\r\n        <div class=\"jgr-mv-row left\">\r\n          <div class=\"jgr-mv-track\">\r\n            <div class=\"jgr-mv-card wide\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-13-jul-2026-11_32_16-a.m.png\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card narrow\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/3.png\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card narrow\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ee6c9cfe-2f5a-4b46-b79f-eb86f1853727.jpg\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card wide\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/b30c9216-e990-497b-96bc-8d806d9b7bbc.jpg\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <!-- repetido para el loop -->\r\n            <div class=\"jgr-mv-card wide\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/b50a3ad6-22ef-4483-b714-aa36d871e40b.jpg\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card narrow\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-13-jul-2026-11_24_05-a.m.png\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card narrow\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/7e5dca69-178f-44b1-aea6-24940e948d57.jpg\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card wide\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/b30c9216-e990-497b-96bc-8d806d9b7bbc.jpg\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Fila 2: se mueve a la derecha -->\r\n        <div class=\"jgr-mv-row right\">\r\n          <div class=\"jgr-mv-track\">\r\n            <div class=\"jgr-mv-card narrow\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/4.png\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card wide\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/1-1.png\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card narrow\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/80ccc668-9161-4857-aa46-2da86d62b107.jpg\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card wide\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/743d0350-3eb6-4788-b205-edd5e37a3a9e.jpg\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <!-- repetido para el loop -->\r\n            <div class=\"jgr-mv-card narrow\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/4.png\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card wide\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/1-1.png\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card narrow\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/80ccc668-9161-4857-aa46-2da86d62b107.jpg\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n            <div class=\"jgr-mv-card wide\"><img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/743d0350-3eb6-4788-b205-edd5e37a3a9e.jpg\" alt=\"Proyecto JGR\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\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(){\r\n    document.querySelectorAll('.jgr-mv 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  forceRealSrc();\r\n  \/\/ por si el plugin act\u00faa despu\u00e9s de que el DOM ya carg\u00f3\r\n  window.addEventListener('load', forceRealSrc);\r\n  setTimeout(forceRealSrc, 500);\r\n  setTimeout(forceRealSrc, 1500);\r\n\r\n  const textBlock = document.querySelector('.jgr-mv-text');\r\n  const title = textBlock.querySelector('h2');\r\n\r\n  const words = title.textContent.trim().split(' ');\r\n  title.innerHTML = words.map(w =>\r\n    `<span class=\"jgr-mv-word-wrap\"><span class=\"jgr-mv-word\">${w}<\/span><\/span>`\r\n  ).join(' ');\r\n  title.querySelectorAll('.jgr-mv-word').forEach((w, i) => {\r\n    w.style.transitionDelay = (i * 60) + 'ms';\r\n  });\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('jgr-mv-in');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n\r\n  observer.observe(textBlock);\r\n})();\r\n<\/script>\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-2bb8bf1 e-flex e-con-boxed e-con e-parent\" data-id=\"2bb8bf1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6411e4c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6411e4c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.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-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">te ofrecemos<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11ad88b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"11ad88b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SUMINISTROS VARIOS<\/h2>\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-8f38c0b e-flex e-con-boxed e-con e-parent\" data-id=\"8f38c0b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8a1ead elementor-widget elementor-widget-html\" data-id=\"d8a1ead\" 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 \"SUMINISTROS VARIOS\" - Tarjetas con mosaico de cuadros\r\n     Pega este bloque completo en un \"HTML personalizado\" de WordPress\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-sv, .jgr-sv *{ box-sizing:border-box; font-family:'Graphie','Poppins',sans-serif; }\r\n  .jgr-sv{\r\n    max-width:1180px;\r\n    margin:64px auto;\r\n    padding:0 24px;\r\n  }\r\n  .jgr-sv-head{\r\n    text-align:center;\r\n    margin-bottom:44px;\r\n    opacity:0;\r\n    transform:translateY(16px);\r\n    transition:opacity .7s ease, transform .7s ease;\r\n  }\r\n  .jgr-sv-head.jgr-sv-in{ opacity:1; transform:translateY(0); }\r\n  .jgr-sv-eyebrow{\r\n    display:block;\r\n    font-family:'Caveat','Poppins',cursive;\r\n    font-size:1.3rem;\r\n    font-weight:700;\r\n    color:#2b2b2b;\r\n    margin:0 0 4px;\r\n  }\r\n  .jgr-sv-head h2{\r\n    font-size:2rem;\r\n    font-weight:800;\r\n    letter-spacing:-0.01em;\r\n    color:#0081DD;\r\n    margin:0;\r\n  }\r\n\r\n  .jgr-sv-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:32px 28px;\r\n  }\r\n  .jgr-sv-card{\r\n    position:relative;\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n    transition:opacity .6s ease, transform .6s ease;\r\n  }\r\n  .jgr-sv-card.jgr-sv-in{ opacity:1; transform:translateY(0); }\r\n\r\n  .jgr-sv-photo{\r\n    position:relative;\r\n    aspect-ratio:461 \/ 625;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-sv-photo img{\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n    border:none;\r\n    outline:none;\r\n    transition:transform .5s ease;\r\n  }\r\n  .jgr-sv-card:hover .jgr-sv-photo img{ transform:scale(0.92); }\r\n\r\n  .jgr-sv-tiles{\r\n    position:absolute; inset:0;\r\n    z-index:2;\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    grid-template-rows:repeat(3,1fr);\r\n    pointer-events:none;\r\n  }\r\n  .jgr-sv-tile{\r\n    background:#f4f5f6;\r\n    opacity:1;\r\n    transform:scale(1);\r\n    transition:opacity .5s ease, transform .5s ease;\r\n  }\r\n  .jgr-sv-card.jgr-sv-in .jgr-sv-tile{\r\n    opacity:0;\r\n    transform:scale(1.12);\r\n  }\r\n\r\n\r\n  @media (max-width:900px){\r\n    .jgr-sv-grid{ grid-template-columns:1fr 1fr; }\r\n  }\r\n  @media (max-width:560px){\r\n    .jgr-sv-grid{ grid-template-columns:1fr; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-sv\">\r\n\r\n  <div class=\"jgr-sv-grid\" id=\"jgrSvGrid\">\r\n\r\n    <div class=\"jgr-sv-card\">\r\n      <div class=\"jgr-sv-photo\">\r\n        <!-- \u26a0\ufe0f Reemplaza por la URL real -->\r\n        <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Recurso-22-2.png\" alt=\"Se\u00f1al\u00e9ticas fotoluminiscente\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n        <div class=\"jgr-sv-tiles\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jgr-sv-card\">\r\n      <div class=\"jgr-sv-photo\">\r\n        <!-- \u26a0\ufe0f Reemplaza por la URL real -->\r\n        <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Recurso-23-2.png\" alt=\"Bloqueos de Loto\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n        <div class=\"jgr-sv-tiles\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jgr-sv-card\">\r\n      <div class=\"jgr-sv-photo\">\r\n        <!-- \u26a0\ufe0f Reemplaza por la URL real -->\r\n        <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Recurso-24-2.png\" alt=\"Lockers\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n        <div class=\"jgr-sv-tiles\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jgr-sv-card\">\r\n      <div class=\"jgr-sv-photo\">\r\n        <!-- \u26a0\ufe0f Reemplaza por la URL real -->\r\n        <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Recurso-25-1.png\" alt=\"Murales informativos\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n        <div class=\"jgr-sv-tiles\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jgr-sv-card\">\r\n      <div class=\"jgr-sv-photo\">\r\n        <!-- \u26a0\ufe0f Reemplaza por la URL real -->\r\n        <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Recurso-26-1.png\" alt=\"Contenedores de Residuos s\u00f3lidos\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n        <div class=\"jgr-sv-tiles\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jgr-sv-card\">\r\n      <div class=\"jgr-sv-photo\">\r\n        <!-- \u26a0\ufe0f Reemplaza por la URL real -->\r\n        <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Recurso-27-1.png\" alt=\"L\u00e1minas de seguridad y control solar\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n        <div class=\"jgr-sv-tiles\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ generar los cuadros del mosaico dentro de cada foto\r\n  document.querySelectorAll('.jgr-sv-tiles').forEach(wrap => {\r\n    const cols = 5, rows = 3;\r\n    for (let i = 0; i < cols * rows; i++){\r\n      const tile = document.createElement('div');\r\n      tile.className = 'jgr-sv-tile';\r\n      const col = i % cols;\r\n      const row = Math.floor(i \/ cols);\r\n      const diagonal = col + row;\r\n      const jitter = Math.random() * 80;\r\n      tile.style.transitionDelay = (diagonal * 50 + jitter).toFixed(0) + 'ms';\r\n      wrap.appendChild(tile);\r\n    }\r\n  });\r\n\r\n  const toObserve = [];\r\n  document.querySelectorAll('#jgrSvGrid .jgr-sv-card').forEach((card, i) => {\r\n    card.style.transitionDelay = (i % 3) * 100 + 'ms';\r\n    toObserve.push(card);\r\n  });\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('jgr-sv-in');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  toObserve.forEach(el => observer.observe(el));\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-9c445db e-flex e-con-boxed e-con e-parent\" data-id=\"9c445db\" data-element_type=\"container\" id=\"clientes\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7370d97 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7370d97\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">nuestros<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1373fdf elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1373fdf\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CLIENTES<\/h2>\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-4493c29 e-flex e-con-boxed e-con e-parent\" data-id=\"4493c29\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-be81f9b e-con-full e-flex e-con e-child\" data-id=\"be81f9b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5dc5c6 elementor-widget elementor-widget-image\" data-id=\"c5dc5c6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"319\" height=\"183\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Imagen4-e1713799923909.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-396\" alt=\"\" srcset=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Imagen4-e1713799923909.png 319w, https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Imagen4-e1713799923909-300x172.png 300w\" sizes=\"(max-width: 319px) 100vw, 319px\" \/>\t\t\t\t\t\t\t\t\t\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-d09a165 e-con-full e-flex e-con e-child\" data-id=\"d09a165\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ae7fa7 elementor-widget elementor-widget-image\" data-id=\"7ae7fa7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"287\" height=\"67\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Grupo-341.png\" class=\"attachment-large size-large wp-image-57\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\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-ea66f70 e-con-full e-flex e-con e-child\" data-id=\"ea66f70\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0cbac3 elementor-widget elementor-widget-image\" data-id=\"c0cbac3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"337\" height=\"128\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Imagen3.png\" class=\"attachment-large size-large wp-image-397\" alt=\"\" srcset=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Imagen3.png 337w, https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Imagen3-300x114.png 300w\" sizes=\"(max-width: 337px) 100vw, 337px\" \/>\t\t\t\t\t\t\t\t\t\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-a12edb3 e-con-full e-flex e-con e-child\" data-id=\"a12edb3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0406f08 elementor-widget elementor-widget-image\" data-id=\"0406f08\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"398\" height=\"135\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Imagen2.png\" class=\"attachment-large size-large wp-image-398\" alt=\"\" srcset=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Imagen2.png 398w, https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Imagen2-300x102.png 300w\" sizes=\"(max-width: 398px) 100vw, 398px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\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-761190c e-flex e-con-boxed e-con e-parent\" data-id=\"761190c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-842cd61 e-con-full e-flex e-con e-child\" data-id=\"842cd61\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96ac7ec elementor-widget elementor-widget-image\" data-id=\"96ac7ec\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"287\" height=\"67\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Grupo-359.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-64\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\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-ad3ca37 e-con-full e-flex e-con e-child\" data-id=\"ad3ca37\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-780ec28 elementor-widget elementor-widget-image\" data-id=\"780ec28\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"74\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Grupo-361.png\" class=\"attachment-large size-large wp-image-65\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\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-a3700ce e-con-full e-flex e-con e-child\" data-id=\"a3700ce\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdd5182 elementor-widget elementor-widget-image\" data-id=\"cdd5182\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"260\" height=\"56\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Grupo-365.png\" class=\"attachment-large size-large wp-image-66\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\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-e20ec03 e-con-full e-flex e-con e-child\" data-id=\"e20ec03\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d60be3 elementor-widget elementor-widget-image\" data-id=\"1d60be3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"71\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Grupo-367.png\" class=\"attachment-large size-large wp-image-67\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\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-bbd2306 e-flex e-con-boxed e-con e-parent\" data-id=\"bbd2306\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3066131 e-con-full e-flex e-con e-child\" data-id=\"3066131\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15a0533 elementor-widget elementor-widget-image\" data-id=\"15a0533\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"213\" height=\"69\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Grupo-349.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-61\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\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-7dbe72b e-con-full e-flex e-con e-child\" data-id=\"7dbe72b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea30e90 elementor-widget elementor-widget-image\" data-id=\"ea30e90\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"240\" height=\"58\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Grupo-353.png\" class=\"attachment-large size-large wp-image-62\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\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-7c0603d e-con-full e-flex e-con e-child\" data-id=\"7c0603d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2033fb6 elementor-widget elementor-widget-image\" data-id=\"2033fb6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Logo-CARAL-1024x1024.png\" class=\"attachment-large size-large wp-image-344\" alt=\"\" srcset=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Logo-CARAL-1024x1024.png 1024w, https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Logo-CARAL-300x300.png 300w, https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Logo-CARAL-150x150.png 150w, https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Logo-CARAL-768x768.png 768w, https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Logo-CARAL.png 1201w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\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-133bca9 e-con-full e-flex e-con e-child\" data-id=\"133bca9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc7c8b1 elementor-widget elementor-widget-image\" data-id=\"bc7c8b1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"124\" height=\"110\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2024\/04\/Grupo-355.png\" class=\"attachment-large size-large wp-image-63\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\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-5b92c55 e-flex e-con-boxed e-con e-parent\" data-id=\"5b92c55\" 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-214d2af elementor-align-center elementor-mobile-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"214d2af\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/jgr.pe\/index.php\/galeria-de-proyectos\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Galer\u00eda de Proyectos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\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-28ddd4b e-con-full e-flex e-con e-parent\" data-id=\"28ddd4b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ecf1a3 elementor-widget elementor-widget-html\" data-id=\"9ecf1a3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div style=\"display: flex; flex-wrap: wrap; gap: 24px; font-family: Arial, sans-serif; max-width: 100%; margin: 0 auto; padding: 40px 20px;\">\r\n\r\n  \r\n  <div style=\"flex: 1 1 500px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 18px rgba(0,0,0,0.10);\">\r\n    <div style=\"height: 4px; background: linear-gradient(90deg, #1E88E5, #58595B);\"><\/div>\r\n    <iframe\r\n      src=\"https:\/\/www.google.com\/maps?q=-12.1143604,-77.0309685&hl=es&z=16&output=embed\"\r\n      width=\"100%\"\r\n      height=\"480\"\r\n      style=\"border:0; display:block;\"\r\n      allowfullscreen=\"\"\r\n      loading=\"lazy\"\r\n      referrerpolicy=\"no-referrer-when-downgrade\">\r\n    <\/iframe>\r\n  <\/div>\r\n\r\n\r\n  <dt-transform: uppercase;\">Cont\u00e1ctanos<\/p>\r\n    <h3 style=\"margin: 0 0 28px; font-size: 20px; color: #2C2C2A; font-weight: bold; font-family: 'Graphie', Arial, sans-serif;\">Vis\u00edtanos<\/h3>\r\n\r\n    <div style=\"display: flex; align-items: center; gap: 14px; margin-bottom: 22px;\">\r\n      <div style=\"width: 42px; height: 42px; border-radius: 50%; background: #E6F1FB; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <p style=\"margin: 0; font-size: 12px; color: #58595B; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;\">Direcci\u00f3n<\/p>\r\n        <a href=\"https:\/\/maps.app.goo.gl\/ordKUYt7xkdru4Tb7\" target=\"_blank\" style=\"margin: 3px 0 0; font-size: 15px; color: #2C2C2A; text-decoration: none; display: block;\">Miraflores, Lima<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div style=\"display: flex; align-items: center; gap: 14px; margin-bottom: 22px;\">\r\n      <div style=\"width: 42px; height: 42px; border-radius: 50%; background: #E6F1FB; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <p style=\"margin: 0; font-size: 12px; color: #58595B; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;\">Tel\u00e9fono<\/p>\r\n        <a href=\"tel:+5112000559\" style=\"margin: 3px 0 0; font-size: 15px; color: #2C2C2A; text-decoration: none; display: block;\">(01) 2000 559<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div style=\"display: flex; align-items: center; gap: 14px; margin-bottom: 22px;\">\r\n      <div style=\"width: 42px; height: 42px; border-radius: 50%; background: #E6F1FB; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <p style=\"margin: 0; font-size: 12px; color: #58595B; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;\">WhatsApp<\/p>\r\n        <a href=\"https:\/\/wa.me\/51949805029\" target=\"_blank\" style=\"margin: 3px 0 0; font-size: 15px; color: #2C2C2A; text-decoration: none; display: block;\">949 805 029<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div style=\"display: flex; align-items: center; gap: 14px;\">\r\n      <div style=\"width: 42px; height: 42px; border-radius: 50%; background: #E6F1FB; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E88E5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <p style=\"margin: 0; font-size: 12px; color: #58595B; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;\">Correo<\/p>\r\n        <a href=\"mailto:proyectos@jgr.pe\" style=\"margin: 3px 0 0; font-size: 15px; color: #2C2C2A; text-decoration: none; display: block;\">proyectos@jgr.pe<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\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>Sobre nosotros Servicios Clientes Galer\u00eda de Proyectos Cont\u00e1ctanos Lo imaginas, lo hacemos. Ver servicios Dise\u00f1o, construcci\u00f3n y mantenimiento para plantas [&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\/9"}],"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=9"}],"version-history":[{"count":382,"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":1142,"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/1142"}],"wp:attachment":[{"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}