{"id":79627,"date":"2025-01-28T23:33:24","date_gmt":"2025-01-29T02:33:24","guid":{"rendered":"https:\/\/b-logos.sementesdoverbo.org\/?page_id=79627"},"modified":"2025-03-14T16:22:25","modified_gmt":"2025-03-14T19:22:25","slug":"pagina-de-sucesso","status":"publish","type":"page","link":"https:\/\/b-logos.sementesdoverbo.org\/pt_br\/pagina-de-sucesso\/","title":{"rendered":"pagina de sucesso"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"79627\" class=\"elementor elementor-79627\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6fbf973 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6fbf973\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-614db31\" data-id=\"614db31\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0c1b551 elementor-widget elementor-widget-shortcode\" data-id=\"0c1b551\" 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\">Erro: Transa\u00e7\u00e3o n\u00e3o encontrada.<div id=\"printSection\">\n\n<!DOCTYPE html>\n<html lang=\"pt-br\">\n<head>\n    <meta http-equiv=\"content-type\" content=\"text\/html; charset=UTF-8\">\n    <meta charset=\"utf-8\">\n    <title>Check-Out B-logos<\/title>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\n\n    <!-- Fontes e Estilos -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/4.3.1\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qrcodejs\/1.0.0\/qrcode.min.js\"><\/script>\n\n    <!-- Estilos Personalizados -->\n    <style>\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background-color: #f8f9fa;\n            margin: 0;\n            padding: 0;\n        }\n\n        .container {\n            max-width: 1169px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\t\t        .header-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 20px;\n            flex-wrap: wrap;\n        }\n\n        .header-title {\n            font-size: 34px;\n            font-weight: bold;\n            color: #001e2f;\n            margin: 0;\n            flex: 1 1 auto;\n        }\n\n        .header-status {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            flex: 0 1 auto;\n        }\n\n        .header-status svg {\n            width: 30px;\n            height: 30px;\n            margin-right: 8px;\n        }\n\n        .header-status-text {\n            font-size: 24px;\n            font-weight: bold;\n            color: #3faf6c;\n            margin: 0;\n        }\n\n\t\timg.Banner-evento-pequeno {\n\t\t\twidth: 190px;\n\t\t\theight: auto;\n\t\t\tobject-fit: contain;\n\t\t\tmargin-bottom: 10px;\n\t\t\tborder-radius: 25px;\n\t\t}\n        .Retngulo-2-copiar-2 {\n\t\t\twidth: 100%;\n\t\t\tpadding: 20px;\n\t\t\tborder-radius: 20px;\n\t\t\tborder: solid 4px #3faf6c;\n\t\t\tbackground-color: #fff;\n\t\t\tbox-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 65% 35%; \/* Define as propor\u00e7\u00f5es das colunas *\/\n\t\t\tgap: 20px;\n\t\t\talign-items: center;\n\t\t}\n        .retangulo-pendente {\n            width: 100%;\n\t\t\tpadding: 20px;\n            border-radius: 20px;\n            border: solid 4px #f9b256;\n            background-color: #fff;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 65% 35%; \/* Define as propor\u00e7\u00f5es das colunas *\/\n\t\t\tgap: 20px;\n\t\t\talign-items: center;\n\n        }\n        .pendente {\n\t\t\t font-family: Montserrat;\n\t\t\t font-size: 24px;\n\t\t\t font-weight: bold;\n\t\t\t font-stretch: normal;\n\t\t\t font-style: normal;\n\t\t\t line-height: normal;\n\t\t\t letter-spacing: normal;\n\t\t\t text-align: left;\n\t\t\t color: #f9b256;\n             margin-bottom: 0!important;\n\t\t}\n        .header-status-text {\n            font-size: 24px;\n            font-weight: bold;\n            color: #3faf6c;\n            margin: 0;\n        }\n\n        .event-info {\n            display: flex;\n            align-items: flex-start;\n            gap: 20px;\n            flex-wrap: wrap;\n        }\n\n\n        .event-texts {\n            font-size: 16px;\n            flex: 1;\n        }\n\n        .event-title {\n            font-size: 20px;\n            font-weight: bold;\n            color: #001e2f;\n            margin: 0;\n        }\n\n        .event-subtitle {\n            font-size: 16px;\n            color: #001e2f;\n            margin: 0;\n        }\n\n        .event-details {\n            font-size: 14px;\n            color: #666;\n            margin: 10px 0 0 0;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .event-details i {\n            font-size: 16px;\n            color: #666;\n        }\n\n\t\t.QRCode-area {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\ttext-align: center;\n\t\t}\n\n\n        .QRCode-area img {\n            width: 120px;\n            height: 120px;\n            margin: 10px 0;\n        }\n\n        .QRCode-area p {\n            margin: 5px 0;\n        }\n\n        .QRCode-area button {\n            background-color: #009fe3;\n            color: #fff;\n            border: none;\n            padding: 10px 20px;\n            border-radius: 5px;\n            cursor: pointer;\n            font-weight: bold;\n        }\n\n        .QRCode-area button:hover {\n            background-color: #007bb5;\n        }\n\n        \/* Responsividade *\/\n        @media (max-width: 768px) {\n\t\t    .header-title {\n                font-size: 24px;\n                text-align: center;\n                margin-bottom: 10px;\n            }\n\n            .header-status {\n                justify-content: center;\n                margin-top: 10px;\n            }\n\n            .header-status svg {\n                width: 20px;\n                height: 20px;\n            }\n\n            .header-status-text {\n                font-size: 18px;\n            }\n            .Retngulo-2-copiar-2 {\n                grid-template-columns: 1fr;\n            }\n\n            .event-info {\n                flex-direction: column;\n                align-items: center;\n            }\n\n            img.Banner-evento-pequeno {\n                width: 100%; \/* Ocupa toda a largura em telas pequenas *\/\n                max-width: 300px;\n            }\n\n            .event-texts {\n                text-align: center;\n            }\n\n            .QRCode-area {\n                margin-top: 20px;\n            }\n        }\n\n        @media (max-width: 576px) {\n\t\t\t.header-title {\n                font-size: 20px;\n            }\n\n            .header-status-text {\n                font-size: 16px;\n            }\n\n            .Retngulo-2-copiar-2 {\n                padding: 15px;\n            }\n\n            img.Banner-evento-pequeno {\n                max-width: 250px;\n            }\n\n            .QRCode-area img {\n                width: 100px;\n                height: 100px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n                <!-- Evento Container -->\n                <div class=\"header-container\">\n                    <h1 class=\"header-title\">Falta pouco para concluir<\/h1>\n                    <div class=\"header-status\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"31\" height=\"31\">\n                            <path fill-rule=\"evenodd\" fill=\"#F9B256\" d=\"M15.702 30.702c-8.28 0-15-6.72-15-15 0-8.28 6.72-15 15-15 8.28 0 15 6.72 15 15 0 8.28-6.72 15-15 15zm0-27c-5.982 0-12 6.018-12 12 0 6.63 6.018 12 12 12 6.63 0 11.999-5.37 11.999-12 0-5.982-5.369-12-11.999-12zm7.499 14.25a2.25 2.25 0 1 1 .002-4.5 2.25 2.25 0 0 1-.002 4.5zm-7.499 0a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5zm-7.5 0a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5z\"\/>\n                        <\/svg>\n                        <p class=\"pendente\">Pendente!<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"retangulo-pendente\">\n                    <!-- Bloco do Evento -->\n                    <div class=\"event-info\">\n                        <img decoding=\"async\" class=\"Banner-evento-pequeno\" src=\"\" alt=\"Banner do Evento\">\n                        <div class=\"event-texts\">\n                            <p class=\"event-title\">pagina de sucesso<\/p>\n                            <p class=\"event-subtitle\"><\/p>\n                            <div class=\"event-details\">\n                                <i class=\"fa fa-calendar\"><\/i>\n                                <span><\/span>\n                            <\/div>\n                            <div class=\"event-details\">\n                                <i class=\"fa fa-map-marker\"><\/i>\n                                <span><br><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Bloco do QR Code e Informa\u00e7\u00f5es -->\n                    <div class=\"QRCode-area\">\n                        <div id=\"qrcode\"><\/div>\n                        <p>N\u00ba do Pedido: <strong><\/strong><\/p>\n                        <a href=\"https:\/\/b-logos.sementesdoverbo.org\/pt_br\/pagina-de-sucesso\/?transactionId=\"><button >Verificar Pagamento<\/button><\/a>\n                    <\/div>\n                <\/div>\n            <\/div><\/body>\n<\/html>\n<\/div>\n\n<script>\n  var qrcode = new QRCode(document.getElementById(\"qrcode\"), {\n    text: \"\", \/\/ Passa a URL gerada como texto para o QR Code\n    width: 128,\n    height: 128\n  });\n<\/script>\n<script>\n        function printDiv() {\n            var content = document.getElementById('printSection').innerHTML;\n            var originalContent = document.body.innerHTML;\n            document.body.innerHTML = content;\n            window.print();\n            document.body.innerHTML = originalContent;\n        }\n<\/script><\/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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-79627","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/b-logos.sementesdoverbo.org\/pt_br\/wp-json\/wp\/v2\/pages\/79627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/b-logos.sementesdoverbo.org\/pt_br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/b-logos.sementesdoverbo.org\/pt_br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/b-logos.sementesdoverbo.org\/pt_br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/b-logos.sementesdoverbo.org\/pt_br\/wp-json\/wp\/v2\/comments?post=79627"}],"version-history":[{"count":0,"href":"https:\/\/b-logos.sementesdoverbo.org\/pt_br\/wp-json\/wp\/v2\/pages\/79627\/revisions"}],"wp:attachment":[{"href":"https:\/\/b-logos.sementesdoverbo.org\/pt_br\/wp-json\/wp\/v2\/media?parent=79627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}