{"id":5326,"date":"2026-08-12T09:38:25","date_gmt":"2026-08-12T09:38:25","guid":{"rendered":"https:\/\/grandstrap.com\/es\/?page_id=5326"},"modified":"2026-08-13T08:44:23","modified_gmt":"2026-08-13T08:44:23","slug":"pago-online","status":"publish","type":"page","link":"https:\/\/grandstrap.com\/es\/pago-online\/","title":{"rendered":"Pago Online"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5326\" class=\"elementor elementor-5326\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77f5785 e-flex e-con-boxed e-con e-parent\" data-id=\"77f5785\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8173923 elementor-widget elementor-widget-shortcode\" data-id=\"8173923\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n\n    .grandstrap-payment-box {\n        max-width: 760px;\n        margin: 0 auto;\n        padding: 45px;\n        background: #fff;\n        border: 1px solid #e8e8e8;\n        box-shadow: 0 15px 45px rgba(0, 0, 0, .07);\n        box-sizing: border-box;\n    }\n\n\n    .grandstrap-payment-title {\n        margin-bottom: 32px;\n        padding-bottom: 20px;\n        border-bottom: 1px solid #e8e8e8;\n    }\n\n\n    .grandstrap-payment-title h3 {\n        margin: 0 0 8px;\n        font-size: 22px;\n        font-weight: 700;\n        color: #171717;\n    }\n\n\n    .grandstrap-payment-title p {\n        margin: 0;\n        font-size: 14px;\n        color: #777;\n    }\n\n\n    .grandstrap-payment-field {\n        margin-bottom: 24px;\n    }\n\n\n    .grandstrap-payment-field label {\n        display: block;\n        margin-bottom: 9px;\n        font-size: 13px;\n        font-weight: 600;\n        color: #222;\n    }\n\n\n    .grandstrap-payment-field input {\n        width: 100%;\n        height: 56px;\n        padding: 0 17px;\n        border: 1px solid #dedede;\n        background: #fff;\n        font-family: inherit;\n        font-size: 15px;\n        color: #222;\n        outline: none;\n        box-sizing: border-box;\n        transition: border-color .2s ease;\n    }\n\n\n    .grandstrap-payment-field input:focus {\n        border-color: #c91f26;\n    }\n\n\n    \/* =====================================================\n       AMOUNT\n    ===================================================== *\/\n\n    .grandstrap-payment-amount {\n        position: relative;\n        width: 100%;\n    }\n\n\n    .grandstrap-payment-amount input {\n        width: 100%;\n        height: 56px;\n        padding: 0 65px 0 17px;\n        text-align: right;\n        font-size: 17px;\n        font-weight: 600;\n        box-sizing: border-box;\n    }\n\n\n    .grandstrap-payment-currency {\n        position: absolute;\n        right: 17px;\n        top: 50%;\n        transform: translateY(-50%);\n        font-size: 14px;\n        font-weight: 700;\n        color: #777;\n        pointer-events: none;\n        user-select: none;\n    }\n\n\n    \/* =====================================================\n       BUTTON\n    ===================================================== *\/\n\n    .grandstrap-payment-action {\n        margin-top: 32px;\n    }\n\n\n    .grandstrap-payment-button {\n        width: 100%;\n        min-height: 58px;\n        border: 0;\n        background: #c91f26;\n        color: #fff;\n        font-family: inherit;\n        font-size: 14px;\n        font-weight: 700;\n        letter-spacing: .5px;\n        text-transform: uppercase;\n        cursor: pointer;\n        transition: background .2s ease;\n    }\n\n\n    .grandstrap-payment-button:hover {\n        background: #a9181f;\n    }\n\n\n    \/* =====================================================\n       SECURITY\n    ===================================================== *\/\n\n    .grandstrap-payment-security {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        margin-top: 28px;\n        padding-top: 24px;\n        border-top: 1px solid #e8e8e8;\n        font-size: 13px;\n        color: #777;\n        text-align: center;\n    }\n\n\n    .grandstrap-payment-security strong {\n        color: #333;\n    }\n\n\n    \/* =====================================================\n       MOBILE\n    ===================================================== *\/\n\n    @media (max-width: 767px) {\n\n        .grandstrap-payment-box {\n            padding: 30px 22px;\n        }\n\n\n        .grandstrap-payment-security {\n            display: block;\n            line-height: 1.7;\n        }\n\n    }\n\n    <\/style>\n\n\n    <div class=\"grandstrap-payment-box\">\n\n\n        <div class=\"grandstrap-payment-title\">\n\n            <h3>\n                Datos de pago\n            <\/h3>\n\n            <p>\n                Introduzca sus datos de pago.\n            <\/p>\n\n        <\/div>\n\n\n        <form\n            method=\"post\"\n            action=\"https:\/\/grandstrap.com\/es\/wp-admin\/admin-post.php\"\n        >\n\n\n            <input\n                type=\"hidden\"\n                name=\"action\"\n                value=\"grandstrap_start_payment\"\n            >\n\n\n            <input type=\"hidden\" id=\"grandstrap_payment_nonce\" name=\"grandstrap_payment_nonce\" value=\"5a5d165c0b\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/pages\/5326\" \/>\n\n            <!-- =========================================\n                 NOMBRE COMPLETO\n            ========================================== -->\n\n            <div class=\"grandstrap-payment-field\">\n\n                <label for=\"payment-name\">\n                    Nombre completo\n                <\/label>\n\n                <input\n                    type=\"text\"\n                    id=\"payment-name\"\n                    name=\"payment_name\"\n                    autocomplete=\"name\"\n                    required\n                >\n\n            <\/div>\n\n\n            <!-- =========================================\n                 NOMBRE DE LA EMPRESA\n            ========================================== -->\n\n            <div class=\"grandstrap-payment-field\">\n\n                <label for=\"payment-company\">\n                    Nombre de la empresa\n                <\/label>\n\n                <input\n                    type=\"text\"\n                    id=\"payment-company\"\n                    name=\"payment_company\"\n                    autocomplete=\"organization\"\n                >\n\n            <\/div>\n\n\n            <!-- =========================================\n                 IMPORTE\n            ========================================== -->\n\n            <div class=\"grandstrap-payment-field\">\n\n                <label for=\"payment-amount\">\n                    Importe\n                <\/label>\n\n\n                <div class=\"grandstrap-payment-amount\">\n\n                    <input\n                        type=\"text\"\n                        id=\"payment-amount\"\n                        name=\"payment_amount\"\n                        inputmode=\"decimal\"\n                        autocomplete=\"off\"\n                        required\n                    >\n\n\n                    <span class=\"grandstrap-payment-currency\">\n                        TRY\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =========================================\n                 BUTTON\n            ========================================== -->\n\n            <div class=\"grandstrap-payment-action\">\n\n                <button\n                    type=\"submit\"\n                    class=\"grandstrap-payment-button\"\n                >\n                    Continuar al pago\n                <\/button>\n\n            <\/div>\n\n\n            <!-- =========================================\n                 SECURITY\n            ========================================== -->\n\n            <div class=\"grandstrap-payment-security\">\n\n                <span>\n                    Procesamiento de pago seguro\n                <\/span>\n\n                <strong>\n                    Entorno de pago protegido\n                <\/strong>\n\n            <\/div>\n\n\n        <\/form>\n\n    <\/div>\n\n\n    <!-- =================================================\n         TUTAR FORMAT SCRIPT\n    ================================================== -->\n\n    <script>\n\n    document.addEventListener(\n        'DOMContentLoaded',\n        function () {\n\n            var amountField =\n                document.getElementById(\n                    'payment-amount'\n                );\n\n\n            if (!amountField) {\n                return;\n            }\n\n\n            amountField.addEventListener(\n                'input',\n                function () {\n\n                    var input = this;\n\n                    var original =\n                        input.value;\n\n\n                    var cursor =\n                        input.selectionStart;\n\n\n                    var beforeCursor =\n                        original.substring(\n                            0,\n                            cursor\n                        );\n\n\n                    var digitsBeforeCursor =\n                        (\n                            beforeCursor.match(\n                                \/\\d\/g\n                            ) || []\n                        ).length;\n\n\n                    var originalComma =\n                        original.indexOf(',');\n\n\n                    var cursorInDecimal =\n                        (\n                            originalComma !== -1 &&\n                            cursor > originalComma\n                        );\n\n\n                    var decimalDigitsBeforeCursor =\n                        0;\n\n\n                    if (\n                        cursorInDecimal\n                    ) {\n\n                        decimalDigitsBeforeCursor =\n                            (\n                                original\n                                    .substring(\n                                        originalComma + 1,\n                                        cursor\n                                    )\n                                    .match(\n                                        \/\\d\/g\n                                    ) || []\n                            ).length;\n                    }\n\n\n                    \/*\n                     * Solo n\u00fameros y coma.\n                     *\/\n\n                    var value =\n                        original.replace(\n                            \/[^\\d,]\/g,\n                            ''\n                        );\n\n\n                    var commaIndex =\n                        value.indexOf(',');\n\n\n                    var integerPart;\n                    var decimalPart = '';\n\n\n                    if (\n                        commaIndex !== -1\n                    ) {\n\n                        integerPart =\n                            value.substring(\n                                0,\n                                commaIndex\n                            );\n\n\n                        decimalPart =\n                            value.substring(\n                                commaIndex + 1\n                            );\n\n\n                        decimalPart =\n                            decimalPart.replace(\n                                \/,\/g,\n                                ''\n                            );\n\n\n                        \/*\n                         * M\u00e1ximo 2 decimales.\n                         *\/\n\n                        decimalPart =\n                            decimalPart.substring(\n                                0,\n                                2\n                            );\n\n                    } else {\n\n                        integerPart =\n                            value;\n                    }\n\n\n                    \/*\n                     * Eliminar ceros innecesarios\n                     * al principio.\n                     *\/\n\n                    integerPart =\n                        integerPart.replace(\n                            \/^0+(?=\\d)\/,\n                            ''\n                        );\n\n\n                    \/*\n                     * Separador de miles.\n                     *\/\n\n                    var formattedInteger =\n                        integerPart.replace(\n                            \/\\B(?=(\\d{3})+(?!\\d))\/g,\n                            '.'\n                        );\n\n\n                    var newValue;\n\n\n                    if (\n                        commaIndex !== -1\n                    ) {\n\n                        newValue =\n                            formattedInteger +\n                            ',' +\n                            decimalPart;\n\n                    } else {\n\n                        newValue =\n                            formattedInteger;\n                    }\n\n\n                    input.value =\n                        newValue;\n\n\n                    \/*\n                     * Recalcular posici\u00f3n del cursor.\n                     *\/\n\n                    var newCursor = 0;\n\n                    var countedDigits = 0;\n\n\n                    while (\n                        newCursor <\n                            newValue.length\n                        &&\n                        countedDigits <\n                            digitsBeforeCursor\n                    ) {\n\n                        if (\n                            \/\\d\/.test(\n                                newValue.charAt(\n                                    newCursor\n                                )\n                            )\n                        ) {\n\n                            countedDigits++;\n                        }\n\n\n                        newCursor++;\n                    }\n\n\n                    if (\n                        cursorInDecimal\n                    ) {\n\n                        var newComma =\n                            newValue.indexOf(',');\n\n\n                        if (\n                            newComma !== -1\n                        ) {\n\n                            newCursor =\n                                newComma +\n                                1 +\n                                decimalDigitsBeforeCursor;\n\n\n                            newCursor =\n                                Math.min(\n                                    newCursor,\n                                    newValue.length\n                                );\n                        }\n                    }\n\n\n                    try {\n\n                        input.setSelectionRange(\n                            newCursor,\n                            newCursor\n                        );\n\n                    } catch (e) {}\n\n                }\n            );\n\n        }\n    );\n\n    <\/script>\n\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-5326","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grandstrap.com\/es\/wp-json\/wp\/v2\/pages\/5326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grandstrap.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grandstrap.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grandstrap.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/grandstrap.com\/es\/wp-json\/wp\/v2\/comments?post=5326"}],"version-history":[{"count":11,"href":"https:\/\/grandstrap.com\/es\/wp-json\/wp\/v2\/pages\/5326\/revisions"}],"predecessor-version":[{"id":5343,"href":"https:\/\/grandstrap.com\/es\/wp-json\/wp\/v2\/pages\/5326\/revisions\/5343"}],"wp:attachment":[{"href":"https:\/\/grandstrap.com\/es\/wp-json\/wp\/v2\/media?parent=5326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}