{"id":1030,"date":"2026-07-13T15:10:21","date_gmt":"2026-07-13T15:10:21","guid":{"rendered":"https:\/\/jgr.pe\/?page_id=1030"},"modified":"2026-07-13T20:08:20","modified_gmt":"2026-07-13T20:08:20","slug":"barras-antipanico","status":"publish","type":"page","link":"https:\/\/jgr.pe\/index.php\/barras-antipanico\/","title":{"rendered":"Barras Antipanico"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1030\" class=\"elementor elementor-1030\" 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 - Suministro e Instalaci\u00f3n de Barras Antip\u00e1nico\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-bh, .jgr-bh *{ box-sizing:border-box; font-family:'Graphie','Poppins',sans-serif; }\r\n  .jgr-bh{\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-bh-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-bh-inner::before{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    \/* \u26a0\ufe0f Reemplaza esta URL por una foto representativa del servicio (puertas\/barras antip\u00e1nico) *\/\r\n    background-image:url('https:\/\/jgr.pe\/wp-content\/uploads\/2026\/07\/DESPUES-03.jpg');\r\n    background-size:cover;\r\n    background-position:center 40%;\r\n  }\r\n  .jgr-bh-inner::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\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  }\r\n  .jgr-bh-content{\r\n    position:relative; z-index:2;\r\n    max-width:640px;\r\n    padding:0 24px 0 56px;\r\n    opacity:0; transform:translateY(24px);\r\n    animation:jgrBhIn .8s ease forwards .1s;\r\n  }\r\n  @keyframes jgrBhIn{ to{opacity:1; transform:translateY(0);} }\r\n\r\n  .jgr-bh-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-bh-content h1{\r\n    color:#FFFFFF;\r\n    font-size:2.3rem;\r\n    font-weight:800;\r\n    letter-spacing:-0.01em;\r\n    line-height:1.2;\r\n    margin:0 0 12px;\r\n  }\r\n  .jgr-bh-loc{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    color:#c9cdd1;\r\n    font-size:.95rem;\r\n    margin:0 0 20px;\r\n  }\r\n  .jgr-bh-loc svg{ width:16px; height:16px; color:#0081DD; flex-shrink:0; }\r\n  .jgr-bh-content p{\r\n    color:#f1f1f1;\r\n    font-size:1.02rem;\r\n    line-height:1.6;\r\n    margin:0 0 32px;\r\n  }\r\n  .jgr-bh-ctas{ display:flex; gap:16px; flex-wrap:wrap; }\r\n  .jgr-bh-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-bh-btn.primary{\r\n    background:#0081DD; color:#FFFFFF;\r\n  }\r\n  .jgr-bh-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-bh-btn.whatsapp{\r\n    background:#FFFFFF; color:#606060;\r\n  }\r\n  .jgr-bh-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-bh-btn svg{ width:18px; height:18px; }\r\n\r\n  @media (max-width:768px){\r\n    .jgr-bh-inner{ min-height:440px; }\r\n    .jgr-bh-content{ max-width:90%; padding:0 24px; }\r\n    .jgr-bh-content h1{ font-size:1.6rem; }\r\n    .jgr-bh-content p{ font-size:.95rem; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-bh\">\r\n  <div class=\"jgr-bh-inner\">\r\n    <div class=\"jgr-bh-content\">\r\n      <span class=\"jgr-bh-badge\">Servicio<\/span>\r\n      <h1>Suministro e Instalaci\u00f3n de Barras Antip\u00e1nico<\/h1>\r\n      <p class=\"jgr-bh-loc\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n        Universidad Privada San Juan Bautista\r\n      <\/p>\r\n      <p>Suministro e instalaci\u00f3n de barras antip\u00e1nico certificadas, para la seguridad de tus instalaciones.<\/p>\r\n      <div class=\"jgr-bh-ctas\">\r\n        <a class=\"jgr-bh-btn primary\" href=\"https:\/\/jgr.pe\/index.php\/contacto\/\">Cotiza tu proyecto<\/a>\r\n        <a class=\"jgr-bh-btn whatsapp\" href=\"https:\/\/wa.me\/51949805029\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2Zm0 18.1h-.01c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.15 8.15 0 0 1-1.26-4.42c0-4.51 3.68-8.19 8.2-8.19 2.19 0 4.25.85 5.79 2.4a8.13 8.13 0 0 1 2.4 5.8c0 4.51-3.69 8.27-8.13 8.27Z\"\/><\/svg>\r\n          WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-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) ANTES \/ DESPU\u00c9S - Barras Antip\u00e1nico\r\n     Pega este bloque despu\u00e9s del hero\r\n=================================================================== -->\r\n<style>\r\n  .jgr-bad, .jgr-bad *{ box-sizing:border-box; font-family:'Graphie','Poppins',sans-serif; }\r\n  .jgr-bad{\r\n    max-width:1000px;\r\n    margin:0 auto 64px;\r\n    padding:0 24px;\r\n  }\r\n  .jgr-bad-block{\r\n    margin-bottom:50px;\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n    transition:opacity .7s ease, transform .7s ease;\r\n  }\r\n  .jgr-bad-block.jgr-bad-in{ opacity:1; transform:translateY(0); }\r\n\r\n  .jgr-bad-banner{\r\n    text-align:center;\r\n    padding:14px 20px;\r\n    border-radius:8px;\r\n    font-size:1.1rem;\r\n    font-weight:800;\r\n    letter-spacing:.04em;\r\n    text-transform:uppercase;\r\n    color:#FFFFFF;\r\n    margin-bottom:24px;\r\n  }\r\n  .jgr-bad-banner.antes{ background:#606060; }\r\n  .jgr-bad-banner.despues{ background:#0081DD; }\r\n\r\n  .jgr-bad-grid{\r\n    display:grid !important;\r\n    grid-template-columns:1fr 1fr !important;\r\n    gap:24px !important;\r\n    max-width:780px !important;\r\n    margin:0 auto !important;\r\n  }\r\n  .jgr-bad-item h4{\r\n    text-align:center;\r\n    font-size:.85rem;\r\n    font-weight:800;\r\n    letter-spacing:.02em;\r\n    text-transform:uppercase;\r\n    color:#2b2b2b;\r\n    margin:0 0 12px;\r\n  }\r\n  .jgr-bad-img{\r\n    position:relative !important;\r\n    height:500px !important;\r\n    width:100% !important;\r\n    border-radius:10px !important;\r\n    overflow:hidden !important;\r\n    cursor:zoom-in;\r\n    box-shadow:0 10px 24px rgba(0,0,0,.1);\r\n  }\r\n  .jgr-bad-img img{\r\n    width:100% !important;\r\n    height:100% !important;\r\n    object-fit:cover !important;\r\n    display:block !important;\r\n    transition:transform .5s ease;\r\n  }\r\n  .jgr-bad-img:hover img{ transform:scale(1.06); }\r\n\r\n  @media (max-width:640px){\r\n    .jgr-bad-grid{ grid-template-columns:1fr; max-width:340px; }\r\n    .jgr-bad-img{ height:440px; }\r\n  }\r\n\r\n  \/* ---- lightbox ---- *\/\r\n  .jgr-bad-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-bad-lightbox.open{ opacity:1; visibility:visible; }\r\n  .jgr-bad-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-bad-lightbox.open img{ transform:scale(1); }\r\n  .jgr-bad-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-bad-lightbox-close:hover{ background:#0081DD; transform:rotate(90deg); }\r\n  .jgr-bad-lightbox-close svg{ width:18px; height:18px; }\r\n<\/style>\r\n\r\n<div class=\"jgr-bad\">\r\n\r\n  <!-- ANTES -->\r\n  <div class=\"jgr-bad-block\" id=\"jgrBadAntes\">\r\n    <div class=\"jgr-bad-banner antes\">Antes<\/div>\r\n    <div class=\"jgr-bad-grid\">\r\n      <div class=\"jgr-bad-item\">\r\n        <h4>Puerta de una hoja<\/h4>\r\n        <div class=\"jgr-bad-img\">\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\/ANTES.jpg\" alt=\"Antes - Puerta de una hoja\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"jgr-bad-item\">\r\n        <h4>Puerta de dos hojas<\/h4>\r\n        <div class=\"jgr-bad-img\">\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\/ANTES.png\" alt=\"Antes - Puerta de dos hojas\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- DESPU\u00c9S -->\r\n  <div class=\"jgr-bad-block\" id=\"jgrBadDespues\">\r\n    <div class=\"jgr-bad-banner despues\">Despu\u00e9s<\/div>\r\n    <div class=\"jgr-bad-grid\">\r\n      <div class=\"jgr-bad-item\">\r\n        <h4>Puerta de una hoja con cerradura<\/h4>\r\n        <div class=\"jgr-bad-img\">\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\/DESPUES.jpg\" alt=\"Despu\u00e9s - Puerta de una hoja con cerradura\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"jgr-bad-item\">\r\n        <h4>Puerta de una hoja con barra antip\u00e1nico de un punto<\/h4>\r\n        <div class=\"jgr-bad-img\">\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\/DESPUES-02-1.jpg\" alt=\"Despu\u00e9s - Puerta con barra antip\u00e1nico de un punto\" loading=\"eager\" decoding=\"async\" class=\"skip-lazy no-lazyload\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- LIGHTBOX -->\r\n<div class=\"jgr-bad-lightbox\" id=\"jgrBadLightbox\">\r\n  <button class=\"jgr-bad-lightbox-close\" id=\"jgrBadLightboxClose\" 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=\"jgrBadLightboxImg\" src=\"\" alt=\"\">\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const lightbox = document.getElementById('jgrBadLightbox');\r\n  const lightboxImg = document.getElementById('jgrBadLightboxImg');\r\n  const lightboxClose = document.getElementById('jgrBadLightboxClose');\r\n\r\n  document.querySelectorAll('.jgr-bad-img').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 blocks = document.querySelectorAll('.jgr-bad-block');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('jgr-bad-in');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  blocks.forEach(b => observer.observe(b));\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-3d10984 e-flex e-con-boxed e-con e-parent\" data-id=\"3d10984\" 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-b940ca2 elementor-widget elementor-widget-html\" data-id=\"b940ca2\" 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     1b) DETALLE DEL SERVICIO - Barras Antip\u00e1nico\r\n     Pega este bloque entre el hero y el Antes\/Despu\u00e9s\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-bd, .jgr-bd *{ box-sizing:border-box; font-family:'Graphie','Poppins',sans-serif; }\r\n  .jgr-bd{\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    padding:64px 24px;\r\n  }\r\n  .jgr-bd-inner{\r\n    max-width:820px;\r\n    margin:0 auto;\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n    transition:opacity .7s ease, transform .7s ease;\r\n  }\r\n  .jgr-bd-inner.jgr-bd-in{ opacity:1; transform:translateY(0); }\r\n\r\n  .jgr-bd-inner h2{\r\n    color:#0081DD;\r\n    font-size:1.9rem;\r\n    font-weight:800;\r\n    letter-spacing:-0.01em;\r\n    margin:0 0 12px;\r\n    line-height:1.25;\r\n  }\r\n  .jgr-bd-sub{\r\n    color:#2b2b2b;\r\n    font-size:1.02rem;\r\n    margin:0 0 8px;\r\n  }\r\n  .jgr-bd-meta{\r\n    color:#8a8a8a;\r\n    font-size:.88rem;\r\n    margin:0 0 28px;\r\n  }\r\n  .jgr-bd-meta span{ color:#0081DD; font-weight:700; }\r\n\r\n  .jgr-bd-inner h3{\r\n    color:#2b2b2b;\r\n    font-size:1.15rem;\r\n    font-weight:800;\r\n    letter-spacing:-0.01em;\r\n    margin:0 0 14px;\r\n  }\r\n  .jgr-bd-inner p{\r\n    color:#606060;\r\n    font-size:.98rem;\r\n    line-height:1.7;\r\n    margin:0 0 28px;\r\n  }\r\n\r\n  .jgr-bd-divider{\r\n    border:none;\r\n    border-top:1px solid #e4e6e8;\r\n    margin:32px 0;\r\n  }\r\n\r\n  .jgr-bd-list{\r\n    margin:0 0 32px;\r\n    padding:0;\r\n    list-style:none;\r\n  }\r\n  .jgr-bd-list li{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:12px;\r\n    margin-bottom:12px;\r\n    color:#454545;\r\n    font-size:.96rem;\r\n    line-height:1.5;\r\n  }\r\n  .jgr-bd-list li svg{\r\n    width:16px; height:16px;\r\n    color:#0081DD;\r\n    flex-shrink:0;\r\n    margin-top:3px;\r\n  }\r\n\r\n  .jgr-bd-mat-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:8px 18px;\r\n    margin-bottom:32px;\r\n  }\r\n  .jgr-bd-mat-item{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    font-size:.9rem;\r\n    color:#454545;\r\n    line-height:1.3;\r\n  }\r\n  .jgr-bd-mat-item svg{\r\n    width:14px; height:14px;\r\n    color:#0081DD;\r\n    flex-shrink:0;\r\n  }\r\n\r\n  @media (max-width:600px){\r\n    .jgr-bd-mat-grid{ grid-template-columns:1fr; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jgr-bd\">\r\n  <div class=\"jgr-bd-inner\" id=\"jgrBdInner\">\r\n\r\n    <h2>Suministro e instalaci\u00f3n de barras antip\u00e1nico<\/h2>\r\n    <p class=\"jgr-bd-sub\">Seguridad y evacuaci\u00f3n r\u00e1pida para puertas de emergencia<\/p>\r\n    <p class=\"jgr-bd-meta\">\r\n      <span>Cliente:<\/span> Universidad Privada San Juan Bautista &nbsp;\u00b7&nbsp;\r\n      <span>Duraci\u00f3n:<\/span> 1 d\u00eda\r\n    <\/p>\r\n\r\n    <h3>Especificaciones t\u00e9cnicas<\/h3>\r\n    <p>El cliente solicit\u00f3 el suministro e instalaci\u00f3n de barras antip\u00e1nico en puertas de evacuaci\u00f3n, con la finalidad de garantizar una salida segura y r\u00e1pida en caso de emergencia. Las instalaciones se realizaron en una puerta de doble hoja y una puerta de una hoja, ambas de madera, asegurando su correcto funcionamiento y cumplimiento de condiciones de seguridad.<\/p>\r\n\r\n    <hr class=\"jgr-bd-divider\">\r\n\r\n    <h3>Trabajos realizados<\/h3>\r\n    <ul class=\"jgr-bd-list\">\r\n      <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>Verificaci\u00f3n del estado actual de las puertas de madera.<\/li>\r\n      <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>Toma de medidas y replanteo para la correcta ubicaci\u00f3n de los dispositivos.<\/li>\r\n      <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>Instalaci\u00f3n de barras antip\u00e1nico en puerta de una y de doble hoja.<\/li>\r\n      <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>Instalaci\u00f3n de cerraduras marca Yale como complemento de seguridad.<\/li>\r\n      <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>Perforaci\u00f3n, fijaci\u00f3n, alineaci\u00f3n y nivelaci\u00f3n de los dispositivos.<\/li>\r\n      <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>Pruebas de funcionamiento y ajustes finales para el correcto accionamiento.<\/li>\r\n    <\/ul>\r\n\r\n    <h3>Materiales utilizados<\/h3>\r\n    <div class=\"jgr-bd-mat-grid\">\r\n      <span class=\"jgr-bd-mat-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Barras antip\u00e1nico marca Yale<\/span>\r\n      <span class=\"jgr-bd-mat-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Cerraduras marca Yale<\/span>\r\n      <span class=\"jgr-bd-mat-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Pernos y tornillos de fijaci\u00f3n<\/span>\r\n      <span class=\"jgr-bd-mat-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Herramientas de medici\u00f3n y nivelaci\u00f3n<\/span>\r\n    <\/div>\r\n\r\n    <hr class=\"jgr-bd-divider\">\r\n\r\n    <h3>Beneficios del servicio<\/h3>\r\n    <ul class=\"jgr-bd-list\">\r\n      <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>Mejora en la seguridad ante emergencias.<\/li>\r\n      <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>Apertura r\u00e1pida y eficiente de puertas de evacuaci\u00f3n.<\/li>\r\n      <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>Cumplimiento de normas de seguridad.<\/li>\r\n      <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>Mayor confiabilidad en accesos y reducci\u00f3n de riesgos para los usuarios.<\/li>\r\n    <\/ul>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const inner = document.getElementById('jgrBdInner');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('jgr-bd-in');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  observer.observe(inner);\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>Servicio Suministro e Instalaci\u00f3n de Barras Antip\u00e1nico Universidad Privada San Juan Bautista Suministro e instalaci\u00f3n de barras antip\u00e1nico certificadas, para [&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\/1030"}],"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=1030"}],"version-history":[{"count":13,"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/pages\/1030\/revisions"}],"predecessor-version":[{"id":1100,"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/pages\/1030\/revisions\/1100"}],"wp:attachment":[{"href":"https:\/\/jgr.pe\/index.php\/wp-json\/wp\/v2\/media?parent=1030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}