{"id":12,"date":"2026-03-04T15:03:16","date_gmt":"2026-03-04T15:03:16","guid":{"rendered":"https:\/\/tvdagenteceara.com.br\/?page_id=12"},"modified":"2026-03-14T13:19:13","modified_gmt":"2026-03-14T13:19:13","slug":"home","status":"publish","type":"page","link":"https:\/\/tvdagenteceara.com.br\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n TV DA GENTE \u2022 Fortaleza\/CE<\/title>\n <meta name=\"description\" content=\"TV DA GENTE - Fortaleza\/CE. Ao vivo e programa\u00e7\u00e3o.\" \/>\n\n <style>\n :root{\n --snow: #FFFAFA; \/* branco neve *\/\n --bg-soft: #f3f5f7; \/* cinza bem claro *\/\n --blue: #0B84F3; \/* azul rodap\u00e9 (padr\u00e3o) *\/\n --blue-2: #0A79E0;\n --text: rgba(8,12,20,.92);\n --muted: rgba(8,12,20,.62);\n --border: rgba(8,12,20,.12);\n --shadow: 0 18px 60px rgba(0,0,0,.12);\n --radius: 18px;\n --max: 1180px;\n }\n\n *{ box-sizing:border-box; }\n html,body{ height:100%; }\n body{\n margin:0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n background: linear-gradient(180deg, var(--snow), var(--bg-soft));\n color: var(--text);\n display:flex;\n flex-direction:column;\n min-height:100vh;\n }\n\n \/* HEADER (limpo e s\u00e9rio) *\/\n header{\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(255,255,255,.86);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border);\n }\n .top{\n max-width: var(--max);\n margin: 0 auto;\n padding: 14px 18px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap: 14px;\n }\n\n .brand-top{\n display:flex;\n align-items:center;\n gap: 12px;\n min-width: 260px;\n }\n .brand-top img{\n width: 190px;\n height:auto;\n display:block;\n filter: drop-shadow(0 8px 14px rgba(0,0,0,.08));\n }\n .note-white{\n font-size: 12px;\n font-weight: 900;\n letter-spacing: .06em;\n text-transform: uppercase;\n color: rgba(8,12,20,.62);\n border: 1px dashed rgba(8,12,20,.22);\n padding: 6px 10px;\n border-radius: 10px;\n white-space: nowrap;\n }\n\n nav{\n display:flex;\n align-items:center;\n gap: 18px;\n flex-wrap: wrap;\n justify-content:center;\n }\n nav a{\n text-decoration:none;\n color: rgba(8,12,20,.80);\n font-weight: 900;\n font-size: 13px;\n letter-spacing: .08em;\n text-transform: uppercase;\n padding: 10px 10px;\n border-radius: 10px;\n transition: 180ms ease;\n }\n nav a:hover{\n background: rgba(0,0,0,.04);\n color: rgba(8,12,20,.95);\n }\n\n .actions{\n min-width: 240px;\n display:flex;\n justify-content:flex-end;\n gap: 10px;\n align-items:center;\n }\n .pill{\n display:inline-flex;\n align-items:center;\n gap: 8px;\n padding: 9px 12px;\n border-radius: 999px;\n background: rgba(0,0,0,.03);\n border: 1px solid rgba(0,0,0,.10);\n color: rgba(8,12,20,.82);\n font-weight: 1000;\n font-size: 12px;\n letter-spacing: .06em;\n text-transform: uppercase;\n user-select: none;\n white-space: nowrap;\n }\n .dot{\n width: 9px; height: 9px;\n border-radius: 50%;\n background: #3ad46e;\n box-shadow: 0 0 0 6px rgba(58,212,110,.14);\n animation: pulse 1.8s ease-in-out infinite;\n }\n @keyframes pulse{\n 0%,100%{ transform: scale(1); opacity: 1; }\n 50%{ transform: scale(1.15); opacity: .75; }\n }\n\n \/* TICKER (SVG passando) *\/\n .ticker-wrap{\n border-top: 1px solid rgba(0,0,0,.07);\n border-bottom: 1px solid rgba(0,0,0,.07);\n background: rgba(0,0,0,.02);\n overflow:hidden;\n }\n .ticker{\n max-width: var(--max);\n margin: 0 auto;\n padding: 10px 18px;\n display:flex;\n align-items:center;\n gap: 12px;\n }\n .ticker strong{\n color: rgba(8,12,20,.78);\n font-size: 12px;\n letter-spacing: .08em;\n text-transform: uppercase;\n font-weight: 1000;\n }\n .marquee{\n position: relative;\n flex: 1;\n height: 30px;\n overflow: hidden;\n border-radius: 999px;\n border: 1px solid rgba(0,0,0,.10);\n background: rgba(255,255,255,.75);\n }\n .marquee .run{\n position:absolute;\n top: 50%;\n transform: translateY(-50%);\n display:flex;\n align-items:center;\n gap: 14px;\n white-space: nowrap;\n will-change: transform;\n animation: slide 12s linear infinite;\n padding-left: 100%;\n }\n @keyframes slide{\n 0%{ transform: translate(0, -50%); }\n 100%{ transform: translate(-200%, -50%); }\n }\n .badge{\n display:inline-flex;\n align-items:center;\n gap: 10px;\n padding: 6px 12px;\n border-radius: 999px;\n background: rgba(0,0,0,.03);\n border: 1px solid rgba(0,0,0,.08);\n font-size: 12px;\n color: rgba(8,12,20,.82);\n font-weight: 800;\n }\n\n \/* MAIN (PLAYER + CONTE\u00daDO) *\/\n main{\n flex: 1;\n width: 100%;\n background: linear-gradient(180deg, #f7f8fa 0%, #eef1f4 100%);\n border-bottom: 10px solid rgba(0,0,0,.04);\n }\n .container{\n max-width: var(--max);\n margin: 0 auto;\n padding: 24px 18px 44px;\n }\n\n .hero{\n display:flex;\n align-items:flex-end;\n justify-content:space-between;\n gap: 16px;\n margin: 18px 0 18px;\n flex-wrap: wrap;\n }\n .hero h1{\n margin:0;\n font-size: clamp(20px, 2.2vw, 30px);\n letter-spacing:.02em;\n }\n .hero p{\n margin: 6px 0 0;\n color: var(--muted);\n max-width: 70ch;\n line-height: 1.5;\n font-size: 14px;\n }\n .cta{\n display:flex;\n gap: 10px;\n flex-wrap: wrap;\n }\n .btn{\n appearance: none;\n border: 1px solid rgba(0,0,0,.12);\n background: rgba(255,255,255,.88);\n color: rgba(8,12,20,.92);\n padding: 11px 14px;\n border-radius: 12px;\n font-weight: 1000;\n letter-spacing: .06em;\n text-transform: uppercase;\n font-size: 12px;\n cursor: pointer;\n transition: 180ms ease;\n box-shadow: 0 10px 30px rgba(0,0,0,.07);\n }\n .btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.97); }\n .btn.primary{\n border-color: rgba(11,132,243,.35);\n background: linear-gradient(180deg, rgba(11,132,243,.18), rgba(11,132,243,.08));\n }\n\n .grid{\n display:grid;\n grid-template-columns: 1.4fr .6fr;\n gap: 16px;\n align-items:start;\n }\n @media (max-width: 980px){\n .grid{ grid-template-columns: 1fr; }\n nav{ display:none; }\n .brand-top{ min-width:auto; }\n .actions{ min-width:auto; }\n .note-white{ display:none; }\n }\n\n \/* PLAYER CARD *\/\n .player-card{\n border-radius: var(--radius);\n background: rgba(255,255,255,.86);\n border: 1px solid rgba(0,0,0,.10);\n box-shadow: var(--shadow);\n overflow:hidden;\n }\n .player-top{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap: 10px;\n padding: 14px 14px;\n border-bottom: 1px solid rgba(0,0,0,.10);\n background: rgba(0,0,0,.02);\n }\n .player-title{\n display:flex;\n align-items:center;\n gap: 10px;\n font-weight: 1000;\n letter-spacing: .06em;\n text-transform: uppercase;\n font-size: 12px;\n color: rgba(8,12,20,.82);\n }\n .mini-dot{\n width: 10px; height: 10px;\n border-radius: 4px;\n background: linear-gradient(135deg, #0B84F3, rgba(58,212,110,.95));\n display:inline-block;\n }\n .live-chip{\n display:inline-flex;\n align-items:center;\n gap: 8px;\n padding: 7px 10px;\n border-radius: 999px;\n border: 1px solid rgba(58,212,110,.55);\n background: rgba(58,212,110,.10);\n color: rgba(8,12,20,.90);\n font-weight: 1000;\n letter-spacing: .08em;\n text-transform: uppercase;\n font-size: 11px;\n }\n .live-chip .dot{ box-shadow:none; width:8px; height:8px; }\n\n .video-wrap{\n position: relative;\n width: 100%;\n aspect-ratio: 16 \/ 9;\n background: #000;\n }\n video,\n iframe{\n width: 100%;\n height: 100%;\n display:block;\n background: #000;\n border: 0;\n }\n\n \/* Overlay loading *\/\n .overlay{\n position:absolute;\n inset: 0;\n display:flex;\n flex-direction: column;\n align-items:center;\n justify-content:center;\n gap: 14px;\n background: radial-gradient(600px 300px at 50% 60%, rgba(11,132,243,.18), rgba(0,0,0,.35));\n opacity: 0;\n pointer-events: none;\n transition: 220ms ease;\n color: rgba(255,255,255,.92);\n }\n .overlay.show{ opacity:1; pointer-events:auto; }\n .spinner{\n width: 46px; height: 46px;\n border-radius: 50%;\n border: 3px solid rgba(255,255,255,.30);\n border-top-color: rgba(255,255,255,.98);\n animation: spin .9s linear infinite;\n }\n @keyframes spin{ to{ transform: rotate(360deg);} }\n .overlay .label{\n text-align:center;\n font-weight: 1000;\n letter-spacing: .08em;\n text-transform: uppercase;\n font-size: 12px;\n }\n .overlay .sub{\n text-align:center;\n font-size: 13px;\n opacity: .9;\n max-width: 54ch;\n line-height: 1.45;\n padding: 0 16px;\n }\n\n \/* SIDEBAR *\/\n .side{\n display:flex;\n flex-direction:column;\n gap: 12px;\n }\n .card{\n background: rgba(255,255,255,.86);\n border: 1px solid rgba(0,0,0,.10);\n border-radius: var(--radius);\n box-shadow: 0 12px 40px rgba(0,0,0,.08);\n padding: 14px;\n }\n .card h3{\n margin:0 0 8px;\n font-size: 12px;\n letter-spacing: .08em;\n text-transform: uppercase;\n color: rgba(8,12,20,.80);\n font-weight: 1000;\n }\n .card p{\n margin: 0;\n color: var(--muted);\n font-size: 13px;\n line-height: 1.5;\n }\n .list{\n margin: 10px 0 0;\n padding: 0;\n list-style: none;\n display:flex;\n flex-direction:column;\n gap: 8px;\n }\n .list li{\n display:flex;\n justify-content:space-between;\n gap: 10px;\n font-size: 13px;\n color: rgba(8,12,20,.78);\n border-bottom: 1px dashed rgba(0,0,0,.12);\n padding-bottom: 8px;\n }\n .tag{\n font-weight: 1000;\n letter-spacing: .06em;\n text-transform: uppercase;\n font-size: 11px;\n color: rgba(8,12,20,.70);\n }\n\n \/* FOOTER PADR\u00c3O *\/\n footer{\n width: 100%;\n background: linear-gradient(180deg, var(--blue) 0%, var(--blue-2) 100%);\n color: rgba(255,255,255,.92);\n box-shadow: 0 -18px 60px rgba(0,0,0,.18);\n }\n .footer-inner{\n max-width: var(--max);\n margin: 0 auto;\n padding: 42px 22px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap: 22px;\n flex-wrap: wrap;\n }\n .brand-footer{\n display:flex;\n align-items:center;\n gap: 22px;\n min-width: 260px;\n }\n .brand-mark{\n display:flex;\n align-items:center;\n gap: 18px;\n }\n\n \/* Logo branca PNG no rodap\u00e9 (substitui o SVG) *\/\n .brand-footer img.footer-logo{\n width: 210px;\n height: auto;\n display:block;\n filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));\n }\n\n .brand-name{\n font-size: 44px;\n font-weight: 800;\n letter-spacing: .01em;\n line-height: 1;\n }\n .divider{\n width: 3px;\n height: 96px;\n background: rgba(255,255,255,.92);\n border-radius: 6px;\n opacity: .95;\n }\n .info{\n display:flex;\n flex-direction:column;\n align-items:flex-end;\n gap: 8px;\n text-align:right;\n min-width: 260px;\n }\n .info .title{\n font-weight: 1000;\n letter-spacing: .08em;\n text-transform: uppercase;\n font-size: 12px;\n opacity: .92;\n }\n .info .line{\n font-size: 13px;\n opacity: .92;\n }\n .info a{\n color: rgba(255,255,255,.96);\n font-weight: 1000;\n text-decoration: none;\n border-bottom: 1px solid rgba(255,255,255,.55);\n padding-bottom: 2px;\n }\n .info a:hover{ border-bottom-color: rgba(255,255,255,.95); }\n\n @media (max-width: 860px){\n .footer-inner{ justify-content:center; text-align:center; }\n .brand-footer{ justify-content:center; }\n .divider{ height: 70px; }\n .info{ align-items:center; text-align:center; }\n .brand-footer img.footer-logo{ width: 200px; }\n }\n <\/style>\n<\/head>\n\n<body>\n <header>\n <div class=\"top\">\n <div class=\"brand-top\">\n <img decoding=\"async\"\n src=\"https:\/\/tvdagenteceara.com.br\/wp-content\/uploads\/2026\/03\/LOGOTV-DA-GENTE-1-1.png\"\n alt=\"TV DA GENTE\"\n loading=\"eager\"\n \/>\n <div class=\"note-white\" title=\"Aviso de identidade\">\n \n <\/div>\n <\/div>\n\n <nav aria-label=\"Menu\">\n <a href=\"#home\">Home<\/a>\n <a href=\"#programacao\">Programa\u00e7\u00e3o<\/a>\n <a href=\"#ao-vivo\">Ao Vivo<\/a>\n <a href=\"#noticias\">Not\u00edcias<\/a>\n <a href=\"#contato\">Contato<\/a>\n <\/nav>\n\n <div class=\"actions\">\n <div class=\"pill\" title=\"Sinal ativo\">\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\n \n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ticker-wrap\">\n <div class=\"ticker\">\n <strong>NO AR<\/strong>\n <div class=\"marquee\" aria-label=\"Destaques\">\n <div class=\"run\">\n <span class=\"badge\">\n <span style=\"width:10px;height:10px;border-radius:50%;background:#0B84F3;display:inline-block\"><\/span>\n <span>TV DA GENTE \u2022 Streaming ao vivo em implanta\u00e7\u00e3o<\/span>\n <\/span>\n\n <span class=\"badge\">\n <span style=\"width:8px;height:8px;border-radius:50%;background:#0B84F3;display:inline-block\"><\/span>\n <span>Fortaleza\/CE \u2022 Informa\u00e7\u00e3o com seriedade<\/span>\n <\/span>\n\n <span class=\"badge\">\n <span style=\"width:8px;height:8px;border-radius:50%;background:#ffd54a;display:inline-block\"><\/span>\n <span>Programa\u00e7\u00e3o \u2022 Not\u00edcias \u2022 Entretenimento<\/span>\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main id=\"home\">\n <div class=\"container\">\n <section class=\"hero\">\n <div>\n <h1><\/h1>\n <p>\n <strong><\/strong>\n <\/p>\n <\/div>\n\n <div class=\"cta\">\n <button class=\"btn primary\" type=\"button\"\n onclick=\"document.getElementById('ao-vivo').scrollIntoView({behavior:'smooth'})\">\n Assistir agora\n <\/button>\n\n <button class=\"btn\" type=\"button\" onclick=\"toggleMute()\">\n Ativar\/Desativar som\n <\/button>\n <\/div>\n <\/section>\n\n <section class=\"grid\">\n <!-- PLAYER -->\n <div id=\"ao-vivo\" class=\"player-card\" aria-label=\"Player TV\">\n <div class=\"player-top\">\n <div class=\"player-title\">\n <span class=\"mini-dot\" aria-hidden=\"true\"><\/span>\n TV DA GENTE \u2022 Player\n <\/div>\n\n <div class=\"live-chip\" title=\"Ao vivo (placeholder)\">\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\n AO VIVO\n <\/div>\n <\/div>\n\n <div class=\"video-wrap\">\n <iframe\n id=\"tvPlayer\"\n src=\"https:\/\/gltectv.glaudiotecnology.uk\/\"\n title=\"TV DA GENTE \u2022 Player\"\n width=\"100%\"\n height=\"100%\"\n style=\"border:0;\"\n allow=\"autoplay; fullscreen\"\n allowfullscreen\n loading=\"eager\"\n ><\/iframe>\n\n <div id=\"overlay\" class=\"overlay show\">\n <div class=\"spinner\" aria-hidden=\"true\"><\/div>\n <div class=\"label\">Carregando player\u2026<\/div>\n <div class=\"sub\">Se o player n\u00e3o iniciar automaticamente, aguarde alguns segundos.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- LATERAL -->\n <aside class=\"side\" aria-label=\"Informa\u00e7\u00f5es\">\n <div class=\"card\" id=\"programacao\">\n <h3>Programa\u00e7\u00e3o<\/h3>\n <p>Em breve: grade completa com hor\u00e1rios e atra\u00e7\u00f5es.<\/p>\n <ul class=\"list\">\n <li><span> TV DA GENTE <\/span><span class=\"tag\">Em breve<\/span><\/li>\n <li><span> TV DA GENTE <\/span><span class=\"tag\">Em breve<\/span><\/li>\n <li><span>Entretenimento<\/span><span class=\"tag\">Em breve<\/span><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card\" id=\"noticias\">\n <h3>Not\u00edcias<\/h3>\n <p>Atualiza\u00e7\u00f5es e comunicados oficiais da TV DA GENTE.<\/p>\n <ul class=\"list\">\n <li><span>In\u00edcio do streaming<\/span><span class=\"tag\">Pr\u00f3ximo<\/span><\/li>\n <li><span>Novos programas<\/span><span class=\"tag\">Pr\u00f3ximo<\/span><\/li>\n <li><span>Coberturas locais<\/span><span class=\"tag\">Ativo<\/span><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card\">\n <h3>Contato<\/h3>\n <p>Quer anunciar ou participar? Em breve colocaremos os canais oficiais.<\/p>\n <\/div>\n <\/aside>\n <\/section>\n <\/div>\n <\/main>\n\n <!-- RODAP\u00c9 PADR\u00c3O (com LOGO BRANCA PNG no lugar do SVG) -->\n <footer id=\"contato\">\n <div class=\"footer-inner\">\n <div class=\"brand-footer\">\n <div class=\"brand-mark\" aria-label=\"Marca TV DA GENTE\">\n <img decoding=\"async\"\n class=\"footer-logo\"\n src=\"https:\/\/tvdagenteceara.com.br\/wp-content\/uploads\/2026\/03\/tvdagente_logo_branca.png\"\n alt=\"TV DA GENTE (Logo branca)\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"divider\" aria-hidden=\"true\"><\/div>\n <\/div>\n\n <div class=\"info\">\n <div class=\"title\">TV DA GENTE \u2022 Fortaleza\/CE<\/div>\n <div class=\"line\">\u00a9 <span id=\"year\"><\/span> Todos os direitos reservados<\/div>\n <div class=\"line\">\n Sistema desenvolvido por\n <a href=\"https:\/\/gltecbrasil.com.br\/\" target=\"_blank\" rel=\"noopener noreferrer\">GLTEC BRASIL<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n document.getElementById('year').textContent = new Date().getFullYear();\n\n const player = document.getElementById('tvPlayer');\n const overlay = document.getElementById('overlay');\n\n const hideOverlay = () => overlay.classList.remove('show');\n const showOverlay = () => overlay.classList.add('show');\n\n player.addEventListener('load', hideOverlay);\n window.addEventListener('load', () => {\n showOverlay();\n setTimeout(hideOverlay, 2500);\n });\n\n function toggleMute(){\n \/\/ sem a\u00e7\u00e3o para iframe\n }\n <\/script>\n<\/body>\n<\/html>\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>TV DA GENTE \u2022 Fortaleza\/CE Home Programa\u00e7\u00e3o Ao Vivo Not\u00edcias Contato NO AR TV DA GENTE \u2022 Streaming ao vivo em implanta\u00e7\u00e3o Fortaleza\/CE \u2022 Informa\u00e7\u00e3o com seriedade Programa\u00e7\u00e3o \u2022 Not\u00edcias \u2022 Entretenimento Assistir agora Ativar\/Desativar som TV DA GENTE \u2022 Player AO VIVO Carregando player\u2026 Se o player n\u00e3o iniciar automaticamente, aguarde alguns segundos. Programa\u00e7\u00e3o […]<\/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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tvdagenteceara.com.br\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tvdagenteceara.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tvdagenteceara.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tvdagenteceara.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tvdagenteceara.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":19,"href":"https:\/\/tvdagenteceara.com.br\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/tvdagenteceara.com.br\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/tvdagenteceara.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}