\n Etapa 1: Escolha seus produtos <\/h3>\n

\n Selecione os produtos de seu interesse. <\/p>\n <\/header>\n

\n <\/div>\n

\n \n Pr\u00f3ximo: Criar designs <\/button>\n <\/div>\n <\/div>\n\n

\n

\n

\n Etapa 2: Personalize suas cores <\/h3>\n

\n Crie e salve quantas combina\u00e7\u00f5es de cores voc\u00ea quiser. <\/p>\n <\/header>\n

\n

\n\n

\n

\n

\n <\/div>\n

\n

\n Salvar combina\u00e7\u00e3o <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n

\n

\n

\n Quantidade de cores: <\/h4>\n

<\/div>\n <\/div>\n\n

\n

<\/div>\n <\/div>\n

\n

<\/div>\n <\/div>\n\n

\n

\n

\n Alterar cor de fundo <\/button>\n \n Combina\u00e7\u00e3o aleat\u00f3ria <\/button>\n <\/div>\n <\/div>\n <\/div>\n

\n

\n Combina\u00e7\u00f5es salvas <\/h4>\n

\n <\/div>\n <\/section>\n <\/main>\n

\n

\n Voltar <\/button>\n \n Pr\u00f3ximo: Selecionar seus designs <\/button>\n <\/div>\n <\/div>\n\n

\n

\n

\n Etapa 3: Selecione seus designs <\/h3>\n

\n Escolha suas combina\u00e7\u00f5es de cores favoritas para cada produto selecionado, solicite uma amostra e selecione a quantidade desejada. <\/p>\n <\/header>\n

<\/div>\n

\n

\n Voltar <\/button>\n \n Pr\u00f3ximo: Fazer pedido <\/button>\n <\/div>\n <\/div>\n\n

\n

\n

\n Etapa 4: Confirme seu pedido <\/h3>\n

\n Revise sua sele\u00e7\u00e3o e preencha seus dados para finalizar. <\/p>\n <\/header>\n

\n

\n

\n Resumo do pedido <\/h2>\n

<\/div>\n <\/div>\n

\n

\n

\n \n \n \n \n \n \n <\/div>\n

\n \n <\/div>\n

\n \n <\/div>\n

