Federa\u00e7\u00e3o Matogrossense de Voleibol - Inscri\u00e7\u00f5es<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --yellow: #FFCC00;\n --blue: #0066CC;\n --green: #00AA55;\n --dark: #111111;\n --darker: #080808;\n --gray: #333333;\n --light-gray: #555555;\n --white: #FFFFFF;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--dark);\n color: var(--white);\n line-height: 1.6;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(0, 102, 204, 0.05) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(0, 170, 85, 0.05) 0%, transparent 40%);\n }\n \n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 2rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 100vh;\n }\n \n header {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n padding: 2rem;\n display: flex;\n justify-content: center;\n }\n \n .logo-container {\n height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .logo-placeholder {\n max-height: 100%;\n max-width: 250px;\n }\n \n .main-content {\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .status-badge {\n display: inline-block;\n background-color: rgba(255, 204, 0, 0.1);\n color: var(--yellow);\n padding: 0.5rem 1.5rem;\n border-radius: 50px;\n font-weight: 500;\n font-size: 0.9rem;\n margin-bottom: 2rem;\n border: 1px solid rgba(255, 204, 0, 0.2);\n }\n \n h1 {\n font-size: 3.5rem;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n background: linear-gradient(90deg, var(--white) 0%, rgba(255, 255, 255, 0.8) 100%);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 700;\n }\n \n .message {\n font-size: 1.25rem;\n margin-bottom: 3rem;\n color: rgba(255, 255, 255, 0.7);\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .highlight {\n color: var(--white);\n font-weight: 500;\n }\n \n .countdown-container {\n margin: 3rem 0;\n padding: 3rem;\n background-color: var(--darker);\n border-radius: 16px;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.05);\n }\n \n .countdown-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, \n transparent 0%, \n var(--yellow) 20%, \n var(--blue) 50%, \n var(--green) 80%, \n transparent 100%);\n }\n \n .countdown-title {\n font-size: 1.5rem;\n margin-bottom: 1.5rem;\n color: var(--white);\n font-weight: 600;\n }\n \n .countdown-placeholder {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin: 2rem 0;\n }\n \n .countdown-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .countdown-value {\n font-size: 3rem;\n font-weight: 700;\n line-height: 1;\n background: linear-gradient(135deg, var(--yellow), var(--blue));\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n \n .countdown-label {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-top: 0.5rem;\n }\n \n .cta-section {\n margin-top: 3rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1rem 2.5rem;\n background: linear-gradient(90deg, var(--blue), var(--green));\n color: white;\n text-decoration: none;\n border-radius: 8px;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n box-shadow: 0 4px 20px rgba(0, 102, 204, 0.3);\n }\n \n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(0, 102, 204, 0.4);\n }\n \n .secondary-text {\n margin-top: 1rem;\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.5);\n }\n \n .accent-circle {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n z-index: -1;\n opacity: 0.15;\n }\n \n .yellow-circle {\n width: 300px;\n height: 300px;\n background-color: var(--yellow);\n top: -100px;\n right: -100px;\n }\n \n .blue-circle {\n width: 400px;\n height: 400px;\n background-color: var(--blue);\n bottom: -200px;\n left: -200px;\n }\n \n .green-circle {\n width: 200px;\n height: 200px;\n background-color: var(--green);\n top: 50%;\n right: -100px;\n }\n \n .volleyball-icon {\n position: absolute;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, transparent 50%, rgba(255, 204, 0, 0.03) 50%),\n radial-gradient(circle, transparent 52%, rgba(255, 204, 0, 0.03) 52%);\n background-size: 100px 100px;\n border-radius: 50%;\n opacity: 0.2;\n right: -200px;\n top: 50%;\n transform: translateY(-50%);\n z-index: -1;\n }\n \n \/* Formul\u00e1rio de notifica\u00e7\u00e3o *\/\n .notification-form {\n display: none;\n margin-top: 2rem;\n background-color: rgba(255, 255, 255, 0.05);\n padding: 2rem;\n border-radius: 8px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .form-title {\n font-size: 1.2rem;\n margin-bottom: 1.5rem;\n color: var(--white);\n }\n \n .form-group {\n margin-bottom: 1.5rem;\n text-align: left;\n }\n \n .form-label {\n display: block;\n margin-bottom: 0.5rem;\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n }\n \n .form-input {\n width: 100%;\n padding: 0.8rem 1rem;\n background-color: rgba(255, 255, 255, 0.07);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 6px;\n color: var(--white);\n font-family: 'Inter', sans-serif;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n \n .form-input:focus {\n outline: none;\n border-color: var(--blue);\n background-color: rgba(255, 255, 255, 0.1);\n }\n \n .form-submit {\n width: 100%;\n padding: 0.8rem;\n background: linear-gradient(90deg, var(--blue), var(--green));\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .form-submit:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3);\n }\n \n .form-message {\n margin-top: 1rem;\n font-size: 0.9rem;\n color: var(--green);\n display: none;\n }\n \n footer {\n text-align: center;\n padding: 2rem 0;\n color: rgba(255, 255, 255, 0.4);\n font-size: 0.9rem;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n }\n \n @media (max-width: 768px) {\n .container {\n padding-top: 6rem;\n padding-bottom: 6rem;\n justify-content: flex-start;\n }\n \n header {\n position: relative;\n padding: 1.5rem;\n }\n \n h1 {\n font-size: 2.5rem;\n }\n \n .message {\n font-size: 1.1rem;\n }\n \n .countdown-container {\n padding: 2rem 1.5rem;\n }\n \n .countdown-placeholder {\n gap: 1rem;\n }\n \n .countdown-value {\n font-size: 2.5rem;\n }\n \n .accent-circle, .volleyball-icon {\n display: none;\n }\n \n footer {\n position: relative;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"accent-circle yellow-circle\"><\/div>\n <div class=\"accent-circle blue-circle\"><\/div>\n <div class=\"accent-circle green-circle\"><\/div>\n <div class=\"volleyball-icon\"><\/div>\n \n <header>\n <div class=\"logo-container\">\n \n <img decoding=\"async\" src=\"#\" alt=\"Logo da Federa\u00e7\u00e3o\" class=\"logo-placeholder\">\n <\/div>\n <\/header>\n \n <div class=\"container\">\n <main class=\"main-content\">\n <div class=\"status-badge\">Inscri\u00e7\u00f5es Fechadas<\/div>\n \n <h1>Pr\u00f3ximos campeonatos em breve<\/h1>\n \n <div class=\"message\">\n <p>No momento, n\u00e3o temos campeonatos com inscri\u00e7\u00f5es abertas. Estamos preparando novos eventos emocionantes para a pr\u00f3xima temporada.<\/p>\n <\/div>\n \n <div class=\"countdown-container\">\n <h2 class=\"countdown-title\">Aguarde o pr\u00f3ximo campeonato<\/h2>\n \n <div class=\"countdown-placeholder\">\n <div class=\"countdown-item\">\n <div class=\"countdown-value\">00<\/div>\n <div class=\"countdown-label\">Dias<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\">00<\/div>\n <div class=\"countdown-label\">Horas<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\">00<\/div>\n <div class=\"countdown-label\">Minutos<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\">00<\/div>\n <div class=\"countdown-label\">Segundos<\/div>\n <\/div>\n <\/div>\n \n <p style=\"color: rgba(255, 255, 255, 0.6);\">Fique atento \u00e0s nossas redes sociais para ser o primeiro a saber quando as inscri\u00e7\u00f5es abrirem.<\/p>\n <\/div>\n \n <div class=\"cta-section\">\n <button class=\"cta-button\" id=\"notificationBtn\">Receber Notifica\u00e7\u00f5es<\/button>\n <p class=\"secondary-text\">Seja notificado quando as inscri\u00e7\u00f5es abrirem<\/p>\n <\/div>\n \n <div class=\"notification-form\" id=\"notificationForm\">\n <h3 class=\"form-title\">Cadastre-se para receber notifica\u00e7\u00f5es<\/h3>\n \n <form id=\"subscribeForm\">\n <div class=\"form-group\">\n <label for=\"name\" class=\"form-label\">Nome completo<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"email\" class=\"form-label\">E-mail<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"phone\" class=\"form-label\">Telefone (WhatsApp)<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" required>\n <\/div>\n \n <button type=\"submit\" class=\"form-submit\">Cadastrar<\/button>\n <\/form>\n \n <div class=\"form-message\" id=\"formMessage\">\n Cadastro realizado com sucesso! Voc\u00ea receber\u00e1 notifica\u00e7\u00f5es sobre os pr\u00f3ximos campeonatos.\n <\/div>\n <\/div>\n <\/main>\n <\/div>\n \n <footer>\n <p>© 2025 Federa\u00e7\u00e3o Matogrossense de Voleibol \u2022 Todos os direitos reservados<\/p>\n <\/footer>\n \n <script>\n \/\/ Funcionalidade do bot\u00e3o de notifica\u00e7\u00e3o\n document.addEventListener('DOMContentLoaded', function() {\n const notificationBtn = document.getElementById('notificationBtn');\n const notificationForm = document.getElementById('notificationForm');\n const subscribeForm = document.getElementById('subscribeForm');\n const formMessage = document.getElementById('formMessage');\n \n \/\/ Mostrar\/ocultar formul\u00e1rio ao clicar no bot\u00e3o\n notificationBtn.addEventListener('click', function() {\n if (notificationForm.style.display === 'block') {\n notificationForm.style.display = 'none';\n } else {\n notificationForm.style.display = 'block';\n \/\/ Scroll para o formul\u00e1rio\n notificationForm.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n \n \/\/ Processar o formul\u00e1rio\n subscribeForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Aqui voc\u00ea pode adicionar o c\u00f3digo para enviar os dados para o seu sistema\n \/\/ Por exemplo, usando fetch para enviar para um endpoint do WooCommerce\n \n \/\/ Simula\u00e7\u00e3o de envio bem-sucedido\n setTimeout(function() {\n subscribeForm.style.display = 'none';\n formMessage.style.display = 'block';\n \n \/\/ Armazenar os dados no localStorage (opcional)\n const formData = {\n name: document.getElementById('name').value,\n email: document.getElementById('email').value,\n phone: document.getElementById('phone').value\n };\n \n localStorage.setItem('notificationSubscriber', JSON.stringify(formData));\n }, 1000);\n });\n });\n <\/script>\n<\/body>\n<\/html>\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>Federa\u00e7\u00e3o Matogrossense de Voleibol – Inscri\u00e7\u00f5es Inscri\u00e7\u00f5es Fechadas Pr\u00f3ximos campeonatos em breve No momento, n\u00e3o temos campeonatos com inscri\u00e7\u00f5es abertas.<\/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-740","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/pages\/740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/comments?post=740"}],"version-history":[{"count":7,"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/pages\/740\/revisions"}],"predecessor-version":[{"id":748,"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/pages\/740\/revisions\/748"}],"wp:attachment":[{"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/media?parent=740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n \n \n Federa\u00e7\u00e3o Matogrossense de Voleibol - Inscri\u00e7\u00f5es<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --yellow: #FFCC00;\n --blue: #0066CC;\n --green: #00AA55;\n --dark: #111111;\n --darker: #080808;\n --gray: #333333;\n --light-gray: #555555;\n --white: #FFFFFF;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--dark);\n color: var(--white);\n line-height: 1.6;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(0, 102, 204, 0.05) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(0, 170, 85, 0.05) 0%, transparent 40%);\n }\n \n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 2rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 100vh;\n }\n \n header {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n padding: 2rem;\n display: flex;\n justify-content: center;\n }\n \n .logo-container {\n height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .logo-placeholder {\n max-height: 100%;\n max-width: 250px;\n }\n \n .main-content {\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .status-badge {\n display: inline-block;\n background-color: rgba(255, 204, 0, 0.1);\n color: var(--yellow);\n padding: 0.5rem 1.5rem;\n border-radius: 50px;\n font-weight: 500;\n font-size: 0.9rem;\n margin-bottom: 2rem;\n border: 1px solid rgba(255, 204, 0, 0.2);\n }\n \n h1 {\n font-size: 3.5rem;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n background: linear-gradient(90deg, var(--white) 0%, rgba(255, 255, 255, 0.8) 100%);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 700;\n }\n \n .message {\n font-size: 1.25rem;\n margin-bottom: 3rem;\n color: rgba(255, 255, 255, 0.7);\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .highlight {\n color: var(--white);\n font-weight: 500;\n }\n \n .countdown-container {\n margin: 3rem 0;\n padding: 3rem;\n background-color: var(--darker);\n border-radius: 16px;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.05);\n }\n \n .countdown-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, \n transparent 0%, \n var(--yellow) 20%, \n var(--blue) 50%, \n var(--green) 80%, \n transparent 100%);\n }\n \n .countdown-title {\n font-size: 1.5rem;\n margin-bottom: 1.5rem;\n color: var(--white);\n font-weight: 600;\n }\n \n .countdown-placeholder {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin: 2rem 0;\n }\n \n .countdown-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .countdown-value {\n font-size: 3rem;\n font-weight: 700;\n line-height: 1;\n background: linear-gradient(135deg, var(--yellow), var(--blue));\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n \n .countdown-label {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-top: 0.5rem;\n }\n \n .cta-section {\n margin-top: 3rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1rem 2.5rem;\n background: linear-gradient(90deg, var(--blue), var(--green));\n color: white;\n text-decoration: none;\n border-radius: 8px;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n box-shadow: 0 4px 20px rgba(0, 102, 204, 0.3);\n }\n \n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(0, 102, 204, 0.4);\n }\n \n .secondary-text {\n margin-top: 1rem;\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.5);\n }\n \n .accent-circle {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n z-index: -1;\n opacity: 0.15;\n }\n \n .yellow-circle {\n width: 300px;\n height: 300px;\n background-color: var(--yellow);\n top: -100px;\n right: -100px;\n }\n \n .blue-circle {\n width: 400px;\n height: 400px;\n background-color: var(--blue);\n bottom: -200px;\n left: -200px;\n }\n \n .green-circle {\n width: 200px;\n height: 200px;\n background-color: var(--green);\n top: 50%;\n right: -100px;\n }\n \n .volleyball-icon {\n position: absolute;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, transparent 50%, rgba(255, 204, 0, 0.03) 50%),\n radial-gradient(circle, transparent 52%, rgba(255, 204, 0, 0.03) 52%);\n background-size: 100px 100px;\n border-radius: 50%;\n opacity: 0.2;\n right: -200px;\n top: 50%;\n transform: translateY(-50%);\n z-index: -1;\n }\n \n \/* Formul\u00e1rio de notifica\u00e7\u00e3o *\/\n .notification-form {\n display: none;\n margin-top: 2rem;\n background-color: rgba(255, 255, 255, 0.05);\n padding: 2rem;\n border-radius: 8px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .form-title {\n font-size: 1.2rem;\n margin-bottom: 1.5rem;\n color: var(--white);\n }\n \n .form-group {\n margin-bottom: 1.5rem;\n text-align: left;\n }\n \n .form-label {\n display: block;\n margin-bottom: 0.5rem;\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n }\n \n .form-input {\n width: 100%;\n padding: 0.8rem 1rem;\n background-color: rgba(255, 255, 255, 0.07);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 6px;\n color: var(--white);\n font-family: 'Inter', sans-serif;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n \n .form-input:focus {\n outline: none;\n border-color: var(--blue);\n background-color: rgba(255, 255, 255, 0.1);\n }\n \n .form-submit {\n width: 100%;\n padding: 0.8rem;\n background: linear-gradient(90deg, var(--blue), var(--green));\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .form-submit:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3);\n }\n \n .form-message {\n margin-top: 1rem;\n font-size: 0.9rem;\n color: var(--green);\n display: none;\n }\n \n footer {\n text-align: center;\n padding: 2rem 0;\n color: rgba(255, 255, 255, 0.4);\n font-size: 0.9rem;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n }\n \n @media (max-width: 768px) {\n .container {\n padding-top: 6rem;\n padding-bottom: 6rem;\n justify-content: flex-start;\n }\n \n header {\n position: relative;\n padding: 1.5rem;\n }\n \n h1 {\n font-size: 2.5rem;\n }\n \n .message {\n font-size: 1.1rem;\n }\n \n .countdown-container {\n padding: 2rem 1.5rem;\n }\n \n .countdown-placeholder {\n gap: 1rem;\n }\n \n .countdown-value {\n font-size: 2.5rem;\n }\n \n .accent-circle, .volleyball-icon {\n display: none;\n }\n \n footer {\n position: relative;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"accent-circle yellow-circle\"><\/div>\n <div class=\"accent-circle blue-circle\"><\/div>\n <div class=\"accent-circle green-circle\"><\/div>\n <div class=\"volleyball-icon\"><\/div>\n \n <header>\n <div class=\"logo-container\">\n \n <img decoding=\"async\" src=\"#\" alt=\"Logo da Federa\u00e7\u00e3o\" class=\"logo-placeholder\">\n <\/div>\n <\/header>\n \n <div class=\"container\">\n <main class=\"main-content\">\n <div class=\"status-badge\">Inscri\u00e7\u00f5es Fechadas<\/div>\n \n <h1>Pr\u00f3ximos campeonatos em breve<\/h1>\n \n <div class=\"message\">\n <p>No momento, n\u00e3o temos campeonatos com inscri\u00e7\u00f5es abertas. Estamos preparando novos eventos emocionantes para a pr\u00f3xima temporada.<\/p>\n <\/div>\n \n <div class=\"countdown-container\">\n <h2 class=\"countdown-title\">Aguarde o pr\u00f3ximo campeonato<\/h2>\n \n <div class=\"countdown-placeholder\">\n <div class=\"countdown-item\">\n <div class=\"countdown-value\">00<\/div>\n <div class=\"countdown-label\">Dias<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\">00<\/div>\n <div class=\"countdown-label\">Horas<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\">00<\/div>\n <div class=\"countdown-label\">Minutos<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\">00<\/div>\n <div class=\"countdown-label\">Segundos<\/div>\n <\/div>\n <\/div>\n \n <p style=\"color: rgba(255, 255, 255, 0.6);\">Fique atento \u00e0s nossas redes sociais para ser o primeiro a saber quando as inscri\u00e7\u00f5es abrirem.<\/p>\n <\/div>\n \n <div class=\"cta-section\">\n <button class=\"cta-button\" id=\"notificationBtn\">Receber Notifica\u00e7\u00f5es<\/button>\n <p class=\"secondary-text\">Seja notificado quando as inscri\u00e7\u00f5es abrirem<\/p>\n <\/div>\n \n <div class=\"notification-form\" id=\"notificationForm\">\n <h3 class=\"form-title\">Cadastre-se para receber notifica\u00e7\u00f5es<\/h3>\n \n <form id=\"subscribeForm\">\n <div class=\"form-group\">\n <label for=\"name\" class=\"form-label\">Nome completo<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"email\" class=\"form-label\">E-mail<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"phone\" class=\"form-label\">Telefone (WhatsApp)<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" required>\n <\/div>\n \n <button type=\"submit\" class=\"form-submit\">Cadastrar<\/button>\n <\/form>\n \n <div class=\"form-message\" id=\"formMessage\">\n Cadastro realizado com sucesso! Voc\u00ea receber\u00e1 notifica\u00e7\u00f5es sobre os pr\u00f3ximos campeonatos.\n <\/div>\n <\/div>\n <\/main>\n <\/div>\n \n <footer>\n <p>© 2025 Federa\u00e7\u00e3o Matogrossense de Voleibol \u2022 Todos os direitos reservados<\/p>\n <\/footer>\n \n <script>\n \/\/ Funcionalidade do bot\u00e3o de notifica\u00e7\u00e3o\n document.addEventListener('DOMContentLoaded', function() {\n const notificationBtn = document.getElementById('notificationBtn');\n const notificationForm = document.getElementById('notificationForm');\n const subscribeForm = document.getElementById('subscribeForm');\n const formMessage = document.getElementById('formMessage');\n \n \/\/ Mostrar\/ocultar formul\u00e1rio ao clicar no bot\u00e3o\n notificationBtn.addEventListener('click', function() {\n if (notificationForm.style.display === 'block') {\n notificationForm.style.display = 'none';\n } else {\n notificationForm.style.display = 'block';\n \/\/ Scroll para o formul\u00e1rio\n notificationForm.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n \n \/\/ Processar o formul\u00e1rio\n subscribeForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Aqui voc\u00ea pode adicionar o c\u00f3digo para enviar os dados para o seu sistema\n \/\/ Por exemplo, usando fetch para enviar para um endpoint do WooCommerce\n \n \/\/ Simula\u00e7\u00e3o de envio bem-sucedido\n setTimeout(function() {\n subscribeForm.style.display = 'none';\n formMessage.style.display = 'block';\n \n \/\/ Armazenar os dados no localStorage (opcional)\n const formData = {\n name: document.getElementById('name').value,\n email: document.getElementById('email').value,\n phone: document.getElementById('phone').value\n };\n \n localStorage.setItem('notificationSubscriber', JSON.stringify(formData));\n }, 1000);\n });\n });\n <\/script>\n<\/body>\n<\/html>\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>Federa\u00e7\u00e3o Matogrossense de Voleibol – Inscri\u00e7\u00f5es Inscri\u00e7\u00f5es Fechadas Pr\u00f3ximos campeonatos em breve No momento, n\u00e3o temos campeonatos com inscri\u00e7\u00f5es abertas.<\/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-740","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/pages\/740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/comments?post=740"}],"version-history":[{"count":7,"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/pages\/740\/revisions"}],"predecessor-version":[{"id":748,"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/pages\/740\/revisions\/748"}],"wp:attachment":[{"href":"https:\/\/voleimt.com.br\/sistema\/wp-json\/wp\/v2\/media?parent=740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}