{"id":1368,"date":"2024-06-25T21:22:56","date_gmt":"2024-06-25T19:22:56","guid":{"rendered":"https:\/thank_you\/"},"modified":"2026-01-25T19:11:05","modified_gmt":"2026-01-25T18:11:05","slug":"thank_you","status":"publish","type":"page","link":"https:\/\/zstrategy.es\/en\/thank_you\/","title":{"rendered":"Thank You"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1368\" class=\"elementor elementor-1368\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d7b655a e-flex e-con-boxed e-con e-parent\" data-id=\"1d7b655a\" 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-d8562e2 elementor-widget elementor-widget-html\" data-id=\"d8562e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u00a1Gracias por tu compra!<\/title>\r\n<style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            background: linear-gradient(135deg, #0a1f2e 0%, #1a3a47 50%, #0d2d3d 100%);\r\n            background-attachment: fixed;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 20px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        body::before {\r\n            content: '';\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-image: \r\n                radial-gradient(circle at 20% 50%, rgba(0, 150, 180, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(0, 150, 180, 0.1) 0%, transparent 50%);\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .container {\r\n            background: white;\r\n            border-radius: 20px;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n            max-width: 600px;\r\n            width: 100%;\r\n            padding: 60px 40px;\r\n            text-align: center;\r\n            animation: slideUp 0.8s ease-out;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        @keyframes slideUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        .checkmark {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto 30px;\r\n            background: linear-gradient(135deg, #00a8d8 0%, #0096b4 100%);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            animation: popIn 0.6s ease-out 0.3s both;\r\n        }\r\n        \r\n        @keyframes popIn {\r\n            from {\r\n                transform: scale(0);\r\n            }\r\n            to {\r\n                transform: scale(1);\r\n            }\r\n        }\r\n        \r\n        .checkmark svg {\r\n            width: 50px;\r\n            height: 50px;\r\n            stroke: white;\r\n            stroke-width: 3;\r\n            fill: none;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n        }\r\n        \r\n        .checkmark-path {\r\n            stroke-dasharray: 100;\r\n            stroke-dashoffset: 100;\r\n            animation: checkmark-draw 0.8s ease-out 0.5s forwards;\r\n        }\r\n        \r\n        @keyframes checkmark-draw {\r\n            to {\r\n                stroke-dashoffset: 0;\r\n            }\r\n        }\r\n        \r\n        h1 {\r\n            color: #333;\r\n            font-size: 2.5em;\r\n            margin-bottom: 15px;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .subtitle {\r\n            color: #666;\r\n            font-size: 1.1em;\r\n            margin-bottom: 30px;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .order-info {\r\n            background: #f8f9fa;\r\n            border-left: 4px solid #00a8d8;\r\n            padding: 20px;\r\n            margin: 30px 0;\r\n            border-radius: 8px;\r\n            text-align: left;\r\n        }\r\n        \r\n        .order-info p {\r\n            color: #555;\r\n            margin: 8px 0;\r\n            font-size: 0.95em;\r\n        }\r\n        \r\n        .order-info strong {\r\n            color: #333;\r\n        }\r\n        \r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-top: 40px;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .btn {\r\n            padding: 14px 30px;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-size: 1em;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .btn-primary {\r\n            background: linear-gradient(135deg, #00a8d8 0%, #0096b4 100%);\r\n            color: white;\r\n        }\r\n        \r\n        .btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(0, 168, 216, 0.4);\r\n        }\r\n        \r\n        .btn-secondary {\r\n            background: white;\r\n            color: #00a8d8;\r\n            border: 2px solid #00a8d8;\r\n        }\r\n        \r\n        .btn-secondary:hover {\r\n            background: #f0f8fb;\r\n        }\r\n        \r\n        .footer-text {\r\n            color: #999;\r\n            font-size: 0.9em;\r\n            margin-top: 30px;\r\n            padding-top: 20px;\r\n            border-top: 1px solid #eee;\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .container {\r\n                padding: 40px 25px;\r\n            }\r\n            \r\n            h1 {\r\n                font-size: 1.8em;\r\n            }\r\n            \r\n            .cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .btn {\r\n                width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <div class=\"checkmark\">\r\n            <svg viewbox=\"0 0 52 52\">\r\n                <path class=\"checkmark-path\" d=\"M 16 28 L 24 36 L 36 16\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n        \r\n        <h1>Thank you for your purchase!<\/h1>\r\n        \r\n        <p class=\"subtitle\">\r\n            Your order has been successfully confirmed. You will receive a confirmation email with your purchase details and another with your login details for our member community.\r\n        <\/p>\r\n        \r\n        <div class=\"order-info\" id=\"orderInfo\" style=\"display:none;\">\r\n        <\/div>\r\n        \r\n        <p class=\"subtitle\" style=\"margin-bottom: 0;\">\r\n          \r\n        <\/p>\r\n        \r\n        <div class=\"cta-buttons\">\r\n            <a href=\"https:\/\/zstrategy.es\/en\/login\/\" class=\"btn btn-primary\">\r\n                Access my account\r\n            <\/a>\r\n            <a href=\"https:\/\/zstrategy.es\/en\/shop\/\" class=\"btn btn-secondary\">\r\n                Continue shopping\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <p class=\"footer-text\">\r\n            If you have any questions, please contact us at <a href=\"mailto:support@zstrategy.es\">\r\n                <strong>support@zstrategy.es<\/strong>\r\n            <\/a><br>\r\n            We are here to help you.\r\n        <\/p>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\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>","protected":false},"excerpt":{"rendered":"<p>\u00a1Gracias por tu compra! \u00a1Gracias por tu compra! Tu pedido ha sido confirmado exitosamente. Recibir\u00e1s un correo de confirmaci\u00f3n con los detalles de tu compra y otro con los detalles de acceso a nuestra comunidad de miembros. Acceder a mi cuenta Continuar comprando Si tienes preguntas, cont\u00e1ctanos en support@zstrategy.es Estamos aqu\u00ed para ayudarte.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1368","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/zstrategy.es\/en\/wp-json\/wp\/v2\/pages\/1368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zstrategy.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zstrategy.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zstrategy.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zstrategy.es\/en\/wp-json\/wp\/v2\/comments?post=1368"}],"version-history":[{"count":9,"href":"https:\/\/zstrategy.es\/en\/wp-json\/wp\/v2\/pages\/1368\/revisions"}],"predecessor-version":[{"id":2460,"href":"https:\/\/zstrategy.es\/en\/wp-json\/wp\/v2\/pages\/1368\/revisions\/2460"}],"wp:attachment":[{"href":"https:\/\/zstrategy.es\/en\/wp-json\/wp\/v2\/media?parent=1368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}