Formulario de Donación<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f4;\n padding: 20px;\n }\n\n form {\n background-color: white;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n max-width: 500px;\n margin: auto;\n }\n\n label {\n font-weight: bold;\n display: block;\n margin-bottom: 10px;\n }\n\n input[type=\"text\"], input[type=\"email\"], input[type=\"submit\"], select {\n width: 100%;\n padding: 10px;\n margin-bottom: 20px;\n border: 1px solid #ccc;\n border-radius: 5px;\n box-sizing: border-box;\n }\n\n input[type=\"radio\"] {\n margin-right: 10px;\n }\n\n input[type=\"submit\"] {\n background-color: #4\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"}],"sortIndex":{"lg":0,"md":0,"sm":0},"uid":"hVQ3vsn_j6","sid":"lnlnrun2--IcJn-zujUw","highlight":false,"_uid":"6DYnZicDd0","lottie":[],"animations":{"animation":null,"once":true,"offset":200,"delay":50}},{"display":true,"name":"Flex Column","elements":[{"uid":"5ahg0FQhd","display":true,"name":"Headline","sid":"lnlnrun2--mcmuj2lG4d","hideFromSections":false,"component":"ElHeadlineV2","group":"Typography","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"description":{"type":"tiptap-mod-v2","display":true,"tag":"h1","resolutionStyle":{"sm":[],"md":[],"lg":[]},"text":"<p>Monto del Regalo!<\/p>","animations":{"animation":null,"once":true,"offset":200,"delay":50}}}},"editor":"project"},{"uid":"kXAi-akWb","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--VUv9RQ6opd","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<label for=\"donation-amount\">Seleccione la cantidad a donar:<\/label><br>\n<input type=\"radio\" id=\"amount-20\" name=\"donation-amount\" value=\"20\">\n<label for=\"amount-20\">$20<\/label><br>\n<input type=\"radio\" id=\"amount-50\" name=\"donation-amount\" value=\"50\">\n<label for=\"amount-50\">$50<\/label><br>\n<input type=\"radio\" id=\"amount-100\" name=\"donation-amount\" value=\"100\">\n<label for=\"amount-100\">$100<\/label><br>\n<input type=\"radio\" id=\"amount-other\" name=\"donation-amount\" value=\"other\">\n<label for=\"amount-other\">Otra cantidad:<\/label>\n<input type=\"text\" id=\"amount-other-input\" name=\"amount-other-input\" placeholder=\"Ingrese cantidad\">\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"},{"uid":"WPuBYIuyx","display":true,"name":"Subheadline","sid":"lnlnrun2--vmUqJm3FX4","hideFromSections":false,"component":"ElSubheadlineV2","group":"Typography","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"description":{"type":"tiptap-mod-v2","display":true,"tag":"h4","resolutionStyle":{"sm":[],"md":[],"lg":[]},"text":"<p>Gracias por su generoso regalo.<\/p>","animations":{"animation":null,"once":true,"offset":200,"delay":50}}},"customize":null},"editor":"project"},{"uid":"ZUnL6Ex-C","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--wfdC4_Td3r","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<label for=\"donation-type\">Tipo de donación:<\/label><br>\n<input type=\"radio\" id=\"one-time\" name=\"donation-type\" value=\"one-time\">\n<label for=\"one-time\">Única<\/label><br>\n<input type=\"radio\" id=\"monthly\" name=\"donation-type\" value=\"monthly\">\n<label for=\"monthly\">Mensual<\/label><br>\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"},{"uid":"i5wUWEJjN","display":true,"name":"Image","sid":"lnlnrun2---dLoz4Bd6C","hideFromSections":false,"component":"ElImageV4","group":"Media","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"image":{"display":true,"type":"ImageModV4","src":"https:\/\/estage-test.b-cdn.net\/public-media\/user-2266\/pages\/project-33997\/256b010f1d397a2d141f884cd660959f.jpg","alt":"formas de pago","noIndex":"1","modal":{"data":{"modal_id":null}},"animations":{"animation":null,"once":true,"offset":200,"delay":50},"url":""}}},"editor":"project"},{"uid":"fq_menFxh","display":true,"name":"Subheadline","sid":"lnlnrun2--mvng1bIoaC","hideFromSections":false,"component":"ElSubheadlineV2","group":"Typography","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"description":{"type":"tiptap-mod-v2","display":true,"tag":"h4","resolutionStyle":{"sm":[],"md":[],"lg":[]},"text":"<p>Información de pago<\/p>","animations":{"animation":null,"once":true,"offset":200,"delay":50}}},"customize":null},"editor":"project"},{"uid":"6_mgZRu14","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--vaGZXuoPwX","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<label for=\"payment-method\">Método de pago:<\/label><br>\n<input type=\"radio\" id=\"credit-card\" name=\"payment-method\" value=\"credit-card\">\n<label for=\"credit-card\">Tarjeta de crédito\/débito<\/label><br>\n<input type=\"radio\" id=\"paypal\" name=\"payment-method\" value=\"paypal\">\n<label for=\"paypal\">PayPal<\/label><br>\n<input type=\"radio\" id=\"bank-transfer\" name=\"payment-method\" value=\"bank-transfer\">\n<label for=\"bank-transfer\">Transferencia bancaria<\/label><br>\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"},{"uid":"92xsnLjyZ","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--76SRvAjZRT","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<label for=\"first-name\">Nombre:<\/label>\n<input type=\"text\" id=\"first-name\" name=\"first-name\" required><br>\n\n<label for=\"last-name\">Apellido:<\/label>\n<input type=\"text\" id=\"last-name\" name=\"last-name\" required><br>\n\n<label for=\"email\">Correo electrónico:<\/label>\n<input type=\"email\" id=\"email\" name=\"email\" required><br>\n\n<label for=\"address\">Dirección:<\/label>\n<input type=\"text\" id=\"address\" name=\"address\"><br>\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"},{"uid":"56bIg96GT","display":true,"name":"Subheadline","sid":"lnlnrun2--YTvBPGrgjE","hideFromSections":false,"component":"ElSubheadlineV2","group":"Typography","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"description":{"type":"tiptap-mod-v2","display":true,"tag":"h4","resolutionStyle":{"sm":[],"md":[],"lg":[]},"text":"<p>Su información<\/p>","animations":{"animation":null,"once":true,"offset":200,"delay":50}}},"customize":null},"editor":"project"},{"uid":"5mbMAChSd","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--TjSHheckUF","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<form action=\"\/donar\" method=\"POST\" id=\"payment-form\">\n \n \n\n \n <div id=\"card-element\"><\/div>\n \n \n <div id=\"card-errors\" role=\"alert\"><\/div>\n \n <button type=\"submit\">Donar<\/button>\n<\/form>\n\n<script src=\"https:\/\/js.stripe.com\/v3\/\"><\/script>\n<script>\n var stripe = Stripe('tu_clave_publica_de_stripe');\n var elements = stripe.elements();\n\n var card = elements.create('card');\n card.mount('#card-element');\n\n var form = document.getElementById('payment-form');\n form.addEventListener('submit', function(event) {\n event.preventDefault();\n\n stripe.createToken(card).then(function(result) {\n if (result.error) {\n \/\/ Mostrar error en el formulario\n var errorElement = document.getElementById('card-errors');\n errorElement.textContent = result.error.message;\n } else {\n \/\/ Enviar el token al servidor\n stripeTokenHandler(result.token);\n }\n });\n });\n\n function stripeTokenHandler(token) {\n var form = document.getElementById('payment-form');\n var hiddenInput = document.createElement('input');\n hiddenInput.setAttribute('type', 'hidden');\n hiddenInput.setAttribute('name', 'stripeToken');\n hiddenInput.setAttribute('value', token.id);\n form.appendChild(hiddenInput);\n\n form.submit();\n }\n<\/script>\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"},{"uid":"LAeWu1zO4","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--64tNeAMnZJ","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Formulario de Donación<\/title>\n <style>\n \/* Estilos básicos para el formulario *\/\n body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f4;\n margin: 0;\n padding: 20px;\n }\n\n form {\n background-color: white;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n max-width: 500px;\n margin: auto;\n }\n\n label {\n font-weight: bold;\n display: block;\n margin-bottom: 10px;\n }\n\n input[type=\"text\"], input[type=\"email\"], input[type=\"radio\"], input[type=\"submit\"], select {\n width: 100%;\n padding: 10px;\n margin-bottom: 20px;\n border: 1px solid #ccc;\n border-radius: 5px;\n box-sizing: border-box;\n }\n\n input[type=\"radio\"] {\n width: auto;\n margin-right: 10px;\n }\n\n input[type=\"submit\"] {\n background-color: #4CAF50;\n color: white;\n cursor: pointer;\n }\n\n input[type=\"submit\"]:hover {\n background-color: #45a049;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<h2>Formulario de Donación<\/h2>\n\n<form action=\"\/enviar-donacion\" method=\"post\">\n <label for=\"nombre\">Nombre:<\/label>\n <input type=\"text\" id=\"nombre\" name=\"nombre\" required>\n\n <label for=\"apellido\">Apellido:<\/label>\n <input type=\"text\" id=\"apellido\" name=\"apellido\" required>\n\n <label for=\"email\">Correo electrónico:<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n\n <label for=\"donation-amount\">Seleccione la cantidad a donar:<\/label>\n <input type=\"radio\" id=\"amount-20\" name=\"donation-amount\" value=\"20\">\n <label for=\"amount-20\">$20<\/label><br>\n <input type=\"radio\" id=\"amount-50\" name=\"donation-amount\" value=\"50\">\n <label for=\"amount-50\">$50<\/label><br>\n <input type=\"radio\" id=\"amount-100\" name=\"donation-amount\" value=\"100\">\n <label for=\"amount-100\">$100<\/label><br>\n <input type=\"radio\" id=\"amount-other\" name=\"donation-amount\" value=\"other\">\n <label for=\"amount-other\">Otra cantidad:<\/label>\n <input type=\"text\" id=\"amount-other-input\" name=\"amount-other-input\" placeholder=\"Ingrese cantidad\">\n\n <label for=\"donation-type\">Tipo de donación:<\/label><br>\n <input type=\"radio\" id=\"one-time\" name=\"donation-type\" value=\"one-time\">\n <label for=\"one-time\">Única<\/label><br>\n <input type=\"radio\" id=\"monthly\" name=\"donation-type\" value=\"monthly\">\n <label for=\"monthly\">Mensual<\/label><br>\n\n <label for=\"payment-method\">Método de pago:<\/label>\n <select id=\"payment-method\" name=\"payment-method\">\n <option value=\"credit-card\">Tarjeta de crédito\/débito<\/option>\n <option value=\"paypal\">PayPal<\/option>\n <option value=\"bank-transfer\">Transferencia bancaria<\/option>\n <\/select>\n\n <input type=\"submit\" value=\"Donar\">\n<\/form>\n\n<\/body>\n<\/html>\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"}],"sortIndex":{"lg":1,"md":1,"sm":1},"uid":"gdTQEmznCl","sid":"lnlnrun2--gYKH3JXgGk","highlight":false,"_uid":"oAkzfPU6W2","lottie":[],"animations":{"animation":null,"once":true,"offset":200,"delay":50}}],"animations":{"animation":null,"once":true,"offset":200,"delay":50},"lottie":[]}},"uid":"LrgKzWi4M","sid":"lnlnrun2--ZdUNoJHWtc","temp_id":"SpR-HP7X_"}]}},"backgroundImage":{"src":""},"backgroundVideo":{"enabled":false,"url":"","loop":true,"ratio":1}},"render_id":"CkIBXOph3"}]</article></body></html>

