{"id":2198,"date":"2024-12-16T20:51:24","date_gmt":"2024-12-16T20:51:24","guid":{"rendered":"https:\/\/teniscidadejardim.com.br\/wp\/?page_id=2198"},"modified":"2025-01-24T15:53:51","modified_gmt":"2025-01-24T12:53:51","slug":"home-em-construcao","status":"publish","type":"page","link":"https:\/\/teniscidadejardim.com.br\/wp\/","title":{"rendered":"Home &#8211; Em constru\u00e7\u00e3o"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2198\" class=\"elementor elementor-2198\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98bfb4e e-flex e-con-boxed e-con e-parent\" data-id=\"98bfb4e\" 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-acd626b elementor-widget elementor-widget-html\" data-id=\"acd626b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    #subtitulo{\n        display:none!important;\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c5b2ebd elementor-widget elementor-widget-shortcode\" data-id=\"2c5b2ebd\" 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\">    <style>\n        html {\n            margin: 0!important;\n            padding: 0!important;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: Arial, sans-serif;\n\t\t\tmargin: 0px!important;\n            padding: 0px!important;\n            box-sizing: border-box;\n        }\n        \n\n        .header1 {\n            position: relative; \/* ou absolute *\/\n            display: block;\n            width: 100%!important;\n\t\t\tmargin: 0px!important;\n            padding: 0px!important;\n        }\n        \n        .site-main,.post-2248,.post,.type-post,.status-publish,.format-standard,.has-post-thumbnail,.hentry,.category-atccj,.category-uncategorized {\n            padding-left: 50px!important; \/* Ajuste o valor conforme necess\u00e1rio *\/\n        }\n\n\t    \n        .top-section {\n            height: 180px;\n            background: linear-gradient(to bottom, #003f5c, #005f7f);\n\t\t\t\/\/background:url(\"\/atccj\/img\/topo-site-atccj-final.jpg\");\n\t\t\tbackground-size: cover;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .top-section img {\n            max-height: 180px;\n            max-width: 100%;\n        }\n\n        .top-section .logo-text {\n            position: absolute;\n            left: 10vw;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 5vw;\n            color: rgb(255, 255, 255);\n            font-weight: bold;\n        }\n\n        .top-section .buttons {\n\t\t\tposition: absolute;\n\t\t\ttop: 10px;\n\t\t\tright: 20px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 15px;\n\t\t\tjustify-content: flex-end;\n\t\t}\n\t\t\n\t\t.top-section .buttons .welcome-text {\n\t\t\tcolor: white;\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: bold;\n\t\t\tmargin-right: 10px;\n\t\t}\n\n        .top-section .buttons .button1 {\n            padding: 10px 15px!important;\n            border: none;\n\t\t\tmargin: 0px 10px!important;\n            border-radius: 5px;\n            background-color: rgb(255,137,33);\n            color: white!important;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n\n        .top-section .buttons .button1:hover {\n            background-color: #007f9f;\n        }\n\n        .top-section .buttons .icons {\n\t\t\tposition: static;\n\t\t\tdisplay: flex;\n\t\t\tgap: 10px;\n\t\t\tmargin: 0;\n\t\t\tmargin-right:20px!important;\n\t\t}\n\t\t\n\t\t.top-section .buttons .welcome-text,\n\t\t.top-section .buttons .button1 {\n\t\t\torder: 1;\n\t\t}\n\n\t\t.top-section .buttons .icons {\n\t\t\torder: 2;\n\t\t}\n\n        .top-section .buttons .icons a {\n            color: white;\n            font-size: 20px;\n            text-decoration: none;\n            transition: transform 0.3s;\n        }\n\n        .top-section .buttons .icons a:hover {\n            transform: scale(1.2);\n        }\n\n        .navbar {\n            height: 50px;\n            background-color: #d3d3d3;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .navbar ul {\n            list-style: none;\n            display: flex;\n            gap: 20px;\n        }\n\n        .navbar ul li {\n            position: relative;\n        }\n\n        .navbar ul li a {\n            text-decoration: none;\n            color: #003f5c;\n            font-size: 17px;\n            font-weight: bold;\n            padding: 10px 15px!important;\n            transition: background-color 0.3s, color 0.3s;\n        }\n\n        .navbar ul li a:hover {\n            background-color: #005f7f;\n            color: white;\n            border-radius: 5px;\n        }\n        \n        \/* Submenu estilos *\/\n\n        .submenu {\n            display: none!important;\n            position: absolute;\n            margin-top: 15px;\n            padding-left: 0;\n            background-color: #ddd;\n            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n            border-radius: 5px;\n            z-index: 10;\n        }\n        \n        \n        \n        .submenu li {\n            width: 200px;\n        }\n        \n        \n        \n        .submenu li a {\n            padding: 10px;\n            display: block;\n            font-size: 16px;\n            color: #003f5c;\n        }\n        \n        \n        \n        .submenu li a:hover {\n            background-color: #005f7f;\n            color: white;\n        }\n        \n        \n        \n        .show {\n            display: block!important;\n        }\n\t\t\n\t\t#subtitulo {\n\t\t\twidth: 100%!important;\n\t\t\theight: 80px;\n\t\t\tbackground-color: #007f9f;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t#subtitulo h2 {\n\t\t\tcolor: white;\n\t\t\tfont-size: 32px;\n\t\t\tmargin: 0;\n\t\t\ttext-align: center;\n\t\t}\n\t\t\n\t\t\/* Menu dropdown *\/\n\t\t.dropdown-menu {\n\t\t\tdisplay: none; \/* Oculta o menu por padr\u00e3o *\/\n\t\t\tposition: absolute;\n\t\t\ttop: 100%;\n\t\t\tleft: 0;\n\t\t\tbackground-color: #ddd;\n\t\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n\t\t\tborder-radius: 4px;\n\t\t\tz-index: 10;\n\t\t}\n\t\t\n\t\t#wlogin.open .dropdown-menu {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.dropdown-menu a {\n\t\t\tdisplay: block;\n\t\t\tpadding: 8px 36px!important;\n\t\t\ttext-decoration: none;\n\t\t\tcolor: #333;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight:bold;\n\t\t\tborder-radius: 4px;\n\t\t}\n\n\t\t.dropdown-menu a:hover {\n\t\t\tbackground-color: #ccc;\n\t\t}\n\t\t\n\t\t#wlogin {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t\t\n\t\t#wlogin .welcome-text{\n\t\t\torder: 2;\n\t\t}\n\t\t\n\t\t#wlogin .dropdown{\n\t\t\torder: 2;\n\t\t}\n\n        \/* Existing CSS *\/\n@media (max-width: 768px) {\n    .navbar ul {\n        flex-direction: column;\n        background-color: #fff;\n        position: fixed;\n        top: 0;\n        left: 0;\n        padding-top: 20px!important;\n        width: 100%;\n        height: 100%;\n        display: none;\n        z-index: 10;\n        padding-top: 60px;\n        align-items: center;\n        overflow-y: auto; \/* Add this line *\/\n    }\n\n    .navbar ul.active {\n        display: flex;\n        align-items: flex-start;\n    }\n\n    .navbar ul li {\n        width: 100%;\n    }\n\n    .submenu {\n        display: none;\n        flex-direction: column;\n        background-color: #ddd;\n        width: 100%; \/* Ensure it takes full width *\/\n        position: static; \/* Make it follow the document flow *\/\n        padding-left: 20px; \/* Indent submenu items *\/\n    }\n\n    .submenu li  {\n        width: 100%; \/* Ensure items take full width *\/\n    }\n\n    .submenu.show {\n        display: flex; \/* Show the submenu expanded *\/\n    }\n\n    .top-section .menu-toggle {\n        position: absolute;\n        bottom: 20px;\n        right: 40px;\n        background-color: #ddd;\n        border: none;\n        font-size: 24px;\n        cursor: pointer;\n        border-radius: 5px;\n        padding: 5px!important;\n    }\n\n    .navbar ul .close-menu {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        font-size: 24px;\n        cursor: pointer;\n        padding: 10px;\n    }\n\n    .navbar .menu-toggle:hover {\n        color: #005f7f;\n        top: 250px;\n    }\n\n    .top-section {\n        height: 250px;\n    }\n\n    .top-section img {\n        margin-top: 50px;\n    }\n\n    .top-section .logo-text {\n        top: 60%;\n    }\n\n    .navbar {\n        height: 10px;\n    }\n\n    .top-section .buttons {\n        justify-content: space-between;\n        width: 100%;\n        padding: 0px;\n        position: absolute;\n        top: 0px;\n    }\n    .top-section .buttons #wlogin {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        margin-left: 30px!important;\n        font-size: 12px;\n        margin-top: 0px!important;\n    }\n    \n    .dropdown-menu {\n        margin-left: 30px!important;\n    }\n\n    .top-section .buttons .icons {\n        position: static;\n        display: flex;\n        justify-content: flex-end;\n        padding: 10px!important;\n        margin: 0px!important;\n    }\n\n    .top-section .buttons .icons a {\n        margin-right: 0;\n        margin-top: 0px!important;\n        padding: 0px!important;\n    }\n    .top-section .buttons .icons a img {\n        margin-top: 0px!important;\n    }\n}\n\n@media (min-width: 769px) {\n    .top-section .menu-toggle {\n        display: none;\n    }\n    .navbar ul .close-menu {\n        display: none;\n    }\n}\n\n#content {\n    margin-left: 50px!important; \/* Ajuste o valor conforme necess\u00e1rio *\/\n}\n    <\/style>\n<\/head>\n<body style=\"margin:0px!important;padding:0px!important\">\n\n<div class=\"header1\" style=\"margin:0px!important;padding:0px!important\">\n    <div class=\"top-section\">\n        <span class=\"logo-text\">ATCCJ<\/span>\n        <img decoding=\"async\" src=\"\/wp\/img\/testelogo.png\" alt=\"Placeholder Image\">\n        <div class=\"buttons\">\n            <div id=\"wlogin\"><a href=\"https:\/\/teniscidadejardim.com.br\/wp\/login\" class=\"button1\">Entrar<\/a><a href=\"https:\/\/teniscidadejardim.com.br\/wp\/register\" class=\"button1\">Registrar<\/a><\/div>            <div class=\"icons\">\n                <a href=\"https:\/\/www.instagram.com\/atccj.tv\/\" title=\"Instagram\"><img decoding=\"async\" src=\"\/wp\/img\/instagram.png\" style=\"width:30px\"><\/a>\n                <a href=\"https:\/\/www.youtube.com\/@ATCCJ\" title=\"YouTube\"><img decoding=\"async\" src=\"\/wp\/img\/youtube.png\" style=\"width:30px\"><\/a>\n                <a href=\"mailto:atccj@teniscidadejardim.com.br\" title=\"Email\"><img decoding=\"async\" src=\"\/wp\/img\/email.png\" style=\"width:30px\"><\/a>\n            <\/div>\n        <\/div>\n\t<button class=\"menu-toggle\">\u2630<\/button>\n    <\/div>\n    <nav class=\"navbar\">\n    <ul>\n        <li><a href=\"\/wp\">Home<\/a><\/li>\n        <li>\n            <a href=\"#\" id=\"ranking-toggle\">Ranking <span class=\"arrow\">&#9660;<\/span><\/a>\n            <ul class=\"submenu\" id=\"ranking-submenu\">\n                <li><a href=\"ranking-misto\">Ranking Misto<\/a><\/li>\n                <li><a href=\"ranking-feminino\">Ranking Feminino<\/a><\/li>\n            <\/ul>\n        <\/li>\n        <li><a href=\"desafios\">Desafios<\/a><\/li>\n        <li><a href=\"torneios\">Torneios<\/a><\/li>\n        <li><a href=\"noticias\">Not\u00edcias<\/a><\/li>\n        <li><a href=\"loja\">Loja<\/a><\/li>\n    <\/ul>\n    <\/nav>\n\t<div id=\"subtitulo\">\n\t\t<h2>HOME   EM CONSTRU\u00e7\u00e3O<\/h2>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"marquee-container\">\n    <div class=\"marquee-content\">\n                                \n            <div class=\"marquee-item\">\n                \u00daltimos jogos:&nbsp;&nbsp;<strong>Daniel Sodr\u00e9<\/strong> \n                (6) \ud83c\udfc6 \ud83c\udd9a \n                (4) \n                <strong>ARTHUR DA SILVA<\/strong>\n                - 30\/05\/2026            <\/div>\n                                \n                    <div class=\"marquee-item\">\n                Pr\u00f3ximos jogos:&nbsp;&nbsp;<strong>Daniel Sodr\u00e9<\/strong> \ud83c\udd9a \n                <strong>ARTHUR DA SILVA<\/strong>\n                - 30\/05\/2026            <\/div>\n                    <div class=\"marquee-item\">\n                Pr\u00f3ximos jogos:&nbsp;&nbsp;<strong>Daniel Santos<\/strong> \ud83c\udd9a \n                <strong>Daniel Sodr\u00e9<\/strong>\n                - 30\/05\/2026            <\/div>\n            <\/div>\n<\/div>\n\n<style>\n\/* Estilo da barra de rolagem de desafios *\/\n.marquee-container {\n    width: 100%;\n    height: 60px;\n    overflow: hidden;\n    background: rgba(0, 0, 0, 0.8);\n    color: white;\n    display: none;\n    align-items: center;\n    position: relative;\n    white-space: nowrap;\n}\n\n.marquee-content {\n    display: flex;\n    gap: 40px;\n    animation: marquee 20s linear infinite;\n}\n\n\/* Duplicamos o conte\u00fado no CSS puro *\/\n.marquee-content::after {\n    content: attr(data-text);\n    white-space: nowrap;\n    padding-left: 40px;\n}\n\n@keyframes marquee {\n    from { transform: translateX(250%); }\n    to { transform: translateX(-100%); }\n}\n\n<\/style>\n\n\n\n\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        \/\/ Dropdown do usu\u00e1rio logado\n        const wlogin = document.querySelector('#wlogin');\n        if (wlogin) {\n            const welcomeText = wlogin.querySelector('.welcome-text');\n            var nome_user = \"\";\n\n            \/\/ Toggle dropdown no clique\n            wlogin.addEventListener('click', function (e) {\n                e.stopPropagation(); \/\/ Previne conflitos com outros cliques\n                wlogin.classList.toggle('open');\n\n                \/\/ Alterar o \u00edcone da seta\n                welcomeText.innerHTML = wlogin.classList.contains('open')\n                    ? `Ol\u00e1, ${nome_user}! &#9650;` \/\/ Seta para cima\n                    : `Ol\u00e1, ${nome_user}! &#9660;`; \/\/ Seta para baixo\n            });\n\n            \/\/ Fechar dropdown ao clicar fora\n            document.addEventListener('click', function (event) {\n                if (!wlogin.contains(event.target)) {\n                    wlogin.classList.remove('open');\n                    welcomeText.innerHTML = `Ol\u00e1, ${nome_user}! &#9660;`; \/\/ Seta para baixo\n                }\n            });\n        }\n\n        \/\/ Submenu de \"Ranking\"\n        const rankingToggle = document.getElementById('ranking-toggle');\n        const rankingSubmenu = document.getElementById('ranking-submenu');\n\n        if (rankingToggle && rankingSubmenu) {\n            const arrow = rankingToggle.querySelector('.arrow');\n\n            rankingToggle.addEventListener('click', (e) => {\n                e.preventDefault();\n                e.stopPropagation(); \/\/ Previne conflitos com outros menus\n                rankingSubmenu.classList.toggle('show');\n                arrow.innerHTML = rankingSubmenu.classList.contains('show') ? '&#9650;' : '&#9660;';\n            });\n\n            \/\/ Fechar submenu ao clicar fora\n            document.addEventListener('click', function (event) {\n                if (!rankingToggle.contains(event.target) && !rankingSubmenu.contains(event.target)) {\n                    rankingSubmenu.classList.remove('show');\n                    arrow.innerHTML = '&#9660;'; \/\/ Seta para baixo\n                }\n            });\n        }\n        \n    });\n\n        \/\/ Menu responsivo com bot\u00e3o abrir\/fechar\n        const menuToggle = document.querySelector('.menu-toggle');\n        const navMenu = document.querySelector('.navbar ul');\n        \n        if (menuToggle && navMenu) {\n            \/\/ Adiciona o bot\u00e3o de fechar no menu\n            const closeMenu = document.createElement('span');\n            closeMenu.classList.add('close-menu');\n            closeMenu.innerHTML = '\u00d7';\n            navMenu.prepend(closeMenu);\n        \n            \/\/ Abrir menu no clique\n            menuToggle.addEventListener('click', function () {\n                navMenu.classList.add('active');\n            });\n        \n            \/\/ Fechar menu no clique no bot\u00e3o \"\u00d7\"\n            closeMenu.addEventListener('click', function () {\n                navMenu.classList.remove('active');\n            });\n        \n            \/\/ Fechar menu ao clicar fora no modo responsivo\n            document.addEventListener('click', function (event) {\n                const isClickInsideMenu = navMenu.contains(event.target);\n                const isClickInsideToggle = menuToggle.contains(event.target);\n        \n                if (!isClickInsideMenu && !isClickInsideToggle) {\n                    navMenu.classList.remove('active');\n                }\n            });\n        \n            \/\/ Evitar que cliques dentro do menu fechem o mesmo\n            navMenu.addEventListener('click', function (e) {\n                e.stopPropagation();\n            });\n        }\n\n    \n<\/script>\n\n\n\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-77a5f19e e-flex e-con-boxed e-con e-parent\" data-id=\"77a5f19e\" 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-34b5555 elementor-widget elementor-widget-shortcode\" data-id=\"34b5555\" 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\"><style>\r\n.custom-featured-post {\r\n    width: 80%;\r\n    max-width:600px;\r\n    margin: 20px auto; \/* Centraliza o conte\u00fado horizontalmente *\/\r\n    position: relative;\r\n    padding:0;\r\n}\r\n\r\n.custom-featured-post .principal {\r\n    text-decoration: none;\r\n    display: block;\r\n    position: relative;\r\n    border-radius: 5px;\r\n    border:2px solid rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.featured-image {\r\n    width: 100%;\r\n    padding-top: 56.25%; \/* Mant\u00e9m a propor\u00e7\u00e3o 16:9 *\/\r\n    background-size: cover;\r\n    background-position: center;\r\n    position: relative;\r\n}\r\n\r\n.overlay {\r\n    position: absolute;\r\n    bottom: 10px;\r\n    left: 0;\r\n    width: 80%;\r\n    background-color: rgba(0, 0, 0, 0.6); \/* Tarja cinza com transpar\u00eancia *\/\r\n    color: #fff;\r\n    padding: 10px;\r\n    text-align: left;\r\n    border-top-right-radius: 5px; \/* Opcional: cantos arredondados *\/\r\n    border-bottom-right-radius: 5px; \/* Opcional: cantos arredondados *\/\r\n    margin-left: 0;\r\n    font-size: 0.7em;\r\n}\r\n\r\n.post-title {\r\n    font-size: 1.2em;\r\n    font-weight: bold;\r\n}\r\n\r\nh2 {\r\n    text-align:center;\r\n    padding:20px;\r\n    font-size: 2vw;\r\n    font-weight:bolder;\r\n    color:#003f5c;\r\n}\r\n\r\n.challenge {\r\n            width: 100%;\r\n            max-width: 700px;\r\n            background: url('img\/fundoDesafio2.webp') no-repeat center center\/cover;\r\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            position: relative;\r\n            color: #fff;\r\n        }\r\n\t\t.chalenge:before{\r\n\t\t   background-color:rgba(0, 0, 0, 0.5);\r\n\t\t}\r\n        .overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.5);\r\n            z-index: 1;\r\n        }\r\n        .content {\r\n            position: relative;\r\n            z-index: 2;\r\n            padding: 20px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n        .player {\r\n            position: relative;\r\n            text-align: center;\r\n        }\r\n        .player img {\r\n            width: 120px;\r\n            height: 120px;\r\n            border-radius: 50%;\r\n            border: 5px solid #fff;\r\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);\r\n            object-fit: cover;\r\n            image-rendering: high-quality;\r\n        }\r\n        .player-name {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: rgba(0, 0, 0, 0.7);\r\n            padding: 22px 40px;\r\n            border-radius: 5px;\r\n            clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);\r\n            left: 105px;\r\n            white-space: nowrap;\r\n\t\t\tz-index: -3;\r\n        }\r\n        .player-name.right {\r\n            left: auto;\r\n            right: 105px;\r\n            clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);\r\n        }\r\n        .winner-tag {\r\n            position: absolute;\r\n            top: -10px;\r\n            left: -10px;\r\n            background: green;\r\n            color: #fff;\r\n            padding: 5px 10px;\r\n            border-radius: 5px;\r\n            font-size: 0.8em;\r\n            font-weight: bold;\r\n        }\r\n        .score {\r\n            font-size: 2em;\r\n            font-weight: bold;\r\n            z-index: 3;\r\n            text-align:center;\r\n            background: rgba(255, 255, 255, 0.4);\r\n            padding: 5px 10px;\r\n        }\r\n@media (max-width: 768px) {\r\n\r\nh2 {\r\n    padding:5px;\r\n    font-size: 2.5vw;\r\n    font-weight:bolder;\r\n}\r\n\r\n.score {\r\n            font-size: 1em;\r\n            width:200px;\r\n}\r\n.player-name {\r\n           left: 45px;\r\n        }\r\n        .player-name.right {\r\n            right: 45px;\r\n        }\r\n\r\n\r\n}\r\n.marquee-container {\r\n    display: flex;\r\n}\r\n \/* Estilos do Modal *\/\r\n        #custom-modal {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 9999;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.7);\r\n        }\r\n\r\n        #custom-modal-content {\r\n            background-color: #fff;\r\n            margin: 15% auto;\r\n            padding: 20px;\r\n            border-radius: 8px;\r\n            width: 90%;\r\n            max-width: 400px;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        #custom-modal-content a {\r\n            color: #0073aa;\r\n            font-weight: bold;\r\n            text-decoration: none;\r\n        }\r\n\r\n        #custom-modal-content a:hover {\r\n            text-decoration: underline;\r\n        }\r\n\r\n        #custom-modal-close {\r\n            position: absolute;\r\n            top: 10px;\r\n            right: 15px;\r\n            font-size: 20px;\r\n            cursor: pointer;\r\n            color: #aaa;\r\n        }\r\n\r\n        #custom-modal-close:hover {\r\n            color: #000;\r\n        }\r\n<\/style>\r\n<div style=\"margin-top:20px;margin-bottom:50px!important\">\r\n    <h2>Bem-vindo \u00e0 comunidade de t\u00eanis do Condom\u00ednio Cidade Jardim!<\/h2>\r\n    <div class=\"custom-featured-post\">\r\n        <p>\r\n                    <\/p>\r\n        <h5>Em destaque<\/h5>\r\n        <a class=\"principal\" href=\"\/wp\/2026\/03\/27\/inscricoes-abertas-para-o-xv-master-cj-2026\/\">\r\n            <div class=\"featured-image\" style=\"background-image: url('https:\/\/teniscidadejardim.com.br\/wp\/wp-content\/uploads\/2026\/03\/CJMASTER2026.png');\">\r\n                <div class=\"overlay\">\r\n                    <span class=\"post-title\">Est\u00e3o abertas as inscri\u00e7\u00f5es para o XV Master CJ 2026! O torneio que todos esperavam em 2026, com direito a camisa e trof\u00e9us para os jogadores! Inscri\u00e7\u00f5es na nossa loja [&hellip;]<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n        <br>\r\n        <p>\r\n        <a href=\"\/wp\/2025\/01\/24\/como-fazer-parte-da-nossa-comunidade\/\">Redefina a sua senha no primeiro acesso<\/a>\r\n        <p>\r\n        <a href=\"\/wp\/2025\/01\/24\/como-fazer-parte-da-nossa-comunidade\/\">Veja como fazer parte do ranking e participar dos nossos eventos.<\/a>\r\n        <p>\r\n        <a href=\"\/wp\/2025\/01\/24\/como-sair-do-ranking-zerado\/\">Novato ou zerado? Saiba como se posicionar no ranking.<\/a>\r\n    \r\n    <br>\r\n    \r\n<!--hr>\r\n    <h5>\u00daltimo jogo realizado<\/h5>\r\n<div class=\"challenge\">\r\n    <div class=\"overlay\"><\/div>\r\n    <div class=\"content\">\r\n        <div class=\"player\" style=\"margin-top: -140px;\">\r\n            <img decoding=\"async\" src=\"\/wp\/wp-content\/uploads\/ultimatemember\/323\/2018-05-091525881908.jpg\" alt=\"<?= esc_html($jogador1); ?>\">            <div class=\"player-name\">Marcus Bedeschi<\/div>\r\n            <div class=\"winner-tag\">Winner<\/div>\r\n        <\/div>\r\n        <div class=\"score\">7 - 6<\/div>\r\n        <div class=\"player\" style=\"margin-top: 140px;\">\r\n            <img decoding=\"async\" src=\"\/wp\/wp-content\/uploads\/ultimatemember\/621\/2019-11-071573109030.jpg\" alt=\"<?= esc_html($jogador2); ?>\">            <div class=\"player-name right\">Eduardo Pikelhaizen<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div-->\r\n<\/div>\r\n\r\n\r\n<\/div>\r\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-12935671 e-flex e-con-boxed e-con e-parent\" data-id=\"12935671\" 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-113798c8 elementor-widget elementor-widget-html\" data-id=\"113798c8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n    \n        body {\n        margin:unset!important;\n\t\t\tpadding:unset!important;\n        }\n        \/* Estilo do Footer *\/\n        .footer {\n            background: linear-gradient(to top, #003f5c, #005f7f);\n            color: white;\n            height: 200px;\n            display: block;\n            justify-content: center;\n            text-align: center;\n            padding-top: 50px!important;\n            margin:0!important;\n            font-size: 1.2em;\n            width:100vw!important;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Footer -->\n    <footer class=\"footer\">\n        <p>Associa\u00e7\u00e3o dos Tenistas do Condom\u00ednio Cidade Jardim<\/p><br>\n        <p style=\"font-size:0.7em\">&copy; 2024 - Todos os direitos reservados<\/p>\n    <\/footer>\n\n<\/body>\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>Associa\u00e7\u00e3o dos Tenistas do Condom\u00ednio Cidade Jardim &copy; 2024 &#8211; Todos os direitos reservados<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2198","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teniscidadejardim.com.br\/wp\/wp-json\/wp\/v2\/pages\/2198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teniscidadejardim.com.br\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teniscidadejardim.com.br\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teniscidadejardim.com.br\/wp\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/teniscidadejardim.com.br\/wp\/wp-json\/wp\/v2\/comments?post=2198"}],"version-history":[{"count":12,"href":"https:\/\/teniscidadejardim.com.br\/wp\/wp-json\/wp\/v2\/pages\/2198\/revisions"}],"predecessor-version":[{"id":2493,"href":"https:\/\/teniscidadejardim.com.br\/wp\/wp-json\/wp\/v2\/pages\/2198\/revisions\/2493"}],"wp:attachment":[{"href":"https:\/\/teniscidadejardim.com.br\/wp\/wp-json\/wp\/v2\/media?parent=2198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}