{"id":3103,"date":"2025-08-14T17:47:37","date_gmt":"2025-08-14T17:47:37","guid":{"rendered":"https:\/\/darkorange-lyrebird-881592.hostingersite.com\/?page_id=3103"},"modified":"2026-02-09T17:19:59","modified_gmt":"2026-02-09T17:19:59","slug":"materiais-gratuitos","status":"publish","type":"page","link":"https:\/\/uticket.com.br\/blog\/materiais-gratuitos\/","title":{"rendered":"Materiais Gratuitos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3103\" class=\"elementor elementor-3103\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af9bb3e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"af9bb3e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2200b65 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"2200b65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"color: #5DA2F8\">Confira todos os nossos<\/span> ebooks, planilhas e materiais<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22ad261 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"22ad261\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Acesse nossa biblioteca de materiais gratuitos e encontre o que precisa para tornar seu evento ainda mais profissional e eficiente.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-437c6c3 elementor-widget elementor-widget-shortcode\" data-id=\"437c6c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\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-42efdd5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"42efdd5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-550cc3e elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"550cc3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <style>\r\n        \/* --- CSS GRID MATERIAIS --- *\/\r\n        .materials-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n            gap: 30px; \r\n            width: 100%;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .materials-grid { grid-template-columns: 1fr; gap: 30px; }\r\n        }\r\n\r\n        \/* CARD *\/\r\n        .material-card {\r\n            background: #fff; \r\n            display: none; \r\n            flex-direction: column;\r\n            border-radius: 16px; \r\n            overflow: hidden;\r\n            height: 100%;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .material-card.is-visible {\r\n            display: flex; animation: fadeIn 0.4s ease-out;\r\n        }\r\n\r\n        \/* IMAGEM *\/\r\n        .material-thumb-wrapper {\r\n            width: 100%;\r\n            aspect-ratio: 16\/9;\r\n            background: #f0f0f0;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n        \r\n        .material-thumb-wrapper img {\r\n            width: 100%; height: 100%; object-fit: cover;\r\n        }\r\n        \r\n        \/* CONTE\u00daDO WRAPPER *\/\r\n        .material-card-content {\r\n            padding: 25px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex-grow: 1; \r\n        }\r\n\r\n        .material-text-group { margin-bottom: 0; }\r\n\r\n        \/* T\u00cdTULO - \u00c1REA FIXA *\/\r\n        .material-card-title {\r\n            font-size: 18px; \r\n            font-weight: 700; \r\n            color: #111; \r\n            margin: 0; \r\n            line-height: 1.4; \/* 18px * 1.4 = 25.2px por linha *\/\r\n            font-family: 'Montserrat', sans-serif;\r\n            \r\n            \/* --- CORRE\u00c7\u00c3O DE ALINHAMENTO --- *\/\r\n            \/* For\u00e7a a altura de 3 linhas (aprox 76px) mesmo se o texto for curto *\/\r\n            min-height: 76px; \r\n            \r\n            \/* Garante que se passar um pouquinho n\u00e3o quebre, usando '...' *\/\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .material-card-title a { text-decoration: none; color: inherit; }\r\n\r\n        \/* BOT\u00c3O \"BAIXAR MATERIAL\" *\/\r\n        .btn-card-baixar {\r\n            background-color: #1f1f1f;\r\n            color: #fff !important;\r\n            text-decoration: none;\r\n            text-align: center;\r\n            padding: 14px;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n            transition: transform 0.1s;\r\n            display: block;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            font-family: 'Montserrat', sans-serif;\r\n\r\n            \/* --- SUA SOLICITA\u00c7\u00c3O --- *\/\r\n            \/* Margem fixa, conforme pedido *\/\r\n            margin-top: 85px; \r\n        }\r\n\r\n        .btn-card-baixar:active { \r\n            transform: scale(0.98); \r\n        }\r\n\r\n        \/* LOAD MORE *\/\r\n        .load-more-container { text-align: center; margin-top: 50px; width: 100%; padding-bottom: 20px; }\r\n        \r\n        .btn-carregar-mais-mat {\r\n            background-color: transparent !important; \r\n            color: #111 !important; \r\n            border: 2px solid #111 !important; \r\n            padding: 10px 28px; \r\n            font-size: 14px; \r\n            border-radius: 50px;\r\n            font-weight: 700; \r\n            cursor: pointer;\r\n            outline: none !important;\r\n            box-shadow: none !important;\r\n            transition: all 0.3s ease; \r\n        }\r\n\r\n        .btn-carregar-mais-mat:hover { \r\n            background-color: #111 !important; \r\n            color: #fff !important; \r\n        }\r\n\r\n        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n    <\/style>\r\n\r\n    <div class=\"grid-wrapper-materiais\">\r\n        \r\n        <div class=\"materials-grid\" id=\"materials-grid-container\" data-initial-filter=\"all\">\r\n                            <p style=\"text-align:center; width:100%;\">Nenhum material encontrado.<\/p>\r\n                    <\/div>\r\n\r\n        <div class=\"load-more-container\">\r\n            <button id=\"btn-load-more-mat\" class=\"btn-carregar-mais-mat\">Carregar Mais<\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const container = document.getElementById('materials-grid-container');\r\n        const loadMoreBtn = document.getElementById('btn-load-more-mat');\r\n        \r\n        if(!container) return;\r\n\r\n        const allPosts = Array.from(container.querySelectorAll('.material-card'));\r\n        let currentFilter = container.getAttribute('data-initial-filter') || 'all'; \r\n\r\n        function getBatchSize() { return 9; }\r\n        let itemsToShow = getBatchSize();\r\n\r\n        function renderPosts() {\r\n            let matchingPosts = [];\r\n            \r\n            allPosts.forEach(post => {\r\n                const postCats = post.getAttribute('data-cats') ? post.getAttribute('data-cats').split(' ') : [];\r\n                if (currentFilter === 'all' || postCats.includes(currentFilter)) {\r\n                    matchingPosts.push(post);\r\n                } else {\r\n                    post.classList.remove('is-visible');\r\n                    post.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            if (matchingPosts.length === 0) {\r\n                 if(loadMoreBtn) loadMoreBtn.style.display = 'none';\r\n                 return;\r\n            }\r\n\r\n            matchingPosts.forEach((post, index) => {\r\n                if (index < itemsToShow) {\r\n                    post.style.display = 'flex';\r\n                    requestAnimationFrame(() => post.classList.add('is-visible'));\r\n                } else {\r\n                    post.classList.remove('is-visible');\r\n                    post.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            if (loadMoreBtn) {\r\n                if (matchingPosts.length > itemsToShow) {\r\n                    loadMoreBtn.style.display = 'inline-block';\r\n                    loadMoreBtn.textContent = \"Carregar Mais\";\r\n                } else {\r\n                    loadMoreBtn.style.display = 'none'; \r\n                }\r\n            }\r\n        }\r\n\r\n        if (loadMoreBtn) {\r\n            loadMoreBtn.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                itemsToShow += getBatchSize(); \r\n                renderPosts();\r\n            });\r\n        }\r\n\r\n        renderPosts();\r\n    });\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\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-353d61e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"353d61e\" 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-00a40c8 elementor-widget elementor-widget-html\" data-id=\"00a40c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ 1. Seleciona todos os bot\u00f5es com a classe 'btn-captura'\r\n    \/\/ O seletor pega o 'a' dentro do wrapper do widget do Elementor\r\n    const botoes = document.querySelectorAll('.btn-captura a');\r\n\r\n    botoes.forEach(botao => {\r\n        botao.addEventListener('click', function(e) {\r\n            \/\/ 2. Impede o download\/abertura imediata do PDF\r\n            e.preventDefault();\r\n\r\n            \/\/ 3. Pega o link do PDF que o marketing configurou\r\n            const linkPdf = this.getAttribute('href');\r\n\r\n            \/\/ 4. Define a URL da sua p\u00e1gina de captura (Formul\u00e1rio)\r\n            const urlFormulario = 'https:\/\/uticket.com.br\/blog\/materiais-gratuitos\/contato\/';\r\n\r\n            \/\/ 5. Monta o redirecionamento com o par\u00e2metro\r\n            \/\/ encodeURIComponent garante que caracteres especiais no link n\u00e3o quebrem a URL\r\n            const destinoFinal = `${urlFormulario}?url_pdf=${encodeURIComponent(linkPdf)}`;\r\n\r\n            \/\/ 6. Redireciona o usu\u00e1rio\r\n            window.location.href = destinoFinal;\r\n        });\r\n    });\r\n});\r\n<\/script>\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>Confira todos os nossos ebooks, planilhas e materiais Acesse nossa biblioteca de materiais gratuitos e encontre o que precisa para tornar seu evento ainda mais profissional e eficiente.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"folder":[],"class_list":["post-3103","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/uticket.com.br\/blog\/wp-json\/wp\/v2\/pages\/3103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uticket.com.br\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uticket.com.br\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uticket.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uticket.com.br\/blog\/wp-json\/wp\/v2\/comments?post=3103"}],"version-history":[{"count":326,"href":"https:\/\/uticket.com.br\/blog\/wp-json\/wp\/v2\/pages\/3103\/revisions"}],"predecessor-version":[{"id":8265,"href":"https:\/\/uticket.com.br\/blog\/wp-json\/wp\/v2\/pages\/3103\/revisions\/8265"}],"wp:attachment":[{"href":"https:\/\/uticket.com.br\/blog\/wp-json\/wp\/v2\/media?parent=3103"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/uticket.com.br\/blog\/wp-json\/wp\/v2\/folder?post=3103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}