{"id":1053,"date":"2026-07-13T16:05:01","date_gmt":"2026-07-13T16:05:01","guid":{"rendered":"https:\/\/jgr.pe\/?page_id=1053"},"modified":"2026-07-13T17:07:11","modified_gmt":"2026-07-13T17:07:11","slug":"porton-corredizo","status":"publish","type":"page","link":"https:\/\/jgr.pe\/index.php\/porton-corredizo\/","title":{"rendered":"Porton corredizo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1053\" class=\"elementor elementor-1053\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ed80b6 e-con-full e-flex e-con e-parent\" data-id=\"7ed80b6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4cbca2 elementor-widget elementor-widget-spacer\" data-id=\"b4cbca2\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 15-04-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc49f78 elementor-widget elementor-widget-spacer\" data-id=\"dc49f78\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c4276f e-flex e-con-boxed e-con e-parent\" data-id=\"2c4276f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e21d2d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"4e21d2d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     1) HERO BANNER - Port\u00f3n corredizo\r\n     Pega este bloque en un \"HTML personalizado\" al inicio de la p\u00e1gina\r\n=================================================================== -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  .jgr-ph, .jgr-ph *{ box-sizing:border-box; font-family:'Graphie','Poppins',sans-serif; }\r\n  .jgr-ph{\r\n    width:100vw; max-width:100vw; position:relative;\r\n    left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\r\n  }\r\n  .jgr-ph-inner{\r\n    position:relative;\r\n    min-height:520px;\r\n    display:flex;\r\n    align-items:center;\r\n    background:#606060;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-ph-inner::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    z-index:2;\r\n    background:linear-gradient(90deg, rgba(0,0,0,.68) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.15) 100%);\r\n    pointer-events:none;\r\n  }\r\n  .jgr-ph-media{\r\n    position:absolute; inset:0;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-ph-media img{\r\n    position:absolute; inset:0;\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n  }\r\n  .jgr-ph-tiles{\r\n    position:absolute; inset:0;\r\n    z-index:1;\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-ph-tile{\r\n    background:#606060;\r\n    animation:jgrPhTileOut .6s ease forwards;\r\n    animation-delay:calc(var(--d) * 1ms);\r\n  }\r\n  @keyframes jgrPhTileOut{\r\n    to{ opacity:0; transform:scale(1.15); }\r\n  }\r\n  .jgr-ph-content{\r\n    position:relative; z-index:3;\r\n    max-width:640px;\r\n    padding:0 24px 0 56px;\r\n    opacity:0; transform:translateY(24px);\r\n    animation:jgrPhIn .8s ease forwards .1s;\r\n  }\r\n  @keyframes jgrPhIn{ to{opacity:1; transform:translateY(0);} }\r\n\r\n  .jgr-ph-badge{\r\n    display:inline-block;\r\n    background:#0081DD;\r\n    color:#FFFFFF;\r\n    font-size:.78rem;\r\n    font-weight:700;\r\n    letter-spacing:.06em;\r\n    text-transform:uppercase;\r\n    padding:8px 18px;\r\n    border-radius:50px;\r\n    margin-bottom:20px;\r\n  }\r\n  .jgr-ph-content h1{\r\n    color:#FFFFFF;\r\n    font-size:2.4rem;\r\n    font-weight:800;\r\n    letter-spacing:-0.01em;\r\n    line-height:1.2;\r\n    margin:0 0 16px;\r\n  }\r\n  .jgr-ph-content p{\r\n    color:#f1f1f1;\r\n    font-size:1.05rem;\r\n    line-height:1.6;\r\n    margin:0 0 32px;\r\n  }\r\n  .jgr-ph-ctas{ display:flex; gap:16px; flex-wrap:wrap; }\r\n  .jgr-ph-btn{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    padding:15px 30px;\r\n    border-radius:50px;\r\n    font-weight:700;\r\n    font-size:.95rem;\r\n    text-decoration:none;\r\n    transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\r\n  }\r\n  .jgr-ph-btn.primary{\r\n    background:#0081DD; color:#FFFFFF;\r\n  }\r\n  .jgr-ph-btn.primary:hover{\r\n    background:#FFFFFF; color:#0081DD;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 10px 22px rgba(0,0,0,.25);\r\n  }\r\n  .jgr-ph-btn.whatsapp{\r\n    background:#FFFFFF; color:#606060;\r\n  }\r\n  .jgr-ph-btn.whatsapp:hover{\r\n    background:#25D366; color:#FFFFFF;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 10px 22px rgba(0,0,0,.25);\r\n  }\r\n  .jgr-ph-btn svg{ width:18px; height:18px; }\r\n\r\n  @media (max-width:768px){\r\n    .jgr-ph-inner{ min-height:440px; }\r\n    .jgr-ph-content{ max-width:90%; padding:0 24px; }\r\n    .jgr-ph-content h1{ font-size:1.8rem; }\r\n    .jgr-ph-content p{ font-size:.95rem; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-ph\">\r\n  <div class=\"jgr-ph-inner\">\r\n\r\n    <div class=\"jgr-ph-media\">\r\n      <!-- \u26a0\ufe0f Reemplaza esta URL por la foto del port\u00f3n terminado -->\r\n      <img decoding=\"async\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-13-jul-2026-11_24_25-a.m.png\" alt=\"Port\u00f3n corredizo JGR\">\r\n      <div class=\"jgr-ph-tiles\" id=\"jgrPhTiles\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jgr-ph-content\">\r\n      <span class=\"jgr-ph-badge\">Estructura Met\u00e1lica<\/span>\r\n      <h1>Port\u00f3n corredizo<\/h1>\r\n      <p>Fabricaci\u00f3n e instalaci\u00f3n de portones corredizos, resistentes y a la medida de tu proyecto.<\/p>\r\n      <div class=\"jgr-ph-ctas\">\r\n        <a class=\"jgr-ph-btn primary\" href=\"https:\/\/jgr.pe\/index.php\/contacto\/\">Cotiza tu proyecto<\/a>\r\n        <a class=\"jgr-ph-btn whatsapp\" href=\"https:\/\/wa.me\/51949805029\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2Zm0 18.1h-.01c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.15 8.15 0 0 1-1.26-4.42c0-4.51 3.68-8.19 8.2-8.19 2.19 0 4.25.85 5.79 2.4a8.13 8.13 0 0 1 2.4 5.8c0 4.51-3.69 8.27-8.13 8.27Z\"\/><\/svg>\r\n          WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const wrap = document.getElementById('jgrPhTiles');\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-ph-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  const baseDelay = 150; \/\/ ms\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() * 100;\r\n    const delay = baseDelay + diagonal * 55 + jitter;\r\n    cell.style.setProperty('--d', delay.toFixed(0));\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-cfcbec5 e-flex e-con-boxed e-con e-parent\" data-id=\"cfcbec5\" 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-a09f656 elementor-widget elementor-widget-html\" data-id=\"a09f656\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     2) FASES DEL PROCESO - Port\u00f3n corredizo\r\n     Pega este bloque despu\u00e9s del hero\r\n=================================================================== -->\r\n<style>\r\n  .jgr-pf, .jgr-pf *{ box-sizing:border-box; font-family:'Graphie','Poppins',sans-serif; }\r\n  .jgr-pf{\r\n    max-width:1180px;\r\n    margin:0 auto 64px;\r\n    padding:0 24px;\r\n  }\r\n  .jgr-pf-head{\r\n    text-align:center;\r\n    max-width:700px;\r\n    margin:0 auto 46px;\r\n    opacity:0;\r\n    transform:translateY(16px);\r\n    transition:opacity .7s ease, transform .7s ease;\r\n  }\r\n  .jgr-pf-head.jgr-pf-in{ opacity:1; transform:translateY(0); }\r\n  .jgr-pf-tag{\r\n    display:inline-block;\r\n    background:#0081DD;\r\n    color:#FFFFFF;\r\n    font-size:.72rem;\r\n    font-weight:800;\r\n    letter-spacing:.06em;\r\n    text-transform:uppercase;\r\n    padding:7px 18px;\r\n    border-radius:50px;\r\n    margin-bottom:16px;\r\n  }\r\n  .jgr-pf-head h2{\r\n    font-size:1.9rem;\r\n    font-weight:800;\r\n    letter-spacing:-0.01em;\r\n    color:#2b2b2b;\r\n    margin:0 0 12px;\r\n  }\r\n  .jgr-pf-head p{\r\n    color:#606060;\r\n    font-size:.98rem;\r\n    line-height:1.65;\r\n    margin:0;\r\n  }\r\n\r\n  .jgr-pf-stage{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:32px;\r\n    align-items:center;\r\n    margin-bottom:56px;\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n    transition:opacity .7s ease, transform .7s ease;\r\n  }\r\n  .jgr-pf-stage.jgr-pf-in{ opacity:1; transform:translateY(0); }\r\n  .jgr-pf-stage:nth-child(even){ direction:rtl; }\r\n  .jgr-pf-stage:nth-child(even) > *{ direction:ltr; }\r\n\r\n  .jgr-pf-photo{\r\n    position:relative;\r\n    height:300px;\r\n    border-radius:12px;\r\n    overflow:hidden;\r\n    cursor:zoom-in;\r\n    box-shadow:0 10px 26px rgba(0,0,0,.1);\r\n  }\r\n  .jgr-pf-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  }\r\n  .jgr-pf-photo:hover img{ transform:scale(1.06); }\r\n\r\n  .jgr-pf-tiles{\r\n    position:absolute; inset:0;\r\n    z-index:2;\r\n    display:grid;\r\n    grid-template-columns:repeat(6,1fr);\r\n    grid-template-rows:repeat(4,1fr);\r\n    pointer-events:none;\r\n  }\r\n  .jgr-pf-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-pf-stage.jgr-pf-in .jgr-pf-tile{\r\n    opacity:0;\r\n    transform:scale(1.12);\r\n  }\r\n\r\n  .jgr-pf-info{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:16px;\r\n  }\r\n  .jgr-pf-num{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:40px; height:40px;\r\n    min-width:40px;\r\n    border-radius:50%;\r\n    background:#0081DD;\r\n    color:#FFFFFF;\r\n    font-size:1rem;\r\n    font-weight:800;\r\n  }\r\n  .jgr-pf-info h3{\r\n    font-size:1.2rem;\r\n    font-weight:800;\r\n    letter-spacing:-0.01em;\r\n    color:#2b2b2b;\r\n    margin:0 0 14px;\r\n  }\r\n  .jgr-pf-info ul{\r\n    margin:0;\r\n    padding:0;\r\n    list-style:none;\r\n  }\r\n  .jgr-pf-info ul li{\r\n    position:relative;\r\n    padding-left:22px;\r\n    margin-bottom:10px;\r\n    color:#606060;\r\n    font-size:.94rem;\r\n    line-height:1.5;\r\n  }\r\n  .jgr-pf-info ul li::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0; top:8px;\r\n    width:6px; height:6px;\r\n    border-radius:50%;\r\n    background:#0081DD;\r\n  }\r\n\r\n  @media (max-width:860px){\r\n    .jgr-pf-stage{ grid-template-columns:1fr; }\r\n    .jgr-pf-stage:nth-child(even){ direction:ltr; }\r\n    .jgr-pf-photo{ height:240px; }\r\n  }\r\n\r\n  \/* ---- Fase 6 (final): foto grande de ancho completo ---- *\/\r\n  .jgr-pf-final{\r\n    display:block;\r\n    text-align:center;\r\n  }\r\n  .jgr-pf-final .jgr-pf-photo{\r\n    height: 100%;\r\n    margin-bottom:28px;\r\n  }\r\n  .jgr-pf-final .jgr-pf-info{\r\n    justify-content:center;\r\n    max-width:720px;\r\n    margin:0 auto;\r\n    text-align:left;\r\n  }\r\n  @media (max-width:768px){\r\n    .jgr-pf-final .jgr-pf-photo{ height:320px; }\r\n  }\r\n\r\n  \/* ---- lightbox ---- *\/\r\n  .jgr-pf-lightbox{\r\n    position:fixed; inset:0;\r\n    background:rgba(20,20,20,.92);\r\n    z-index:9999;\r\n    display:flex; align-items:center; justify-content:center;\r\n    padding:32px;\r\n    opacity:0; visibility:hidden;\r\n    transition:opacity .3s ease, visibility .3s ease;\r\n  }\r\n  .jgr-pf-lightbox.open{ opacity:1; visibility:visible; }\r\n  .jgr-pf-lightbox img{\r\n    max-width:100%; max-height:88vh;\r\n    border-radius:6px;\r\n    transform:scale(.92);\r\n    transition:transform .35s cubic-bezier(.22,.61,.36,1);\r\n    box-shadow:0 20px 60px rgba(0,0,0,.5);\r\n  }\r\n  .jgr-pf-lightbox.open img{ transform:scale(1); }\r\n  .jgr-pf-lightbox-close{\r\n    position:fixed; top:22px; right:22px;\r\n    width:42px; height:42px; min-width:42px; min-height:42px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.12);\r\n    color:#FFFFFF;\r\n    border:none; outline:none; appearance:none;\r\n    margin:0; padding:0;\r\n    display:flex; align-items:center; justify-content:center;\r\n    cursor:pointer;\r\n    transition:background .25s ease, transform .25s ease;\r\n  }\r\n  .jgr-pf-lightbox-close:hover{ background:#0081DD; transform:rotate(90deg); }\r\n  .jgr-pf-lightbox-close svg{ width:18px; height:18px; }\r\n<\/style>\r\n\r\n<div class=\"jgr-pf\">\r\n\r\n  <div class=\"jgr-pf-head\" id=\"jgrPfHead\">\r\n    <span class=\"jgr-pf-tag\">Port\u00f3n Corredizo<\/span>\r\n    <h2>Nuestro proceso, fase por fase<\/h2>\r\n    <p>As\u00ed ejecutamos la fabricaci\u00f3n e instalaci\u00f3n del port\u00f3n corredizo para Embotelladora Graco.<\/p>\r\n  <\/div>\r\n\r\n  <!-- FASE 1 -->\r\n  <div class=\"jgr-pf-stage\" id=\"jgrPfStage1\">\r\n    <div class=\"jgr-pf-photo\">\r\n      <!-- \u26a0\ufe0f Reemplaza por la URL real subida a tu Biblioteca de Medios -->\r\n      <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-13-jul-2026-11_23_59-a.m.png\" alt=\"Diagn\u00f3stico y preparaci\u00f3n del \u00e1rea\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n    <div class=\"jgr-pf-tiles\"><\/div>\r\n    <\/div>\r\n    <div class=\"jgr-pf-info\">\r\n      <span class=\"jgr-pf-num\">1<\/span>\r\n      <div>\r\n        <h3>Diagn\u00f3stico y preparaci\u00f3n del \u00e1rea<\/h3>\r\n        <ul>\r\n          <li>Delimitaci\u00f3n y se\u00f1alizaci\u00f3n de seguridad del vano existente (cintas de peligro, conos, cartel \"No pasar\").<\/li>\r\n          <li>Colocaci\u00f3n de extintor cercano como medida de seguridad industrial.<\/li>\r\n          <li>Evaluaci\u00f3n del hueco\/vano donde se instalar\u00e1 el nuevo port\u00f3n.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FASE 2 -->\r\n  <div class=\"jgr-pf-stage\" id=\"jgrPfStage2\">\r\n    <div class=\"jgr-pf-photo\">\r\n      <!-- \u26a0\ufe0f Reemplaza por la URL real subida a tu Biblioteca de Medios -->\r\n      <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-13-jul-2026-11_24_05-a.m.png\" alt=\"Fabricaci\u00f3n de la estructura\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n    <div class=\"jgr-pf-tiles\"><\/div>\r\n    <\/div>\r\n    <div class=\"jgr-pf-info\">\r\n      <span class=\"jgr-pf-num\">2<\/span>\r\n      <div>\r\n        <h3>Fabricaci\u00f3n de la estructura<\/h3>\r\n        <ul>\r\n          <li>Armado de la estructura met\u00e1lica del panel (marco con malla\/rejilla met\u00e1lica).<\/li>\r\n          <li>Corte y ajuste de las planchas de calamina\/policarbonato de color azul seg\u00fan medidas.<\/li>\r\n          <li>Ensamblaje del panel corredizo en taller o zona de trabajo habilitada dentro de la planta.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FASE 3 -->\r\n  <div class=\"jgr-pf-stage\" id=\"jgrPfStage3\">\r\n    <div class=\"jgr-pf-photo\">\r\n      <!-- \u26a0\ufe0f Reemplaza por la URL real subida a tu Biblioteca de Medios -->\r\n      <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-13-jul-2026-11_24_20-a.m.png\" alt=\"Transporte e izaje de materiales\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n    <div class=\"jgr-pf-tiles\"><\/div>\r\n    <\/div>\r\n    <div class=\"jgr-pf-info\">\r\n      <span class=\"jgr-pf-num\">3<\/span>\r\n      <div>\r\n        <h3>Transporte e izaje de materiales<\/h3>\r\n        <ul>\r\n          <li>Traslado manual de las planchas met\u00e1licas azules por el personal (uso de EPP: cascos, chalecos, orejeras).<\/li>\r\n          <li>Movilizaci\u00f3n de piezas sobre rejillas\/pisos t\u00e9cnicos existentes en la planta.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FASE 4 -->\r\n  <div class=\"jgr-pf-stage\" id=\"jgrPfStage4\">\r\n    <div class=\"jgr-pf-photo\">\r\n      <!-- \u26a0\ufe0f Reemplaza por la URL real subida a tu Biblioteca de Medios -->\r\n      <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-13-jul-2026-11_24_25-a.m.png\" alt=\"Habilitaci\u00f3n de piso y riel\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n    <div class=\"jgr-pf-tiles\"><\/div>\r\n    <\/div>\r\n    <div class=\"jgr-pf-info\">\r\n      <span class=\"jgr-pf-num\">4<\/span>\r\n      <div>\r\n        <h3>Habilitaci\u00f3n de piso y riel<\/h3>\r\n        <ul>\r\n          <li>Aplicaci\u00f3n de sellador\/pintura ep\u00f3xica sobre la rejilla met\u00e1lica del piso (impermeabilizaci\u00f3n).<\/li>\r\n          <li>Picado y ajuste del piso\/pared para instalar el riel gu\u00eda inferior del port\u00f3n corredizo.<\/li>\r\n          <li>Uso de herramienta el\u00e9ctrica (amoladora) para adecuar la superficie.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FASE 5 -->\r\n  <div class=\"jgr-pf-stage\" id=\"jgrPfStage5\">\r\n    <div class=\"jgr-pf-photo\">\r\n      <!-- \u26a0\ufe0f Reemplaza por la URL real subida a tu Biblioteca de Medios -->\r\n      <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-13-jul-2026-11_24_54-a.m.png\" alt=\"Montaje e instalaci\u00f3n del port\u00f3n\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n    <div class=\"jgr-pf-tiles\"><\/div>\r\n    <\/div>\r\n    <div class=\"jgr-pf-info\">\r\n      <span class=\"jgr-pf-num\">5<\/span>\r\n      <div>\r\n        <h3>Montaje e instalaci\u00f3n del port\u00f3n<\/h3>\r\n        <ul>\r\n          <li>Colocaci\u00f3n e izaje del panel corredizo en el vano (uso de arn\u00e9s de seguridad para trabajo en altura\/estructura).<\/li>\r\n          <li>Fijaci\u00f3n de la estructura superior gu\u00eda (riel superior).<\/li>\r\n          <li>Ensamblaje final de las hojas del port\u00f3n corredizo.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FASE 6 -->\r\n  <div class=\"jgr-pf-stage jgr-pf-final\" id=\"jgrPfStage6\">\r\n    <div class=\"jgr-pf-photo\">\r\n      <!-- \u26a0\ufe0f Reemplaza por la URL real subida a tu Biblioteca de Medios (foto del terminado) -->\r\n      <img src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-13-jul-2026-11_32_16-a.m.png\" alt=\"Entrega final\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n    <div class=\"jgr-pf-tiles\"><\/div>\r\n    <\/div>\r\n    <div class=\"jgr-pf-info\">\r\n      <span class=\"jgr-pf-num\">6<\/span>\r\n      <div>\r\n        <h3>Entrega final<\/h3>\r\n        <ul>\r\n          <li>Port\u00f3n corredizo instalado, cerrado y funcional (panel azul completo).<\/li>\r\n          <li>\u00c1rea de trabajo limpia y entregada, manteniendo se\u00f1alizaci\u00f3n de seguridad (cebra amarilla\/negra, extintor).<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- LIGHTBOX -->\r\n<div class=\"jgr-pf-lightbox\" id=\"jgrPfLightbox\">\r\n  <button class=\"jgr-pf-lightbox-close\" id=\"jgrPfLightboxClose\" aria-label=\"Cerrar\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n  <\/button>\r\n  <img decoding=\"async\" id=\"jgrPfLightboxImg\" src=\"\" alt=\"\">\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ generar los cuadros del mosaico dentro de cada foto de fase\r\n  document.querySelectorAll('.jgr-pf-tiles').forEach(wrap => {\r\n    const cols = 6, rows = 4;\r\n    for (let i = 0; i < cols * rows; i++){\r\n      const tile = document.createElement('div');\r\n      tile.className = 'jgr-pf-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 * 45 + jitter).toFixed(0) + 'ms';\r\n      wrap.appendChild(tile);\r\n    }\r\n  });\r\n\r\n  const lightbox = document.getElementById('jgrPfLightbox');\r\n  const lightboxImg = document.getElementById('jgrPfLightboxImg');\r\n  const lightboxClose = document.getElementById('jgrPfLightboxClose');\r\n\r\n  document.querySelectorAll('.jgr-pf-photo').forEach(item => {\r\n    item.addEventListener('click', () => {\r\n      const img = item.querySelector('img');\r\n      lightboxImg.src = img.src;\r\n      lightboxImg.alt = img.alt;\r\n      lightbox.classList.add('open');\r\n      document.body.style.overflow = 'hidden';\r\n    });\r\n  });\r\n\r\n  function closeLightbox(){\r\n    lightbox.classList.remove('open');\r\n    document.body.style.overflow = '';\r\n  }\r\n  lightboxClose.addEventListener('click', closeLightbox);\r\n  lightbox.addEventListener('click', e => { if (e.target === lightbox) closeLightbox(); });\r\n  document.addEventListener('keydown', e => { if (e.key === 'Escape') closeLightbox(); });\r\n\r\n  const toObserve = [document.getElementById('jgrPfHead')];\r\n  for (let i = 1; i <= 6; i++){\r\n    toObserve.push(document.getElementById('jgrPfStage' + i));\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-pf-in');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  toObserve.forEach(el => { if (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-ce075e1 e-flex e-con-boxed e-con e-parent\" data-id=\"ce075e1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f04ddc9 elementor-widget elementor-widget-html\" data-id=\"f04ddc9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ===================================================================\r\n     5) CTA FINAL - Antes del formulario de contacto\r\n     Pega este bloque al final, justo antes del formulario\r\n=================================================================== -->\r\n<style>\r\n  .jgr-cta, .jgr-cta *{ box-sizing:border-box; font-family:'Poppins',sans-serif; }\r\n  .jgr-cta{\r\n    width:100vw; max-width:100vw;\r\n    position:relative; left:50%; right:50%;\r\n    margin-left:-50vw; margin-right:-50vw;\r\n    background:#0081DD;\r\n    padding:64px 24px;\r\n    text-align:center;\r\n    overflow:hidden;\r\n  }\r\n  .jgr-cta-bgimg{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    opacity:.35;\r\n    mix-blend-mode:multiply;\r\n    animation:jgrCtaKenBurns 16s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes jgrCtaKenBurns{\r\n    0%   { transform:scale(1) translate(0,0); }\r\n    100% { transform:scale(1.12) translate(-2%,-1%); }\r\n  }\r\n  .jgr-cta-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(180deg, rgba(0,129,221,.55) 0%, rgba(0,129,221,.85) 100%);\r\n  }\r\n  .jgr-cta-inner{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:720px;\r\n    margin:0 auto;\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n    animation:jgrCtaIn .7s ease forwards .1s;\r\n  }\r\n  @keyframes jgrCtaIn{ to{opacity:1; transform:translateY(0);} }\r\n  .jgr-cta h2{\r\n    color:#FFFFFF;\r\n    font-size:2rem;\r\n    font-weight:800;\r\n    margin:0 0 16px;\r\n  }\r\n  .jgr-cta p{\r\n    color:#eaf4ff;\r\n    font-size:1.02rem;\r\n    line-height:1.6;\r\n    margin:0 0 32px;\r\n  }\r\n  .jgr-cta-ctas{\r\n    display:flex;\r\n    gap:16px;\r\n    justify-content:center;\r\n    flex-wrap:wrap;\r\n  }\r\n  .jgr-cta-btn{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    padding:15px 32px;\r\n    border-radius:50px;\r\n    font-weight:700;\r\n    font-size:.95rem;\r\n    text-decoration:none;\r\n    transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\r\n  }\r\n  .jgr-cta-btn.primary{\r\n    background:#FFFFFF;\r\n    color:#0081DD !important;\r\n  }\r\n  .jgr-cta-btn.primary:hover{\r\n    background:#606060;\r\n    color:#FFFFFF !important;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 12px 24px rgba(0,0,0,.25);\r\n  }\r\n  .jgr-cta-btn.whatsapp{\r\n    background:#25D366;\r\n    color:#FFFFFF !important;\r\n  }\r\n  .jgr-cta-btn.whatsapp:hover{\r\n    background:#FFFFFF;\r\n    color:#25D366 !important;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 12px 24px rgba(0,0,0,.25);\r\n  }\r\n  .jgr-cta-btn svg{ width:18px; height:18px; }\r\n  @media (max-width:600px){\r\n    .jgr-cta h2{ font-size:1.5rem; }\r\n  }\r\n<\/style>\r\n<div class=\"jgr-cta\">\r\n  <img decoding=\"async\" class=\"jgr-cta-bgimg\" src=\"https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/1-1.png\" alt=\"\">\r\n  <div class=\"jgr-cta-overlay\"><\/div>\r\n  <div class=\"jgr-cta-inner\">\r\n    <h2>\u00bfTienes un proyecto en mente?<\/h2>\r\n    <p>En JGR lo imaginamos y lo hacemos realidad. Cu\u00e9ntanos qu\u00e9 necesitas y te asesoramos sin compromiso.<\/p>\r\n    <div class=\"jgr-cta-ctas\">\r\n      <a class=\"jgr-cta-btn primary\" href=\"https:\/\/jgr.pe\/index.php\/contacto\/\">Cotiza tu proyecto<\/a>\r\n      <a class=\"jgr-cta-btn whatsapp\" href=\"https:\/\/wa.me\/51949805029\" target=\"_blank\" rel=\"noopener\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2Zm0 18.1h-.01c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.15 8.15 0 0 1-1.26-4.42c0-4.51 3.68-8.19 8.2-8.19 2.19 0 4.25.85 5.79 2.4a8.13 8.13 0 0 1 2.4 5.8c0 4.51-3.69 8.27-8.13 8.27Z\"\/><\/svg>\r\n        WhatsApp\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Estructura Met\u00e1lica Port\u00f3n corredizo Fabricaci\u00f3n e instalaci\u00f3n de portones corredizos, resistentes y a la medida de tu proyecto. Cotiza tu [&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\/1053"}],"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=1053"}],"version-history":[{"count":16,"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/pages\/1053\/revisions"}],"predecessor-version":[{"id":1078,"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/pages\/1053\/revisions\/1078"}],"wp:attachment":[{"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/media?parent=1053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}