[{"uid":"l-BnmOwaJ","display":true,"name":"Block","sid":"lnlnrun2--83YR8WtW2","hideFromSections":false,"component":"BlankV2","group":"empty-blocks","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"items":{"type":null,"children":[{"display":true,"name":"Flex Wrapper","hideFromSections":false,"component":"ElFlexWrapperV2","group":"","layout":null,"options":{"content":{"display":true,"cols":[{"display":true,"name":"Flex Column","elements":[{"uid":"cN9rHbl8T","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--8GREidw42p","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"\n\n\n \n \n Formulario de Donación<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f4;\n padding: 20px;\n }\n\n form {\n background-color: white;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n max-width: 500px;\n margin: auto;\n }\n\n label {\n font-weight: bold;\n display: block;\n margin-bottom: 10px;\n }\n\n input[type=\"text\"], input[type=\"email\"], input[type=\"submit\"], select {\n width: 100%;\n padding: 10px;\n margin-bottom: 20px;\n border: 1px solid #ccc;\n border-radius: 5px;\n box-sizing: border-box;\n }\n\n input[type=\"radio\"] {\n margin-right: 10px;\n }\n\n input[type=\"submit\"] {\n background-color: #4\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"}],"sortIndex":{"lg":0,"md":0,"sm":0},"uid":"hVQ3vsn_j6","sid":"lnlnrun2--IcJn-zujUw","highlight":false,"_uid":"6DYnZicDd0","lottie":[],"animations":{"animation":null,"once":true,"offset":200,"delay":50}},{"display":true,"name":"Flex Column","elements":[{"uid":"5ahg0FQhd","display":true,"name":"Headline","sid":"lnlnrun2--mcmuj2lG4d","hideFromSections":false,"component":"ElHeadlineV2","group":"Typography","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"description":{"type":"tiptap-mod-v2","display":true,"tag":"h1","resolutionStyle":{"sm":[],"md":[],"lg":[]},"text":"<p>Monto del Regalo!<\/p>","animations":{"animation":null,"once":true,"offset":200,"delay":50}}}},"editor":"project"},{"uid":"kXAi-akWb","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--VUv9RQ6opd","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<label for=\"donation-amount\">Seleccione la cantidad a donar:<\/label><br>\n<input type=\"radio\" id=\"amount-20\" name=\"donation-amount\" value=\"20\">\n<label for=\"amount-20\">$20<\/label><br>\n<input type=\"radio\" id=\"amount-50\" name=\"donation-amount\" value=\"50\">\n<label for=\"amount-50\">$50<\/label><br>\n<input type=\"radio\" id=\"amount-100\" name=\"donation-amount\" value=\"100\">\n<label for=\"amount-100\">$100<\/label><br>\n<input type=\"radio\" id=\"amount-other\" name=\"donation-amount\" value=\"other\">\n<label for=\"amount-other\">Otra cantidad:<\/label>\n<input type=\"text\" id=\"amount-other-input\" name=\"amount-other-input\" placeholder=\"Ingrese cantidad\">\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"},{"uid":"WPuBYIuyx","display":true,"name":"Subheadline","sid":"lnlnrun2--vmUqJm3FX4","hideFromSections":false,"component":"ElSubheadlineV2","group":"Typography","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"description":{"type":"tiptap-mod-v2","display":true,"tag":"h4","resolutionStyle":{"sm":[],"md":[],"lg":[]},"text":"<p>Gracias por su generoso regalo.<\/p>","animations":{"animation":null,"once":true,"offset":200,"delay":50}}},"customize":null},"editor":"project"},{"uid":"ZUnL6Ex-C","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--wfdC4_Td3r","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<label for=\"donation-type\">Tipo de donación:<\/label><br>\n<input type=\"radio\" id=\"one-time\" name=\"donation-type\" value=\"one-time\">\n<label for=\"one-time\">Única<\/label><br>\n<input type=\"radio\" id=\"monthly\" name=\"donation-type\" value=\"monthly\">\n<label for=\"monthly\">Mensual<\/label><br>\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"},{"uid":"i5wUWEJjN","display":true,"name":"Image","sid":"lnlnrun2---dLoz4Bd6C","hideFromSections":false,"component":"ElImageV4","group":"Media","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"image":{"display":true,"type":"ImageModV4","src":"https:\/\/estage-test.b-cdn.net\/public-media\/user-2266\/pages\/project-33997\/256b010f1d397a2d141f884cd660959f.jpg","alt":"formas de pago","noIndex":"1","modal":{"data":{"modal_id":null}},"animations":{"animation":null,"once":true,"offset":200,"delay":50},"url":""}}},"editor":"project"},{"uid":"fq_menFxh","display":true,"name":"Subheadline","sid":"lnlnrun2--mvng1bIoaC","hideFromSections":false,"component":"ElSubheadlineV2","group":"Typography","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"description":{"type":"tiptap-mod-v2","display":true,"tag":"h4","resolutionStyle":{"sm":[],"md":[],"lg":[]},"text":"<p>Información de pago<\/p>","animations":{"animation":null,"once":true,"offset":200,"delay":50}}},"customize":null},"editor":"project"},{"uid":"6_mgZRu14","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--vaGZXuoPwX","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<label for=\"payment-method\">Método de pago:<\/label><br>\n<input type=\"radio\" id=\"credit-card\" name=\"payment-method\" value=\"credit-card\">\n<label for=\"credit-card\">Tarjeta de crédito\/débito<\/label><br>\n<input type=\"radio\" id=\"paypal\" name=\"payment-method\" value=\"paypal\">\n<label for=\"paypal\">PayPal<\/label><br>\n<input type=\"radio\" id=\"bank-transfer\" name=\"payment-method\" value=\"bank-transfer\">\n<label for=\"bank-transfer\">Transferencia bancaria<\/label><br>\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"},{"uid":"92xsnLjyZ","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--76SRvAjZRT","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<label for=\"first-name\">Nombre:<\/label>\n<input type=\"text\" id=\"first-name\" name=\"first-name\" required><br>\n\n<label for=\"last-name\">Apellido:<\/label>\n<input type=\"text\" id=\"last-name\" name=\"last-name\" required><br>\n\n<label for=\"email\">Correo electrónico:<\/label>\n<input type=\"email\" id=\"email\" name=\"email\" required><br>\n\n<label for=\"address\">Dirección:<\/label>\n<input type=\"text\" id=\"address\" name=\"address\"><br>\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"},{"uid":"56bIg96GT","display":true,"name":"Subheadline","sid":"lnlnrun2--YTvBPGrgjE","hideFromSections":false,"component":"ElSubheadlineV2","group":"Typography","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"description":{"type":"tiptap-mod-v2","display":true,"tag":"h4","resolutionStyle":{"sm":[],"md":[],"lg":[]},"text":"<p>Su información<\/p>","animations":{"animation":null,"once":true,"offset":200,"delay":50}}},"customize":null},"editor":"project"},{"uid":"5mbMAChSd","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--TjSHheckUF","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<form action=\"\/donar\" method=\"POST\" id=\"payment-form\">\n \n \n\n \n <div id=\"card-element\"><\/div>\n \n \n <div id=\"card-errors\" role=\"alert\"><\/div>\n \n <button type=\"submit\">Donar<\/button>\n<\/form>\n\n<script src=\"https:\/\/js.stripe.com\/v3\/\"><\/script>\n<script>\n var stripe = Stripe('tu_clave_publica_de_stripe');\n var elements = stripe.elements();\n\n var card = elements.create('card');\n card.mount('#card-element');\n\n var form = document.getElementById('payment-form');\n form.addEventListener('submit', function(event) {\n event.preventDefault();\n\n stripe.createToken(card).then(function(result) {\n if (result.error) {\n \/\/ Mostrar error en el formulario\n var errorElement = document.getElementById('card-errors');\n errorElement.textContent = result.error.message;\n } else {\n \/\/ Enviar el token al servidor\n stripeTokenHandler(result.token);\n }\n });\n });\n\n function stripeTokenHandler(token) {\n var form = document.getElementById('payment-form');\n var hiddenInput = document.createElement('input');\n hiddenInput.setAttribute('type', 'hidden');\n hiddenInput.setAttribute('name', 'stripeToken');\n hiddenInput.setAttribute('value', token.id);\n form.appendChild(hiddenInput);\n\n form.submit();\n }\n<\/script>\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"},{"uid":"LAeWu1zO4","display":true,"name":"Custom HTML\/JS code","css":null,"sid":"lnlnrun2--64tNeAMnZJ","sids":null,"hideFromSections":false,"component":"ElEmbed","group":"Others","ignoreGroup":false,"layout":null,"disableVisibility":false,"options":{"content":{"code":{"type":"code-embed-mod","display":true,"code":"<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Formulario de Donación<\/title>\n <style>\n \/* Estilos básicos para el formulario *\/\n body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f4;\n margin: 0;\n padding: 20px;\n }\n\n form {\n background-color: white;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n max-width: 500px;\n margin: auto;\n }\n\n label {\n font-weight: bold;\n display: block;\n margin-bottom: 10px;\n }\n\n input[type=\"text\"], input[type=\"email\"], input[type=\"radio\"], input[type=\"submit\"], select {\n width: 100%;\n padding: 10px;\n margin-bottom: 20px;\n border: 1px solid #ccc;\n border-radius: 5px;\n box-sizing: border-box;\n }\n\n input[type=\"radio\"] {\n width: auto;\n margin-right: 10px;\n }\n\n input[type=\"submit\"] {\n background-color: #4CAF50;\n color: white;\n cursor: pointer;\n }\n\n input[type=\"submit\"]:hover {\n background-color: #45a049;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<h2>Formulario de Donación<\/h2>\n\n<form action=\"\/enviar-donacion\" method=\"post\">\n <label for=\"nombre\">Nombre:<\/label>\n <input type=\"text\" id=\"nombre\" name=\"nombre\" required>\n\n <label for=\"apellido\">Apellido:<\/label>\n <input type=\"text\" id=\"apellido\" name=\"apellido\" required>\n\n <label for=\"email\">Correo electrónico:<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n\n <label for=\"donation-amount\">Seleccione la cantidad a donar:<\/label>\n <input type=\"radio\" id=\"amount-20\" name=\"donation-amount\" value=\"20\">\n <label for=\"amount-20\">$20<\/label><br>\n <input type=\"radio\" id=\"amount-50\" name=\"donation-amount\" value=\"50\">\n <label for=\"amount-50\">$50<\/label><br>\n <input type=\"radio\" id=\"amount-100\" name=\"donation-amount\" value=\"100\">\n <label for=\"amount-100\">$100<\/label><br>\n <input type=\"radio\" id=\"amount-other\" name=\"donation-amount\" value=\"other\">\n <label for=\"amount-other\">Otra cantidad:<\/label>\n <input type=\"text\" id=\"amount-other-input\" name=\"amount-other-input\" placeholder=\"Ingrese cantidad\">\n\n <label for=\"donation-type\">Tipo de donación:<\/label><br>\n <input type=\"radio\" id=\"one-time\" name=\"donation-type\" value=\"one-time\">\n <label for=\"one-time\">Única<\/label><br>\n <input type=\"radio\" id=\"monthly\" name=\"donation-type\" value=\"monthly\">\n <label for=\"monthly\">Mensual<\/label><br>\n\n <label for=\"payment-method\">Método de pago:<\/label>\n <select id=\"payment-method\" name=\"payment-method\">\n <option value=\"credit-card\">Tarjeta de crédito\/débito<\/option>\n <option value=\"paypal\">PayPal<\/option>\n <option value=\"bank-transfer\">Transferencia bancaria<\/option>\n <\/select>\n\n <input type=\"submit\" value=\"Donar\">\n<\/form>\n\n<\/body>\n<\/html>\n"}},"customize":{"style":{"shadow":null,"background":null,"padding":{"type":"height-customs","sm":{"top":20,"bottom":20,"left":20,"right":20},"md":{"top":20,"bottom":20,"left":20,"right":20},"lg":{"top":20,"bottom":20,"left":20,"right":20}}}}},"editor":"project"}],"sortIndex":{"lg":1,"md":1,"sm":1},"uid":"gdTQEmznCl","sid":"lnlnrun2--gYKH3JXgGk","highlight":false,"_uid":"oAkzfPU6W2","lottie":[],"animations":{"animation":null,"once":true,"offset":200,"delay":50}}],"animations":{"animation":null,"once":true,"offset":200,"delay":50},"lottie":[]}},"uid":"LrgKzWi4M","sid":"lnlnrun2--ZdUNoJHWtc","temp_id":"SpR-HP7X_"}]}},"backgroundImage":{"src":""},"backgroundVideo":{"enabled":false,"url":"","loop":true,"ratio":1}},"render_id":"CkIBXOph3"}]</article></body></html>