Solicitud de Cotizaci\u00f3n - Tarjetas de Visita Digitales<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@500&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto&display=swap\" rel=\"stylesheet\">\n \n <style>\n body {\n font-family: 'Roboto', sans-serif;\n display: flex;\n flex-direction: column;\n align-items: center;\n background-color: #333;\n color: white;\n }\n #title {\n font-family: 'Raleway', sans-serif;\n font-size: 25px;\n font-weight: 700;\n text-transform: uppercase;\n text-align: center;\n color: white;\n }\n form {\n width: 100%;\n margin-top: 20px;\n padding: 20px;\n border: 1px solid #666;\n border-radius: 8px;\n box-sizing: border-box;\n }\n #preventivoForm select option {\n color: black;\n }\n #preventivoForm input, #preventivoForm select {\n color: white;\n }\n .hidden {\n display: none;\n }\n .materiale-section {\n margin-bottom: 20px;\n border: 1px solid #ddd;\n padding: 10px;\n border-radius: 8px;\n }\n .materiale-section h2 {\n width: 100%;\n margin-top: 20px;\n text-align: center;\n }\n .materiale-section label {\n width: 100%;\n }\n .materiale-section .opzione {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n }\n .materiale-section .opzione div {\n width: 70%;\n padding-right: 5%;\n text-align: left;\n }\n .materiale-section .opzione select,\n .materiale-section .opzione input {\n width: 30%;\n background-color: transparent;\n color: white;\n border: 1px solid white;\n padding: 5px;\n }\n .buttons-companies-quote {\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n margin-top: 20px;\n }\n button {\n font-family: 'Raleway', sans-serif !important;\n font-size: 13px;\n font-weight: 500 !important;\n text-transform: uppercase;\n background: linear-gradient(90deg, #FC0441, #F62DA8);\n color: white;\n padding: 10px 20px 10px 20px;\n border: none;\n cursor: pointer;\n border-radius: 50px;\n }\n button:hover {\n background: linear-gradient(90deg, #F62DA8, #FC0441);\n }\n button:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n .removeMaterialeBtn {\n width: 100%;\n margin-top: 10px;\n }\n form input[type=number] {\n max-width: 80px;\n text-align: center;\n }\n .error-message {\n color: #FC0441;\n font-size: 14px;\n margin-top: 10px;\n text-align: center;\n font-weight: bold;\n }\n .recaptcha-info {\n font-size: 12px;\n color: #ccc;\n text-align: center;\n margin-top: 10px;\n }\n \/* Media queries para dispositivos con ancho menor a 600px *\/\n @media screen and (max-width: 600px) {\n .materiale-section .opzione {\n flex-direction: column;\n }\n .materiale-section .opzione div {\n width: 100%;\n padding-right: 0;\n margin-bottom: 5px;\n text-align: center;\n }\n .materiale-section .opzione select,\n .materiale-section .opzione input {\n width: 100%;\n }\n form input[type=number] {\n max-width: 100%;\n }\n #title {\n font-family: 'Raleway', sans-serif;\n font-size: 20px;\n font-weight: 700;\n text-transform: uppercase;\n text-align: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n <h1 id=\"title\">Solicitud de Cotizaci\u00f3n Tarjetas de Visita Digitales<\/h1>\n <form id=\"preventivoForm\" method=\"POST\" action=\"https:\/\/mynfcbusinesscard.com\/wp-content\/themes\/oceanwp-child-theme-master\/mail\/send_mail_es.php\">\n <label for=\"email\">Correo Electr\u00f3nico:<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n\n <label for=\"nomeAzienda\">Nombre de la Empresa:<\/label>\n <input type=\"text\" id=\"nomeAzienda\" name=\"nomeAzienda\" required>\n\n <label for=\"nomeReferente\">Nombre de Contacto:<\/label>\n <input type=\"text\" id=\"nomeReferente\" name=\"nomeReferente\" required>\n\n <div id=\"materialiContainer\"><\/div>\n <div class=\"buttons-companies-quote\">\n <button type=\"button\" id=\"addMaterialeBtn\">Agregar Material<\/button>\n <\/div>\n <div id=\"errorMessage\" class=\"error-message hidden\"><\/div>\n <button type=\"submit\" id=\"submitBtn\">Solicitar Cotizaci\u00f3n<\/button>\n \n <div class=\"recaptcha-info\">\n Este sitio est\u00e1 protegido por reCAPTCHA y se aplican la <a href=\"https:\/\/policies.google.com\/privacy\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de Privacidad<\/a> y los <a href=\"https:\/\/policies.google.com\/terms\" target=\"_blank\" rel=\"noopener\">T\u00e9rminos de Servicio<\/a> de Google.\n <\/div>\n <\/form>\n\n <template id=\"materialeTemplate\">\n <div class=\"materiale-section\">\n <label for=\"materiale\">Selecciona el material:<\/label>\n <select class=\"materiale\" name=\"materiale[]\" required>\n <option value=\"\">Seleccionar...<\/option>\n <option value=\"bambu\">Bamb\u00fa<\/option>\n <option value=\"pet\">PET<\/option>\n <option value=\"metallo\">Metal<\/option>\n <option value=\"fibra_carbonio\">Fibra de Carbono<\/option>\n <option value=\"biglietto_digitale\">Tarjeta Digital<\/option>\n <\/select>\n\n <div class=\"opzioniBambu hidden\">\n <h2>Opciones de Bamb\u00fa<\/h2>\n <div class=\"opzione\">\n <div>Cantidad:<\/div>\n <input type=\"number\" name=\"bambu_quantita[]\" placeholder=\"Cantidad\" min=\"1\" class=\"quantity-input\">\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfC\u00f3mo quieres personalizar tu tarjeta?<\/div>\n <select name=\"bambu_opzione1[]\">\n <option value=\"stampa_colori\">Impresi\u00f3n a Color<\/option>\n <option value=\"incisione_laser\">Grabado L\u00e1ser<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres un dise\u00f1o diferente al propuesto?<\/div>\n <select name=\"bambu_opzione2[]\">\n <option value=\"layout_standard\">Dise\u00f1o Est\u00e1ndar<\/option>\n <option value=\"layout_personalizzato\">Dise\u00f1o Personalizado<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres incluir el c\u00f3digo QR en la parte trasera?<\/div>\n <select name=\"bambu_opzione3[]\">\n <option value=\"si\">S\u00ed<\/option>\n <option value=\"no\">No<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"opzioniPET hidden\">\n <h2>Opciones de PET<\/h2>\n <div class=\"opzione\">\n <div>Cantidad:<\/div>\n <input type=\"number\" name=\"pet_quantita1[]\" placeholder=\"Cantidad\" min=\"1\" class=\"quantity-input\">\n <\/div>\n <div class=\"opzione\">\n <div>Color:<\/div>\n <select name=\"pet_opzione1[]\">\n <option value=\"nero\">Negro<\/option>\n <option value=\"bianco\">Blanco<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres un dise\u00f1o diferente al propuesto?<\/div>\n <select name=\"pet_opzione2[]\">\n <option value=\"layout_standard\">Dise\u00f1o Est\u00e1ndar<\/option>\n <option value=\"layout_personalizzato\">Dise\u00f1o Personalizado<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres incluir el c\u00f3digo QR en la parte trasera?<\/div>\n <select name=\"pet_opzione3[]\">\n <option value=\"si\">S\u00ed<\/option>\n <option value=\"no\">No<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"opzioniMetallo hidden\">\n <h2>Opciones de Metal<\/h2>\n <div class=\"opzione\">\n <div>Cantidad:<\/div>\n <input type=\"number\" name=\"metallo_quantita[]\" placeholder=\"Cantidad\" min=\"1\" class=\"quantity-input\">\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfC\u00f3mo quieres personalizar tu tarjeta?<\/div>\n <select name=\"metallo_opzione1[]\">\n <option value=\"stampa_colori\">Impresi\u00f3n a Color<\/option>\n <option value=\"incisione_laser\">Grabado L\u00e1ser<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres un dise\u00f1o diferente al propuesto?<\/div>\n <select name=\"metallo_opzione2[]\">\n <option value=\"layout_standard\">Dise\u00f1o Est\u00e1ndar<\/option>\n <option value=\"layout_personalizzato\">Dise\u00f1o Personalizado<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres incluir el c\u00f3digo QR en la parte trasera?<\/div>\n <select name=\"metallo_opzione3[]\">\n <option value=\"si\">S\u00ed<\/option>\n <option value=\"no\">No<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres personalizar la etiqueta NFC con tu logo?<\/div>\n <select name=\"metallo_opzione4[]\">\n <option value=\"logo_NMBC\">Logo MNBC<\/option>\n <option value=\"mio_logo\">Mi Logo<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"opzioniFibra hidden\">\n <h2>Opciones de Fibra de Carbono<\/h2>\n <div class=\"opzione\">\n <div>Cantidad:<\/div>\n <input type=\"number\" name=\"fibra_quantita1[]\" placeholder=\"Cantidad\" min=\"1\" class=\"quantity-input\">\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres un dise\u00f1o diferente al propuesto?<\/div>\n <select name=\"fibra_opzione2[]\">\n <option value=\"layout_standard\">Dise\u00f1o Est\u00e1ndar<\/option>\n <option value=\"layout_personalizzato\">Dise\u00f1o Personalizado<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres incluir el c\u00f3digo QR en la parte trasera?<\/div>\n <select name=\"fibra_opzione3[]\">\n <option value=\"si\">S\u00ed<\/option>\n <option value=\"no\">No<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"opzioniBigliettoDigitale hidden\">\n <h2>Opciones de Tarjeta Digital<\/h2>\n <div class=\"opzione\">\n <div>Cantidad:<\/div>\n <input type=\"number\" name=\"biglietto_digitale_quantita[]\" placeholder=\"Cantidad\" min=\"1\" class=\"quantity-input\">\n <\/div>\n <\/div>\n\n <button type=\"button\" class=\"removeMaterialeBtn\">Quitar Material<\/button>\n <\/div>\n <\/template>\n\n <script>\n \/\/ Variable para la Site Key (cargada din\u00e1micamente)\n let RECAPTCHA_SITE_KEY = null;\n \n \/\/ Cargar Site Key del servidor e inicializar reCAPTCHA\n async function initializeRecaptcha() {\n try {\n const response = await fetch('\/wp-content\/themes\/oceanwp-child-theme-master\/get-recaptcha-key.php');\n const data = await response.json();\n \n if (data.site_key) {\n RECAPTCHA_SITE_KEY = data.site_key;\n \n \/\/ Cargar din\u00e1micamente el script de reCAPTCHA\n const script = document.createElement('script');\n script.src = `https:\/\/www.google.com\/recaptcha\/api.js?render=${RECAPTCHA_SITE_KEY}`;\n script.onload = function() {\n console.log('reCAPTCHA cargado exitosamente');\n };\n document.head.appendChild(script);\n } else {\n console.error('No se pudo cargar la Site Key de reCAPTCHA');\n }\n } catch (error) {\n console.error('Error cargando la configuraci\u00f3n de reCAPTCHA:', error);\n }\n }\n \n \/\/ Inicializar reCAPTCHA al cargar la p\u00e1gina\n document.addEventListener('DOMContentLoaded', initializeRecaptcha);\n\n document.getElementById('addMaterialeBtn').addEventListener('click', function() {\n const template = document.getElementById('materialeTemplate');\n const clone = template.content.cloneNode(true);\n document.getElementById('materialiContainer').appendChild(clone);\n });\n\n document.getElementById('materialiContainer').addEventListener('change', function(event) {\n if (event.target.classList.contains('materiale')) {\n const section = event.target.closest('.materiale-section');\n section.querySelector('.opzioniBambu').classList.add('hidden');\n section.querySelector('.opzioniPET').classList.add('hidden');\n section.querySelector('.opzioniMetallo').classList.add('hidden');\n section.querySelector('.opzioniFibra').classList.add('hidden');\n section.querySelector('.opzioniBigliettoDigitale').classList.add('hidden');\n\n switch (event.target.value) {\n case 'bambu':\n section.querySelector('.opzioniBambu').classList.remove('hidden');\n break;\n case 'pet':\n section.querySelector('.opzioniPET').classList.remove('hidden');\n break;\n case 'metallo':\n section.querySelector('.opzioniMetallo').classList.remove('hidden');\n break;\n case 'fibra_carbonio':\n section.querySelector('.opzioniFibra').classList.remove('hidden');\n break;\n case 'biglietto_digitale':\n section.querySelector('.opzioniBigliettoDigitale').classList.remove('hidden');\n break;\n }\n }\n });\n\n document.getElementById('materialiContainer').addEventListener('click', function(event) {\n if (event.target.classList.contains('removeMaterialeBtn')) {\n event.target.closest('.materiale-section').remove();\n }\n });\n\n function calculateTotalQuantity() {\n const quantityInputs = document.querySelectorAll('.quantity-input');\n let total = 0;\n quantityInputs.forEach(input => {\n if (input.value && input.closest('.materiale-section').querySelector('.materiale').value) {\n total += parseInt(input.value) || 0;\n }\n });\n return total;\n }\n\n document.getElementById('preventivoForm').addEventListener('submit', function(event) {\n event.preventDefault();\n \n const totalQuantity = calculateTotalQuantity();\n const errorMessage = document.getElementById('errorMessage');\n const submitBtn = document.getElementById('submitBtn');\n \n if (totalQuantity < 10) {\n errorMessage.textContent = `Cantidad m\u00ednima requerida: 10 piezas. Actualmente has seleccionado ${totalQuantity} piezas.`;\n errorMessage.classList.remove('hidden');\n return;\n }\n \n errorMessage.classList.add('hidden');\n \n \/\/ Verificar que reCAPTCHA est\u00e9 inicializado\n if (!RECAPTCHA_SITE_KEY) {\n alert('Sistema de seguridad no inicializado. Por favor recarga la p\u00e1gina.');\n submitBtn.disabled = false;\n submitBtn.textContent = 'Solicitar Cotizaci\u00f3n';\n return;\n }\n \n \/\/ Deshabilitar bot\u00f3n durante el env\u00edo\n submitBtn.disabled = true;\n submitBtn.textContent = 'Enviando...';\n\n \/\/ Ejecutar reCAPTCHA v3\n grecaptcha.ready(function() {\n grecaptcha.execute(RECAPTCHA_SITE_KEY, {action: 'submit_quote'}).then(function(token) {\n const form = document.getElementById('preventivoForm');\n const formData = new FormData(form);\n \n \/\/ Agregar token de reCAPTCHA a los datos del formulario\n formData.append('recaptcha_token', token);\n formData.append('recaptcha_action', 'submit_quote');\n\n fetch(form.action, {\n method: 'POST',\n body: formData\n })\n .then(response => {\n if (response.ok) {\n alert('\u00a1Solicitud de cotizaci\u00f3n enviada exitosamente!');\n form.reset();\n document.getElementById('materialiContainer').innerHTML = '';\n } else {\n alert('Ocurri\u00f3 un error al enviar la solicitud de cotizaci\u00f3n.');\n }\n })\n .catch(error => {\n console.error('Error:', error);\n alert('Ocurri\u00f3 un error al enviar la solicitud de cotizaci\u00f3n.');\n })\n .finally(() => {\n \/\/ Reactivar bot\u00f3n\n submitBtn.disabled = false;\n submitBtn.textContent = 'Solicitar Cotizaci\u00f3n';\n });\n }).catch(function(error) {\n console.error('Error de reCAPTCHA:', error);\n alert('Error de verificaci\u00f3n de seguridad. Por favor int\u00e9ntalo de nuevo.');\n \n \/\/ Reactivar bot\u00f3n\n submitBtn.disabled = false;\n submitBtn.textContent = 'Solicitar Cotizaci\u00f3n';\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Solicitud de Cotizaci\u00f3n – Tarjetas de Visita Digitales Solicitud de Cotizaci\u00f3n Tarjetas de Visita Digitales Correo Electr\u00f3nico: Nombre de la Empresa: Nombre de Contacto: Agregar Material Solicitar Cotizaci\u00f3n Este sitio est\u00e1 protegido por reCAPTCHA y se aplican la Pol\u00edtica de Privacidad y los T\u00e9rminos de Servicio de Google. Selecciona el material: Seleccionar…Bamb\u00faPETMetalFibra de CarbonoTarjeta Digital […]<\/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":{"_acf_changed":false,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"off","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"class_list":["post-47267","page","type-page","status-publish","hentry","entry","owp-thumbs-layout-horizontal","owp-btn-normal","owp-tabs-layout-horizontal","has-no-thumbnails","has-product-nav"],"acf":[],"_links":{"self":[{"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/pages\/47267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/comments?post=47267"}],"version-history":[{"count":45,"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/pages\/47267\/revisions"}],"predecessor-version":[{"id":61597,"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/pages\/47267\/revisions\/61597"}],"wp:attachment":[{"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/media?parent=47267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t

<\/div>\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Solicitud de Cotizaci\u00f3n - Tarjetas de Visita Digitales<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@500&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto&display=swap\" rel=\"stylesheet\">\n \n <style>\n body {\n font-family: 'Roboto', sans-serif;\n display: flex;\n flex-direction: column;\n align-items: center;\n background-color: #333;\n color: white;\n }\n #title {\n font-family: 'Raleway', sans-serif;\n font-size: 25px;\n font-weight: 700;\n text-transform: uppercase;\n text-align: center;\n color: white;\n }\n form {\n width: 100%;\n margin-top: 20px;\n padding: 20px;\n border: 1px solid #666;\n border-radius: 8px;\n box-sizing: border-box;\n }\n #preventivoForm select option {\n color: black;\n }\n #preventivoForm input, #preventivoForm select {\n color: white;\n }\n .hidden {\n display: none;\n }\n .materiale-section {\n margin-bottom: 20px;\n border: 1px solid #ddd;\n padding: 10px;\n border-radius: 8px;\n }\n .materiale-section h2 {\n width: 100%;\n margin-top: 20px;\n text-align: center;\n }\n .materiale-section label {\n width: 100%;\n }\n .materiale-section .opzione {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n }\n .materiale-section .opzione div {\n width: 70%;\n padding-right: 5%;\n text-align: left;\n }\n .materiale-section .opzione select,\n .materiale-section .opzione input {\n width: 30%;\n background-color: transparent;\n color: white;\n border: 1px solid white;\n padding: 5px;\n }\n .buttons-companies-quote {\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n margin-top: 20px;\n }\n button {\n font-family: 'Raleway', sans-serif !important;\n font-size: 13px;\n font-weight: 500 !important;\n text-transform: uppercase;\n background: linear-gradient(90deg, #FC0441, #F62DA8);\n color: white;\n padding: 10px 20px 10px 20px;\n border: none;\n cursor: pointer;\n border-radius: 50px;\n }\n button:hover {\n background: linear-gradient(90deg, #F62DA8, #FC0441);\n }\n button:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n .removeMaterialeBtn {\n width: 100%;\n margin-top: 10px;\n }\n form input[type=number] {\n max-width: 80px;\n text-align: center;\n }\n .error-message {\n color: #FC0441;\n font-size: 14px;\n margin-top: 10px;\n text-align: center;\n font-weight: bold;\n }\n .recaptcha-info {\n font-size: 12px;\n color: #ccc;\n text-align: center;\n margin-top: 10px;\n }\n \/* Media queries para dispositivos con ancho menor a 600px *\/\n @media screen and (max-width: 600px) {\n .materiale-section .opzione {\n flex-direction: column;\n }\n .materiale-section .opzione div {\n width: 100%;\n padding-right: 0;\n margin-bottom: 5px;\n text-align: center;\n }\n .materiale-section .opzione select,\n .materiale-section .opzione input {\n width: 100%;\n }\n form input[type=number] {\n max-width: 100%;\n }\n #title {\n font-family: 'Raleway', sans-serif;\n font-size: 20px;\n font-weight: 700;\n text-transform: uppercase;\n text-align: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n <h1 id=\"title\">Solicitud de Cotizaci\u00f3n Tarjetas de Visita Digitales<\/h1>\n <form id=\"preventivoForm\" method=\"POST\" action=\"https:\/\/mynfcbusinesscard.com\/wp-content\/themes\/oceanwp-child-theme-master\/mail\/send_mail_es.php\">\n <label for=\"email\">Correo Electr\u00f3nico:<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n\n <label for=\"nomeAzienda\">Nombre de la Empresa:<\/label>\n <input type=\"text\" id=\"nomeAzienda\" name=\"nomeAzienda\" required>\n\n <label for=\"nomeReferente\">Nombre de Contacto:<\/label>\n <input type=\"text\" id=\"nomeReferente\" name=\"nomeReferente\" required>\n\n <div id=\"materialiContainer\"><\/div>\n <div class=\"buttons-companies-quote\">\n <button type=\"button\" id=\"addMaterialeBtn\">Agregar Material<\/button>\n <\/div>\n <div id=\"errorMessage\" class=\"error-message hidden\"><\/div>\n <button type=\"submit\" id=\"submitBtn\">Solicitar Cotizaci\u00f3n<\/button>\n \n <div class=\"recaptcha-info\">\n Este sitio est\u00e1 protegido por reCAPTCHA y se aplican la <a href=\"https:\/\/policies.google.com\/privacy\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de Privacidad<\/a> y los <a href=\"https:\/\/policies.google.com\/terms\" target=\"_blank\" rel=\"noopener\">T\u00e9rminos de Servicio<\/a> de Google.\n <\/div>\n <\/form>\n\n <template id=\"materialeTemplate\">\n <div class=\"materiale-section\">\n <label for=\"materiale\">Selecciona el material:<\/label>\n <select class=\"materiale\" name=\"materiale[]\" required>\n <option value=\"\">Seleccionar...<\/option>\n <option value=\"bambu\">Bamb\u00fa<\/option>\n <option value=\"pet\">PET<\/option>\n <option value=\"metallo\">Metal<\/option>\n <option value=\"fibra_carbonio\">Fibra de Carbono<\/option>\n <option value=\"biglietto_digitale\">Tarjeta Digital<\/option>\n <\/select>\n\n <div class=\"opzioniBambu hidden\">\n <h2>Opciones de Bamb\u00fa<\/h2>\n <div class=\"opzione\">\n <div>Cantidad:<\/div>\n <input type=\"number\" name=\"bambu_quantita[]\" placeholder=\"Cantidad\" min=\"1\" class=\"quantity-input\">\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfC\u00f3mo quieres personalizar tu tarjeta?<\/div>\n <select name=\"bambu_opzione1[]\">\n <option value=\"stampa_colori\">Impresi\u00f3n a Color<\/option>\n <option value=\"incisione_laser\">Grabado L\u00e1ser<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres un dise\u00f1o diferente al propuesto?<\/div>\n <select name=\"bambu_opzione2[]\">\n <option value=\"layout_standard\">Dise\u00f1o Est\u00e1ndar<\/option>\n <option value=\"layout_personalizzato\">Dise\u00f1o Personalizado<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres incluir el c\u00f3digo QR en la parte trasera?<\/div>\n <select name=\"bambu_opzione3[]\">\n <option value=\"si\">S\u00ed<\/option>\n <option value=\"no\">No<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"opzioniPET hidden\">\n <h2>Opciones de PET<\/h2>\n <div class=\"opzione\">\n <div>Cantidad:<\/div>\n <input type=\"number\" name=\"pet_quantita1[]\" placeholder=\"Cantidad\" min=\"1\" class=\"quantity-input\">\n <\/div>\n <div class=\"opzione\">\n <div>Color:<\/div>\n <select name=\"pet_opzione1[]\">\n <option value=\"nero\">Negro<\/option>\n <option value=\"bianco\">Blanco<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres un dise\u00f1o diferente al propuesto?<\/div>\n <select name=\"pet_opzione2[]\">\n <option value=\"layout_standard\">Dise\u00f1o Est\u00e1ndar<\/option>\n <option value=\"layout_personalizzato\">Dise\u00f1o Personalizado<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres incluir el c\u00f3digo QR en la parte trasera?<\/div>\n <select name=\"pet_opzione3[]\">\n <option value=\"si\">S\u00ed<\/option>\n <option value=\"no\">No<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"opzioniMetallo hidden\">\n <h2>Opciones de Metal<\/h2>\n <div class=\"opzione\">\n <div>Cantidad:<\/div>\n <input type=\"number\" name=\"metallo_quantita[]\" placeholder=\"Cantidad\" min=\"1\" class=\"quantity-input\">\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfC\u00f3mo quieres personalizar tu tarjeta?<\/div>\n <select name=\"metallo_opzione1[]\">\n <option value=\"stampa_colori\">Impresi\u00f3n a Color<\/option>\n <option value=\"incisione_laser\">Grabado L\u00e1ser<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres un dise\u00f1o diferente al propuesto?<\/div>\n <select name=\"metallo_opzione2[]\">\n <option value=\"layout_standard\">Dise\u00f1o Est\u00e1ndar<\/option>\n <option value=\"layout_personalizzato\">Dise\u00f1o Personalizado<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres incluir el c\u00f3digo QR en la parte trasera?<\/div>\n <select name=\"metallo_opzione3[]\">\n <option value=\"si\">S\u00ed<\/option>\n <option value=\"no\">No<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres personalizar la etiqueta NFC con tu logo?<\/div>\n <select name=\"metallo_opzione4[]\">\n <option value=\"logo_NMBC\">Logo MNBC<\/option>\n <option value=\"mio_logo\">Mi Logo<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"opzioniFibra hidden\">\n <h2>Opciones de Fibra de Carbono<\/h2>\n <div class=\"opzione\">\n <div>Cantidad:<\/div>\n <input type=\"number\" name=\"fibra_quantita1[]\" placeholder=\"Cantidad\" min=\"1\" class=\"quantity-input\">\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres un dise\u00f1o diferente al propuesto?<\/div>\n <select name=\"fibra_opzione2[]\">\n <option value=\"layout_standard\">Dise\u00f1o Est\u00e1ndar<\/option>\n <option value=\"layout_personalizzato\">Dise\u00f1o Personalizado<\/option>\n <\/select>\n <\/div>\n <div class=\"opzione\">\n <div>\u00bfQuieres incluir el c\u00f3digo QR en la parte trasera?<\/div>\n <select name=\"fibra_opzione3[]\">\n <option value=\"si\">S\u00ed<\/option>\n <option value=\"no\">No<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"opzioniBigliettoDigitale hidden\">\n <h2>Opciones de Tarjeta Digital<\/h2>\n <div class=\"opzione\">\n <div>Cantidad:<\/div>\n <input type=\"number\" name=\"biglietto_digitale_quantita[]\" placeholder=\"Cantidad\" min=\"1\" class=\"quantity-input\">\n <\/div>\n <\/div>\n\n <button type=\"button\" class=\"removeMaterialeBtn\">Quitar Material<\/button>\n <\/div>\n <\/template>\n\n <script>\n \/\/ Variable para la Site Key (cargada din\u00e1micamente)\n let RECAPTCHA_SITE_KEY = null;\n \n \/\/ Cargar Site Key del servidor e inicializar reCAPTCHA\n async function initializeRecaptcha() {\n try {\n const response = await fetch('\/wp-content\/themes\/oceanwp-child-theme-master\/get-recaptcha-key.php');\n const data = await response.json();\n \n if (data.site_key) {\n RECAPTCHA_SITE_KEY = data.site_key;\n \n \/\/ Cargar din\u00e1micamente el script de reCAPTCHA\n const script = document.createElement('script');\n script.src = `https:\/\/www.google.com\/recaptcha\/api.js?render=${RECAPTCHA_SITE_KEY}`;\n script.onload = function() {\n console.log('reCAPTCHA cargado exitosamente');\n };\n document.head.appendChild(script);\n } else {\n console.error('No se pudo cargar la Site Key de reCAPTCHA');\n }\n } catch (error) {\n console.error('Error cargando la configuraci\u00f3n de reCAPTCHA:', error);\n }\n }\n \n \/\/ Inicializar reCAPTCHA al cargar la p\u00e1gina\n document.addEventListener('DOMContentLoaded', initializeRecaptcha);\n\n document.getElementById('addMaterialeBtn').addEventListener('click', function() {\n const template = document.getElementById('materialeTemplate');\n const clone = template.content.cloneNode(true);\n document.getElementById('materialiContainer').appendChild(clone);\n });\n\n document.getElementById('materialiContainer').addEventListener('change', function(event) {\n if (event.target.classList.contains('materiale')) {\n const section = event.target.closest('.materiale-section');\n section.querySelector('.opzioniBambu').classList.add('hidden');\n section.querySelector('.opzioniPET').classList.add('hidden');\n section.querySelector('.opzioniMetallo').classList.add('hidden');\n section.querySelector('.opzioniFibra').classList.add('hidden');\n section.querySelector('.opzioniBigliettoDigitale').classList.add('hidden');\n\n switch (event.target.value) {\n case 'bambu':\n section.querySelector('.opzioniBambu').classList.remove('hidden');\n break;\n case 'pet':\n section.querySelector('.opzioniPET').classList.remove('hidden');\n break;\n case 'metallo':\n section.querySelector('.opzioniMetallo').classList.remove('hidden');\n break;\n case 'fibra_carbonio':\n section.querySelector('.opzioniFibra').classList.remove('hidden');\n break;\n case 'biglietto_digitale':\n section.querySelector('.opzioniBigliettoDigitale').classList.remove('hidden');\n break;\n }\n }\n });\n\n document.getElementById('materialiContainer').addEventListener('click', function(event) {\n if (event.target.classList.contains('removeMaterialeBtn')) {\n event.target.closest('.materiale-section').remove();\n }\n });\n\n function calculateTotalQuantity() {\n const quantityInputs = document.querySelectorAll('.quantity-input');\n let total = 0;\n quantityInputs.forEach(input => {\n if (input.value && input.closest('.materiale-section').querySelector('.materiale').value) {\n total += parseInt(input.value) || 0;\n }\n });\n return total;\n }\n\n document.getElementById('preventivoForm').addEventListener('submit', function(event) {\n event.preventDefault();\n \n const totalQuantity = calculateTotalQuantity();\n const errorMessage = document.getElementById('errorMessage');\n const submitBtn = document.getElementById('submitBtn');\n \n if (totalQuantity < 10) {\n errorMessage.textContent = `Cantidad m\u00ednima requerida: 10 piezas. Actualmente has seleccionado ${totalQuantity} piezas.`;\n errorMessage.classList.remove('hidden');\n return;\n }\n \n errorMessage.classList.add('hidden');\n \n \/\/ Verificar que reCAPTCHA est\u00e9 inicializado\n if (!RECAPTCHA_SITE_KEY) {\n alert('Sistema de seguridad no inicializado. Por favor recarga la p\u00e1gina.');\n submitBtn.disabled = false;\n submitBtn.textContent = 'Solicitar Cotizaci\u00f3n';\n return;\n }\n \n \/\/ Deshabilitar bot\u00f3n durante el env\u00edo\n submitBtn.disabled = true;\n submitBtn.textContent = 'Enviando...';\n\n \/\/ Ejecutar reCAPTCHA v3\n grecaptcha.ready(function() {\n grecaptcha.execute(RECAPTCHA_SITE_KEY, {action: 'submit_quote'}).then(function(token) {\n const form = document.getElementById('preventivoForm');\n const formData = new FormData(form);\n \n \/\/ Agregar token de reCAPTCHA a los datos del formulario\n formData.append('recaptcha_token', token);\n formData.append('recaptcha_action', 'submit_quote');\n\n fetch(form.action, {\n method: 'POST',\n body: formData\n })\n .then(response => {\n if (response.ok) {\n alert('\u00a1Solicitud de cotizaci\u00f3n enviada exitosamente!');\n form.reset();\n document.getElementById('materialiContainer').innerHTML = '';\n } else {\n alert('Ocurri\u00f3 un error al enviar la solicitud de cotizaci\u00f3n.');\n }\n })\n .catch(error => {\n console.error('Error:', error);\n alert('Ocurri\u00f3 un error al enviar la solicitud de cotizaci\u00f3n.');\n })\n .finally(() => {\n \/\/ Reactivar bot\u00f3n\n submitBtn.disabled = false;\n submitBtn.textContent = 'Solicitar Cotizaci\u00f3n';\n });\n }).catch(function(error) {\n console.error('Error de reCAPTCHA:', error);\n alert('Error de verificaci\u00f3n de seguridad. Por favor int\u00e9ntalo de nuevo.');\n \n \/\/ Reactivar bot\u00f3n\n submitBtn.disabled = false;\n submitBtn.textContent = 'Solicitar Cotizaci\u00f3n';\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Solicitud de Cotizaci\u00f3n – Tarjetas de Visita Digitales Solicitud de Cotizaci\u00f3n Tarjetas de Visita Digitales Correo Electr\u00f3nico: Nombre de la Empresa: Nombre de Contacto: Agregar Material Solicitar Cotizaci\u00f3n Este sitio est\u00e1 protegido por reCAPTCHA y se aplican la Pol\u00edtica de Privacidad y los T\u00e9rminos de Servicio de Google. Selecciona el material: Seleccionar…Bamb\u00faPETMetalFibra de CarbonoTarjeta Digital […]<\/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":{"_acf_changed":false,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"off","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"class_list":["post-47267","page","type-page","status-publish","hentry","entry","owp-thumbs-layout-horizontal","owp-btn-normal","owp-tabs-layout-horizontal","has-no-thumbnails","has-product-nav"],"acf":[],"_links":{"self":[{"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/pages\/47267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/comments?post=47267"}],"version-history":[{"count":45,"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/pages\/47267\/revisions"}],"predecessor-version":[{"id":61597,"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/pages\/47267\/revisions\/61597"}],"wp:attachment":[{"href":"https:\/\/mynfcbusinesscard.com\/es\/wp-json\/wp\/v2\/media?parent=47267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}