{"id":11,"date":"2025-03-22T15:09:52","date_gmt":"2025-03-22T15:09:52","guid":{"rendered":"https:\/\/qr.seguripro.es\/?page_id=11"},"modified":"2025-03-24T14:08:57","modified_gmt":"2025-03-24T14:08:57","slug":"qr-google-my-business-seguripro","status":"publish","type":"page","link":"https:\/\/qr.seguripro.es\/","title":{"rendered":"QR &#8211; Google My Business SEGURIPRO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91f088f e-flex e-con-boxed e-con e-parent\" data-id=\"91f088f\" 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-c8c61f7 elementor-widget elementor-widget-html\" data-id=\"c8c61f7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Widget HTML para Elementor - QR Google My Business SEGURIPRO sin t\u00edtulo ni footer -->\r\n<style>\r\n\/* C\u00f3digo para ocultar elementos del tema *\/\r\n.elementor-widget-container > .seguripro-qr-container h2.seguripro-title,\r\n.elementor-widget-container > .seguripro-qr-container .seguripro-footer {\r\n    display: none !important;\r\n}\r\n\r\n\/* Tambi\u00e9n ocultar encabezados del tema si est\u00e1n presentes *\/\r\n.site-header, \r\n.site-footer, \r\nheader.site-header, \r\nfooter.site-footer,\r\n.theme-header,\r\n.theme-footer,\r\n.elementor-location-header,\r\n.elementor-location-footer {\r\n    display: none !important;\r\n}\r\n<\/style>\r\n\r\n<div class=\"seguripro-qr-container\">\r\n    <!-- Nuevo header azul con texto blanco en negrita -->\r\n    <div class=\"seguripro-header\">\r\n        <h1 class=\"header-title\">QR - GOOGLE MY BUSINESS<\/h1>\r\n    <\/div>\r\n    \r\n    <h2 class=\"seguripro-title\">QR - Google My Business SEGURIPRO<\/h2>\r\n    \r\n    <div class=\"content-wrapper\" style=\"padding: 20px;\">\r\n    <!-- Grupo Cerrajer\u00eda -->\r\n    <div class=\"group-container\">\r\n        <h3 class=\"group-title\">Grupo Cerrajer\u00eda<\/h3>\r\n        <div class=\"buttons-grid\">\r\n            <button class=\"service-btn\" data-service=\"Cerrajeria SeguriPro\" data-qr=\"https:\/\/qr.seguripro.es\/qr-gmb-sp\/cerrajeria-seguripro.png\">\r\n                <div class=\"service-content\">\r\n                    <span class=\"service-icon\">\ud83d\udd12<\/span>\r\n                    <span class=\"service-name\">CERRAJERIA SEGURIPRO<\/span>\r\n                <\/div>\r\n            <\/button>\r\n            \r\n            <button class=\"service-btn\" data-service=\"Cerrajero Badalona\" data-qr=\"https:\/\/qr.seguripro.es\/qr-gmb-sp\/cerrajero-badalona.png\">\r\n                <div class=\"service-content\">\r\n                    <span class=\"service-icon\">\ud83d\udd11<\/span>\r\n                    <span class=\"service-name\">CERRAJERO BADALONA<\/span>\r\n                <\/div>\r\n            <\/button>\r\n            \r\n            <button class=\"service-btn\" data-service=\"Cerrajero Barceloneta\" data-qr=\"https:\/\/qr.seguripro.es\/qr-gmb-sp\/cerrajero-barceloneta.png\">\r\n                <div class=\"service-content\">\r\n                    <span class=\"service-icon\">\ud83d\udd10<\/span>\r\n                    <span class=\"service-name\">CERRAJERO BARCELONETA<\/span>\r\n                <\/div>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Grupo Persianas -->\r\n    <div class=\"group-container\">\r\n        <h3 class=\"group-title\">Grupo Persianas<\/h3>\r\n        <div class=\"buttons-grid\">\r\n            <button class=\"service-btn\" data-service=\"Persianas SeguriPro\" data-qr=\"https:\/\/qr.seguripro.es\/qr-gmb-sp\/persianas-seguripro.png\">\r\n                <div class=\"service-content\">\r\n                    <span class=\"service-icon\">\ud83e\ude9f<\/span>\r\n                    <span class=\"service-name\">PERSIANAS SEGURIPRO<\/span>\r\n                <\/div>\r\n            <\/button>\r\n            \r\n            <button class=\"service-btn\" data-service=\"Persianista QR\" data-qr=\"https:\/\/qr.seguripro.es\/qr-gmb-sp\/persianista.png\">\r\n                <div class=\"service-content\">\r\n                    <span class=\"service-icon\">\ud83c\udfe0<\/span>\r\n                    <span class=\"service-name\">PERSIANISTA QR<\/span>\r\n                <\/div>\r\n            <\/button>\r\n            \r\n            <button class=\"service-btn\" data-service=\"Persianas Sabadell\" data-qr=\"https:\/\/qr.seguripro.es\/qr-gmb-sp\/persianas-sabadell.png\">\r\n                <div class=\"service-content\">\r\n                    <span class=\"service-icon\">\ud83e\ude9f<\/span>\r\n                    <span class=\"service-name\">PERSIANAS SABADELL<\/span>\r\n                <\/div>\r\n            <\/button>\r\n            \r\n            <button class=\"service-btn\" data-service=\"Persianas Matar\u00f3\" data-qr=\"https:\/\/qr.seguripro.es\/qr-gmb-sp\/persianasmataro.png\">\r\n                <div class=\"service-content\">\r\n                    <span class=\"service-icon\">\ud83e\ude9f<\/span>\r\n                    <span class=\"service-name\">PERSIANAS MATAR\u00d3<\/span>\r\n                <\/div>\r\n            <\/button>\r\n            \r\n            <button class=\"service-btn\" data-service=\"Persianas Terrassa\" data-qr=\"https:\/\/qr.seguripro.es\/qr-gmb-sp\/persianas-terrassa.png\">\r\n                <div class=\"service-content\">\r\n                    <span class=\"service-icon\">\ud83e\ude9f<\/span>\r\n                    <span class=\"service-name\">PERSIANAS TERRASSA<\/span>\r\n                <\/div>\r\n            <\/button>\r\n            \r\n            <button class=\"service-btn\" data-service=\"Persianas Barceloneta\" data-qr=\"https:\/\/qr.seguripro.es\/qr-gmb-sp\/persianas-barceloneta.png\">\r\n                <div class=\"service-content\">\r\n                    <span class=\"service-icon\">\ud83e\ude9f<\/span>\r\n                    <span class=\"service-name\">PERSIANAS BARCELONETA<\/span>\r\n                <\/div>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Footer -->\r\n    <div class=\"seguripro-footer\">\r\n        \u00a9 2025 SeguriPro - Todos los derechos reservados\r\n    <\/div>\r\n    \r\n    <!-- Modal para mostrar QR -->\r\n    <div id=\"qrModal\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n            <span class=\"close\">&times;<\/span>\r\n            <h3 id=\"modalTitle\">C\u00f3digo QR<\/h3>\r\n            <div class=\"qr-container\">\r\n                <img decoding=\"async\" id=\"qrImage\" class=\"qr-code\" src=\"\" alt=\"C\u00f3digo QR\">\r\n            <\/div>\r\n            <button id=\"downloadBtn\" class=\"download-btn\">\r\n                <span class=\"download-icon\">\ud83d\udcbe<\/span> Descargar QR\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<style>\r\n\/* Estilos espec\u00edficos para el widget de Elementor *\/\r\n.seguripro-qr-container {\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n    background-color: #f5f7fa;\r\n    border-radius: 10px;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Estilo para el nuevo header *\/\r\n.seguripro-header {\r\n    background-color: #084ccf;\r\n    color: white;\r\n    text-align: center;\r\n    padding: 20px 15px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.header-title {\r\n    color: white;\r\n    font-weight: bold;\r\n    font-size: 28px;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* A\u00f1adido el footer *\/\r\n.seguripro-footer {\r\n    background-color: #084ccf;\r\n    color: white;\r\n    text-align: center;\r\n    padding: 15px;\r\n    margin-top: 20px;\r\n    font-size: 14px;\r\n}\r\n\r\n.seguripro-title {\r\n    color: white;\r\n    text-align: center;\r\n    font-size: 28px;\r\n    margin-bottom: 20px;\r\n    padding: 15px;\r\n    background-color: #084ccf;\r\n    border-radius: 8px;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n}\r\n\r\n.group-container {\r\n    margin-bottom: 20px;\r\n    background-color: white;\r\n    border-radius: 8px;\r\n    padding: 15px;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n}\r\n\r\n.group-title {\r\n    font-size: 18px;\r\n    margin-bottom: 15px;\r\n    color: #084ccf;\r\n    font-weight: 600;\r\n    padding-left: 10px;\r\n    border-left: 4px solid #084ccf;\r\n}\r\n\r\n.buttons-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 12px;\r\n}\r\n\r\n.service-btn {\r\n    background-color: #4a7dde;\r\n    border: none;\r\n    border-radius: 30px;\r\n    box-shadow: 0 4px 8px rgba(0,0,0,0.2);\r\n    padding: 8px 5px;\r\n    transition: transform 0.2s, box-shadow 0.2s;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    position: relative;\r\n    height: 70px; \/* M\u00e1s delgado *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: white;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n\/* Botones para el grupo de cerrajer\u00eda (azul) *\/\r\n.group-container:nth-child(1) .service-btn {\r\n    background-color: #084ccf;\r\n}\r\n\r\n\/* Botones para el grupo de persianas (verde) *\/\r\n.group-container:nth-child(2) .service-btn {\r\n    background-color: #00a55d;\r\n}\r\n\r\n.service-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 6px 12px rgba(0,0,0,0.2);\r\n    filter: brightness(1.05);\r\n}\r\n\r\n.service-number {\r\n    position: absolute;\r\n    top: 5px;\r\n    left: 5px;\r\n    background-color: rgba(255,255,255,0.3);\r\n    color: white;\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n}\r\n\r\n.service-content {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    width: 100%;\r\n    padding: 0 10px;\r\n}\r\n\r\n.service-icon {\r\n    font-size: 18px;\r\n    background-color: rgba(255, 255, 255, 0.3);\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.service-name {\r\n    font-size: 16px; \/* Letra m\u00e1s grande *\/\r\n    font-weight: 600;\r\n    color: white;\r\n    line-height: 1.2;\r\n    text-align: left;\r\n}\r\n\r\n\/* Estilos del Modal *\/\r\n.modal {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    z-index: 10000;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.modal-content {\r\n    background-color: white;\r\n    padding: 25px;\r\n    border-radius: 10px;\r\n    max-width: 90%;\r\n    width: 350px;\r\n    text-align: center;\r\n    position: relative;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n}\r\n\r\n.close {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 15px;\r\n    font-size: 24px;\r\n    cursor: pointer;\r\n    color: #777;\r\n}\r\n\r\n.close:hover {\r\n    color: #032ce0;\r\n}\r\n\r\n#modalTitle {\r\n    color: #084ccf;\r\n    margin-bottom: 15px;\r\n    font-size: 18px;\r\n}\r\n\r\n.qr-container {\r\n    margin: 15px 0;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.qr-code {\r\n    max-width: 250px;\r\n    height: auto;\r\n    border: 1px solid #eee;\r\n    padding: 10px;\r\n    background-color: white;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* Eliminados los estilos del bot\u00f3n de compartir *\/\r\n\r\n.download-btn {\r\n    background-color: #00a55d;\r\n    color: white;\r\n    border: none;\r\n    padding: 12px 25px;\r\n    border-radius: 30px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 5px;\r\n    font-size: 14px;\r\n    box-shadow: 0 4px 8px rgba(0, 165, 93, 0.3);\r\n}\r\n\r\n.download-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n    filter: brightness(1.05);\r\n}\r\n\r\n.download-icon {\r\n    margin-right: 5px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 767px) {\r\n    .buttons-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .buttons-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .service-btn {\r\n        height: 80px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Script para funcionalidad de botones y modal\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Elementos del DOM\r\n    const modal = document.getElementById(\"qrModal\");\r\n    const modalTitle = document.getElementById(\"modalTitle\");\r\n    const qrImage = document.getElementById(\"qrImage\");\r\n    const closeBtn = document.querySelector(\".close\");\r\n    const downloadBtn = document.getElementById(\"downloadBtn\");\r\n    const serviceButtons = document.querySelectorAll(\".service-btn\");\r\n    \r\n    \/\/ Eventos de botones de servicio\r\n    serviceButtons.forEach(button => {\r\n        button.addEventListener(\"click\", function() {\r\n            const service = this.getAttribute(\"data-service\");\r\n            const qrUrl = this.getAttribute(\"data-qr\");\r\n            openModal(service, qrUrl);\r\n        });\r\n    });\r\n    \r\n    \/\/ Funci\u00f3n para abrir modal\r\n    function openModal(service, qrUrl) {\r\n        modalTitle.textContent = `C\u00f3digo QR - ${service}`;\r\n        qrImage.src = qrUrl;\r\n        qrImage.alt = `C\u00f3digo QR de ${service}`;\r\n        \r\n        \/\/ Mostrar modal\r\n        modal.style.display = \"flex\";\r\n        \r\n        \/\/ Actualizar atributos solo para el bot\u00f3n de descarga\r\n        downloadBtn.setAttribute(\"data-service\", service);\r\n        downloadBtn.setAttribute(\"data-qr\", qrUrl);\r\n    }\r\n    \r\n    \/\/ Cerrar modal\r\n    closeBtn.addEventListener(\"click\", function() {\r\n        modal.style.display = \"none\";\r\n    });\r\n    \r\n    \/\/ Cerrar modal al hacer clic fuera\r\n    window.addEventListener(\"click\", function(event) {\r\n        if (event.target === modal) {\r\n            modal.style.display = \"none\";\r\n        }\r\n    });\r\n    \r\n    \/\/ Descargar QR\r\n    downloadBtn.addEventListener(\"click\", function() {\r\n        const service = this.getAttribute(\"data-service\");\r\n        const qrUrl = this.getAttribute(\"data-qr\");\r\n        \r\n        \/\/ Crear enlace temporal\r\n        const link = document.createElement('a');\r\n        link.href = qrUrl;\r\n        link.download = `QR-${service.replace(\/\\s+\/g, '-')}.png`;\r\n        document.body.appendChild(link);\r\n        link.click();\r\n        document.body.removeChild(link);\r\n    });\r\n});\r\n<\/script>\r\n<\/div>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>QR &#8211; GOOGLE MY BUSINESS QR &#8211; Google My Business SEGURIPRO Grupo Cerrajer\u00eda \ud83d\udd12 CERRAJERIA SEGURIPRO \ud83d\udd11 CERRAJERO BADALONA \ud83d\udd10 CERRAJERO BARCELONETA Grupo Persianas \ud83e\ude9f PERSIANAS SEGURIPRO \ud83c\udfe0 PERSIANISTA QR \ud83e\ude9f PERSIANAS SABADELL \ud83e\ude9f PERSIANAS MATAR\u00d3 \ud83e\ude9f PERSIANAS TERRASSA \ud83e\ude9f PERSIANAS BARCELONETA \u00a9 2025 SeguriPro &#8211; Todos los derechos reservados &times; C\u00f3digo QR \ud83d\udcbe Descargar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qr.seguripro.es\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qr.seguripro.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qr.seguripro.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qr.seguripro.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qr.seguripro.es\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":40,"href":"https:\/\/qr.seguripro.es\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/qr.seguripro.es\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/qr.seguripro.es\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}