{"id":1436,"date":"2025-05-23T19:20:47","date_gmt":"2025-05-23T22:20:47","guid":{"rendered":"https:\/\/www.ejercitodesalvacion.cl?page_id=1436"},"modified":"2026-08-21T11:24:49","modified_gmt":"2026-08-21T14:24:49","slug":"donate","status":"publish","type":"page","link":"https:\/\/www.ejercitodesalvacion.cl\/en\/donate\/","title":{"rendered":"Donate"},"content":{"rendered":"\n<div class=\"wp-block-stackable-image alignfull stk-block-image stk-block stk-3d2187a\" data-block-id=\"3d2187a\"><style>.stk-3d2187a {margin-bottom:87px !important;}.stk-3d2187a .stk-img-wrapper{width:100% !important;height:326px !important;}.stk-3d2187a .stk-img-wrapper img{object-position:25% 44% !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-1951\" src=\"https:\/\/www.ejercitodesalvacion.cl\/wp-content\/uploads\/2026\/08\/c141ef8e-87e6-45fc-8b4c-85ac6f48b0d0.png\" width=\"1717\" height=\"916\" srcset=\"https:\/\/www.ejercitodesalvacion.cl\/wp-content\/uploads\/2026\/08\/c141ef8e-87e6-45fc-8b4c-85ac6f48b0d0.png 1717w, https:\/\/www.ejercitodesalvacion.cl\/wp-content\/uploads\/2026\/08\/c141ef8e-87e6-45fc-8b4c-85ac6f48b0d0-300x160.png 300w, https:\/\/www.ejercitodesalvacion.cl\/wp-content\/uploads\/2026\/08\/c141ef8e-87e6-45fc-8b4c-85ac6f48b0d0-1024x546.png 1024w, https:\/\/www.ejercitodesalvacion.cl\/wp-content\/uploads\/2026\/08\/c141ef8e-87e6-45fc-8b4c-85ac6f48b0d0-768x410.png 768w, https:\/\/www.ejercitodesalvacion.cl\/wp-content\/uploads\/2026\/08\/c141ef8e-87e6-45fc-8b4c-85ac6f48b0d0-1536x819.png 1536w\" sizes=\"auto, (max-width: 1717px) 100vw, 1717px\" \/><\/span><\/figure><\/div>\n\n\n        <style>\n        .sa-unified-donation {\n            width: 100%;\n            max-width: 760px;\n            margin: 0 auto;\n            padding: 48px;\n            background: #fff;\n            border-radius: 12px;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n            overflow: hidden;\n        }\n\n        .sa-unified-donation,\n        .sa-unified-donation * {\n            box-sizing: border-box;\n        }\n        \n        .sa-unified-title {\n            font-size: 42px;\n            font-weight: 300;\n            text-align: center;\n            margin-bottom: 30px;\n            color: #1f2937;\n        }\n        \n        .sa-unified-description {\n            color: #6b7280;\n            line-height: 1.6;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        \n        .sa-donation-type-toggle {\n            display: flex;\n            justify-content: center;\n            margin: 40px 0 30px;\n            background: #f3f4f6;\n            border-radius: 50px;\n            padding: 4px;\n            max-width: 300px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        .sa-donation-type-btn {\n            flex: 1;\n            padding: 12px 24px;\n            border: none;\n            background: transparent;\n            cursor: pointer;\n            border-radius: 50px;\n            font-size: 16px;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            color: #6b7280;\n        }\n        \n        .sa-donation-type-btn.active {\n            background: #dc2626;\n            color: white;\n        }\n        \n        .sa-amount-grid {\n            display: grid;\n            grid-template-columns: repeat(5, minmax(104px, 1fr));\n            gap: 12px;\n            margin-bottom: 40px;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        @media (max-width: 760px) {\n            .sa-unified-donation {\n                padding: 32px 20px;\n            }\n\n            .sa-amount-grid {\n                grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));\n            }\n        }\n        \n        @media (max-width: 640px) {\n            .sa-amount-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        \n        .sa-amount-option {\n            padding: 20px 10px;\n            text-align: center;\n            background: #f3f4f6;\n            border: 2px solid transparent;\n            border-radius: 12px;\n            cursor: pointer;\n            font-size: 20px;\n            font-weight: 600;\n            color: #1f2937;\n            transition: all 0.3s ease;\n        }\n        \n        .sa-amount-option:hover {\n            border-color: #dc2626;\n            transform: translateY(-2px);\n        }\n        \n        .sa-amount-option.selected {\n            background: #dc2626;\n            color: white;\n            border-color: #dc2626;\n        }\n        \n        .sa-amount-option.other {\n            background: #e5e7eb;\n            color: #6b7280;\n            font-size: 16px;\n        }\n        \n        .sa-custom-amount-input {\n            display: none;\n            margin: 20px 0;\n            max-width: 300px;\n            text-align: center;\n        }\n        \n        .sa-custom-amount-input input {\n            width: 100%;\n            padding: 15px;\n            font-size: 18px;\n            border: 2px solid #e5e7eb;\n            border-radius: 8px;\n            text-align: center;\n        }\n        \n        .sa-personal-info h3 {\n            font-size: 24px;\n            margin-bottom: 20px;\n            color: #1f2937;\n        }\n        \n        .sa-form-field {\n            margin-bottom: 20px;\n        }\n        \n        .sa-form-field input {\n            width: 100%;\n            padding: 15px;\n            font-size: 16px;\n            border: 1px solid #e5e7eb;\n            border-radius: 8px;\n            transition: border-color 0.3s ease;\n        }\n        \n        .sa-form-field input:focus {\n            outline: none;\n            border-color: #dc2626;\n        }\n        \n        .sa-form-field input#name:focus {\n            outline: none;\n            border-color: #dc2626;\n            box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2);\n        }\n        \n        .sa-checkbox-field {\n            display: flex;\n            align-items: center;\n            margin: 30px 0;\n        }\n        \n        .sa-checkbox-field input[type=\"checkbox\"] {\n            width: 20px;\n            height: 20px;\n            margin-right: 10px;\n            cursor: pointer;\n        }\n        \n        .sa-checkbox-field label {\n            cursor: pointer;\n            color: #6b7280;\n        }\n        \n        .sa-checkbox-field a {\n            color: #3b82f6;\n            text-decoration: none;\n        }\n        \n        .sa-submit-button {\n            width: 100%;\n            padding: 18px;\n            background: #dc2626;\n            color: white;\n            border: none;\n            border-radius: 8px;\n            font-size: 18px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \n        .sa-submit-button:hover:not(:disabled) {\n            background: #b91c1c;\n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);\n        }\n        \n        .sa-submit-button:disabled {\n            background: #d1d5db;\n            cursor: not-allowed;\n        }\n        \n        .sa-redirect-notice {\n            text-align: center;\n            color: #6b7280;\n            margin-top: 20px;\n            font-size: 14px;\n        }\n        \n        .sa-monthly-plans {\n            display: none;\n        }\n        \n        .sa-monthly-plan-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 10px;\n            margin-bottom: 40px;\n        }\n        \n        @media (max-width: 640px) {\n            .sa-monthly-plan-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        \n        .sa-monthly-plan {\n            padding: 20px 10px;\n            text-align: center;\n            background: #f3f4f6;\n            border: 2px solid transparent;\n            border-radius: 12px;\n            cursor: pointer;\n            font-size: 20px;\n            font-weight: 600;\n            color: #1f2937;\n            transition: all 0.3s ease;\n        }\n        \n        .sa-monthly-plan:hover {\n            border-color: #dc2626;\n            transform: translateY(-2px);\n        }\n        \n        .sa-monthly-plan.selected {\n            background: #dc2626;\n            color: white;\n            border-color: #dc2626;\n        }\n        \n        .sa-monthly-plan-amount {\n            font-size: 20px;\n            font-weight: 600;\n            margin-bottom: 0;\n        }\n        \n        .sa-monthly-plan-label {\n            font-size: 12px;\n            color: #6b7280;\n            margin-top: 2px;\n        }\n        \n        .sa-monthly-plan.selected .sa-monthly-plan-label {\n            color: #fecaca;\n        }\n\n        .sa-causes-section {\n            margin: 40px 0;\n        }\n\n        .sa-causes-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 15px;\n            margin-bottom: 30px;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        @media (max-width: 640px) {\n            .sa-causes-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .sa-cause-option {\n            position: relative;\n            display: block;\n            padding: 20px;\n            background: #f9fafb;\n            border: 2px solid #e5e7eb;\n            border-radius: 12px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            min-width: 0;\n            width: 100%;\n            max-width: 100%;\n            overflow: hidden;\n        }\n\n        .sa-cause-option:hover {\n            border-color: #dc2626;\n            background: #fef2f2;\n        }\n\n        .sa-cause-option input[type=\"radio\"] {\n            position: absolute;\n            opacity: 0;\n        }\n\n        .sa-cause-option input[type=\"radio\"]:checked + .sa-cause-content {\n            background: #fef2f2;\n        }\n\n        .sa-cause-option input[type=\"radio\"]:checked + .sa-cause-content::before {\n            content: \"\u2713\";\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 24px;\n            height: 24px;\n            background: #dc2626;\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n        }\n\n        .sa-cause-content {\n            position: relative;\n            display: block !important;\n            min-width: 0;\n            max-width: 100%;\n            width: 100% !important;\n        }\n\n        .sa-cause-content strong {\n            display: block;\n            font-size: 16px;\n            margin-bottom: 8px;\n            color: #1f2937;\n        }\n\n        .sa-cause-content p {\n            font-size: 14px;\n            color: #6b7280;\n            margin: 0;\n            line-height: 1.5;\n        }\n\n        .sa-monthly-custom {\n            background: #e5e7eb !important;\n            color: #6b7280 !important;\n            font-size: 16px !important;\n        }\n\n        .sa-monthly-custom .sa-monthly-plan-amount {\n            font-size: 16px;\n        }\n\n        .sa-monthly-custom-amount-input {\n            margin: 20px auto;\n            max-width: 300px;\n        }\n\n        .sa-monthly-custom-amount-input input {\n            width: 100%;\n            padding: 15px;\n            font-size: 18px;\n            border: 2px solid #e5e7eb;\n            border-radius: 8px;\n            text-align: center;\n        }\n\n        .sa-monthly-custom-amount-input input:focus {\n            outline: none;\n            border-color: #dc2626;\n        }\n\n        \/* Modal Styles *\/\n        .sa-modal-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            display: none;\n            z-index: 10000;\n            backdrop-filter: blur(4px);\n        }\n\n        .sa-modal {\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            background: white;\n            width: 90%;\n            max-width: 800px;\n            max-height: 90vh;\n            border-radius: 16px;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n            display: none;\n            z-index: 10001;\n            overflow: hidden;\n        }\n\n        .sa-modal-header {\n            padding: 20px 20px 20px;\n            border-bottom: 1px solid #e5e7eb;\n            background: linear-gradient(135deg, #dc2626 0%,rgb(91, 23, 23) 100%);\n            color: white !important;\n        }\n\n        .sa-modal-title {\n            font-size: 24px;\n            font-weight: 600;\n            margin: 0;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .sa-modal-close {\n            background: rgba(255, 255, 255, 0.2);\n            border: none;\n            color: white;\n            font-size: 24px;\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s ease;\n        }\n\n        .sa-modal-close:hover {\n            background: rgba(255, 255, 255, 0.3);\n            transform: rotate(90deg);\n        }\n\n        .sa-modal-body {\n            padding: 30px;\n            overflow-y: auto;\n            max-height: calc(90vh - 160px);\n            line-height: 1.7;\n            color: #374151;\n        }\n\n        .sa-modal-body h3 {\n            color: #1f2937;\n            font-size: 20px;\n            font-weight: 600;\n            margin: 30px 0 15px 0;\n            padding-top: 15px;\n            border-top: 1px solid #f3f4f6;\n        }\n\n        .sa-modal-body h3:first-child {\n            margin-top: 0;\n            padding-top: 0;\n            border-top: none;\n        }\n\n        .sa-modal-body p {\n            margin-bottom: 15px;\n            text-align: justify;\n        }\n\n        .sa-modal-body ul {\n            margin: 15px 0;\n            padding-left: 20px;\n        }\n\n        .sa-modal-body li {\n            margin-bottom: 8px;\n        }\n\n        .sa-modal-footer {\n            padding: 20px 30px;\n            background: #f9fafb;\n            border-top: 1px solid #e5e7eb;\n            text-align: center;\n        }\n\n        .sa-modal-accept-btn {\n            background: #dc2626;\n            color: white;\n            border: none;\n            padding: 12px 30px;\n            border-radius: 8px;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .sa-modal-accept-btn:hover {\n            background: #b91c1c;\n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);\n        }\n\n        .sa-terms-link {\n            color: #dc2626;\n            text-decoration: none;\n            font-weight: 500;\n            cursor: pointer;\n            transition: color 0.3s ease;\n        }\n\n        .sa-terms-link:hover {\n            color: #b91c1c;\n            text-decoration: underline;\n        }\n\n        \/* Estilos para selector de nombramientos *\/\n        .sa-appointments-section {\n            margin: 30px 0;\n            padding: 20px;\n            background: #fef2f2;\n            border-radius: 12px;\n            border: 2px solid #fecaca;\n        }\n\n        .sa-appointments-section h3 {\n            margin-top: 0;\n            margin-bottom: 15px;\n            color: #991b1b;\n            font-size: 18px;\n            font-weight: 600;\n        }\n\n        .sa-appointments-section p {\n            color: #6b7280;\n            font-size: 14px;\n            margin-bottom: 15px;\n            line-height: 1.5;\n        }\n\n        .sa-appointments-select {\n            width: 100%;\n            font-size: 16px;\n            padding: 12px 16px;\n            border: 2px solid #fecaca;\n            border-radius: 8px;\n            background: white;\n            color: #1f2937 !important;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            line-height: 1.5;\n            height: auto;\n            min-height: 48px;\n        }\n\n        .sa-appointments-select:focus {\n            outline: none;\n            border-color: #dc2626;\n            box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);\n        }\n\n        .sa-appointments-select:hover {\n            border-color: #dc2626;\n        }\n\n        .sa-appointments-select option {\n            padding: 12px 8px;\n            background: white;\n            color: #1f2937;\n            font-size: 16px;\n            line-height: 1.6;\n        }\n\n        .sa-appointments-select option:checked,\n        .sa-appointments-select option:hover {\n            background: #dc2626;\n            color: white;\n        }\n\n        \/* Estilos espec\u00edficos para diferentes navegadores *\/\n        .sa-appointments-select option:checked {\n            background: linear-gradient(#dc2626, #dc2626);\n            color: white;\n        }\n\n        \/* Firefox *\/\n        @-moz-document url-prefix() {\n            .sa-appointments-select option:checked {\n                background-color: #dc2626;\n                color: white;\n            }\n        }\n\n        .sa-appointments-required-indicator {\n            color: #dc2626;\n            font-weight: bold;\n        }\n        <\/style>\n        \n        <div class=\"sa-unified-donation\">\n            <h1 class=\"sa-unified-title\"><strong>Por sobre todo, <span style=\"color: #dc2626;\">Amor<\/span><\/strong><\/h1>\n            \n            <p class=\"sa-unified-description\">En tiempos caracterizados por la inflaci\u00f3n y la inestabilidad econ\u00f3mica, tus donaciones a el Ej\u00e9rcito de Salvaci\u00f3n ayudan a tus vecinos a enfrentar la inseguridad alimentaria, la p\u00e9rdida inesperada de empleo y las preocupaciones por desalojo.<\/p>\n            <p class=\"sa-unified-description\">Por favor, \u00fanete a nuestro esfuerzo para poner el amor por encima de todo al apoyar a las familias locales necesitadas durante todo el a\u00f1o.<\/p>\n            \n            <form id=\"sa-unified-donation-form\" method=\"post\">\n                <input type=\"hidden\" id=\"sa_nonce\" name=\"sa_nonce\" value=\"6bdaad0f66\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1436\" \/><input type=\"hidden\" id=\"sa_sub_nonce\" name=\"sa_sub_nonce\" value=\"acf37c5ad7\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1436\" \/>                <input type=\"hidden\" name=\"donation_type\" id=\"donation_type\" value=\"single\">\n                <input type=\"hidden\" name=\"amount\" id=\"selected_amount\" value=\"\">\n                <input type=\"hidden\" name=\"plan_id\" id=\"selected_plan\" value=\"\">\n                \n                <!-- Toggle \u00danica\/Mensual -->\n                <div class=\"sa-donation-type-toggle\">\n                    <button type=\"button\" class=\"sa-donation-type-btn active\" data-type=\"single\">\u00danica<\/button>\n                    <button type=\"button\" class=\"sa-donation-type-btn\" data-type=\"monthly\">Mensual<\/button>\n                <\/div>\n                \n                <!-- Montos para donaci\u00f3n \u00fanica -->\n                <div class=\"sa-single-amounts\">\n                    <div class=\"sa-amount-grid\">\n                        <div class=\"sa-amount-option\" data-amount=\"2500\">$2.500<\/div>\n                        <div class=\"sa-amount-option\" data-amount=\"5000\">$5.000<\/div>\n                        <div class=\"sa-amount-option\" data-amount=\"10000\">$10.000<\/div>\n                        <div class=\"sa-amount-option\" data-amount=\"25000\">$25.000<\/div>\n                        <div class=\"sa-amount-option other\" data-amount=\"custom\">Otro monto<\/div>\n                    <\/div>\n                    \n                    <div class=\"sa-custom-amount-input\" style=\"display: none; margin: 0 auto; text-align: center;\">\n                        <input type=\"number\" id=\"custom_amount\" placeholder=\"Ingresa el monto\" min=\"1000\" max=\"10000000\" style=\"margin: 0 auto;\">\n                        <small style=\"display: block; text-align: center; color: #6b7280; margin-top: 8px;\">\n                            Monto m\u00ednimo: $1.000 - M\u00e1ximo: $10.000.000\n                        <\/small>\n                    <\/div>\n                <\/div>\n                \n                <!-- Planes mensuales -->\n                <div class=\"sa-monthly-plans\">\n                    <div class=\"sa-monthly-plan-grid\">\n                        <div class=\"sa-monthly-plan\" data-plan=\"monthly_5000\" data-amount=\"5000\">\n                            <div class=\"sa-monthly-plan-amount\">$5.000<\/div>\n                            <div class=\"sa-monthly-plan-label\">Mensual<\/div>\n                        <\/div>\n                        <div class=\"sa-monthly-plan\" data-plan=\"monthly_10000\" data-amount=\"10000\">\n                            <div class=\"sa-monthly-plan-amount\">$10.000<\/div>\n                            <div class=\"sa-monthly-plan-label\">Mensual<\/div>\n                        <\/div>\n                        <div class=\"sa-monthly-plan\" data-plan=\"monthly_20000\" data-amount=\"20000\">\n                            <div class=\"sa-monthly-plan-amount\">$20.000<\/div>\n                            <div class=\"sa-monthly-plan-label\">Mensual<\/div>\n                        <\/div>\n                        <div class=\"sa-monthly-plan sa-monthly-custom\" data-plan=\"monthly_custom\" data-amount=\"custom\">\n                            <div class=\"sa-monthly-plan-amount\">Otro monto<\/div>\n                            <div class=\"sa-monthly-plan-label\">Mensual<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"sa-monthly-custom-amount-input\" style=\"display: none;\">\n                        <input type=\"number\" id=\"monthly_custom_amount\" placeholder=\"Ingresa el monto mensual\" min=\"1000\" max=\"1000000\">\n                        <small style=\"display: block; text-align: center; color: #6b7280; margin-top: 8px;\">\n                            Monto m\u00ednimo: $1.000 - M\u00e1ximo: $1.000.000\n                        <\/small>\n                    <\/div>\n                <\/div>\n                \n                <!-- Selecci\u00f3n de Causa -->\n                                <div class=\"sa-causes-section\">\n                    <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;\">\n                        <h3 style=\"font-size: 24px; margin: 0; color: #1f2937;\">Selecciona una Causa<\/h3>\n                        \n                    <\/div>\n                    <div class=\"sa-causes-grid\">\n                                                    <label class=\"sa-cause-option\">\n                                <input type=\"radio\"\n                                       name=\"cause_id\"\n                                       value=\"general\"\n                                       id=\"cause_general\"\n                                       data-requires-appointment=\"0\"\n                                       checked                                        checked='checked'                                       required>\n                                <div class=\"sa-cause-content\">\n                                    <strong>Donaci\u00f3n General<\/strong>\n                                    <p>Tu donaci\u00f3n ser\u00e1 destinada donde m\u00e1s se necesite<\/p>\n                                <\/div>\n                            <\/label>\n                                                    <label class=\"sa-cause-option\">\n                                <input type=\"radio\"\n                                       name=\"cause_id\"\n                                       value=\"AYUDEMOSALNORTEDECHILETOCOPILLA\"\n                                       id=\"cause_AYUDEMOSALNORTEDECHILETOCOPILLA\"\n                                       data-requires-appointment=\"0\"\n                                                                                                                     required>\n                                <div class=\"sa-cause-content\">\n                                    <strong>AYUDEMOS AL NORTE - TOCOPILLA<\/strong>\n                                    <p>El Ej\u00e9rcito de Salvaci\u00f3n est\u00e1 respondiendo de manera inmediata a la emergencia provocada por las intensas lluvias que afectan al norte de Chile, apoyando a las familias damnificadas con alimentaci\u00f3n, abrigo, kits de higiene y contenci\u00f3n emocional. Tu donaci\u00f3n permite entregar ayuda urgente y acompa\u00f1ar a las comunidades m\u00e1s afectadas durante esta emergencia y en su proceso de recuperaci\u00f3n.<\/p>\n                                <\/div>\n                            <\/label>\n                                                    <label class=\"sa-cause-option\">\n                                <input type=\"radio\"\n                                       name=\"cause_id\"\n                                       value=\"AYUDEMOSALNORTEDECHILEANTOFAGASTA\"\n                                       id=\"cause_AYUDEMOSALNORTEDECHILEANTOFAGASTA\"\n                                       data-requires-appointment=\"0\"\n                                                                                                                     required>\n                                <div class=\"sa-cause-content\">\n                                    <strong>AYUDEMOS AL NORTE - ANTOFAGASTA<\/strong>\n                                    <p>El Ej\u00e9rcito de Salvaci\u00f3n est\u00e1 respondiendo de manera inmediata a la emergencia provocada por las intensas lluvias que afectan al norte de Chile, apoyando a las familias damnificadas con alimentaci\u00f3n, abrigo, kits de higiene y contenci\u00f3n emocional. Tu donaci\u00f3n permite entregar ayuda urgente y acompa\u00f1ar a las comunidades m\u00e1s afectadas durante esta emergencia y en su proceso de recuperaci\u00f3n.<\/p>\n                                <\/div>\n                            <\/label>\n                                            <\/div>\n                                    <\/div>\n                \n                <!-- Informaci\u00f3n Personal -->\n                <div class=\"sa-personal-info\">\n                    <h3>Informaci\u00f3n Personal<\/h3>\n                    \n                    <div class=\"sa-form-field\">\n                        <input type=\"text\" name=\"name\" id=\"name\" placeholder=\"Nombre y Apellido\" required>\n                    <\/div>\n                    \n                    <div class=\"sa-form-field\">\n                        <input type=\"email\" name=\"email\" id=\"email\" placeholder=\"Email\" required>\n                    <\/div>\n                    \n                    <div class=\"sa-form-field\">\n                        <input type=\"text\" name=\"rut\" id=\"rut\" placeholder=\"RUT \/ DNI\" maxlength=\"15\" required>\n                    <\/div>\n                    \n                    <div class=\"sa-form-field sa-phone-field\">\n                        <div class=\"sa-phone-container\">\n                            <input type=\"tel\" name=\"phone\" id=\"phone\" placeholder=\"Tel\u00e9fono\" class=\"sa-phone-input\" maxlength=\"15\">\n                            <input type=\"hidden\" name=\"full_phone\" id=\"full_phone\" value=\"\">\n                        <\/div>\n                        <div class=\"sa-phone-hint\">Tel\u00e9fono (opcional)<\/div>\n                    <\/div>\n                <\/div>\n\n                                <!-- Selector de Nombramientos\/Cuerpos (din\u00e1mico) -->\n                <div class=\"sa-appointments-section\" id=\"appointments-section\" style=\"display: none;\">\n                    <h3>\n                        <span class=\"sa-appointments-required-indicator\">*<\/span>\n                        Selecciona el Nombramiento\/Cuerpo\n                    <\/h3>\n                    <p>\n                        Por favor, selecciona el nombramiento o cuerpo del Ej\u00e9rcito de Salvaci\u00f3n al cual deseas destinar tu donaci\u00f3n.\n                        Esto permitir\u00e1 que los fondos sean transferidos internamente al cuerpo seleccionado.\n                    <\/p>\n                    <select name=\"corps_code\" id=\"corps_code\" class=\"sa-appointments-select\">\n                                                    <option value=\"CL900\" selected=\"selected\">\n                                Oficina Divisional                            <\/option>\n                                                    <option value=\"CL001\">\n                                Cuerpo Central de Antofagasta                            <\/option>\n                                                    <option value=\"CL002\">\n                                Cuerpo Lautaro                            <\/option>\n                                                    <option value=\"CL003\">\n                                Avanzada Bonilla                            <\/option>\n                                                    <option value=\"CL004\">\n                                Cuerpo Arica                            <\/option>\n                                                    <option value=\"CL005\">\n                                Cuerpo Calama Central                            <\/option>\n                                                    <option value=\"CL006\">\n                                Cuerpo Calama Esmeralda                            <\/option>\n                                                    <option value=\"CL007\">\n                                Cuerpo Copiap\u00f3                            <\/option>\n                                                    <option value=\"CL008\">\n                                Cuerpo Iquique                            <\/option>\n                                                    <option value=\"CL009\">\n                                Cuerpo Avenida Matta                            <\/option>\n                                                    <option value=\"CL010\">\n                                Cuerpo Barrancas                            <\/option>\n                                                    <option value=\"CL011\">\n                                Cuerpo Central                            <\/option>\n                                                    <option value=\"CL012\">\n                                Cuerpo El Bosque                            <\/option>\n                                                    <option value=\"CL013\">\n                                Cuerpo Lo Valledor                            <\/option>\n                                                    <option value=\"CL014\">\n                                Cuerpo Lo Vial                            <\/option>\n                                                    <option value=\"CL015\">\n                                Cuerpo Maip\u00fa                            <\/option>\n                                                    <option value=\"CL016\">\n                                Cuerpo Neptuno                            <\/option>\n                                                    <option value=\"CL017\">\n                                Cuerpo Nueva Extremadura                            <\/option>\n                                                    <option value=\"CL018\">\n                                Cuerpo Playa Ancha                            <\/option>\n                                                    <option value=\"CL019\">\n                                Cuerpo Pudahuel                            <\/option>\n                                                    <option value=\"CL020\">\n                                Cuerpo Puente Alto                            <\/option>\n                                                    <option value=\"CL021\">\n                                Cuerpo Quinta Normal                            <\/option>\n                                                    <option value=\"CL022\">\n                                Cuerpo Rancagua                            <\/option>\n                                                    <option value=\"CL023\">\n                                Cuerpo San Gregorio                            <\/option>\n                                                    <option value=\"CL024\">\n                                Marta Brunet                            <\/option>\n                                                    <option value=\"CL025\">\n                                Cuerpo de Ancud                            <\/option>\n                                                    <option value=\"CL026\">\n                                Cuerpo Angol                            <\/option>\n                                                    <option value=\"CL027\">\n                                Cuerpo Chill\u00e1n                            <\/option>\n                                                    <option value=\"CL028\">\n                                Cuerpo Concepci\u00f3n                            <\/option>\n                                                    <option value=\"CL029\">\n                                Cuerpo Hualp\u00e9n                            <\/option>\n                                                    <option value=\"CL030\">\n                                Cuerpo Osorno                            <\/option>\n                                                    <option value=\"CL031\">\n                                Cuerpo Puerto Montt                            <\/option>\n                                                    <option value=\"CL032\">\n                                Cuerpo Punta Arenas                            <\/option>\n                                                    <option value=\"CL033\">\n                                Cuerpo Temuco                            <\/option>\n                                                    <option value=\"CL034\">\n                                Cuerpo Valdivia                            <\/option>\n                                                    <option value=\"CL035\">\n                                Escuela de Cadetes                            <\/option>\n                                                    <option value=\"CL000\">\n                                Cuartel General Territorial                            <\/option>\n                                            <\/select>\n                <\/div>\n                \n                <div class=\"sa-checkbox-field\">\n                    <input type=\"checkbox\" id=\"accept_terms\" required>\n                    <label for=\"accept_terms\">Acepto los <a href=\"#\" class=\"sa-terms-link\" id=\"open-terms-modal\">t\u00e9rminos y condiciones<\/a><\/label>\n                <\/div>\n                \n                <button type=\"submit\" class=\"sa-submit-button\" disabled>DONAR<\/button>\n                \n                <p class=\"sa-redirect-notice\"><img decoding=\"async\" src=\"https:\/\/webpay3g.transbank.cl\/webpayserver\/dist\/assets\/nlayout\/icons\/security.svg\">Ser\u00e1s redirigido al sitio de WebPay para realizar el pago.<\/p>\n            <\/form>\n        <\/div>\n\n        <!-- Terms and Conditions Modal -->\n        <div class=\"sa-modal-overlay\" id=\"terms-modal-overlay\"><\/div>\n        <div class=\"sa-modal\" id=\"terms-modal\">\n            <div class=\"sa-modal-header\">\n                <h2 class=\"sa-modal-title\" style=\"color: white !important;\">\n                    <span class=\"text-white\">T\u00e9rminos y Condiciones para donaciones Ej\u00e9rcito de Salvaci\u00f3n<\/span>\n                    <button class=\"sa-modal-close\" id=\"close-terms-modal\">&times;<\/button>\n                <\/h2>\n            <\/div>\n            <div class=\"sa-modal-body\">\n                <h3>1. Aceptaci\u00f3n de los T\u00e9rminos<\/h3>\n                <p>Al utilizar nuestros servicios de donaci\u00f3n y realizar contribuciones a trav\u00e9s de esta plataforma, usted acepta estar sujeto a estos t\u00e9rminos y condiciones. Si no est\u00e1 de acuerdo con alguna parte de estos t\u00e9rminos, no debe utilizar nuestros servicios.<\/p>\n\n                <h3>2. Proceso de Donaci\u00f3n<\/h3>\n                <p>Las donaciones realizadas a trav\u00e9s de esta plataforma son procesadas de forma segura mediante WebPay Plus de Transbank. Nos comprometemos a mantener la confidencialidad y seguridad de sus datos personales y financieros durante todo el proceso.<\/p>\n                <p>Una vez completada la transacci\u00f3n, recibir\u00e1 una confirmaci\u00f3n por correo electr\u00f3nico con los detalles de su donaci\u00f3n. Esta confirmaci\u00f3n servir\u00e1 como comprobante oficial de su contribuci\u00f3n.<\/p>\n\n                <h3>3. Pol\u00edtica de Donaciones<\/h3>\n                <p>Todas las donaciones son voluntarias y se destinan exclusivamente a los programas y actividades ben\u00e9ficas de nuestra organizaci\u00f3n. Los fondos recaudados se utilizan de manera transparente y responsable para cumplir con nuestra misi\u00f3n social.<\/p>\n                <ul>\n                    <li>Las donaciones \u00fanicas se procesan inmediatamente<\/li>\n                    <li>Las donaciones mensuales se cobran autom\u00e1ticamente cada mes en la fecha seleccionada<\/li>\n                    <li>Puede cancelar su donaci\u00f3n mensual en cualquier momento contact\u00e1ndonos<\/li>\n                    <li>Proporcionamos informes anuales sobre el uso de los fondos donados<\/li>\n                <\/ul>\n\n                <h3>4. Protecci\u00f3n de Datos Personales<\/h3>\n                <p>Cumplimos estrictamente con la Ley de Protecci\u00f3n de Datos Personales de Chile. Sus datos personales ser\u00e1n utilizados \u00fanicamente para procesar su donaci\u00f3n, enviarle confirmaciones y mantenerlo informado sobre nuestras actividades, si as\u00ed lo desea.<\/p>\n                <p>No compartimos, vendemos ni transferimos sus datos personales a terceros sin su consentimiento expreso, excepto cuando sea requerido por ley o para el procesamiento seguro de los pagos.<\/p>\n\n                <h3>5. Pol\u00edtica de Reembolsos<\/h3>\n                <p>Entendemos que las donaciones son contribuciones voluntarias, sin embargo, si por alguna raz\u00f3n necesita solicitar un reembolso, puede contactarnos dentro de los primeros 7 d\u00edas posteriores a la transacci\u00f3n. Evaluaremos cada caso de manera individual.<\/p>\n\n                <h3>6. Beneficios Tributarios<\/h3>\n                <p>Como organizaci\u00f3n sin fines de lucro registrada, sus donaciones pueden ser deducibles de impuestos seg\u00fan la legislaci\u00f3n vigente. Le proporcionaremos los documentos necesarios para que pueda hacer uso de estos beneficios fiscales.<\/p>\n\n                <h3>7. Comunicaciones<\/h3>\n                <p>Al realizar una donaci\u00f3n, acepta recibir comunicaciones relacionadas con su contribuci\u00f3n y, ocasionalmente, informaci\u00f3n sobre nuestros programas y actividades. Puede darse de baja de estas comunicaciones en cualquier momento.<\/p>\n\n                <h3>8. Modificaciones<\/h3>\n                <p>Nos reservamos el derecho de modificar estos t\u00e9rminos y condiciones en cualquier momento. Las modificaciones entrar\u00e1n en vigor inmediatamente despu\u00e9s de su publicaci\u00f3n en esta plataforma. Le notificaremos sobre cambios significativos a trav\u00e9s del correo electr\u00f3nico proporcionado.<\/p>\n\n                <h3>9. Contacto<\/h3>\n                <p>Si tiene preguntas sobre estos t\u00e9rminos y condiciones o sobre nuestros servicios de donaci\u00f3n, puede contactarnos a trav\u00e9s de los medios oficiales disponibles en nuestro sitio web.<\/p>\n\n                <p><strong>\u00daltima actualizaci\u00f3n:<\/strong> Mayo 2025<\/p>\n            <\/div>\n            <div class=\"sa-modal-footer\">\n                <button class=\"sa-modal-accept-btn\" id=\"accept-terms-btn\">Acepto los T\u00e9rminos y Condiciones<\/button>\n            <\/div>\n        <\/div>\n        \n        <script>\n        jQuery(document).ready(function($) {\n            \/\/ Toggle entre donaci\u00f3n \u00fanica y mensual\n            $('.sa-donation-type-btn').on('click', function() {\n                $('.sa-donation-type-btn').removeClass('active');\n                $(this).addClass('active');\n                \n                const type = $(this).data('type');\n                $('#donation_type').val(type);\n                \n                if (type === 'single') {\n                    $('.sa-single-amounts').show();\n                    $('.sa-monthly-plans').hide();\n                    $('#selected_plan').val('');\n                } else {\n                    $('.sa-single-amounts').hide();\n                    $('.sa-monthly-plans').show();\n                    $('#selected_amount').val('');\n                    $('.sa-amount-option').removeClass('selected');\n                }\n                \n                validateForm();\n            });\n            \n            \/\/ Selecci\u00f3n de monto \u00fanico\n            $('.sa-amount-option').on('click', function() {\n                const amount = $(this).data('amount');\n                $('.sa-amount-option').removeClass('selected');\n                $(this).addClass('selected');\n                \n                if (amount === 'custom') {\n                    $('.sa-custom-amount-input').slideDown();\n                    $('#custom_amount').focus();\n                    $('#selected_amount').val('');\n                } else {\n                    $('.sa-custom-amount-input').slideUp();\n                    $('#selected_amount').val(amount);\n                }\n                \n                validateForm();\n            });\n            \n            \/\/ Monto personalizado\n            $('#custom_amount').on('input', function() {\n                \n                const amount = $(this).val();\n                $('#selected_amount').val(amount);\n                validateForm();\n            });\n            \n            \/\/ Selecci\u00f3n de plan mensual\n            $('.sa-monthly-plan').on('click', function() {\n                $('.sa-monthly-plan').removeClass('selected');\n                $(this).addClass('selected');\n                \n                const plan = $(this).data('plan');\n                const amount = $(this).data('amount');\n                \n                if (amount === 'custom') {\n                    $('.sa-monthly-custom-amount-input').slideDown();\n                    $('#monthly_custom_amount').focus();\n                    $('#selected_plan').val('monthly_custom');\n                    $('#selected_amount').val('');\n                } else {\n                    $('.sa-monthly-custom-amount-input').slideUp();\n                    $('#selected_plan').val(plan);\n                    $('#selected_amount').val(amount);\n                }\n                \n                validateForm();\n            });\n\n            \/\/ Monto personalizado mensual\n            $('#monthly_custom_amount').on('input', function() {\n                const amount = $(this).val();\n                if (amount >= 1000 && amount <= 1000000) {\n                    $('#selected_amount').val(amount);\n                    \/\/ Actualizar el plan con el monto personalizado\n                    $('#selected_plan').val('monthly_custom_' + amount);\n                } else {\n                    $('#selected_amount').val('');\n                }\n                validateForm();\n            });\n            \n            \/\/ Validaci\u00f3n del formulario\n            function validateForm() {\n                const donationType = $('#donation_type').val();\n                const amount = $('#selected_amount').val();\n                const plan = $('#selected_plan').val();\n                const name = $('#name').val().trim();\n                const email = $('#email').val();\n                const rut = $('#rut').val();\n                const terms = $('#accept_terms').is(':checked');\n                const cause = $('input[name=\"cause_id\"]:checked').length > 0;\n                const telefone = $('#phone').val();\n\n                \/\/ Validar nombramiento si el campo existe y es requerido\n                let corpsCodeValid = true;\n                const corpsCodeField = $('#corps_code');\n                if (corpsCodeField.length && corpsCodeField.prop('required')) {\n                    const corpsCodeValue = corpsCodeField.val();\n                    corpsCodeValid = corpsCodeValue && corpsCodeValue !== '';\n                }\n                \n                \/\/ If phone has a value and intl-tel-input is loaded, make sure to update hidden field\n                if (telefone && window.intlTelInputGlobals) {\n                    const phoneInputElement = document.querySelector(\"#phone\");\n                    if (phoneInputElement) {\n                        const iti = window.intlTelInputGlobals.getInstance(phoneInputElement);\n                        if (iti && window.validatePhoneNumber) {\n                            window.validatePhoneNumber();\n                        }\n                    }\n                }\n                \n                \/\/ Validar que el nombre contenga al menos nombre y apellido (dos palabras)\n                const nameValid = validateName(name);\n                \n                \/\/ Mostrar el error de nombre si es necesario\n                if (name && !nameValid) {\n                    showNameError();\n                } else {\n                    hideNameError();\n                }\n                \n                let isValid = false;\n\n                if (donationType === 'single' && amount && nameValid && email && rut && terms && cause && corpsCodeValid) {\n                    isValid = true;\n                } else if (donationType === 'monthly' && plan && amount && nameValid && email && rut && terms && cause && corpsCodeValid) {\n                    isValid = true;\n                }\n                \n                $('.sa-submit-button').prop('disabled', !isValid);\n            }\n            \n            \/\/ Funci\u00f3n para validar que el nombre tenga al menos dos palabras (nombre y apellido)\n            function validateName(name) {\n                \/\/ Eliminar espacios m\u00faltiples y dividir por espacios\n                const words = name.replace(\/\\s+\/g, ' ').trim().split(' ');\n                \/\/ Verificar que haya al menos dos palabras y que cada una tenga al menos 2 caracteres\n                return words.length >= 2 && words[0].length >= 2 && words[1].length >= 2;\n            }\n            \n            \/\/ Mostrar mensaje de error para el nombre\n            function showNameError() {\n                const $nameField = $('#name').closest('.sa-form-field');\n                \n                \/\/ Solo agregar el mensaje si no existe ya\n                if ($nameField.find('.sa-error-message').length === 0) {\n                    $nameField.append('<div class=\"sa-error-message\" style=\"color: #dc2626; font-size: 12px; margin-top: 5px;\">Por favor ingresa tu nombre y apellido<\/div>');\n                    $('#name').css('border-color', '#dc2626');\n                }\n            }\n            \n            \/\/ Ocultar mensaje de error para el nombre\n            function hideNameError() {\n                const $nameField = $('#name').closest('.sa-form-field');\n                $nameField.find('.sa-error-message').remove();\n                $('#name').css('border-color', ''); \/\/ Restaurar el borde original\n            }\n            \n            \/\/ Funci\u00f3n para manejar el cambio de causa y mostrar\/ocultar nombramientos\n            function handleCauseChange() {\n                const selectedCause = $('input[name=\"cause_id\"]:checked');\n                const requiresAppointment = selectedCause.attr('data-requires-appointment') === '1';\n                const appointmentsSection = $('#appointments-section');\n                const corpsCodeField = $('#corps_code');\n\n                if (requiresAppointment) {\n                    \/\/ Mostrar secci\u00f3n de nombramientos\n                    appointmentsSection.slideDown(300);\n                    corpsCodeField.prop('required', true);\n                    \/\/ Asegurar que CL900 est\u00e9 seleccionado si no hay valor\n                    if (!corpsCodeField.val()) {\n                        corpsCodeField.val('CL900');\n                    }\n                } else {\n                    \/\/ Ocultar secci\u00f3n de nombramientos\n                    appointmentsSection.slideUp(300);\n                    corpsCodeField.prop('required', false);\n                    \/\/ Mantener CL900 seleccionado en lugar de limpiar\n                    corpsCodeField.val('CL900');\n                }\n\n                validateForm();\n            }\n\n            \/\/ Ejecutar al cargar la p\u00e1gina para causa preseleccionada\n            handleCauseChange();\n\n            \/\/ Forzar visualizaci\u00f3n del valor seleccionado en el select\n            const corpsSelect = document.getElementById('corps_code');\n            if (corpsSelect && corpsSelect.options.length > 0) {\n                \/\/ Si no hay valor seleccionado, seleccionar CL900\n                if (!corpsSelect.value) {\n                    corpsSelect.value = 'CL900';\n                }\n                \/\/ Forzar refresh del select\n                corpsSelect.dispatchEvent(new Event('change'));\n            }\n\n            \/\/ Validaci\u00f3n en tiempo real\n            $('#name, #email').on('input', validateForm);\n            $('#accept_terms').on('change', validateForm);\n            $('input[name=\"cause_id\"]').on('change', function() {\n                handleCauseChange();\n            });\n            $('#corps_code').on('change', validateForm);\n\n            \/\/ Modal functionality\n            $('#open-terms-modal').on('click', function(e) {\n                e.preventDefault();\n                $('#terms-modal-overlay, #terms-modal').fadeIn(300);\n                $('body').css('overflow', 'hidden');\n            });\n\n            function closeModal() {\n                $('#terms-modal-overlay, #terms-modal').fadeOut(300);\n                $('body').css('overflow', 'auto');\n            }\n\n            $('#close-terms-modal, #terms-modal-overlay').on('click', closeModal);\n\n            $('#accept-terms-btn').on('click', function() {\n                $('#accept_terms').prop('checked', true);\n                closeModal();\n                validateForm();\n            });\n\n            \/\/ Close modal with ESC key\n            $(document).on('keydown', function(e) {\n                if (e.key === 'Escape' && $('#terms-modal').is(':visible')) {\n                    closeModal();\n                }\n            });\n\n            \/\/ Formatear RUT\n            $('#rut').on('input', function() {\n                let value = $(this).val().replace(\/[^0-9kK]\/g, '');\n                if (value.length > 1) {\n                    value = value.slice(0, -1) + '-' + value.slice(-1);\n                }\n                $(this).val(value);\n                \n                \/\/ Validar formato b\u00e1sico del RUT\n                if (value.length >= 8) {\n                    validateForm();\n                }\n            });\n            \n            \/\/ Enforce maxlength for phone field\n            $('#phone').on('input', function() {\n                if ($(this).val().length > 15) {\n                    $(this).val($(this).val().substring(0, 15));\n                }\n            });\n\n            \/\/ Funci\u00f3n para validar RUT chileno (opcional pero recomendado)\n            function validateRUT(rut) {\n                \/\/ Limpiar RUT\n                rut = rut.replace(\/[^0-9kK]\/gi, '');\n                if (rut.length < 8) return false;\n                \n                \/\/ Separar d\u00edgito verificador\n                const dv = rut.slice(-1).toUpperCase();\n                const numero = rut.slice(0, -1);\n                \n                \/\/ Calcular d\u00edgito verificador\n                let suma = 0;\n                let multiplicador = 2;\n                \n                for (let i = numero.length - 1; i >= 0; i--) {\n                    suma += parseInt(numero.charAt(i)) * multiplicador;\n                    multiplicador = multiplicador === 7 ? 2 : multiplicador + 1;\n                }\n                \n                const dvEsperado = 11 - (suma % 11);\n                const dvFinal = dvEsperado === 11 ? '0' : dvEsperado === 10 ? 'K' : dvEsperado.toString();\n                \n                return dv === dvFinal;\n            }\n            \n            \/\/ Formatear RUT\n            $('#rut').on('input', function() {\n                let value = $(this).val().replace(\/[^0-9kK]\/g, '');\n                if (value.length > 1) {\n                    value = value.slice(0, -1) + '-' + value.slice(-1);\n                }\n                $(this).val(value);\n            });\n            \n            \/\/ Env\u00edo del formulario\n            $('#sa-unified-donation-form').on('submit', function(e) {\n                e.preventDefault();\n                \n                \/\/ Validar nombre y apellido antes de enviar\n                const name = $('#name').val().trim();\n                if (!validateName(name)) {\n                    showNameError();\n                    $([document.documentElement, document.body]).animate({\n                        scrollTop: $(\"#name\").offset().top - 100\n                    }, 500);\n                    return false;\n                }\n                \n                \/\/ Ensure phone number has country code before submitting\n                const phoneInput = document.querySelector(\"#phone\");\n                if (phoneInput && phoneInput.value.trim() && window.intlTelInputGlobals) {\n                    const iti = window.intlTelInputGlobals.getInstance(phoneInput);\n                    if (iti) {\n                        \/\/ Force update the hidden field with country code\n                        const countryData = iti.getSelectedCountryData();\n                        if (countryData && countryData.dialCode) {\n                            let phoneValue = phoneInput.value.trim().replace(\/\\D\/g, '');\n                            if (phoneValue) {\n                                \/\/ Check if phone already starts with country code and remove if it does\n                                if (phoneValue.startsWith(countryData.dialCode)) {\n                                    phoneValue = phoneValue.substring(countryData.dialCode.length);\n                                }\n                                \/\/ Update hidden field with full international format - digits only\n                                document.querySelector('#full_phone').value = '+' + countryData.dialCode + phoneValue;\n                            }\n                        }\n                    }\n                }\n                \n                const donationType = $('#donation_type').val();\n                const action = donationType === 'single' ? 'sa_process_donation' : 'sa_process_subscription';\n                \n                const formData = new FormData(this);\n                formData.append('action', action);\n                \n                \/\/ Usar el nonce correcto para suscripci\u00f3n\n                if (donationType === 'monthly') {\n                    formData.delete('sa_nonce');\n                    formData.append('sa_nonce', $('input[name=\"sa_sub_nonce\"]').val());\n                }\n                \n                \/\/ Mostrar loading\n                const $btn = $('.sa-submit-button');\n                const originalText = $btn.text();\n                $btn.prop('disabled', true).text('Procesando...');\n                \n                \/\/ Funci\u00f3n para POST autom\u00e1tico a Webpay OneClick\n                function redirectToWebpayPOST(url, token) {\n                    var form = document.createElement('form');\n                    form.method = 'POST';\n                    form.action = url.split('?')[0];\n                    var input = document.createElement('input');\n                    input.type = 'hidden';\n                    input.name = 'TBK_TOKEN';\n                    input.value = token;\n                    form.appendChild(input);\n                    document.body.appendChild(form);\n                    form.submit();\n                }\n                \n                $.ajax({\n                    url: sa_transbank.ajax_url,\n                    type: 'POST',\n                    data: formData,\n                    processData: false,\n                    contentType: false,\n                    success: function(response) {\n                        if (donationType === 'monthly' && response.success && response.data.redirect_url && response.data.token) {\n                            redirectToWebpayPOST(response.data.redirect_url, response.data.token);\n                        } else if (response.success && response.data.redirect_url) {\n                            window.location.href = response.data.redirect_url;\n                        } else {\n                            $('body').append(`\n                                <div class=\"sa-modal-overlay\" style=\"display: block;\"><\/div>\n                                <div class=\"sa-modal\" style=\"display: block; max-width: 400px;\">\n                                    <div class=\"sa-modal-header\" style=\"padding: 10px 15px;\">\n                                        <h5 class=\"sa-modal-title\" style=\"color: white !important; font-size: 18px; margin: 0;\">\n                                            <span>Error<\/span>\n                                            <button class=\"sa-modal-close\" style=\"width: 30px; height: 30px;\">&times;<\/button>\n                                        <\/h5>\n                                    <\/div>\n                                    <div class=\"sa-modal-body\" style=\"padding: 15px;\">\n                                        <p>${response.data.message || 'Error al procesar la donaci\u00f3n'}<\/p>\n                                    <\/div>\n                                    <div class=\"sa-modal-footer\" style=\"padding: 10px 15px;\">\n                                        <button class=\"sa-modal-accept-btn\">Aceptar<\/button>\n                                    <\/div>\n                                <\/div>\n                            `);\n                            $('.sa-modal-close, .sa-modal-accept-btn, .sa-modal-overlay').on('click', function() {\n                                $('.sa-modal-overlay, .sa-modal').remove();\n                            });\n                            $btn.prop('disabled', false).text(originalText);\n                        }\n                    },\n                    error: function() {\n                        $('body').append(`\n                            <div class=\"sa-modal-overlay\" style=\"display: block;\"><\/div>\n                            <div class=\"sa-modal\" style=\"display: block; max-width: 400px;\">\n                                <div class=\"sa-modal-header\" style=\"padding: 10px 15px;\">\n                                    <h5 class=\"sa-modal-title\" style=\"color: white !important; font-size: 18px; margin: 0;\">\n                                        <span>Error<\/span>\n                                        <button class=\"sa-modal-close\" style=\"width: 30px; height: 30px;\">&times;<\/button>\n                                    <\/h5>\n                                <\/div>\n                                <div class=\"sa-modal-body\" style=\"padding: 15px;\">\n                                    <p>Error de conexi\u00f3n. Por favor, intenta nuevamente.<\/p>\n                                <\/div>\n                                <div class=\"sa-modal-footer\" style=\"padding: 10px 15px;\">\n                                    <button class=\"sa-modal-accept-btn\">Aceptar<\/button>\n                                <\/div>\n                            <\/div>\n                        `);\n                        $('.sa-modal-close, .sa-modal-accept-btn, .sa-modal-overlay').on('click', function() {\n                            $('.sa-modal-overlay, .sa-modal').remove();\n                        });\n                        $btn.prop('disabled', false).text(originalText);\n                    }\n                });\n            });\n        });\n        <\/script>\n        \n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-99e3f2f\" data-block-id=\"99e3f2f\"><style>.stk-99e3f2f {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-99e3f2f-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ec62f31 stk-block-background\" data-v=\"4\" data-block-id=\"ec62f31\"><style>.stk-ec62f31 {background-color:#132230 !important;}.stk-ec62f31:before{background-color:#132230 !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ec62f31-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ec62f31-inner-blocks\">\n<div class=\"wp-block-stackable-columns aligncenter stk-block-columns stk-block stk-c7c9921\" data-block-id=\"c7c9921\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c7c9921-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-7df286f\" data-v=\"4\" data-block-id=\"7df286f\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-7df286f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-7df286f-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-8f42cd0\" data-block-id=\"8f42cd0\"><style>.stk-8f42cd0 .stk-block-text__text{font-size:14px !important;color:var(--theme-palette-color-1, rgb(239,62,66)) !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:1px !important;}@media screen and (max-width: 1023px){.stk-8f42cd0 .stk-block-text__text{font-size:14px !important;}}<\/style><p class=\"stk-block-text__text has-text-color\">Transparencia<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-0ab8bb1\" id=\"como-se-manejan-las-donaciones\" data-block-id=\"0ab8bb1\"><style>.stk-0ab8bb1 .stk-block-heading__text{color:var(--theme-palette-color-8, #ffffff) !important;}<\/style><h2 class=\"stk-block-heading__text has-text-color has-text-align-center\">\u00bfC\u00f3mo se manejan las donaciones?<\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-f13e850\" data-block-id=\"f13e850\"><style>.stk-f13e850 .stk-block-text__text{color:var(--theme-palette-color-8, #ffffff) !important;}<\/style><p class=\"stk-block-text__text has-text-color\">Cada campa\u00f1a o acci\u00f3n social, la elaboramos a partir de un estudio de la situaci\u00f3n actual, las necesidades prioritarias y secundarias. Tambi\u00e9n separamos un porcentaje para cubrir los costos administrativos del equipo de voluntarios.<\/p><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a0ce38c\" data-v=\"4\" data-block-id=\"a0ce38c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a0ce38c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a0ce38c-inner-blocks\">\n<div class=\"graphic-texts\">\n<div>\n<div class=\"rectangle rectangle-blue\"><\/div>\n<span>Fondos Campa\u00f1a<\/span>\n<\/div>\n\n<div>\n<div class=\"rectangle rectangle-red\"><\/div>\n<span>Area Comunicaciones<\/span>\n<\/div>\n\n<div>\n<div class=\"rectangle rectangle-green\"><\/div>\n<span>Plataforma Dona<\/span>\n<\/div>\n\n<div>\n<div class=\"rectangle rectangle-yellow\"><\/div>\n<span>Gastos Operacionales<\/span>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-f98cec1\" data-block-id=\"f98cec1\"><style>.stk-f98cec1 .stk-img-wrapper{width:60% !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-953\" src=\"https:\/\/www.ejercitodesalvacion.cl\/wp-content\/uploads\/2024\/10\/image-removebg-preview.png\" width=\"469\" height=\"417\"\/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Transparencia \u00bfC\u00f3mo se manejan las donaciones? Cada campa\u00f1a o acci\u00f3n social, la elaboramos a partir de un estudio de la situaci\u00f3n actual, las necesidades prioritarias y secundarias. Tambi\u00e9n separamos un porcentaje para cubrir los costos administrativos del equipo de voluntarios. Fondos Campa\u00f1a Area Comunicaciones Plataforma Dona Gastos Operacionales<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1436","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.ejercitodesalvacion.cl\/en\/wp-json\/wp\/v2\/pages\/1436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ejercitodesalvacion.cl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ejercitodesalvacion.cl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ejercitodesalvacion.cl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ejercitodesalvacion.cl\/en\/wp-json\/wp\/v2\/comments?post=1436"}],"version-history":[{"count":9,"href":"https:\/\/www.ejercitodesalvacion.cl\/en\/wp-json\/wp\/v2\/pages\/1436\/revisions"}],"predecessor-version":[{"id":1965,"href":"https:\/\/www.ejercitodesalvacion.cl\/en\/wp-json\/wp\/v2\/pages\/1436\/revisions\/1965"}],"wp:attachment":[{"href":"https:\/\/www.ejercitodesalvacion.cl\/en\/wp-json\/wp\/v2\/media?parent=1436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}