{"id":3268,"date":"2025-04-04T14:40:43","date_gmt":"2025-04-04T14:40:43","guid":{"rendered":"https:\/\/scandinart.com\/?page_id=3268"},"modified":"2026-04-20T16:46:53","modified_gmt":"2026-04-20T16:46:53","slug":"produto","status":"publish","type":"page","link":"https:\/\/scandinart.com\/index.php\/produto\/","title":{"rendered":"Produto"},"content":{"rendered":"\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-top\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;3268&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;top&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;0&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;0&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;Rate this page&quot;,&quot;legend&quot;:&quot;0\\\/5 - (0 votes)&quot;,&quot;size&quot;:&quot;18&quot;,&quot;title&quot;:&quot;Produto&quot;,&quot;width&quot;:&quot;0&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 0px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 14.4px;\">\n            <span class=\"kksr-muted\">Rate this page<\/span>\n    <\/div>\n    <\/div>\n\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3268\" class=\"elementor elementor-3268\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f3fbcf e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"8f3fbcf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af70813 elementor-widget elementor-widget-shortcode\" data-id=\"af70813\" data-element_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        .dash-wrap {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 20px;\n            padding: 20px;\n            font-family: Arial, sans-serif;\n        }\n\n        .dash-card {\n            background: #fff;\n            border-radius: 16px;\n            padding: 20px;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n            cursor: pointer;\n            transition: 0.25s;\n            overflow: hidden;\n            position: relative;\n            border-left: 5px solid transparent;\n        }\n\n        .dash-card:hover {\n            transform: translateY(-4px);\n        }\n\n        .dash-header {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .left-head {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .dash-icon {\n            font-size: 28px;\n        }\n\n        .dash-title {\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .dash-desc {\n            font-size: 13px;\n            color: #666;\n            margin-top: 5px;\n        }\n\n        .badge {\n            background: #ff3b30;\n            color: #fff;\n            font-size: 12px;\n            padding: 4px 8px;\n            border-radius: 20px;\n            font-weight: bold;\n            min-width: 22px;\n            text-align: center;\n        }\n\n        .arrow {\n            margin-left: auto;\n            font-size: 16px;\n            transition: transform 0.25s ease;\n            color: #888;\n        }\n\n        .dash-card.active .arrow {\n            transform: rotate(180deg);\n            color: #333;\n        }\n\n        .subcards {\n            margin-top: 15px;\n            display: none;\n            flex-direction: column;\n            gap: 10px;\n            animation: fadeIn 0.2s ease-in-out;\n        }\n\n        .dash-card.active .subcards {\n            display: flex;\n        }\n\n        .subcard {\n            background: #f7f7f7;\n            padding: 10px 12px;\n            border-radius: 10px;\n            text-decoration: none;\n            color: #333;\n            font-size: 14px;\n            transition: 0.2s;\n        }\n\n        .subcard:hover {\n            background: #eaeaea;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(-5px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .artigos { border-left-color: #00b894; }\n        .encomendas { border-left-color: #0984e3; }\n        .estatisticas { border-left-color: #fdcb6e; }\n        .users { border-left-color: #d63031; }\n    <\/style>\n\n    <div class=\"dash-wrap\">\n\n        <!-- ARTIGOS -->\n        <div class=\"dash-card artigos\" onclick=\"toggleAccordion(this)\">\n            <div class=\"dash-header\">\n                <div class=\"left-head\">\n                    <div class=\"dash-icon\">\ud83d\uddbc\ufe0f<\/div>\n                    <div class=\"dash-title\">Artigos<\/div>\n                <\/div>\n                <div class=\"arrow\">\u2304<\/div>\n            <\/div>\n\n            <div class=\"dash-desc\">Gest\u00e3o de produtos<\/div>\n\n            <div class=\"subcards\">\n                <a class=\"subcard\" href=\"https:\/\/scandinart.com\/index.php\/listar-artigos\/\">Artigos<\/a>\n                <a class=\"subcard\" href=\"https:\/\/scandinart.com\/index.php\/listar-campanhas\/\">Campanhas<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- ENCOMENDAS -->\n        <div class=\"dash-card encomendas\" onclick=\"toggleAccordion(this)\">\n            <div class=\"dash-header\">\n                <div class=\"left-head\">\n                    <div class=\"dash-icon\">\ud83d\udce6<\/div>\n                    <div class=\"dash-title\">Encomendas<\/div>\n                <\/div>\n\n                \n                <div class=\"arrow\">\u2304<\/div>\n            <\/div>\n\n            <div class=\"dash-desc\">Pedidos da loja<\/div>\n\n            <div class=\"subcards\">\n                <a class=\"subcard\" href=\"https:\/\/scandinart.com\/index.php\/minhas-encomendas\/\">Minhas Encomendas<\/a>\n                <a class=\"subcard\" href=\"https:\/\/scandinart.com\/index.php\/listar-encomendas\/\">Todas as Encomendas<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- ESTAT\u00cdSTICAS -->\n        <div class=\"dash-card estatisticas\" onclick=\"toggleAccordion(this)\">\n            <div class=\"dash-header\">\n                <div class=\"left-head\">\n                    <div class=\"dash-icon\">\ud83d\udcca<\/div>\n                    <div class=\"dash-title\">Estat\u00edsticas<\/div>\n                <\/div>\n\n                <div class=\"arrow\">\u2304<\/div>\n            <\/div>\n\n            <div class=\"dash-desc\">Relat\u00f3rios e an\u00e1lises<\/div>\n\n            <div class=\"subcards\">\n                <a class=\"subcard\" href=\"https:\/\/scandinart.com\/index.php\/estatisticas-encomendas\/\">Estat\u00edsticas Encomendas<\/a>\n                <a class=\"subcard\" href=\"https:\/\/scandinart.com\/index.php\/estatisticas\/\">Estat\u00edsticas Visitas<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- USERS -->\n        <div class=\"dash-card users\" onclick=\"toggleAccordion(this)\">\n            <div class=\"dash-header\">\n                <div class=\"left-head\">\n                    <div class=\"dash-icon\">\ud83d\udc65<\/div>\n                    <div class=\"dash-title\">Users<\/div>\n                <\/div>\n\n                <div class=\"arrow\">\u2304<\/div>\n            <\/div>\n\n            <div class=\"dash-desc\">Gest\u00e3o de utilizadores<\/div>\n\n            <div class=\"subcards\">\n                <a class=\"subcard\" href=\"https:\/\/scandinart.com\/index.php\/lista-contactos\/\">Contactos<\/a>\n                <a class=\"subcard\" href=\"https:\/\/scandinart.com\/index.php\/listar-subscricoes\/\">Subscri\u00e7\u00f5es<\/a>\n                <a class=\"subcard\" href=\"https:\/\/scandinart.com\/index.php\/lista-pedido-catalogo\/\">Pedidos de Cat\u00e1logo<\/a>\n                <a class=\"subcard\" href=\"https:\/\/scandinart.com\/index.php\/members-2\/\">Members<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        function toggleAccordion(el) {\n\n            if (el.classList.contains(\"active\")) {\n                el.classList.remove(\"active\");\n                return;\n            }\n\n            document.querySelectorAll(\".dash-card\").forEach(card => {\n                card.classList.remove(\"active\");\n            });\n\n            el.classList.add(\"active\");\n        }\n    <\/script>\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<div class=\"elementor-element elementor-element-717fc39 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"717fc39\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1316d487 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"1316d487\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c0e4e8 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6c0e4e8\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Novo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6aac144a elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6aac144a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Produto<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40a706b elementor-widget elementor-widget-shortcode\" data-id=\"40a706b\" data-element_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    <form method=\"post\" enctype=\"multipart\/form-data\" class=\"form-produto\">\n        <div class=\"form-row\">\n            <label>Nome Produto:\n                <input type=\"text\" name=\"nome_produto\" required>\n            <\/label>\n        <\/div>\n\n        <div class=\"form-row two-cols\">\n            <label>Mat\u00e9ria:\n                <select name=\"materia\" id=\"materia_select\" required onchange=\"toggleOutrosBox()\">\n                    <option value=\"\">Selecione...<\/option>\n                    <option value=\"Rendas\">Rendas<\/option>\n                    <option value=\"Madeiras\">Madeiras<\/option>\n                    <option value=\"Chocolates\">Chocolates<\/option>\n                    <option value=\"Garrafas\">Garrafas<\/option>\n                    <option value=\"Bijuteria\">Bijuteria<\/option>\n                    <option value=\"Telas\">Telas<\/option>\n                    <option value=\"Velas\">Velas<\/option>\n                    <option value=\"Sabonete\">Sabonete<\/option>\n                    <option value=\"Outros\">Outros<\/option>\n                <\/select>\n            <\/label>\n\n            <label>Cor:\n                <input type=\"text\" name=\"cor\" required>\n            <\/label>\n        <\/div>\n        \n        <div class=\"form-row two-cols\">\n            <label id=\"outros_box\" style=\"display:none;\">\n                Especifique Outros:\n                <input type=\"text\" name=\"materia_outros\" id=\"materia_outros_input\">\n            <\/label>\n            <label><\/label> \n        <\/div>\n\n        <div class=\"form-row\">\n            <label>Descri\u00e7\u00e3o:\n                <textarea name=\"descricao\" required rows=\"5\"><\/textarea>\n            <\/label>\n        <\/div>\n\n        <div class=\"form-row two-cols\">\n            <label>Data Registo:\n                <input type=\"date\" name=\"data_registo\" required>\n            <\/label>\n\n            <label>Foto:\n                <input type=\"file\" name=\"foto\" accept=\"image\/*\">\n            <\/label>\n        <\/div>\n\n        <div class=\"form-row two-cols\">\n            <label>Estado:\n                <input type=\"text\" name=\"estado\" required>\n            <\/label>\n\n            <label>Valor:\n                <input type=\"number\" step=\"0.01\" name=\"valor\" required>\n            <\/label>\n        <\/div>\n\n        <div class=\"form-row button-row\">\n            <input type=\"submit\" name=\"gravar_produto\" value=\"Gravar\" class=\"botao-formulario\">\n            <button type=\"button\" class=\"voltar-btn botao-formulario\" onclick=\"window.history.back();\">Voltar<\/button>\n        <\/div>\n    <\/form>\n\n    <style>\n        .form-produto {\n            max-width: 100%;\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px;\n            box-sizing: border-box;\n        }\n\n        .form-row {\n            margin-bottom: 15px;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .form-row.two-cols {\n            flex-direction: row;\n            gap: 20px;\n        }\n\n        .form-row label {\n            flex: 1;\n            font-weight: bold;\n            display: flex;\n            flex-direction: column;\n            color: #000; \/* Labels em PRETO *\/\n        }\n\n        .form-produto input[type=\"text\"],\n        .form-produto input[type=\"date\"],\n        .form-produto input[type=\"number\"],\n        .form-produto input[type=\"file\"],\n        .form-produto select,\n        .form-produto textarea {\n            width: 100%;\n            padding: 10px;\n            font-size: 1em;\n            margin-top: 5px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n        }\n\n        .button-row {\n            display: flex;\n            flex-direction: row;\n            gap: 20px;\n            align-items: center;\n            margin-top: 20px;\n            flex-wrap: nowrap;\n        }\n\n        .botao-formulario {\n            background-color: #5B9AAC;\n            color: white;\n            padding: 14px;\n            font-size: 1.1em;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n            width: 200px;\n            text-align: center;\n            transition: all 0.3s ease;\n        }\n\n        .botao-formulario:hover {\n            background-color: #FFA500;\n            color: #fff;\n        }\n        \n        \/* NOVO CSS: Remove o contorno de foco padr\u00e3o (acessibilidade) *\/\n        .botao-formulario:focus {\n            outline: none; \/* Remove o contorno padr\u00e3o *\/\n            box-shadow: 0 0 0 3px rgba(91, 154, 172, 0.5); \/* Opcional: Adiciona um foco customizado mais sutil (Box Shadow) *\/\n        }\n\n        @media (max-width: 768px) {\n            .form-row.two-cols {\n                flex-direction: column;\n            }\n\n            .button-row {\n                flex-direction: row;\n                gap: 10px;\n            }\n        }\n    <\/style>\n\n    <script>\n        function toggleOutrosBox() {\n            const select = document.getElementById('materia_select');\n            const outrosBox = document.getElementById('outros_box');\n            outrosBox.style.display = (select.value === 'Outros') ? 'block' : 'none';\n            \n            \/\/ Garante que o campo \"Outros\" \u00e9 limpo se outra op\u00e7\u00e3o for selecionada\n            if (select.value !== 'Outros') {\n                document.getElementById('materia_outros_input').value = '';\n            }\n        }\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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-29287d5e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"29287d5e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-54cb7b97 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"54cb7b97\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fd35888 elementor-widget elementor-widget-spacer\" data-id=\"6fd35888\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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>Novo Produto<\/p>\n","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-3268","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scandinart.com\/index.php\/wp-json\/wp\/v2\/pages\/3268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scandinart.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scandinart.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scandinart.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scandinart.com\/index.php\/wp-json\/wp\/v2\/comments?post=3268"}],"version-history":[{"count":25,"href":"https:\/\/scandinart.com\/index.php\/wp-json\/wp\/v2\/pages\/3268\/revisions"}],"predecessor-version":[{"id":4719,"href":"https:\/\/scandinart.com\/index.php\/wp-json\/wp\/v2\/pages\/3268\/revisions\/4719"}],"wp:attachment":[{"href":"https:\/\/scandinart.com\/index.php\/wp-json\/wp\/v2\/media?parent=3268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}