{"id":22,"date":"2025-06-30T14:37:19","date_gmt":"2025-06-30T14:37:19","guid":{"rendered":"http:\/\/site2.leirimael.com\/?page_id=22"},"modified":"2025-07-16T12:42:58","modified_gmt":"2025-07-16T12:42:58","slug":"produtos","status":"publish","type":"page","link":"http:\/\/site2.leirimael.com\/index.php\/produtos\/","title":{"rendered":"Produtos"},"content":{"rendered":"    <style>\n        .custom-search-section {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .custom-search-label {\n            font-size: 18px;\n            font-weight: 600;\n            color: #333;\n            margin-bottom: 15px;\n            display: block;\n        }\n\n        .custom-search-wrapper {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n        }\n\n        #customSearchInput {\n            padding: 12px 16px;\n            width: 100%;\n            max-width: 400px;\n            font-size: 16px;\n            border: 2px solid #FFD23F;\n            border-radius: 8px;\n            background-color: #fff;\n            color: #333;\n            transition: border-color 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        #customSearchInput::placeholder {\n            color: #999;\n            opacity: 1;\n        }\n\n        #customSearchInput:focus {\n            outline: none;\n            border-color: #FF6B35;\n            box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);\n        }\n\n        .custom-cards-grid {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 25px;\n            justify-content: center;\n            max-width: 1800px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .custom-card {\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            overflow: hidden;\n            width: calc(25% - 20px);\n            box-sizing: border-box;\n            background: #fff;\n            border-radius: 12px;\n            min-height: 350px;\n            display: flex;\n            flex-direction: column;\n            text-decoration: none;\n            color: inherit;\n        }\n\n        .custom-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(255, 107, 53, 0.15);\n            text-decoration: none;\n            color: inherit;\n        }\n\n        .custom-card-image {\n            flex: 1;\n            overflow: hidden;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #f8f8f8;\n            min-height: 250px;\n        }\n\n        .custom-card-image img {\n            width: auto;\n            height: auto;\n            max-width: 100%;\n            max-height: 250px;\n            object-fit: contain;\n            display: block;\n            transition: transform 0.3s ease;\n        }\n\n        .custom-card:hover .custom-card-image img {\n            transform: scale(1.05);\n        }\n\n        .custom-card-content {\n            padding: 20px;\n            text-align: center;\n            background: #fff;\n            border-top: 3px solid #FFD23F;\n            color: #333;\n            flex-shrink: 0;\n        }\n\n        .custom-card-content h3 {\n            margin: 0;\n            font-size: 18px;\n            font-weight: 600;\n            line-height: 1.3;\n            color: #333;\n            transition: color 0.3s ease;\n        }\n\n        .custom-card:hover .custom-card-content h3 {\n            color: #FF6B35;\n        }\n\n        \/* Responsivo *\/\n        @media (max-width: 1400px) {\n            .custom-card {\n                width: calc(33.333% - 20px);\n            }\n        }\n\n        @media (max-width: 1100px) {\n            .custom-card {\n                width: calc(50% - 20px);\n            }\n        }\n\n        @media (max-width: 900px) {\n            .custom-card {\n                width: calc(50% - 20px);\n            }\n        }\n\n        @media (max-width: 600px) {\n            .custom-card {\n                width: 100%;\n                max-width: 400px;\n            }\n            \n            .custom-search-label {\n                font-size: 16px;\n            }\n            \n            #customSearchInput {\n                max-width: 300px;\n            }\n        }\n\n        \/* Mensagem de nenhum resultado *\/\n        .custom-cards-grid + p {\n            text-align: center;\n            color: #666;\n            font-size: 16px;\n            margin-top: 40px;\n        }\n    <\/style>\n\n    <div class=\"custom-search-section\">\n        <label class=\"custom-search-label\">Escreva aqui o produto que pretende encontrar:<\/label>\n        <div class=\"custom-search-wrapper\">\n            <input type=\"text\" id=\"customSearchInput\" placeholder=\"Pesquisar...\">\n        <\/div>\n    <\/div>\n    <div id=\"customSearchResults\"><\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const input = document.getElementById(\"customSearchInput\");\n            const results = document.getElementById(\"customSearchResults\");\n\n            const ajaxurl = \"http:\/\/site2.leirimael.com\/wp-admin\/admin-ajax.php\";\n            const category = \"produtos\";\n\n            function fetchResults() {\n                const search = input.value.trim();\n\n                const formData = new FormData();\n                formData.append('action', 'my_custom_search');\n                formData.append('search', search);\n                formData.append('category', category);\n\n                fetch(ajaxurl, {\n                    method: 'POST',\n                    credentials: 'same-origin',\n                    body: formData\n                })\n                    .then(response => response.text())\n                    .then(data => {\n                        results.innerHTML = data;\n                    })\n                    .catch(error => {\n                        results.innerHTML = \"<p>Erro na pesquisa.<\/p>\";\n                    });\n            }\n\n            input.addEventListener(\"input\", fetchResults);\n            fetchResults();\n        });\n    <\/script>\n    \n","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-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/site2.leirimael.com\/index.php\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/site2.leirimael.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/site2.leirimael.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/site2.leirimael.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/site2.leirimael.com\/index.php\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":26,"href":"http:\/\/site2.leirimael.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":382,"href":"http:\/\/site2.leirimael.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions\/382"}],"wp:attachment":[{"href":"http:\/\/site2.leirimael.com\/index.php\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}