JogoCapoeira \u2014 Em breve<\/title>\n\n <meta\n name=\"description\"\n content=\"JogoCapoeira \u2014 uma nova plataforma digital dedicada \u00e0 Capoeira, sua cultura e sua comunidade.\"\n >\n\n <style>\n\n :root {\n --black: #050505;\n --black-soft: #0d0d0d;\n --white: #ffffff;\n --blue: #008cff;\n --blue-light: #24a8ff;\n --gray: #a8a8a8;\n --border: rgba(255,255,255,0.10);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--black);\n color: var(--white);\n overflow-x: hidden;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n\n \/* =========================\n FUNDO\n ========================= *\/\n\n body::before {\n content: \"\";\n position: fixed;\n width: 700px;\n height: 700px;\n\n background: radial-gradient(\n circle,\n rgba(0,140,255,0.16) 0%,\n rgba(0,140,255,0.05) 35%,\n transparent 70%\n );\n\n top: -300px;\n right: -250px;\n\n pointer-events: none;\n z-index: -1;\n }\n\n\n body::after {\n content: \"\";\n position: fixed;\n width: 600px;\n height: 600px;\n\n background: radial-gradient(\n circle,\n rgba(0,140,255,0.10) 0%,\n transparent 70%\n );\n\n bottom: -300px;\n left: -250px;\n\n pointer-events: none;\n z-index: -1;\n }\n\n\n \/* =========================\n HEADER\n ========================= *\/\n\n header {\n width: 100%;\n padding: 28px 6%;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n position: absolute;\n top: 0;\n left: 0;\n\n z-index: 10;\n }\n\n\n .brand {\n font-size: 25px;\n font-weight: 900;\n letter-spacing: -1.5px;\n }\n\n\n .brand span {\n color: var(--blue);\n }\n\n\n \/* ICONO INSTAGRAM HEADER *\/\n\n .instagram-icon {\n width: 43px;\n height: 43px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border: 1px solid var(--border);\n border-radius: 50%;\n\n transition: 0.3s ease;\n }\n\n\n .instagram-icon svg {\n width: 21px;\n height: 21px;\n\n fill: none;\n stroke: currentColor;\n\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n\n .instagram-icon:hover {\n color: white;\n background: var(--blue);\n border-color: var(--blue);\n\n transform: translateY(-3px);\n\n box-shadow:\n 0 8px 25px rgba(0,140,255,0.35);\n }\n\n\n \/* =========================\n HERO\n ========================= *\/\n\n .hero {\n min-height: 100vh;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n text-align: center;\n\n padding: 120px 20px 80px;\n\n position: relative;\n }\n\n\n .hero-content {\n max-width: 950px;\n\n animation: fadeUp 1s ease forwards;\n }\n\n\n .eyebrow {\n color: var(--blue-light);\n\n font-size: 13px;\n font-weight: bold;\n\n letter-spacing: 4px;\n text-transform: uppercase;\n\n margin-bottom: 25px;\n }\n\n\n .hero h1 {\n font-size: clamp(65px, 12vw, 150px);\n\n line-height: 0.85;\n\n font-weight: 900;\n\n letter-spacing: -7px;\n\n margin-bottom: 30px;\n }\n\n\n .hero h1 span {\n color: var(--blue);\n }\n\n\n .swoosh {\n width: 280px;\n height: 8px;\n\n background: var(--blue);\n\n margin: 0 auto 35px;\n\n border-radius: 100%;\n\n transform: rotate(-2deg);\n\n box-shadow:\n 0 0 30px rgba(0,140,255,0.45);\n }\n\n\n .hero h2 {\n font-size: clamp(28px, 5vw, 54px);\n\n margin-bottom: 20px;\n\n font-weight: 800;\n }\n\n\n .hero p {\n max-width: 720px;\n\n margin: 0 auto 35px;\n\n color: var(--gray);\n\n font-size: 18px;\n\n line-height: 1.7;\n }\n\n\n \/* =========================\n BOT\u00d5ES\n ========================= *\/\n\n .buttons {\n display: flex;\n\n justify-content: center;\n\n gap: 15px;\n\n flex-wrap: wrap;\n }\n\n\n .btn {\n padding: 15px 27px;\n\n border-radius: 40px;\n\n font-size: 14px;\n\n font-weight: bold;\n\n transition: 0.3s;\n }\n\n\n .btn-primary {\n background: var(--blue);\n\n color: white;\n\n box-shadow:\n 0 8px 30px rgba(0,140,255,0.25);\n }\n\n\n .btn-primary:hover {\n background: var(--blue-light);\n\n transform: translateY(-3px);\n }\n\n\n \/* =========================\n BOT\u00c3O INSTAGRAM\n ========================= *\/\n\n .btn-instagram {\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 10px;\n\n padding: 14px 22px;\n\n border: 1px solid var(--border);\n\n border-radius: 40px;\n\n color: white;\n\n background: rgba(255,255,255,0.03);\n\n font-size: 14px;\n\n font-weight: bold;\n\n transition: all 0.3s ease;\n }\n\n\n .btn-instagram svg {\n\n width: 21px;\n height: 21px;\n\n fill: none;\n\n stroke: currentColor;\n\n stroke-width: 1.8;\n\n stroke-linecap: round;\n\n stroke-linejoin: round;\n\n transition: 0.3s;\n }\n\n\n .btn-instagram:hover {\n\n background: var(--blue);\n\n border-color: var(--blue);\n\n color: white;\n\n transform: translateY(-3px);\n\n box-shadow:\n 0 8px 25px rgba(0,140,255,0.35);\n }\n\n\n \/* =========================\n SE\u00c7\u00d5ES\n ========================= *\/\n\n section {\n padding: 100px 6%;\n }\n\n\n .section-title {\n\n text-align: center;\n\n max-width: 700px;\n\n margin: 0 auto 55px;\n }\n\n\n .section-title small {\n\n color: var(--blue-light);\n\n text-transform: uppercase;\n\n letter-spacing: 3px;\n\n font-size: 12px;\n\n font-weight: bold;\n }\n\n\n .section-title h2 {\n\n font-size: clamp(35px, 5vw, 55px);\n\n margin: 12px 0 15px;\n }\n\n\n .section-title p {\n\n color: var(--gray);\n\n line-height: 1.7;\n }\n\n\n \/* =========================\n CARDS\n ========================= *\/\n\n .features {\n\n max-width: 1200px;\n\n margin: auto;\n\n display: grid;\n\n grid-template-columns:\n repeat(5, 1fr);\n\n gap: 15px;\n }\n\n\n .card {\n\n min-height: 190px;\n\n padding: 28px 22px;\n\n border: 1px solid var(--border);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,0.05),\n rgba(255,255,255,0.015)\n );\n\n border-radius: 18px;\n\n transition: 0.3s;\n }\n\n\n .card:hover {\n\n transform: translateY(-7px);\n\n border-color:\n rgba(0,140,255,0.55);\n\n box-shadow:\n 0 15px 40px rgba(0,0,0,0.25);\n }\n\n\n .icon {\n\n font-size: 30px;\n\n margin-bottom: 25px;\n }\n\n\n .card h3 {\n\n font-size: 18px;\n\n margin-bottom: 10px;\n }\n\n\n .card p {\n\n color: var(--gray);\n\n font-size: 14px;\n\n line-height: 1.6;\n }\n\n\n \/* =========================\n NEWSLETTER\n ========================= *\/\n\n .newsletter {\n\n max-width: 850px;\n\n margin: auto;\n\n text-align: center;\n\n padding: 65px 30px;\n\n border-radius: 25px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(0,140,255,0.14),\n rgba(255,255,255,0.03)\n );\n\n border: 1px solid var(--border);\n }\n\n\n .newsletter h2 {\n\n font-size:\n clamp(30px, 5vw, 50px);\n\n margin-bottom: 15px;\n }\n\n\n .newsletter p {\n\n color: var(--gray);\n\n line-height: 1.7;\n\n margin-bottom: 30px;\n }\n\n\n .form {\n\n display: flex;\n\n max-width: 600px;\n\n margin: auto;\n\n gap: 10px;\n }\n\n\n .form input {\n\n flex: 1;\n\n background:\n rgba(0,0,0,0.5);\n\n border:\n 1px solid var(--border);\n\n border-radius: 40px;\n\n padding: 16px 20px;\n\n color: white;\n\n outline: none;\n }\n\n\n .form input:focus {\n\n border-color:\n var(--blue);\n }\n\n\n .form button {\n\n border: none;\n\n cursor: pointer;\n\n padding: 0 25px;\n\n border-radius: 40px;\n\n background: var(--blue);\n\n color: white;\n\n font-weight: bold;\n }\n\n\n \/* =========================\n FOOTER\n ========================= *\/\n\n footer {\n\n padding: 45px 6%;\n\n border-top:\n 1px solid var(--border);\n\n text-align: center;\n }\n\n\n footer .logo {\n\n font-size: 24px;\n\n font-weight: 900;\n\n margin-bottom: 12px;\n }\n\n\n footer .logo span {\n\n color: var(--blue);\n }\n\n\n footer p {\n\n color: #777;\n\n font-size: 13px;\n\n margin-bottom: 10px;\n }\n\n\n footer a {\n\n color: var(--blue-light);\n\n font-size: 14px;\n }\n\n\n \/* =========================\n ANIMA\u00c7\u00c3O\n ========================= *\/\n\n @keyframes fadeUp {\n\n from {\n\n opacity: 0;\n\n transform:\n translateY(30px);\n }\n\n to {\n\n opacity: 1;\n\n transform:\n translateY(0);\n }\n }\n\n\n \/* =========================\n RESPONSIVE\n ========================= *\/\n\n @media (max-width: 1000px) {\n\n .features {\n\n grid-template-columns:\n repeat(2, 1fr);\n }\n\n\n .card:last-child {\n\n grid-column:\n span 2;\n }\n }\n\n\n @media (max-width: 600px) {\n\n header {\n\n padding:\n 22px 20px;\n }\n\n\n .brand {\n\n font-size: 21px;\n }\n\n\n .instagram-icon {\n\n width: 40px;\n height: 40px;\n }\n\n\n .hero {\n\n padding-left: 20px;\n padding-right: 20px;\n }\n\n\n .hero h1 {\n\n letter-spacing: -4px;\n }\n\n\n .hero p {\n\n font-size: 16px;\n }\n\n\n section {\n\n padding:\n 75px 20px;\n }\n\n\n .features {\n\n grid-template-columns:\n 1fr;\n }\n\n\n .card:last-child {\n\n grid-column:\n auto;\n }\n\n\n .form {\n\n flex-direction:\n column;\n }\n\n\n .form button {\n\n padding:\n 15px;\n }\n\n }\n\n <\/style>\n\n<\/head>\n\n\n<body>\n\n\n \n\n <header>\n\n <a href=\"#\" class=\"brand\">\n Jogo<span>Capoeira<\/span>\n <\/a>\n\n\n \n\n <a\n href=\"https:\/\/www.instagram.com\/jogocapoeira\/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"instagram-icon\"\n aria-label=\"JogoCapoeira no Instagram\"\n >\n\n <svg\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n\n <rect\n x=\"3\"\n y=\"3\"\n width=\"18\"\n height=\"18\"\n rx=\"5\"\n ><\/rect>\n\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"4\"\n ><\/circle>\n\n <circle\n cx=\"17.5\"\n cy=\"6.5\"\n r=\"1\"\n fill=\"currentColor\"\n stroke=\"none\"\n ><\/circle>\n\n <\/svg>\n\n <\/a>\n\n <\/header>\n\n\n \n\n <main>\n\n <section class=\"hero\">\n\n <div class=\"hero-content\">\n\n\n <div class=\"eyebrow\">\n Cultura \u2022 M\u00eddia \u2022 Comunidade\n <\/div>\n\n\n <h1>\n Jogo<span>Capoeira<\/span>\n <\/h1>\n\n\n <div class=\"swoosh\"><\/div>\n\n\n <h2>\n Capoeira em movimento.\n <\/h2>\n\n\n <p>\n Estamos construindo um novo espa\u00e7o digital\n para conectar a comunidade da Capoeira,\n compartilhar cultura, not\u00edcias, eventos,\n rodas, v\u00eddeos, hist\u00f3rias e muito mais.\n <\/p>\n\n\n <div class=\"buttons\">\n\n\n <a\n href=\"#novidades\"\n class=\"btn btn-primary\"\n >\n Em breve\n <\/a>\n\n\n \n\n <a\n href=\"https:\/\/www.instagram.com\/jogocapoeira\/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"btn-instagram\"\n >\n\n <svg\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n\n <rect\n x=\"3\"\n y=\"3\"\n width=\"18\"\n height=\"18\"\n rx=\"5\"\n ><\/rect>\n\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"4\"\n ><\/circle>\n\n <circle\n cx=\"17.5\"\n cy=\"6.5\"\n r=\"1\"\n fill=\"currentColor\"\n stroke=\"none\"\n ><\/circle>\n\n <\/svg>\n\n Instagram\n\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n \n\n <section id=\"novidades\">\n\n <div class=\"newsletter\">\n\n\n <h2>\n Fa\u00e7a parte do movimento.\n <\/h2>\n\n\n <p>\n O JogoCapoeira est\u00e1 a ser constru\u00eddo.\n Deixe o seu email e fique por dentro\n das novidades e do lan\u00e7amento da plataforma.\n <\/p>\n\n\n <form class=\"form\">\n\n\n <input\n type=\"email\"\n placeholder=\"O seu endere\u00e7o de email\"\n required\n >\n\n\n <button type=\"submit\">\n Quero saber\n <\/button>\n\n\n <\/form>\n\n <\/div>\n\n <\/section>\n\n <\/main>\n\n\n \n\n <footer>\n\n\n <div class=\"logo\">\n Jogo<span>Capoeira<\/span>\n <\/div>\n\n\n <p>\n Cultura \u2022 M\u00eddia \u2022 Comunidade\n <\/p>\n\n\n <a\n href=\"https:\/\/www.jogocapoeira.com\"\n >\n www.jogocapoeira.com\n <\/a>\n\n\n <p style=\"margin-top:20px;\">\n \u00a9 2026 JogoCapoeira.\n Todos os direitos reservados.\n <\/p>\n\n\n <\/footer>\n\n\n<\/body>\n\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JogoCapoeira \u2014 Em breve JogoCapoeira Cultura \u2022 M\u00eddia \u2022 Comunidade JogoCapoeira Capoeira em movimento. Estamos construindo um novo espa\u00e7o digital para conectar a comunidade da Capoeira, compartilhar cultura, not\u00edcias, eventos, rodas, v\u00eddeos, hist\u00f3rias e muito mais. Em breve Instagram Fa\u00e7a parte do movimento. O JogoCapoeira est\u00e1 a ser constru\u00eddo. Deixe o seu email e fique […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":1,"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":17,"date":"2026-09-29T06:44:56","date_gmt":"2026-09-29T06:44:56","guid":{"rendered":"https:\/\/jogocapoeira.com\/?page_id=17"},"modified":"2026-09-29T06:44:56","modified_gmt":"2026-09-29T06:44:56","slug":"17-2","status":"publish","type":"page","link":"https:\/\/jogocapoeira.com\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\n \n\n \n\n JogoCapoeira \u2014 Em breve<\/title>\n\n <meta\n name=\"description\"\n content=\"JogoCapoeira \u2014 uma nova plataforma digital dedicada \u00e0 Capoeira, sua cultura e sua comunidade.\"\n >\n\n <style>\n\n :root {\n --black: #050505;\n --black-soft: #0d0d0d;\n --white: #ffffff;\n --blue: #008cff;\n --blue-light: #24a8ff;\n --gray: #a8a8a8;\n --border: rgba(255,255,255,0.10);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--black);\n color: var(--white);\n overflow-x: hidden;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n\n \/* =========================\n FUNDO\n ========================= *\/\n\n body::before {\n content: \"\";\n position: fixed;\n width: 700px;\n height: 700px;\n\n background: radial-gradient(\n circle,\n rgba(0,140,255,0.16) 0%,\n rgba(0,140,255,0.05) 35%,\n transparent 70%\n );\n\n top: -300px;\n right: -250px;\n\n pointer-events: none;\n z-index: -1;\n }\n\n\n body::after {\n content: \"\";\n position: fixed;\n width: 600px;\n height: 600px;\n\n background: radial-gradient(\n circle,\n rgba(0,140,255,0.10) 0%,\n transparent 70%\n );\n\n bottom: -300px;\n left: -250px;\n\n pointer-events: none;\n z-index: -1;\n }\n\n\n \/* =========================\n HEADER\n ========================= *\/\n\n header {\n width: 100%;\n padding: 28px 6%;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n position: absolute;\n top: 0;\n left: 0;\n\n z-index: 10;\n }\n\n\n .brand {\n font-size: 25px;\n font-weight: 900;\n letter-spacing: -1.5px;\n }\n\n\n .brand span {\n color: var(--blue);\n }\n\n\n \/* ICONO INSTAGRAM HEADER *\/\n\n .instagram-icon {\n width: 43px;\n height: 43px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border: 1px solid var(--border);\n border-radius: 50%;\n\n transition: 0.3s ease;\n }\n\n\n .instagram-icon svg {\n width: 21px;\n height: 21px;\n\n fill: none;\n stroke: currentColor;\n\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n\n .instagram-icon:hover {\n color: white;\n background: var(--blue);\n border-color: var(--blue);\n\n transform: translateY(-3px);\n\n box-shadow:\n 0 8px 25px rgba(0,140,255,0.35);\n }\n\n\n \/* =========================\n HERO\n ========================= *\/\n\n .hero {\n min-height: 100vh;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n text-align: center;\n\n padding: 120px 20px 80px;\n\n position: relative;\n }\n\n\n .hero-content {\n max-width: 950px;\n\n animation: fadeUp 1s ease forwards;\n }\n\n\n .eyebrow {\n color: var(--blue-light);\n\n font-size: 13px;\n font-weight: bold;\n\n letter-spacing: 4px;\n text-transform: uppercase;\n\n margin-bottom: 25px;\n }\n\n\n .hero h1 {\n font-size: clamp(65px, 12vw, 150px);\n\n line-height: 0.85;\n\n font-weight: 900;\n\n letter-spacing: -7px;\n\n margin-bottom: 30px;\n }\n\n\n .hero h1 span {\n color: var(--blue);\n }\n\n\n .swoosh {\n width: 280px;\n height: 8px;\n\n background: var(--blue);\n\n margin: 0 auto 35px;\n\n border-radius: 100%;\n\n transform: rotate(-2deg);\n\n box-shadow:\n 0 0 30px rgba(0,140,255,0.45);\n }\n\n\n .hero h2 {\n font-size: clamp(28px, 5vw, 54px);\n\n margin-bottom: 20px;\n\n font-weight: 800;\n }\n\n\n .hero p {\n max-width: 720px;\n\n margin: 0 auto 35px;\n\n color: var(--gray);\n\n font-size: 18px;\n\n line-height: 1.7;\n }\n\n\n \/* =========================\n BOT\u00d5ES\n ========================= *\/\n\n .buttons {\n display: flex;\n\n justify-content: center;\n\n gap: 15px;\n\n flex-wrap: wrap;\n }\n\n\n .btn {\n padding: 15px 27px;\n\n border-radius: 40px;\n\n font-size: 14px;\n\n font-weight: bold;\n\n transition: 0.3s;\n }\n\n\n .btn-primary {\n background: var(--blue);\n\n color: white;\n\n box-shadow:\n 0 8px 30px rgba(0,140,255,0.25);\n }\n\n\n .btn-primary:hover {\n background: var(--blue-light);\n\n transform: translateY(-3px);\n }\n\n\n \/* =========================\n BOT\u00c3O INSTAGRAM\n ========================= *\/\n\n .btn-instagram {\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 10px;\n\n padding: 14px 22px;\n\n border: 1px solid var(--border);\n\n border-radius: 40px;\n\n color: white;\n\n background: rgba(255,255,255,0.03);\n\n font-size: 14px;\n\n font-weight: bold;\n\n transition: all 0.3s ease;\n }\n\n\n .btn-instagram svg {\n\n width: 21px;\n height: 21px;\n\n fill: none;\n\n stroke: currentColor;\n\n stroke-width: 1.8;\n\n stroke-linecap: round;\n\n stroke-linejoin: round;\n\n transition: 0.3s;\n }\n\n\n .btn-instagram:hover {\n\n background: var(--blue);\n\n border-color: var(--blue);\n\n color: white;\n\n transform: translateY(-3px);\n\n box-shadow:\n 0 8px 25px rgba(0,140,255,0.35);\n }\n\n\n \/* =========================\n SE\u00c7\u00d5ES\n ========================= *\/\n\n section {\n padding: 100px 6%;\n }\n\n\n .section-title {\n\n text-align: center;\n\n max-width: 700px;\n\n margin: 0 auto 55px;\n }\n\n\n .section-title small {\n\n color: var(--blue-light);\n\n text-transform: uppercase;\n\n letter-spacing: 3px;\n\n font-size: 12px;\n\n font-weight: bold;\n }\n\n\n .section-title h2 {\n\n font-size: clamp(35px, 5vw, 55px);\n\n margin: 12px 0 15px;\n }\n\n\n .section-title p {\n\n color: var(--gray);\n\n line-height: 1.7;\n }\n\n\n \/* =========================\n CARDS\n ========================= *\/\n\n .features {\n\n max-width: 1200px;\n\n margin: auto;\n\n display: grid;\n\n grid-template-columns:\n repeat(5, 1fr);\n\n gap: 15px;\n }\n\n\n .card {\n\n min-height: 190px;\n\n padding: 28px 22px;\n\n border: 1px solid var(--border);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,0.05),\n rgba(255,255,255,0.015)\n );\n\n border-radius: 18px;\n\n transition: 0.3s;\n }\n\n\n .card:hover {\n\n transform: translateY(-7px);\n\n border-color:\n rgba(0,140,255,0.55);\n\n box-shadow:\n 0 15px 40px rgba(0,0,0,0.25);\n }\n\n\n .icon {\n\n font-size: 30px;\n\n margin-bottom: 25px;\n }\n\n\n .card h3 {\n\n font-size: 18px;\n\n margin-bottom: 10px;\n }\n\n\n .card p {\n\n color: var(--gray);\n\n font-size: 14px;\n\n line-height: 1.6;\n }\n\n\n \/* =========================\n NEWSLETTER\n ========================= *\/\n\n .newsletter {\n\n max-width: 850px;\n\n margin: auto;\n\n text-align: center;\n\n padding: 65px 30px;\n\n border-radius: 25px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(0,140,255,0.14),\n rgba(255,255,255,0.03)\n );\n\n border: 1px solid var(--border);\n }\n\n\n .newsletter h2 {\n\n font-size:\n clamp(30px, 5vw, 50px);\n\n margin-bottom: 15px;\n }\n\n\n .newsletter p {\n\n color: var(--gray);\n\n line-height: 1.7;\n\n margin-bottom: 30px;\n }\n\n\n .form {\n\n display: flex;\n\n max-width: 600px;\n\n margin: auto;\n\n gap: 10px;\n }\n\n\n .form input {\n\n flex: 1;\n\n background:\n rgba(0,0,0,0.5);\n\n border:\n 1px solid var(--border);\n\n border-radius: 40px;\n\n padding: 16px 20px;\n\n color: white;\n\n outline: none;\n }\n\n\n .form input:focus {\n\n border-color:\n var(--blue);\n }\n\n\n .form button {\n\n border: none;\n\n cursor: pointer;\n\n padding: 0 25px;\n\n border-radius: 40px;\n\n background: var(--blue);\n\n color: white;\n\n font-weight: bold;\n }\n\n\n \/* =========================\n FOOTER\n ========================= *\/\n\n footer {\n\n padding: 45px 6%;\n\n border-top:\n 1px solid var(--border);\n\n text-align: center;\n }\n\n\n footer .logo {\n\n font-size: 24px;\n\n font-weight: 900;\n\n margin-bottom: 12px;\n }\n\n\n footer .logo span {\n\n color: var(--blue);\n }\n\n\n footer p {\n\n color: #777;\n\n font-size: 13px;\n\n margin-bottom: 10px;\n }\n\n\n footer a {\n\n color: var(--blue-light);\n\n font-size: 14px;\n }\n\n\n \/* =========================\n ANIMA\u00c7\u00c3O\n ========================= *\/\n\n @keyframes fadeUp {\n\n from {\n\n opacity: 0;\n\n transform:\n translateY(30px);\n }\n\n to {\n\n opacity: 1;\n\n transform:\n translateY(0);\n }\n }\n\n\n \/* =========================\n RESPONSIVE\n ========================= *\/\n\n @media (max-width: 1000px) {\n\n .features {\n\n grid-template-columns:\n repeat(2, 1fr);\n }\n\n\n .card:last-child {\n\n grid-column:\n span 2;\n }\n }\n\n\n @media (max-width: 600px) {\n\n header {\n\n padding:\n 22px 20px;\n }\n\n\n .brand {\n\n font-size: 21px;\n }\n\n\n .instagram-icon {\n\n width: 40px;\n height: 40px;\n }\n\n\n .hero {\n\n padding-left: 20px;\n padding-right: 20px;\n }\n\n\n .hero h1 {\n\n letter-spacing: -4px;\n }\n\n\n .hero p {\n\n font-size: 16px;\n }\n\n\n section {\n\n padding:\n 75px 20px;\n }\n\n\n .features {\n\n grid-template-columns:\n 1fr;\n }\n\n\n .card:last-child {\n\n grid-column:\n auto;\n }\n\n\n .form {\n\n flex-direction:\n column;\n }\n\n\n .form button {\n\n padding:\n 15px;\n }\n\n }\n\n <\/style>\n\n<\/head>\n\n\n<body>\n\n\n \n\n <header>\n\n <a href=\"#\" class=\"brand\">\n Jogo<span>Capoeira<\/span>\n <\/a>\n\n\n \n\n <a\n href=\"https:\/\/www.instagram.com\/jogocapoeira\/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"instagram-icon\"\n aria-label=\"JogoCapoeira no Instagram\"\n >\n\n <svg\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n\n <rect\n x=\"3\"\n y=\"3\"\n width=\"18\"\n height=\"18\"\n rx=\"5\"\n ><\/rect>\n\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"4\"\n ><\/circle>\n\n <circle\n cx=\"17.5\"\n cy=\"6.5\"\n r=\"1\"\n fill=\"currentColor\"\n stroke=\"none\"\n ><\/circle>\n\n <\/svg>\n\n <\/a>\n\n <\/header>\n\n\n \n\n <main>\n\n <section class=\"hero\">\n\n <div class=\"hero-content\">\n\n\n <div class=\"eyebrow\">\n Cultura \u2022 M\u00eddia \u2022 Comunidade\n <\/div>\n\n\n <h1>\n Jogo<span>Capoeira<\/span>\n <\/h1>\n\n\n <div class=\"swoosh\"><\/div>\n\n\n <h2>\n Capoeira em movimento.\n <\/h2>\n\n\n <p>\n Estamos construindo um novo espa\u00e7o digital\n para conectar a comunidade da Capoeira,\n compartilhar cultura, not\u00edcias, eventos,\n rodas, v\u00eddeos, hist\u00f3rias e muito mais.\n <\/p>\n\n\n <div class=\"buttons\">\n\n\n <a\n href=\"#novidades\"\n class=\"btn btn-primary\"\n >\n Em breve\n <\/a>\n\n\n \n\n <a\n href=\"https:\/\/www.instagram.com\/jogocapoeira\/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"btn-instagram\"\n >\n\n <svg\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n\n <rect\n x=\"3\"\n y=\"3\"\n width=\"18\"\n height=\"18\"\n rx=\"5\"\n ><\/rect>\n\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"4\"\n ><\/circle>\n\n <circle\n cx=\"17.5\"\n cy=\"6.5\"\n r=\"1\"\n fill=\"currentColor\"\n stroke=\"none\"\n ><\/circle>\n\n <\/svg>\n\n Instagram\n\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n \n\n <section id=\"novidades\">\n\n <div class=\"newsletter\">\n\n\n <h2>\n Fa\u00e7a parte do movimento.\n <\/h2>\n\n\n <p>\n O JogoCapoeira est\u00e1 a ser constru\u00eddo.\n Deixe o seu email e fique por dentro\n das novidades e do lan\u00e7amento da plataforma.\n <\/p>\n\n\n <form class=\"form\">\n\n\n <input\n type=\"email\"\n placeholder=\"O seu endere\u00e7o de email\"\n required\n >\n\n\n <button type=\"submit\">\n Quero saber\n <\/button>\n\n\n <\/form>\n\n <\/div>\n\n <\/section>\n\n <\/main>\n\n\n \n\n <footer>\n\n\n <div class=\"logo\">\n Jogo<span>Capoeira<\/span>\n <\/div>\n\n\n <p>\n Cultura \u2022 M\u00eddia \u2022 Comunidade\n <\/p>\n\n\n <a\n href=\"https:\/\/www.jogocapoeira.com\"\n >\n www.jogocapoeira.com\n <\/a>\n\n\n <p style=\"margin-top:20px;\">\n \u00a9 2026 JogoCapoeira.\n Todos os direitos reservados.\n <\/p>\n\n\n <\/footer>\n\n\n<\/body>\n\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JogoCapoeira \u2014 Em breve JogoCapoeira Cultura \u2022 M\u00eddia \u2022 Comunidade JogoCapoeira Capoeira em movimento. Estamos construindo um novo espa\u00e7o digital para conectar a comunidade da Capoeira, compartilhar cultura, not\u00edcias, eventos, rodas, v\u00eddeos, hist\u00f3rias e muito mais. Em breve Instagram Fa\u00e7a parte do movimento. O JogoCapoeira est\u00e1 a ser constru\u00eddo. Deixe o seu email e fique […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":1,"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/jogocapoeira.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}