\n <\/textarea>\n <\/div>\n <div class=\"flex justify-between items-center\">\n <button type=\"button\" id=\"back-to-step-3-btn\" class=\"app-button btn-primary\">\n Voltar <\/button>\n <button type=\"submit\" id=\"submit-order-button\" class=\"app-button btn-primary\">\n Solicitar produtos <\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"toast-message\"\n class=\"fixed bottom-5 right-5 text-black font-semibold py-3 px-6 rounded-lg shadow-xl opacity-0 transform translate-y-10\"\n style=\"background-color: var(--golden-yellow); transition: opacity 0.5s, transform 0.5s; z-index: 110;\">\n <\/div>\n\n <div id=\"delete-confirm-modal\"\n class=\"modal-overlay fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 hidden opacity-0\">\n <div\n class=\"modal-container bg-white w-full max-w-sm p-6 rounded-2xl shadow-2xl transform scale-95 opacity-0\">\n <h3 class=\"text-lg font-bold mb-4 text-center text-gray-900\">\n Confirmar exclus\u00e3o <\/h3>\n <p class=\"text-center text-gray-600 mb-6\">\n Tem certeza de que deseja excluir esta combina\u00e7\u00e3o? <\/p>\n <div class=\"flex justify-center gap-4\">\n <button id=\"confirm-delete-no\" class=\"app-button px-8\"\n style=\"background-color: white; color: black; border: 2px solid black; border-radius: 9999px;\">\n N\u00e3o <\/button>\n <button id=\"confirm-delete-yes\" class=\"app-button px-8\"\n style=\"background-color: black; color: white; border-color: black; border-radius: 9999px;\">\n SIM <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"assignment-modal\"\n class=\"modal-overlay fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 hidden opacity-0\">\n <div\n class=\"modal-container bg-white w-full max-w-2xl p-6 rounded-2xl shadow-2xl transform scale-95 opacity-0\">\n <h3 id=\"assignment-modal-title\" class=\"text-xl font-bold mb-4 text-gray-900\">\n Adicionar\/Editar combina\u00e7\u00e3o <\/h3>\n <div class=\"space-y-4\">\n <div>\n <label class=\"font-semibold block mb-2\">\n Selecione um design: <\/label>\n <div id=\"assignment-modal-designs\"\n class=\"grid grid-cols-4 md:grid-cols-6 gap-2 max-h-48 overflow-y-auto p-2 bg-gray-50 rounded-lg\">\n <\/div>\n <\/div>\n <div>\n <label class=\"font-semibold block mb-1\">\n Voc\u00ea gostaria de solicitar uma amostra deste design? <\/label>\n <div class=\"flex items-center gap-6 mt-1\">\n <div class=\"flex items-center\">\n <input type=\"radio\" name=\"modal-sample\" id=\"modal-sample-yes\" value=\"yes\"\n class=\"h-4 w-4\">\n <label for=\"modal-sample-yes\" class=\"ml-2 text-sm\">\n Sim <\/label>\n <\/div>\n <div class=\"flex items-center\">\n <input type=\"radio\" name=\"modal-sample\" id=\"modal-sample-no\" value=\"no\" class=\"h-4 w-4\"\n checked>\n <label for=\"modal-sample-no\" class=\"ml-2 text-sm\">\n N\u00e3o <\/label>\n <\/div>\n <\/div>\n <\/div>\n <div>\n <label for=\"assignment-modal-quantity\" id=\"quantity-label\" class=\"font-semibold block mb-1\">\n 3. Quantas unidades voc\u00ea gostaria de solicitar? <\/label>\n <input type=\"number\" id=\"assignment-modal-quantity\" value=\"1\" min=\"1\"\n class=\"w-32 p-2 border border-gray-300 rounded-md\">\n <\/div>\n <\/div>\n <div class=\"flex justify-end gap-4 mt-6\">\n <button id=\"assignment-modal-cancel\" class=\"app-button\"\n style=\"background-color: white; color: black; border: 2px solid black; border-radius: 9999px;\">\n Cancelar <\/button>\n <button id=\"assignment-modal-save\" class=\"app-button btn-primary\">\n Salvar <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"result-modal\"\n class=\"modal-overlay fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 hidden opacity-0\">\n <div\n class=\"modal-container bg-white w-full max-w-md p-6 rounded-2xl shadow-2xl transform scale-95 opacity-0 text-center\">\n <h3 id=\"result-modal-title\" class=\"text-xl font-bold mb-4 text-gray-900\"><\/h3>\n <p id=\"result-modal-message\" class=\"text-gray-600 mb-6\"><\/p>\n <textarea id=\"whatsapp-summary\" class=\"w-full h-48 p-2 border border-gray-300 rounded-md mb-4 hidden\"\n readonly><\/textarea>\n <div id=\"modal-buttons\" class=\"flex justify-center gap-4\">\n <button id=\"copy-summary-btn\" class=\"app-button hidden\"\n style=\"background-color: #25D366; color: white; border-color: #25D366;\">\n Copiar resumo <\/button>\n <button id=\"result-modal-close\" class=\"app-button btn-primary\">\n Fechar <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\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<div class=\"elementor-element elementor-element-a0fc23b e-flex e-con-boxed e-con e-parent\" data-id=\"a0fc23b\" 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-6f2ef98 elementor-widget elementor-widget-hub_fancy_heading\" data-id=\"6f2ef98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hub_fancy_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"ld-fancy-heading-6abc62166801e\" class=\"ld-fancy-heading pos-rel\">\n\t\t\t<p class=\"ld-fh-element d-inline-block pos-rel lqd-highlight-classic lqd-highlight-grow-left p\" > by raver studio<\/p>\t\t<\/div>\n\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":"<p>by raver studio<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-18366","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nicoletta.com.py\/pt-br\/wp-json\/wp\/v2\/pages\/18366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nicoletta.com.py\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nicoletta.com.py\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nicoletta.com.py\/pt-br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nicoletta.com.py\/pt-br\/wp-json\/wp\/v2\/comments?post=18366"}],"version-history":[{"count":1,"href":"https:\/\/nicoletta.com.py\/pt-br\/wp-json\/wp\/v2\/pages\/18366\/revisions"}],"predecessor-version":[{"id":18367,"href":"https:\/\/nicoletta.com.py\/pt-br\/wp-json\/wp\/v2\/pages\/18366\/revisions\/18367"}],"wp:attachment":[{"href":"https:\/\/nicoletta.com.py\/pt-br\/wp-json\/wp\/v2\/media?parent=18366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}