{"id":4527,"date":"2025-08-07T13:11:23","date_gmt":"2025-08-07T11:11:23","guid":{"rendered":"https:\/\/mhc-int.com\/?page_id=4527"},"modified":"2025-08-07T20:53:01","modified_gmt":"2025-08-07T18:53:01","slug":"tarjetas-qr","status":"publish","type":"page","link":"https:\/\/mhc-int.com\/pt-pt\/tarjetas-qr\/","title":{"rendered":"Generador basico de Tarjetas Qr"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Hero&#8221; _builder_version=&#8221;4.27.4&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_type=&#8221;circular&#8221; background_color_gradient_direction_radial=&#8221;top left&#8221; background_color_gradient_stops=&#8221;rgba(40,40,40,0.79) 0%|rgba(40,40,40,0.86) 100%&#8221; background_color_gradient_overlays_image=&#8221;on&#8221; background_color_gradient_start=&#8221;rgba(40,40,40,0.79)&#8221; background_color_gradient_end=&#8221;rgba(40,40,40,0.86)&#8221; background_image=&#8221;https:\/\/mhc-int.com\/wp-content\/uploads\/2024\/09\/computer.jpg&#8221; custom_margin=&#8221;||||false&#8221; custom_padding=&#8221;5vw||5vw||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; header_font=&#8221;Rubik|700|||||||&#8221; header_font_size=&#8221;64px&#8221; header_line_height=&#8221;1.1em&#8221; background_layout=&#8221;dark&#8221; max_width=&#8221;800px&#8221; custom_margin=&#8221;||0px|&#8221; custom_padding=&#8221;|||16px&#8221; text_font_size_tablet=&#8221;14px&#8221; text_font_size_last_edited=&#8221;off|desktop&#8221; header_font_size_tablet=&#8221;44px&#8221; header_font_size_phone=&#8221;32px&#8221; header_font_size_last_edited=&#8221;on|phone&#8221; border_color_all=&#8221;#ffb400&#8243; border_width_left=&#8221;10px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>\u00a1Crea tu tarjeta digital de contacto en pocos pasos!<\/h1>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.6em&#8221; header_font=&#8221;||||||||&#8221; background_layout=&#8221;dark&#8221; max_width=&#8221;800px&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;46px||46px||true|&#8221; text_font_size_tablet=&#8221;18px&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: justify;\">Simplemente completa los campos con tu informaci\u00f3n (nombre, cargo, tel\u00e9fono, etc.), y si lo deseas, sube el logo de tu empresa. Al hacer clic en &#8220;&#x2728; Generar Tarjeta&#8221;, se crear\u00e1 una imagen con tus datos y un c\u00f3digo QR que, al ser escaneado, permitir\u00e1 a cualquier persona guardar tu contacto al instante en su tel\u00e9fono. \u00a1Ya puedes descargarla o compartirla directamente!<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;Rubik|700|||||||&#8221; header_2_text_color=&#8221;#ffb400&#8243; header_2_font_size=&#8221;32px&#8221; header_2_line_height=&#8221;1.2em&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; header_2_font_size_last_edited=&#8221;off|desktop&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Todo sobre:<\/h2>\n<p>[\/et_pb_text][et_pb_blurb title=&#8221;Tdod en uno&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x52;||divi||400&#8243; icon_color=&#8221;#ffb400&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;55px&#8221; content_max_width=&#8221;1100px&#8221; content_max_width_tablet=&#8221;1100px&#8221; content_max_width_last_edited=&#8221;off|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; header_font=&#8221;Rubik|700|||||||&#8221; header_line_height=&#8221;1.4em&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;15px&#8221; body_line_height=&#8221;1.8em&#8221; background_layout=&#8221;dark&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;right&#8221; animation_intensity_slide=&#8221;10%&#8221; animation=&#8221;off&#8221; image_max_width=&#8221;64px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Crea tu tarjeta digital y\u00a0 desc\u00e1rgala en una imagen.<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Tama\u00f1o Perfecto&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf05b;||fa||900&#8243; icon_color=&#8221;#ffb400&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;55px&#8221; content_max_width=&#8221;1100px&#8221; content_max_width_tablet=&#8221;1100px&#8221; content_max_width_last_edited=&#8221;off|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; header_font=&#8221;Rubik|700|||||||&#8221; header_line_height=&#8221;1.4em&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;15px&#8221; body_line_height=&#8221;1.8em&#8221; background_layout=&#8221;dark&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;right&#8221; animation_delay=&#8221;100ms&#8221; animation_intensity_slide=&#8221;10%&#8221; animation=&#8221;off&#8221; image_max_width=&#8221;64px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Ajusta tu tarjeta formato exacto que necesitas sin perder calidad.<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;R\u00e1pido y Sin Complicaciones&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf021;||fa||900&#8243; icon_color=&#8221;#ffb400&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;55px&#8221; content_max_width=&#8221;1100px&#8221; content_max_width_tablet=&#8221;1100px&#8221; content_max_width_last_edited=&#8221;off|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; header_font=&#8221;Rubik|700|||||||&#8221; header_line_height=&#8221;1.4em&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;15px&#8221; body_line_height=&#8221;1.8em&#8221; background_layout=&#8221;dark&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;right&#8221; animation_delay=&#8221;200ms&#8221; animation_intensity_slide=&#8221;10%&#8221; animation=&#8221;off&#8221; image_max_width=&#8221;64px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Edita y descarga en pocos clics en el formato de tu preferencia.<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;About Us&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;Rubik|700|||||||&#8221; header_2_font_size=&#8221;42px&#8221; header_2_line_height=&#8221;1.2em&#8221; text_orientation=&#8221;center&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;36px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 style=\"text-align: center;\">Crea tu tarjeta b\u00e1sica con QR y desc\u00e1rgala.<\/h2>\n<p>[\/et_pb_text][et_pb_divider color=&#8221;#ffb400&#8243; divider_position=&#8221;center&#8221; divider_weight=&#8221;5px&#8221; admin_label=&#8221;Separador&#8221; _builder_version=&#8221;4.27.4&#8243; max_width=&#8221;50px&#8221; module_alignment=&#8221;center&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->    .ms-vcard-generator-container {<!-- [et_pb_line_break_holder] -->        font-family: Arial, sans-serif;<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-direction: column;<!-- [et_pb_line_break_holder] -->        gap: 20px;<!-- [et_pb_line_break_holder] -->        padding: 20px;<!-- [et_pb_line_break_holder] -->        border-radius: 8px;<!-- [et_pb_line_break_holder] -->        background-color: #f8f9fa;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->        font-size: 14px;<!-- [et_pb_line_break_holder] -->        line-height: 1.6;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    @media (min-width: 768px) {<!-- [et_pb_line_break_holder] -->        .ms-vcard-generator-container {<!-- [et_pb_line_break_holder] -->            flex-direction: row;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .ms-input-section, .ms-output-section {<!-- [et_pb_line_break_holder] -->        flex: 1;<!-- [et_pb_line_break_holder] -->        padding: 20px;<!-- [et_pb_line_break_holder] -->        border-radius: 8px;<!-- [et_pb_line_break_holder] -->        background-color: #fff;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .ms-input-section h2, .ms-output-section h2 {<!-- [et_pb_line_break_holder] -->        font-size: 1.5em;<!-- [et_pb_line_break_holder] -->        margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->        color: #333;<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .ms-input-section .input-group {<!-- [et_pb_line_break_holder] -->        margin-bottom: 15px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .ms-input-section label {<!-- [et_pb_line_break_holder] -->        display: block;<!-- [et_pb_line_break_holder] -->        margin-bottom: 5px;<!-- [et_pb_line_break_holder] -->        font-weight: bold;<!-- [et_pb_line_break_holder] -->        color: #444;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .ms-input-section input[type=\"text\"],<!-- [et_pb_line_break_holder] -->    .ms-input-section input[type=\"tel\"],<!-- [et_pb_line_break_holder] -->    .ms-input-section input[type=\"email\"] {<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        padding: 10px;<!-- [et_pb_line_break_holder] -->        border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->        border-radius: 5px;<!-- [et_pb_line_break_holder] -->        font-size: 14px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    .ms-input-section #logo-upload-container {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-direction: column;<!-- [et_pb_line_break_holder] -->        gap: 10px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .ms-input-section #logo-upload {<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        padding: 8px;<!-- [et_pb_line_break_holder] -->        border: 1px dashed #ccc;<!-- [et_pb_line_break_holder] -->        border-radius: 5px;<!-- [et_pb_line_break_holder] -->        background-color: #f9f9f9;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .ms-input-section #logo-preview {<!-- [et_pb_line_break_holder] -->        margin-top: 10px;<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->        min-height: 60px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .ms-input-section #logo-preview img {<!-- [et_pb_line_break_holder] -->        max-width: 100px;<!-- [et_pb_line_break_holder] -->        max-height: 100px;<!-- [et_pb_line_break_holder] -->        border-radius: 50%;<!-- [et_pb_line_break_holder] -->        border: 2px solid #ccc;<!-- [et_pb_line_break_holder] -->        object-fit: cover;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .ms-input-section #remove-logo-button {<!-- [et_pb_line_break_holder] -->        background-color: #dc3545;<!-- [et_pb_line_break_holder] -->        color: white;<!-- [et_pb_line_break_holder] -->        border: none;<!-- [et_pb_line_break_holder] -->        padding: 8px 12px;<!-- [et_pb_line_break_holder] -->        border-radius: 5px;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->        display: none;<!-- [et_pb_line_break_holder] -->        margin: 0 auto;<!-- [et_pb_line_break_holder] -->        font-size: 12px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .ms-input-section #generate-button {<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        padding: 12px;<!-- [et_pb_line_break_holder] -->        background-color: #007bff;<!-- [et_pb_line_break_holder] -->        color: white;<!-- [et_pb_line_break_holder] -->        border: none;<!-- [et_pb_line_break_holder] -->        border-radius: 5px;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->        font-size: 16px;<!-- [et_pb_line_break_holder] -->        margin-top: 10px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* M\u00f3dulo de visualizaci\u00f3n (tarjeta) *\/<!-- [et_pb_line_break_holder] -->    .ms-card-output {<!-- [et_pb_line_break_holder] -->        padding: 20px;<!-- [et_pb_line_break_holder] -->        background: linear-gradient(135deg, #f0f4f8, #e0e8f0);<!-- [et_pb_line_break_holder] -->        border-radius: 10px;<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .ms-card-output .ms-logo {<!-- [et_pb_line_break_holder] -->        max-width: 150px;<!-- [et_pb_line_break_holder] -->        height: auto;<!-- [et_pb_line_break_holder] -->        margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->        border-radius: 50%;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .ms-card-output h3 {<!-- [et_pb_line_break_holder] -->        font-size: 1.5em;<!-- [et_pb_line_break_holder] -->        margin-bottom: 5px;<!-- [et_pb_line_break_holder] -->        color: #333;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .ms-card-output p {<!-- [et_pb_line_break_holder] -->        margin: 0 0 10px;<!-- [et_pb_line_break_holder] -->        font-size: 14px;<!-- [et_pb_line_break_holder] -->        color: #666;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .ms-vcard-info {<!-- [et_pb_line_break_holder] -->        text-align: left;<!-- [et_pb_line_break_holder] -->        margin-top: 15px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .ms-vcard-info p {<!-- [et_pb_line_break_holder] -->        margin: 5px 0;<!-- [et_pb_line_break_holder] -->        font-size: 14px;<!-- [et_pb_line_break_holder] -->        color: #444;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .ms-qr-code-container {<!-- [et_pb_line_break_holder] -->        margin-top: 20px;<!-- [et_pb_line_break_holder] -->        padding: 10px;<!-- [et_pb_line_break_holder] -->        background-color: #fff;<!-- [et_pb_line_break_holder] -->        border-radius: 8px;<!-- [et_pb_line_break_holder] -->        display: inline-block;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .ms-qr-code-container img {<!-- [et_pb_line_break_holder] -->        width: 256px;<!-- [et_pb_line_break_holder] -->        height: 256px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ms-vcard-generator-container\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"ms-input-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Datos de la Tarjeta<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<form id=\"vcardForm\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"input-group\"><!-- [et_pb_line_break_holder] -->                <label for=\"name\">&#x1f464; Nombre completo:<\/label><!-- [et_pb_line_break_holder] -->                <input type=\"text\" id=\"name\" placeholder=\"Dirk Meyer\" value=\"Carlos Campos\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"input-group\"><!-- [et_pb_line_break_holder] -->                <label for=\"organization\">&#x1f3e2; Empresa:<\/label><!-- [et_pb_line_break_holder] -->                <input type=\"text\" id=\"organization\" placeholder=\"CETM International Trading GmbH\" value=\"Carlos M&#038;S\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"input-group\"><!-- [et_pb_line_break_holder] -->                <label for=\"address\">&#x1f4cd; Direcci\u00f3n:<\/label><!-- [et_pb_line_break_holder] -->                <input type=\"text\" id=\"address\" placeholder=\"Bremer Reihe 26, 20099 Hamburg, Germany\" value=\"Bremer Reihe 26, 20099 Hamburg, Germany\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"input-group\"><!-- [et_pb_line_break_holder] -->                <label for=\"phone\">&#x1f4f1; Tel\u00e9fono:<\/label><!-- [et_pb_line_break_holder] -->                <input type=\"tel\" id=\"phone\" placeholder=\"+49 173 6057403\" value=\"+49 173 609735479\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"input-group\"><!-- [et_pb_line_break_holder] -->                <label for=\"email\">&#x1f4e7; Email:<\/label><!-- [et_pb_line_break_holder] -->                <input type=\"email\" id=\"email\" placeholder=\"dirkmeyer@cetm-group.com\" value=\"carloscamp@gmail.com\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"input-group\"><!-- [et_pb_line_break_holder] -->                <label for=\"logo-upload-container\">&#x1f3a8; Logo (opcional):<\/label><!-- [et_pb_line_break_holder] -->                <\/p>\n<div id=\"logo-upload-container\"><!-- [et_pb_line_break_holder] -->                    <input type=\"file\" id=\"logo-upload\" accept=\"image\/*\"><!-- [et_pb_line_break_holder] -->                    <button type=\"button\" id=\"remove-logo-button\">&#x274c; Quitar logo<\/button><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div id=\"logo-preview\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <button type=\"button\" id=\"generate-button\">Generar Tarjeta<\/button><!-- [et_pb_line_break_holder] -->        <\/form>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"ms-output-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Vista Previa<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"ms-card-output\"><!-- [et_pb_line_break_holder] -->            <img decoding=\"async\" class=\"ms-logo\" id=\"card-logo\" src=\"\" alt=\"Logo CETM\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3 id=\"card-name\"><\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee id=\"card-organization\"><\/pee><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"ms-vcard-info\"><!-- [et_pb_line_break_holder] -->                <pee id=\"card-address\">&#x1f4cd; Direcci\u00f3n: <\/pee><!-- [et_pb_line_break_holder] -->                <pee id=\"card-phone\">&#x1f4f1; Tel\u00e9fono: <\/pee><!-- [et_pb_line_break_holder] -->                <pee id=\"card-email\">&#x1f4e7; Email: <\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"ms-qr-code-container\"><!-- [et_pb_line_break_holder] -->                <img decoding=\"async\" id=\"qrcode-img\" src=\"\" alt=\"C\u00f3digo QR de contacto\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/cdn.rawgit.com\/davidshimjs\/qrcodejs\/gh-pages\/qrcode.min.js\"><\/script><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->    document.addEventListener('DOMContentLoaded', function() {<!-- [et_pb_line_break_holder] -->        const nameInput = document.getElementById('name');<!-- [et_pb_line_break_holder] -->        const organizationInput = document.getElementById('organization');<!-- [et_pb_line_break_holder] -->        const addressInput = document.getElementById('address');<!-- [et_pb_line_break_holder] -->        const phoneInput = document.getElementById('phone');<!-- [et_pb_line_break_holder] -->        const emailInput = document.getElementById('email');<!-- [et_pb_line_break_holder] -->        const logoInput = document.getElementById('logo-upload');<!-- [et_pb_line_break_holder] -->        const generateButton = document.getElementById('generate-button');<!-- [et_pb_line_break_holder] -->        const removeLogoButton = document.getElementById('remove-logo-button');<!-- [et_pb_line_break_holder] -->        const logoPreview = document.getElementById('logo-preview');<!-- [et_pb_line_break_holder] -->        const cardLogo = document.getElementById('card-logo');<!-- [et_pb_line_break_holder] -->        const defaultLogoUrl = 'https:\/\/i.ibb.co\/3T9Y5B4\/CetM-Logo-HP-19.png'; \/\/ URL por defecto<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        function updateCard() {<!-- [et_pb_line_break_holder] -->            const name = nameInput.value;<!-- [et_pb_line_break_holder] -->            const organization = organizationInput.value;<!-- [et_pb_line_break_holder] -->            const address = addressInput.value;<!-- [et_pb_line_break_holder] -->            const phone = phoneInput.value;<!-- [et_pb_line_break_holder] -->            const email = emailInput.value;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            document.getElementById('card-name').textContent = name;<!-- [et_pb_line_break_holder] -->            document.getElementById('card-organization').textContent = organization;<!-- [et_pb_line_break_holder] -->            document.getElementById('card-address').textContent = `&#x1f4cd; Direcci\u00f3n: ${address}`;<!-- [et_pb_line_break_holder] -->            document.getElementById('card-phone').textContent = `&#x1f4f1; Tel\u00e9fono: ${phone}`;<!-- [et_pb_line_break_holder] -->            document.getElementById('card-email').textContent = `&#x1f4e7; Email: ${email}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const vcardData = `BEGIN:VCARD<!-- [et_pb_line_break_holder] -->VERSION:3.0<!-- [et_pb_line_break_holder] -->FN:${name}<!-- [et_pb_line_break_holder] -->ORG:${organization}<!-- [et_pb_line_break_holder] -->TEL;TYPE=WORK,VOICE:${phone}<!-- [et_pb_line_break_holder] -->EMAIL;TYPE=WORK:${email}<!-- [et_pb_line_break_holder] -->ADR;TYPE=WORK:;;${address.replace(\/,\/g, ';')};;;;<!-- [et_pb_line_break_holder] -->END:VCARD`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const qrcodeImg = document.getElementById('qrcode-img');<!-- [et_pb_line_break_holder] -->            const size = 256;<!-- [et_pb_line_break_holder] -->            const eccLevel = 'Q';<!-- [et_pb_line_break_holder] -->            const qrApiUrl = `https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=${size}x${size}&data=${encodeURIComponent(vcardData)}&ecc=${eccLevel}`;<!-- [et_pb_line_break_holder] -->            qrcodeImg.src = qrApiUrl;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        function handleLogoUpload() {<!-- [et_pb_line_break_holder] -->            const logoFile = logoInput.files[0];<!-- [et_pb_line_break_holder] -->            if (logoFile) {<!-- [et_pb_line_break_holder] -->                const reader = new FileReader();<!-- [et_pb_line_break_holder] -->                reader.onload = function(e) {<!-- [et_pb_line_break_holder] -->                    cardLogo.src = e.target.result;<!-- [et_pb_line_break_holder] -->                    logoPreview.innerHTML = `<img decoding=\"async\" src=\"${e.target.result}\" style=\"max-width: 100%;\">`;<!-- [et_pb_line_break_holder] -->                    removeLogoButton.style.display = 'block';<!-- [et_pb_line_break_holder] -->                };<!-- [et_pb_line_break_holder] -->                reader.readAsDataURL(logoFile);<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                cardLogo.src = defaultLogoUrl;<!-- [et_pb_line_break_holder] -->                logoPreview.innerHTML = '';<!-- [et_pb_line_break_holder] -->                removeLogoButton.style.display = 'none';<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        function removeLogo() {<!-- [et_pb_line_break_holder] -->            logoInput.value = ''; \/\/ Borra el archivo del input<!-- [et_pb_line_break_holder] -->            handleLogoUpload(); \/\/ Vuelve a cargar el logo por defecto<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        generateButton.addEventListener('click', updateCard);<!-- [et_pb_line_break_holder] -->        logoInput.addEventListener('change', handleLogoUpload);<!-- [et_pb_line_break_holder] -->        removeLogoButton.addEventListener('click', removeLogo);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Initial generation with default values on page load<!-- [et_pb_line_break_holder] -->        handleLogoUpload(); \/\/ Carga el logo por defecto al inicio<!-- [et_pb_line_break_holder] -->        updateCard(); \/\/ Carga los datos por defecto al inicio<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a1Crea tu tarjeta digital de contacto en pocos pasos!Simplemente completa los campos con tu informaci\u00f3n (nombre, cargo, tel\u00e9fono, etc.), y si lo deseas, sube el logo de tu empresa. Al hacer clic en &#8220;&#x2728; Generar Tarjeta&#8221;, se crear\u00e1 una imagen con tus datos y un c\u00f3digo QR que, al ser escaneado, permitir\u00e1 a cualquier persona [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-4527","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/pages\/4527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=4527"}],"version-history":[{"count":9,"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/pages\/4527\/revisions"}],"predecessor-version":[{"id":4543,"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/pages\/4527\/revisions\/4543"}],"wp:attachment":[{"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=4527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}