{"id":6408,"date":"2021-05-26T20:02:53","date_gmt":"2021-05-27T01:02:53","guid":{"rendered":"https:\/\/libelula.com.pe\/?page_id=6408"},"modified":"2025-12-03T09:50:19","modified_gmt":"2025-12-03T14:50:19","slug":"crea-tu-firma","status":"publish","type":"page","link":"https:\/\/libelula.com.pe\/en\/crea-tu-firma\/","title":{"rendered":"Create your signature"},"content":{"rendered":"\n<style>\n#form{\n  font-family: 'Nunito', sans-serif;\n}\n\n#firma div, #firma p {\nbox-sizing:content-box;\n}\n\n#firma table {\nborder-collapse:separate;\n}\n\nbutton{\n  font-family: 'Nunito', sans-serif;\n  cursor: pointer;\n  margin-top: 1rem;\n  font-size: 1.25rem;\n}\n\n.small{\n  font-size: 12px;\n  margin-bottom: 4px;\n  display: block;\n  line-height: 1rem;\n}\n\nh1, h2{\n    text-align: center;\n}\n\nh2{\n  color: #576825;\n  margin: 0;\n}\n\n.form{\n  width: 100%;\n  max-width: 550px;\n  margin: 0 auto;\n}\n\n.select2.select2-container.select2-container--default {\nwidth:100% !important;\n}\n\n.paso-r, .paso-l{\n  padding: 2.5rem 1.5rem;\n}\n\n.paso-r{\n  background: #E4FFC7;\n}\n\n\n.form label{\n  display: block;\n  margin: 16px 0 4px 0;\n  font-weight: bold;\n  color: #88BD2E;\n}\n\n.form input, .form select {\n  display: block;\n  padding: 10px 12px;\n  border-radius: 8px;\n  border: 1px solid #88BD2E;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.boton{\nfont-weight: 700;\ndisplay: inline-block;\nwidth: 100%;\nposition: relative;\nz-index:1;\n-webkit-box-sizing: border-box;\n\t\t\t\tbox-sizing: border-box;\nbackground-clip: padding-box;\n\/* !important *\/\nborder: 2px solid transparent;\n\/* !important *\/\nborder-radius: 0.5rem;\n-webkit-transition: all .4s cubic-bezier(.53,.01,.18,1);\n-o-transition: all .4s cubic-bezier(.53,.01,.18,1);\ntransition: all .4s cubic-bezier(.53,.01,.18,1);\n}\n\n.boton:before {\ncontent: '';\nposition: absolute;\ntop: 0;\nright: 0;\nbottom: 0;\nleft: 0;\nz-index: -1;\nmargin: -2px; \/* !important *\/\nborder-radius: inherit; \/* !important *\/\n}\n\n.boton:hover {\ntext-decoration: none;\n}\n\n.boton > span{\nposition: absolute;\ndisplay: block;\ntop: 0;\nleft: 0;\nbottom: 0;\nright: 0;\nbackground: transparent;\n}\n\n.boton > span:before, .boton > span:after {\ncontent:'';\nposition: absolute;\ntop: 50%;\n-webkit-transition: all .4s cubic-bezier(.53,.01,.18,1);\n-o-transition: all .4s cubic-bezier(.53,.01,.18,1);\ntransition: all .4s cubic-bezier(.53,.01,.18,1);\n}\n\n.boton > span:before{\nwidth: 2rem;\nheight: 2px;\nleft: -0.75rem;\n-webkit-transform: translateY(-50%);\n\t\t-ms-transform: translateY(-50%);\n\t\t\t\ttransform: translateY(-50%);\n}\n\n.boton:hover > span:after{\n left: 100%;\n margin-left: -1.5rem;\n}\n\n.boton:hover > span:before{\n left: 100%;\n margin-left: -2.5rem;\n}\n\n.boton > span:after{\nwidth: 0.75rem;\nheight: 0.75rem;\nleft: 0.375rem;\n-webkit-transform: translateY(-50%) rotate(45deg);\n\t\t-ms-transform: translateY(-50%) rotate(45deg);\n\t\t\t\ttransform: translateY(-50%) rotate(45deg);\n-webkit-transition: all .4s cubic-bezier(.53,.01,.18,1);\n-o-transition: all .4s cubic-bezier(.53,.01,.18,1);\ntransition: all .4s cubic-bezier(.53,.01,.18,1);\n}\n\n.boton-principal{\n padding: 1rem 2.25rem 1rem 3rem;\n background-color: rgba(255,255,255,0);\n color: #fff;\n}\n\n.boton-principal:before {\nbackground-image: -webkit-gradient(linear, left top, right top, from(#A1D841), to(#56AF31));\nbackground-image: -webkit-linear-gradient(left, #A1D841 0%, #56AF31 100%);\nbackground-image: -o-linear-gradient(left, #A1D841 0%, #56AF31 100%);\nbackground-image: linear-gradient(90deg, #A1D841 0%, #56AF31 100%);\n}\n\n.boton-principal:hover {\ncolor: #fff;\nbackground-color: #56AF31;\npadding: 1rem 3.75rem 1rem 2.25rem;\n}\n\n.boton-principal > span:before{\n background: #fff;\n}\n\n.boton-principal > span:after{\n border-top: 2px solid #fff;\n border-right: 2px solid #fff;\n}\n<\/style>\n<div id=\"form\" class=\"form\">\n  \n  <div id=\"paso1\" class=\"paso-l\">\n    <h2>Paso 1: <small>Elige o busca tu nombre<\/small><\/h2>\n    <label for=\"nombrelbl\">Lib\u00e9lulx<\/label>\n    <select onchange=\"nombrelbl(this);\" name=\"nombrelbl\" id=\"nombrelbl\"><\/select>\n  <\/div>\n  \n  <div id=\"paso2\" class=\"paso-r\">\n    <h2>Paso 2: <small>Comprueba tus datos y foto<\/small><\/h2>\n    <div id=\"firma\"> \n      <div style=\"width: 100%;margin: 0px !important;padding: 0px !important;\">\n          <!--[if (gte mso 9)|(IE)]>\n          <table align=\"center\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" bgcolor=\"#2b3452\" style=\"background-color:#2b3452;\">\n          <tr>\n          <td align=\"center\" valign=\"top\">\n          <![endif]-->\n          <table cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" bgcolor=\"#ffffff\" style=\"margin-top:20px;\">\n              <tbody><tr>\n                  <td valign=\"top\">\n                  <!--[if (gte mso 9)|(IE)]>\n                  <table align=\"center\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"600\">\n                  <tr>\n                  <td align=\"center\" valign=\"top\" width=\"600\">\n                  <![endif]-->\n                      <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"500\" class=\"wrapper\" style=\"padding-top: 32px;\">\n                        <tbody>\n                          <tr>\n                            <td valign=\"top\">\n                              <!-- Content -->\n\n                              <!--[if gte mso 9]>\n                                <table cellspacing=0><tr><td style=\"font-family: Arial; font-size: 10pt; color: #616160; background-color: #ffffff; width: 160px; height: 160px; padding: 3px; vertical-align: top\">\n                              <![endif]-->\n                              <div style=\"float: left; font-family: Tahoma; font-size: 10pt; color: #616160; background-color: #ffffff; width: 125px; height:125px; padding: 3px; vertical-align: top\">\n\n                                <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" id=\"firma-image2\" src=\"https:\/\/libelula.com.pe\/fotoslibelulos\/maite-cigaran.png?v=2025\" width=\"115\" height=\"115\" alt=\"Lib\u00e9lula\" style=\"margin-left: 12px; margin-right: 0px;\">\n\n                              <\/div>\n                              <!--[if gte mso 9]>\n                              <\/td><td style=\"font-family: Arial; font-size: 10pt; color: #616160; background-color: #ffffff; width: 320px; padding: 3px; vertical-align: top\">\n                              <![endif]-->\n                              <div style=\"float: left; font-family: Tahoma; font-size: 10pt; color: #3C3C3B; background-color: #ffffff; width: 350px;  padding: 3px; vertical-align: top\">\n                                <p style=\"padding-bottom: 12px;padding-left: 20px;font-family: 'Tahoma', 'Arial', sans-serif;font-size: 12px;color: #3C3C3B;margin: 0px;\">\n                                  <strong id=\"firma-nombre\" style=\"font-size:23px; color: #3C3C3B\">Maite Cigar\u00e1n<\/strong>\n                                  <br>\n                                  <span id=\"firma-cargo\" style=\"font-size:17px; color: #A1B200\">Gerente de Comunicaciones<\/span>\n                                <\/p>\n                                <p class=\"data-row\" style=\"padding-left: 20px;font-family: 'Tahoma', 'Arial', sans-serif;font-size: 14px;color: #606060;margin: 0px;padding-top: 5px;height: 16px;line-height: 16px;vertical-align: middle;\">Correo: <a id=\"firma-correo\" href=\"mailto:maite.cigaran@libelula.com.pe\" style=\"color: #606060;cursor: pointer;text-decoration:underline !important;\">maite.cigaran@libelula.com.pe<\/a> <\/p>\n                                <p class=\"data-row\" style=\"padding-left: 20px;font-family: 'Tahoma', 'Arial', sans-serif;font-size: 14px;color: #606060;margin: 0px;padding-top: 5px;height: 16px;line-height: 16px;vertical-align: middle;\">Telf: <a href=\"tel:+5114800078\" style=\"color: #616161;cursor: pointer;\">+511 480 0078<\/a> \/ <a id=\"firma-telefono\" href=\"tel:+51994267865\" style=\"color: #616161;cursor: pointer;text-decoration:underline !important;\">+51 994 267 865<\/a> <a id=\"whatsapp\" href=\"https:\/\/api.whatsapp.com\/send?phone=+51990309616&amp;text=Hola,%20Cu%C3%A9ntame%20algo%20sobre%20Lib%C3%A9lula!\" alt=\"WhatsApp\" style=\"display:inline-block;cursor: pointer;text-decoration: none !important;\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/libelula.com.pe\/fotoslibelulos\/whatsapp.png\" style=\"vertical-align: top;\" width=\"18\" height=\"18\"><\/a><\/p>\n                                <p class=\"data-row\" style=\"padding-left: 20px;font-family: 'Tahoma', 'Arial', sans-serif;font-size: 14px;color: #606060;margin-bottom: 20px;padding-top: 5px;height: 16px;line-height: 16px;vertical-align: middle;\">Web: <a id=\"firma-correo\" href=\"https:\/\/libelula.com.pe\" style=\"color: #606060;cursor: pointer;text-decoration:underline !important;\">www.libelula.com.pe<\/a> <\/p>\n                              <\/div>\n                              <!--[if gte mso 9]>\n                              <\/td><\/tr><\/table>\n                              <![endif]-->\n                            <\/td>\n                          <\/tr>\n\n                          <tr>\n                          <td width=\"550\" height=\"100%\" class=\"one-column\" style=\"padding: 0; \">\n                          <!--[if mso]>\n                          <table width=\"100%\"  style=\"border-spacing: 0;font-family: sans-serif; color: #3c3c3c; border: 0;\">\n                          <tr>\n                          <td width=\"100%\" valign=\"middle\" align=\"center\" style=\"padding: 0 45px; margin: 0px auto; border: 0;\">\n                          <![endif]-->\n                          <table width=\"100%\" style=\"border-spacing: 0; color: #ffffff; width: 100%; max-width: 550px; margin: auto;\">\n\n                          <tbody><tr>\n                          <td class=\"full-width-image\" style=\"padding: 0; \">\n                          <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/libelula.com.pe\/fotoslibelulos\/libelula_fondo.jpg\" alt=\"Lib\u00e9lula Detalle\" width=\"550\" height=\"36\" style=\"border: 0; width: 100%;height: auto;\">\n                          <\/td>\n                          <\/tr>    \n\n\n\n                          <\/tbody><\/table>\n                          <!--[if mso]>\n                          <\/td>\n                          <\/tr>\n                          <\/table>\n                          <![endif]-->\n                          <\/td>\n                          <\/tr>\n\n                          <tr>\n                          <td width=\"550\" height=\"100%\" class=\"one-column\" style=\"padding: 0; \">\n                          <!--[if mso]>\n                          <table width=\"100%\"  style=\"border-spacing: 0;font-family: sans-serif; color: #3c3c3c; border: 0;\">\n                          <tr>\n                          <td width=\"100%\" valign=\"middle\" align=\"center\" style=\"padding: 0 45px; margin: 0px auto; border: 0;\">\n                          <![endif]-->\n                          <table width=\"100%\" style=\"border-spacing: 0; color: #ffffff; width: 100%; max-width: 550px; margin: auto;\">\n\n                          <tbody><tr>\n                            <td valign=\"top\">\n                              <!-- Content -->\n\n                              <!--[if gte mso 9]>\n                                <table cellspacing=0><tr><td style=\"font-family: Arial; font-size: 10pt; color: #616160; background-color: #ffffff; width:300px; height: 60px; padding: 3px; vertical-align: top\">\n                              <![endif]-->\n                              <div style=\"float: left; font-family: Tahoma; font-size: 10pt; color: #616160; background-color: #ffffff; width: 190px; height:56px; padding: 3px; vertical-align: top\">\n                                <a href=\"https:\/\/libelula.com.pe\/?source=Mail&amp;tipo=Firma&amp;elemento=Logo\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/libelula.com.pe\/fotoslibelulos\/libelula_emp_b.png\" width=\"180\" alt=\"Lib\u00e9lula\" style=\"margin-left: 10px; margin-right: 0px;\"><\/a>\n                              <\/div>\n\n\n                              <!--[if gte mso 9]>\n                              <\/td><td style=\"font-family: Arial; font-size: 10pt; color: #616160; background-color: #ffffff; width: 240px; padding: 3px; vertical-align: top\">\n                              <![endif]-->\n                              <div style=\"float: left; font-family: Tahoma; font-size: 10pt; color: #616160; background-color: #ffffff; width:200px;  padding: 3px; padding-left: 20px; vertical-align: top\">\n                                <p class=\"social-row\" style=\"padding-bottom:10px;padding-top: 10px;font-family: 'Tahoma', 'Arial', sans-serif;font-size: 12px;color: #616160;margin: 0px; border-left: 1px solid #AFCA11;\">\n                                    <a href=\"https:\/\/www.facebook.com\/LibelulaComunidad\" alt=\"Facebook\" style=\"display:inline-block;cursor: pointer;text-decoration: none !important;\" target=\"_blank\" rel=\"noopener\">\n                                      <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/libelula.com.pe\/fotoslibelulos\/facebook.png\" width=\"32\" height=\"32\">\n                                    <\/a>\n                                    <a href=\"https:\/\/www.linkedin.com\/company\/libelula\" alt=\"Twitter\" style=\"display:inline-block;cursor: pointer;text-decoration: none !important;\" target=\"_blank\" rel=\"noopener\">\n                                      <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/libelula.com.pe\/fotoslibelulos\/Linkedin.png\" width=\"32\" height=\"32\">\n                                    <\/a>\n                                    <a href=\"https:\/\/www.instagram.com\/libelulacomunidad\" alt=\"Linkedin\" style=\"display:inline-block;cursor: pointer;text-decoration: none !important;\" target=\"_blank\" rel=\"noopener\">\n                                      <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/libelula.com.pe\/fotoslibelulos\/instagram.png\" width=\"32\" height=\"32\">\n                                    <\/a>\n                                    <a href=\"https:\/\/twitter.com\/LibelulaPeru\" alt=\"Twitter\" style=\"display:inline-block;cursor: pointer;text-decoration: none !important;\" target=\"_blank\" rel=\"noopener\">\n                                      <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/libelula.com.pe\/fotoslibelulos\/twitter.png\" width=\"32\" height=\"32\">\n                                    <\/a>\n                                   <a href=\"https:\/\/www.youtube.com\/user\/LibelulaOficial\" alt=\"Youtube\" style=\"display:inline-block;cursor: pointer;text-decoration: none !important;\" target=\"_blank\" rel=\"noopener\">\n                                      <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/libelula.com.pe\/fotoslibelulos\/youtube.png\" width=\"32\" height=\"32\">\n                                    <\/a>\n                                <\/p>\n                              <\/div>\n                              <!--[if gte mso 9]>\n                              <\/td><\/tr><\/table>\n                              <![endif]-->\n\n                            <\/td>\n                          <\/tr>    \n\n\n                          <\/tbody><\/table>\n                          <!--[if mso]>\n                          <\/td>\n                          <\/tr>\n                          <\/table>\n                          <![endif]-->\n                          <\/td>\n                          <\/tr>\n\n\n                        <\/tbody>\n                      <\/table>\n                  <!--[if (gte mso 9)|(IE)]>\n          <\/td>\n          <\/tr>\n          <\/table>\n          <![endif]-->\n                  <\/td>\n              <\/tr>\n          <\/tbody><\/table>\n          <!--[if (gte mso 9)|(IE)]>\n          <\/td>\n          <\/tr>\n          <\/table>\n          <![endif]-->\n     <\/div>   \n          <style>\n            body {\n              margin: 0px !important;\n              padding: 0px !important;\n            }\n\n            @media only screen and (max-width:480px) {\n              .wrapper {\n                width: 100% !important;\n              }\n            }\n\n            p {\n              padding-left: 20px;\n              font-family: 'Tahoma', 'Arial', sans-serif;\n              font-size: 12px;\n              color: #616160;\n              margin: 0px;\n            }\n\n            a {\n              cursor: pointer;\n            }\n\n            strong {\n              color: #88BD2E;\n            }\n\n            .data-row {\n              padding-top: 6px;\n              height: 14px;\n              line-height: 12px;\n              vertical-align: middle;\n            }\n\n            .social-row a {\n              text-decoration: none !important;\n            }\n\n.select2-selection.select2-selection--single{\nheight: auto!important;\n    border-radius: 0.5rem!important;\n    border: 1px solid #a2a2a2!important;\n}\n\n.select2-container--default .select2-selection--single .select2-selection__arrow{\nheight: 100%!important;\n}\n          <\/style>\n\n  <\/div>    \n  <\/div>\n  \n  <div id=\"paso3\" class=\"paso-l\">\n      <h2>Paso 3 (opcional): <small>Modifica tus datos<\/small><\/h2>\n      <label for=\"nombre\">Nombre<\/label>\n      <input type=\"text\" name=\"nombre\" id=\"nombre\" placeholder=\"Ingresa tu nombre\">\n      <label for=\"cargo\">Cargo<\/label>\n      <input type=\"text\" name=\"cargo\" id=\"cargo\" placeholder=\"Ingresa tu cargo\">\n      <label for=\"correo\">Correo de Lib\u00e9lula<\/label>\n      <input type=\"email\" name=\"correo\" id=\"correo\" placeholder=\"Ingresa tu correo\">\n      <label for=\"telefono\">Tel\u00e9fono<\/label>\n      <span class=\"small\">Usa el formato internacional SIN EL \u00ab+\u00bb al inicio (Ej: 51 978 739 535). Esto garantizar\u00e1 que te puedan ubicar en servicios como WhatsApp o Telegram<\/span>\n      <input type=\"text\" name=\"telefono\" id=\"telefono\" placeholder=\"Ingresa tu tel\u00e9fono\">\n  <\/div>\n  \n  <div id=\"paso4\" class=\"paso-r\">\n      <h2><small>Ya tienes tu firma nueva! C\u00f3piala con este bot\u00f3n<\/small><\/h2>\n      <button class=\"boton boton-principal\" onclick=\"copyToClip(document.getElementById('firma').innerHTML)\">\n        <span><\/span>\n        Copiar mi firma\n      <\/button>    \n  <\/div>\n\n  \n<\/div>\n<script src=\"https:\/\/libelula.com.pe\/generador-fotocheck\/data.js?v=2025\"><\/script>\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/css\/select2.min.css\" rel=\"stylesheet\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/js\/select2.min.js\"><\/script>\n<script>\n\nlet dropdown = document.getElementById('nombrelbl');\ndropdown.length = 0;\n\nlet defaultOption = document.createElement('option');\ndefaultOption.text = 'Elige tu nombre';\n\ndropdown.add(defaultOption);\ndropdown.selectedIndex = 0;\n\n\n\nlet option;\nfor (let i = 0; i < data.length; i++) {\n  option = document.createElement('option');\n  option.text = data[i].nombre;\n  option.value = data[i].nombre;\n  option.dataset.imagen = data[i].img;\n  option.dataset.cargo = data[i].cargo;\n  option.dataset.correo = data[i].correo;\n  option.dataset.telefono = data[i].telefono;\n  dropdown.add(option);\n}\n\n\nconst source = document.getElementById('nombre');\nconst imagen = document.getElementById('firma-image2');\nconst result = document.getElementById('firma-nombre');\nconst source2 = document.getElementById('cargo');\nconst result2 = document.getElementById('firma-cargo');\nconst source3 = document.getElementById('correo');\nconst result3 = document.getElementById('firma-correo');\nconst source4 = document.getElementById('telefono');\nconst result4 = document.getElementById('firma-telefono');\nconst whatsapp = document.getElementById('whatsapp');\n\n\n\n\nfunction nombrelbl(e) {\n  let nombre = document.getElementById(\"nombrelbl\").value;\n  let cargo = e.options[e.selectedIndex].getAttribute('data-cargo');\n  \n  let img = e.options[e.selectedIndex].getAttribute('data-imagen');\n  let imagenoFormateado = 'https:\/\/libelula.com.pe\/fotoslibelulos\/' + img + '.png?v=2025';\n  imagen.src = imagenoFormateado;\n  result.innerHTML = nombre;\n  result2.innerHTML = cargo;\n  \n  let correo = e.options[e.selectedIndex].getAttribute('data-correo');\n  let correoFormateado = 'mailto:' + correo;\n  result3.setAttribute(\"href\", correoFormateado);\n  result3.innerHTML = correo;\n  \n  let telefono = e.options[e.selectedIndex].getAttribute('data-telefono');\n  let telefonoNoFormateado = '+' + telefono;\n  let telefonoFormateado = 'tel:' + telefonoNoFormateado.replace(\/\\s+\/g, '');\n  result4.innerHTML = telefonoNoFormateado;\n  result4.setAttribute(\"href\", telefonoFormateado);\n  let whatsappHref='https:\/\/api.whatsapp.com\/send?phone=' + telefonoFormateado + '&#038;text=Hola,%20cu%C3%A9ntame%20algo%20sobre%20Lib%C3%A9lula!';\n  whatsapp.setAttribute(\"href\", whatsappHref);\n\n\n}\n\n\n\n\nconst inputHandler = function(e) {\n  result.innerHTML = e.target.value;\n}\n\nsource.addEventListener('input', inputHandler);\nsource.addEventListener('propertychange', inputHandler); \/\/ for IE8\n\/\/ Firefox\/Edge18-\/IE9+ don\u2019t fire on <select><option>\n\/\/ source.addEventListener('change', inputHandler); \n\n\n\n\nconst inputHandler2 = function(e) {\n  result2.innerHTML = e.target.value;\n}\n\nsource2.addEventListener('input', inputHandler2);\nsource2.addEventListener('propertychange', inputHandler2); \/\/ for IE8\n\/\/ Firefox\/Edge18-\/IE9+ don\u2019t fire on <select><option>\n\/\/ source.addEventListener('change', inputHandler); \n\n\n\nconst inputHandler3 = function(e) {\n  let correoFormateado = 'mailto:' + e.target.value;\n  result3.innerHTML = e.target.value;\n  result3.setAttribute(\"href\", correoFormateado);\n}\n\nsource3.addEventListener('input', inputHandler3);\nsource3.addEventListener('propertychange', inputHandler3); \/\/ for IE8\n\/\/ Firefox\/Edge18-\/IE9+ don\u2019t fire on <select><option>\n\/\/ source.addEventListener('change', inputHandler);\n\n\n\nconst inputHandler4 = function(e) {\n  let telefonoNoFormateado = '+' + e.target.value;\n  let telefonoFormateado = 'tel:' + telefonoNoFormateado.replace(\/\\s+\/g, '');\n  result4.innerHTML = telefonoNoFormateado;\n  result4.setAttribute(\"href\", telefonoFormateado);\n  let whatsappHref='https:\/\/api.whatsapp.com\/send?phone=' + telefonoFormateado + '&text=Hola,%20cu%C3%A9ntame%20algo%20sobre%20Lib%C3%A9lula!';\n  whatsapp.setAttribute(\"href\", whatsappHref);\n}\n\nsource4.addEventListener('input', inputHandler4);\nsource4.addEventListener('propertychange', inputHandler4); \/\/ for IE8\n\/\/ Firefox\/Edge18-\/IE9+ don\u2019t fire on <select><option>\n\/\/ source.addEventListener('change', inputHandler); \n\n\n\nfunction copyToClip(str) {\n  function listener(e) {\n    e.clipboardData.setData(\"text\/html\", str);\n    e.clipboardData.setData(\"text\/plain\", str);\n    e.preventDefault();\n  }\n  document.addEventListener(\"copy\", listener);\n  document.execCommand(\"copy\");\n  document.removeEventListener(\"copy\", listener);\n  alert('Bien hecho, se ha copiado tu firma! CTRL+V para pegar');\n};\n\n\njQuery(document).ready(function($) {\n    $('#nombrelbl').select2();\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"Paso 1: Elige o busca tu nombre Lib\u00e9lulx Paso 2: Comprueba tus datos y foto Maite Cigar\u00e1n Gerente de Comunicaciones&#8230; <a class=\"view-article\" href=\"https:\/\/libelula.com.pe\/en\/crea-tu-firma\/\">Read more<\/a>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6408","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/libelula.com.pe\/en\/wp-json\/wp\/v2\/pages\/6408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/libelula.com.pe\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/libelula.com.pe\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/libelula.com.pe\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/libelula.com.pe\/en\/wp-json\/wp\/v2\/comments?post=6408"}],"version-history":[{"count":72,"href":"https:\/\/libelula.com.pe\/en\/wp-json\/wp\/v2\/pages\/6408\/revisions"}],"predecessor-version":[{"id":200679,"href":"https:\/\/libelula.com.pe\/en\/wp-json\/wp\/v2\/pages\/6408\/revisions\/200679"}],"wp:attachment":[{"href":"https:\/\/libelula.com.pe\/en\/wp-json\/wp\/v2\/media?parent=6408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}