JM FM 107.1 \u2014 Player (letra ao lado + rodap\u00e9 leg\u00edvel)<\/title>\n<style>\n@font-face{\n font-family:\"SF Pro Display\";\n font-style:normal;\n font-weight:100 900;\n font-display:swap;\n src: local(\"SF Pro Display\"), local(\"SFProDisplay-Regular\"), local(\"SF Pro\");\n}\n:root{\n --bg:#0b1020; --ink:#fff; --muted:#cbd5e1; --line:rgba(255,255,255,.08);\n --card:rgba(255,255,255,.06); --shadow:0 12px 36px rgba(0,0,0,.25);\n --radius:20px; --pad: 24px;\n}\n*{box-sizing:border-box}\nhtml,body{margin:0;height:100%}\nbody{\n color:var(--ink); background:var(--bg);\n font-family:\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"SF Pro Text\",system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;\n min-height:100vh;\n}\n\/* BG *\/\n.bg-stack{position:fixed; inset:0; z-index:0; overflow:hidden}\n.bg-layer{position:absolute; inset:0; background-position:center; background-size:cover;\n filter:blur(60px) saturate(130%); transform:scale(1.2); opacity:0; transition:opacity .7s ease}\n.bg-layer.show{opacity:.55}\n.bg-overlay{position:fixed; inset:0; z-index:1; background:\n linear-gradient(180deg, rgba(5,8,20,.75) 0%, rgba(5,8,20,.6) 40%, rgba(5,8,20,.85) 100%)}\n\n\/* GRID WRAPPER *\/\n.wrapper{\n position:relative; z-index:2; width:100%; max-width:1100px; margin:0 auto;\n padding:var(--pad);\n display:grid; gap:24px;\n}\n@media (min-width: 900px){\n .wrapper{ grid-template-columns:minmax(320px, 420px) 1fr; }\n}\n\n\/* Pain\u00e9is *\/\n.panel{\n background:var(--card); border:1px solid var(--line); border-radius:var(--radius);\n box-shadow:var(--shadow); backdrop-filter:blur(12px);\n}\n\n\/* Player card *\/\n.card{ padding:20px; display:flex; flex-direction:column; gap:14px; }\n.cover{position:relative; width:100%; aspect-ratio:1\/1; border-radius:16px; overflow:hidden; background:#111; box-shadow:0 20px 50px rgba(0,0,0,.35)}\n.cover img{width:100%;height:100%;object-fit:cover;display:block; transition:opacity .35s ease, transform .35s ease}\n\n\/* Linha: Play + meta ao lado *\/\n.nowplaying{display:flex; align-items:center; gap:14px; padding-top:2px}\n.play-btn{\n width:72px; height:72px; border:none; border-radius:50%;\n background:transparent !important; color:#fff; display:grid; place-items:center; cursor:pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.play-btn:hover,.play-btn:focus,.play-btn:active{background:transparent !important; box-shadow:none; filter:none; transform:none}\n.play-btn .icon{width:40px;height:40px;display:inline-block;background:currentColor;\n -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}\n.i-play{ -webkit-mask-image:url('data:image\/svg+xml;utf8,<svg xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" viewBox=\\\"0 0 24 24\\\"><path fill=\\\"%23000\\\" d=\\\"M8 5v14l11-7z\\\"\/><\/svg>'); mask-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'><path fill='%23000' d='M8 5v14l11-7z'\/><\/svg>\");}\n.i-pause{ -webkit-mask-image:url('data:image\/svg+xml;utf8,<svg xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" viewBox=\\\"0 0 24 24\\\"><path fill=\\\"%23000\\\" d=\\\"M6 5h4v14H6zM14 5h4v14h-4z\\\"\/><\/svg>'); mask-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'><path fill='%23000' d='M6 5h4v14H6zM14 5h4v14h-4z'\/><\/svg>\");}\n.hide{display:none !important}\n.meta{min-width:0; display:flex; flex-direction:column; gap:2px}\n.title{font-weight:800; font-size:22px; line-height:1.15; letter-spacing:.2px; min-width:0}\n.sub{color:var(--muted); font-size:14px; min-width:0}\n\n\/* Marquee *\/\n.marquee{ position:relative; display:block; overflow:hidden; white-space:nowrap; max-width:100% }\n.marquee .track{ display:inline-block; padding-right:48px; animation: marquee 12s linear infinite }\n@keyframes marquee{ 0%{ transform:translateX(0) } 100%{ transform:translateX(-50%) } }\n\n\/* Letras ao lado *\/\n.lyrics{ padding:16px; display:flex; flex-direction:column; overflow:hidden }\n.lyrics .heading{font-weight:800; opacity:.9; margin-bottom:8px; flex:0 0 auto}\n.lyrics .content{white-space:pre-wrap; color:#e5e7eb; line-height:1.55; flex:1 1 auto; min-height:0; overflow:auto}\n.lyrics .empty{opacity:.6; font-style:italic}\n\n\/* Alturas iguais *\/\n@media (min-width: 900px){\n .equalize{\n height: min(860px, calc(100svh - (var(--pad) * 2)));\n height: min(860px, calc(100vh - (var(--pad) * 2)));\n min-height: 560px;\n }\n .card{ height:100%; }\n .cover{ flex:1 1 auto; min-height:0 }\n}\n\n\/* Social + mapa (abaixo do grid) *\/\n.stack{ position:relative; z-index:2; width:100%; max-width:1100px; margin:0 auto; padding:0 var(--pad) var(--pad); display:grid; gap:16px }\n.block{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); backdrop-filter:blur(12px)}\n.social{padding:12px; display:flex; gap:18px; justify-content:center}\n.social a svg{width:26px;height:26px;fill:#fff;opacity:.9; transition:opacity .2s}\n.social a:hover svg{opacity:1}\n.map{overflow:hidden}\n#map{width:100%; height:220px; border:none; border-radius:12px; display:block}\n\n\/* ======= Rodap\u00e9 com alto contraste ======= *\/\nfooter{\n color:#f7f9ff; \/* texto claro *\/\n text-shadow:0 1px 2px rgba(0,0,0,.55); \/* refor\u00e7a contraste sobre o fundo blur *\/\n font-size:15px; line-height:1.5;\n max-width:1100px; margin:10px auto 24px; padding:16px var(--pad);\n background:rgba(255,255,255,.08); border:1px solid var(--line); border-radius:16px;\n backdrop-filter:blur(12px); text-align:center;\n}\nfooter strong{color:#fff}\na.clean{color:#fff; text-decoration:none}\na.clean:hover{text-decoration:underline}\nsmall.credit{display:block; opacity:.95;}\n\n\/* Ajuste fino em telas pequenas *\/\n@media (max-width:520px){\n footer{font-size:14px}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"bg-stack\" aria-hidden=\"true\">\n <div id=\"bgA\" class=\"bg-layer\"><\/div>\n <div id=\"bgB\" class=\"bg-layer\"><\/div>\n<\/div>\n<div class=\"bg-overlay\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"wrapper\">\n \n <div class=\"panel equalize\">\n <div class=\"card\" id=\"content\">\n <div class=\"cover\"><img decoding=\"async\" id=\"album-cover\" alt=\"Capa \/ Logo JM FM 107.1\" src=\"https:\/\/glaudiotecnology.com.br\/radio\/wp-content\/uploads\/2025\/04\/67ededf2f3e42.webp\"><\/div>\n <div class=\"nowplaying\">\n <button id=\"togglePlay\" class=\"play-btn\" aria-label=\"Tocar \/ Pausar\">\n <span id=\"icoPlay\" class=\"icon i-play\"><\/span>\n <span id=\"icoPause\" class=\"icon i-pause hide\"><\/span>\n <\/button>\n <div class=\"meta\">\n <div id=\"song-title\" class=\"title\">Carregando m\u00fasica...<\/div>\n <div id=\"artist-name\" class=\"sub\">Carregando artista...<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"panel lyrics equalize\">\n <div class=\"heading\">Letra<\/div>\n <div id=\"lyricsBox\" class=\"content\"><div class=\"empty\">Buscando letra\u2026<\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"stack\">\n <div class=\"block social\" aria-label=\"Redes sociais\">\n <a href=\"https:\/\/instagram.com\/radiojm1071\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 2C4.243 2 2 4.243 2 7v10c0 2.757 2.243 5 5 5h10c2.757 0 5-2.243 5-5V7c0-2.757-2.243-5-5-5H7zm10 3a1 1 0 110 2 1 1 0 010-2zM12 7a5 5 0 110 10 5 5 0 010-10zm0 2a3 3 0 100 6 3 3 0 000-6z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/youtube.com\/channel\/radiojm1071\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.615 6.424a2.997 2.997 0 00-2.112-2.117C15.78 4 12 4 12 4s-3.78 0-5.503.307a2.997 2.997 0 00-2.112 2.117A31.55 31.55 0 004 12a31.55 31.55 0 00.385 5.576 2.997 2.997 0 002.112 2.117C8.22 20 12 20 12 20s3.78 0 5.503-.307a2.997 2.997 0 002.112-2.117A31.55 31.55 0 0020 12a31.55 31.55 0 00-.385-5.576zM10 15.5v-7l6 3.5-6 3.5z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/facebook.com\/radiojm1071\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12a10 10 0 10-11.5 9.87v-6.98h-2.5v-2.9h2.5v-2.2c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.3.2 2.3.2v2.5h-1.3c-1.3 0-1.7.8-1.7 1.6v2h2.9l-.5 2.9h-2.4v6.98A10 10 0 0022 12z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/twitter.com\/radiojm1071\" target=\"_blank\" rel=\"noopener\" aria-label=\"X (Twitter)\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M23 3a10.9 10.9 0 01-3.14.86A4.48 4.48 0 0022.4.36a9.03 9.03 0 01-2.85 1.1A4.48 4.48 0 0016.9 0c-2.5 0-4.5 2.06-4.5 4.6 0 .36.04.7.12 1.03-3.74-.2-7.06-2.05-9.28-4.88a4.6 4.6 0 00-.6 2.31c0 1.6.8 3.02 2 3.85a4.48 4.48 0 01-2.05-.56v.06c0 2.22 1.57 4.07 3.64 4.5a4.52 4.52 0 01-2.04.07c.57 1.8 2.23 3.1 4.18 3.14A9.02 9.02 0 010 19.54a12.72 12.72 0 006.91 2.04c8.3 0 12.85-7.13 12.85-13.3 0-.2 0-.42-.02-.63A9.4 9.4 0 0023 3z\"\/><\/svg>\n <\/a>\n <\/div>\n\n <div class=\"block map\">\n <iframe \n id=\"map\" \n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3944.9614604209026!2d-39.317241484781464!3d-7.215877394798027!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7a9616a1723a2a8%3A0x63c69d49bf423ed5!2sRua%20Monsenhor%20Esmeraldo%2C%20408%20-%20Juazeiro%20do%20Norte%2C%20CE!5e0!3m2!1spt-BR!2sbr!4v1686413982965!5m2!1spt-BR!2sbr\" \n allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" \n title=\"Mapa da localiza\u00e7\u00e3o da r\u00e1dio JM FM 107.1\"><\/iframe>\n <\/div>\n<\/section>\n\n\n<footer>\n <div style=\"margin-bottom:8px; font-size:24px; font-weight:800;\">\n <a class=\"clean\" href=\"https:\/\/glaudiotecnology.srv.br\" target=\"_blank\" rel=\"noopener noreferrer\">JM FM 107.1<\/a>\n <\/div>\n <strong>A R\u00e1dio Que Nasceu Adulta<\/strong><br>\n \ud83d\udccd Rua Monsenhor Esmeraldo, 408 \u2014 Juazeiro do Norte - CE<br>\n \u260e\ufe0f (88) 3511-2478 \u2014 Flashback, Adulta<br><br>\n <small class=\"credit\">Player desenvolvido por Gabriel L Garcia<\/small>\n<\/footer>\n\n\n<audio id=\"audio\" preload=\"none\" crossorigin=\"anonymous\">\n <source src=\"https:\/\/radio.webfrequencia.com.br\/listen\/radiojm\/radiojm\" type=\"audio\/mpeg\" \/>\n Seu navegador n\u00e3o suporta \u00e1udio.\n<\/audio>\n\n<script>\n(function(){\n const NOWPLAYING_URL = 'https:\/\/radio.webfrequencia.com.br\/api\/station\/radiojm\/nowplaying';\n const STREAM_URL = 'https:\/\/radio.webfrequencia.com.br\/listen\/radiojm\/radiojm';\n\n const audio = document.getElementById('audio');\n const coverImg = document.getElementById('album-cover');\n const songTitleEl = document.getElementById('song-title');\n const artistEl = document.getElementById('artist-name');\n const playBtn = document.getElementById('togglePlay');\n const icoPlay = document.getElementById('icoPlay');\n const icoPause = document.getElementById('icoPause');\n const lyricsBox = document.getElementById('lyricsBox');\n\n const bgA = document.getElementById('bgA');\n const bgB = document.getElementById('bgB');\n let bgToggle = false;\n\n let armed=false; function arm(){ if(!armed){ audio.src = STREAM_URL; audio.load(); armed = true; } }\n function setPlayingUI(isPlaying){ icoPlay.classList.toggle('hide', isPlaying); icoPause.classList.toggle('hide', !isPlaying); }\n async function toggle(){\n arm();\n if(audio.paused){ try{ await audio.play(); setPlayingUI(true);}catch(e){} }\n else{ audio.pause(); setPlayingUI(false); }\n }\n playBtn.addEventListener('click', toggle);\n\n function applyMarquee(el, text){\n el.classList.remove('marquee');\n el.textContent = text || '';\n requestAnimationFrame(()=>{\n if(el.scrollWidth > el.clientWidth + 4){\n const safe=(text||'').replace(\/&\/g,'&').replace(\/<\/g,'<').replace(\/>\/g,'>');\n el.classList.add('marquee');\n el.innerHTML = `<span class=\"track\">${safe}<\/span><span class=\"track\">${safe}<\/span>`;\n }\n });\n }\n function setBackground(url){\n const next = (bgToggle ? bgA : bgB);\n const prev = (bgToggle ? bgB : bgA);\n bgToggle = !bgToggle;\n if(url){ next.style.backgroundImage = `url('${url}')`; void next.offsetWidth; next.classList.add('show'); prev.classList.remove('show'); }\n else{ next.style.backgroundImage=''; next.classList.remove('show'); prev.classList.remove('show'); }\n }\n const DEFAULT_COVER = 'https:\/\/glaudiotecnology.com.br\/radio\/wp-content\/uploads\/2025\/04\/67ededf2f3e42.webp';\n function stripLRC(lrc){\n return lrc.replace(\/^\\s*\\[(?:ti|ar|al|by|length|offset|re|ve):.*?\\]\\s*$\/gmi,'')\n .replace(\/\\s*\\[\\d{1,2}:\\d{2}(?:\\.\\d{1,3})?\\]\\s*\/g,'').trim();\n }\n async function fetchLyricsLRCLIB(title, artist){\n const u = `https:\/\/lrclib.net\/api\/get?track_name=${encodeURIComponent(title)}&artist_name=${encodeURIComponent(artist)}`;\n const r = await fetch(u,{cache:'no-store'}); if(!r.ok) throw new Error('lrclib');\n const j = await r.json();\n const raw = j?.plainLyrics || (j?.syncedLyrics ? stripLRC(j.syncedLyrics) : '');\n return (raw||'').trim();\n }\n async function fetchLyricsOVH(title, artist){\n const u = `https:\/\/api.lyrics.ovh\/v1\/${encodeURIComponent(artist)}\/${encodeURIComponent(title)}`;\n const r = await fetch(u,{cache:'no-store'}); if(!r.ok) throw new Error('ovh');\n const j = await r.json(); return (j?.lyrics||'').trim();\n }\n async function getLyrics(title, artist){\n try{ const t = await fetchLyricsLRCLIB(title, artist); if(t) return t; }catch(e){}\n try{ const t = await fetchLyricsOVH(title, artist); if(t) return t; }catch(e){}\n return '';\n }\n function renderLyrics(text){\n const html = text ? text : '<div class=\"empty\">Letra n\u00e3o encontrada.<\/div>';\n lyricsBox.innerHTML = html.replace(\/\\n\/g,'<br>');\n }\n\n let lastRaw = '';\n async function refresh(){\n try{\n const res = await fetch(NOWPLAYING_URL, {cache:'no-store'});\n const data = await res.json();\n const song = data?.now_playing?.song;\n if(!song){ throw new Error('sem now_playing'); }\n const artist = song.artist || 'JM FM 107.1';\n const title = song.title || 'Ao vivo';\n const rawKey = artist + ' - ' + title;\n\n if(rawKey !== lastRaw){\n lastRaw = rawKey;\n\n applyMarquee(songTitleEl, title);\n applyMarquee(artistEl, artist);\n\n const q = encodeURIComponent(`${artist} ${title}`.trim());\n const it = await fetch(`https:\/\/itunes.apple.com\/search?term=${q}&entity=song&limit=1`, {cache:'no-store'});\n const j = await it.json();\n const item = j?.results?.[0];\n const art100 = item?.artworkUrl100;\n const newCover = art100 ? art100.replace(\/100x100bb\\.jpg\/,'1000x1000bb.jpg') : DEFAULT_COVER;\n\n const temp = new Image();\n temp.onload = ()=>{\n coverImg.style.opacity = 0;\n coverImg.style.transform = 'scale(0.98)';\n setTimeout(()=>{\n coverImg.src = newCover;\n coverImg.style.opacity = 1;\n coverImg.style.transform = 'scale(1)';\n }, 120);\n };\n temp.src = newCover;\n setBackground(newCover);\n\n lyricsBox.innerHTML = '<div class=\"empty\">Buscando letra\u2026<\/div>';\n const lyr = await getLyrics(title, artist);\n renderLyrics(lyr);\n }\n }catch(err){\n applyMarquee(songTitleEl, 'Ao vivo');\n applyMarquee(artistEl, 'JM FM 107.1');\n if(!coverImg.src) coverImg.src = DEFAULT_COVER;\n setBackground('');\n renderLyrics('');\n }\n }\n\n refresh();\n setInterval(refresh, 20000);\n})();\n<\/script>\n<\/body>\n<\/html>\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>JM FM 107.1 \u2014 Player (letra ao lado + rodap\u00e9 leg\u00edvel) Carregando m\u00fasica… Carregando artista… Letra Buscando letra\u2026 JM FM 107.1 A R\u00e1dio Que Nasceu Adulta \ud83d\udccd Rua Monsenhor Esmeraldo, 408 \u2014 Juazeiro do Norte – CE \u260e\ufe0f (88) 3511-2478 \u2014 Flashback, Adulta Player desenvolvido por Gabriel L Garcia Seu navegador n\u00e3o suporta \u00e1udio.<\/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-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":46,"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":139,"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/139"}],"wp:attachment":[{"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"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\t\t\n\n\n\n\nJM FM 107.1 \u2014 Player (letra ao lado + rodap\u00e9 leg\u00edvel)<\/title>\n<style>\n@font-face{\n font-family:\"SF Pro Display\";\n font-style:normal;\n font-weight:100 900;\n font-display:swap;\n src: local(\"SF Pro Display\"), local(\"SFProDisplay-Regular\"), local(\"SF Pro\");\n}\n:root{\n --bg:#0b1020; --ink:#fff; --muted:#cbd5e1; --line:rgba(255,255,255,.08);\n --card:rgba(255,255,255,.06); --shadow:0 12px 36px rgba(0,0,0,.25);\n --radius:20px; --pad: 24px;\n}\n*{box-sizing:border-box}\nhtml,body{margin:0;height:100%}\nbody{\n color:var(--ink); background:var(--bg);\n font-family:\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"SF Pro Text\",system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;\n min-height:100vh;\n}\n\/* BG *\/\n.bg-stack{position:fixed; inset:0; z-index:0; overflow:hidden}\n.bg-layer{position:absolute; inset:0; background-position:center; background-size:cover;\n filter:blur(60px) saturate(130%); transform:scale(1.2); opacity:0; transition:opacity .7s ease}\n.bg-layer.show{opacity:.55}\n.bg-overlay{position:fixed; inset:0; z-index:1; background:\n linear-gradient(180deg, rgba(5,8,20,.75) 0%, rgba(5,8,20,.6) 40%, rgba(5,8,20,.85) 100%)}\n\n\/* GRID WRAPPER *\/\n.wrapper{\n position:relative; z-index:2; width:100%; max-width:1100px; margin:0 auto;\n padding:var(--pad);\n display:grid; gap:24px;\n}\n@media (min-width: 900px){\n .wrapper{ grid-template-columns:minmax(320px, 420px) 1fr; }\n}\n\n\/* Pain\u00e9is *\/\n.panel{\n background:var(--card); border:1px solid var(--line); border-radius:var(--radius);\n box-shadow:var(--shadow); backdrop-filter:blur(12px);\n}\n\n\/* Player card *\/\n.card{ padding:20px; display:flex; flex-direction:column; gap:14px; }\n.cover{position:relative; width:100%; aspect-ratio:1\/1; border-radius:16px; overflow:hidden; background:#111; box-shadow:0 20px 50px rgba(0,0,0,.35)}\n.cover img{width:100%;height:100%;object-fit:cover;display:block; transition:opacity .35s ease, transform .35s ease}\n\n\/* Linha: Play + meta ao lado *\/\n.nowplaying{display:flex; align-items:center; gap:14px; padding-top:2px}\n.play-btn{\n width:72px; height:72px; border:none; border-radius:50%;\n background:transparent !important; color:#fff; display:grid; place-items:center; cursor:pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.play-btn:hover,.play-btn:focus,.play-btn:active{background:transparent !important; box-shadow:none; filter:none; transform:none}\n.play-btn .icon{width:40px;height:40px;display:inline-block;background:currentColor;\n -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}\n.i-play{ -webkit-mask-image:url('data:image\/svg+xml;utf8,<svg xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" viewBox=\\\"0 0 24 24\\\"><path fill=\\\"%23000\\\" d=\\\"M8 5v14l11-7z\\\"\/><\/svg>'); mask-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'><path fill='%23000' d='M8 5v14l11-7z'\/><\/svg>\");}\n.i-pause{ -webkit-mask-image:url('data:image\/svg+xml;utf8,<svg xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" viewBox=\\\"0 0 24 24\\\"><path fill=\\\"%23000\\\" d=\\\"M6 5h4v14H6zM14 5h4v14h-4z\\\"\/><\/svg>'); mask-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'><path fill='%23000' d='M6 5h4v14H6zM14 5h4v14h-4z'\/><\/svg>\");}\n.hide{display:none !important}\n.meta{min-width:0; display:flex; flex-direction:column; gap:2px}\n.title{font-weight:800; font-size:22px; line-height:1.15; letter-spacing:.2px; min-width:0}\n.sub{color:var(--muted); font-size:14px; min-width:0}\n\n\/* Marquee *\/\n.marquee{ position:relative; display:block; overflow:hidden; white-space:nowrap; max-width:100% }\n.marquee .track{ display:inline-block; padding-right:48px; animation: marquee 12s linear infinite }\n@keyframes marquee{ 0%{ transform:translateX(0) } 100%{ transform:translateX(-50%) } }\n\n\/* Letras ao lado *\/\n.lyrics{ padding:16px; display:flex; flex-direction:column; overflow:hidden }\n.lyrics .heading{font-weight:800; opacity:.9; margin-bottom:8px; flex:0 0 auto}\n.lyrics .content{white-space:pre-wrap; color:#e5e7eb; line-height:1.55; flex:1 1 auto; min-height:0; overflow:auto}\n.lyrics .empty{opacity:.6; font-style:italic}\n\n\/* Alturas iguais *\/\n@media (min-width: 900px){\n .equalize{\n height: min(860px, calc(100svh - (var(--pad) * 2)));\n height: min(860px, calc(100vh - (var(--pad) * 2)));\n min-height: 560px;\n }\n .card{ height:100%; }\n .cover{ flex:1 1 auto; min-height:0 }\n}\n\n\/* Social + mapa (abaixo do grid) *\/\n.stack{ position:relative; z-index:2; width:100%; max-width:1100px; margin:0 auto; padding:0 var(--pad) var(--pad); display:grid; gap:16px }\n.block{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); backdrop-filter:blur(12px)}\n.social{padding:12px; display:flex; gap:18px; justify-content:center}\n.social a svg{width:26px;height:26px;fill:#fff;opacity:.9; transition:opacity .2s}\n.social a:hover svg{opacity:1}\n.map{overflow:hidden}\n#map{width:100%; height:220px; border:none; border-radius:12px; display:block}\n\n\/* ======= Rodap\u00e9 com alto contraste ======= *\/\nfooter{\n color:#f7f9ff; \/* texto claro *\/\n text-shadow:0 1px 2px rgba(0,0,0,.55); \/* refor\u00e7a contraste sobre o fundo blur *\/\n font-size:15px; line-height:1.5;\n max-width:1100px; margin:10px auto 24px; padding:16px var(--pad);\n background:rgba(255,255,255,.08); border:1px solid var(--line); border-radius:16px;\n backdrop-filter:blur(12px); text-align:center;\n}\nfooter strong{color:#fff}\na.clean{color:#fff; text-decoration:none}\na.clean:hover{text-decoration:underline}\nsmall.credit{display:block; opacity:.95;}\n\n\/* Ajuste fino em telas pequenas *\/\n@media (max-width:520px){\n footer{font-size:14px}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"bg-stack\" aria-hidden=\"true\">\n <div id=\"bgA\" class=\"bg-layer\"><\/div>\n <div id=\"bgB\" class=\"bg-layer\"><\/div>\n<\/div>\n<div class=\"bg-overlay\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"wrapper\">\n \n <div class=\"panel equalize\">\n <div class=\"card\" id=\"content\">\n <div class=\"cover\"><img decoding=\"async\" id=\"album-cover\" alt=\"Capa \/ Logo JM FM 107.1\" src=\"https:\/\/glaudiotecnology.com.br\/radio\/wp-content\/uploads\/2025\/04\/67ededf2f3e42.webp\"><\/div>\n <div class=\"nowplaying\">\n <button id=\"togglePlay\" class=\"play-btn\" aria-label=\"Tocar \/ Pausar\">\n <span id=\"icoPlay\" class=\"icon i-play\"><\/span>\n <span id=\"icoPause\" class=\"icon i-pause hide\"><\/span>\n <\/button>\n <div class=\"meta\">\n <div id=\"song-title\" class=\"title\">Carregando m\u00fasica...<\/div>\n <div id=\"artist-name\" class=\"sub\">Carregando artista...<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"panel lyrics equalize\">\n <div class=\"heading\">Letra<\/div>\n <div id=\"lyricsBox\" class=\"content\"><div class=\"empty\">Buscando letra\u2026<\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"stack\">\n <div class=\"block social\" aria-label=\"Redes sociais\">\n <a href=\"https:\/\/instagram.com\/radiojm1071\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 2C4.243 2 2 4.243 2 7v10c0 2.757 2.243 5 5 5h10c2.757 0 5-2.243 5-5V7c0-2.757-2.243-5-5-5H7zm10 3a1 1 0 110 2 1 1 0 010-2zM12 7a5 5 0 110 10 5 5 0 010-10zm0 2a3 3 0 100 6 3 3 0 000-6z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/youtube.com\/channel\/radiojm1071\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.615 6.424a2.997 2.997 0 00-2.112-2.117C15.78 4 12 4 12 4s-3.78 0-5.503.307a2.997 2.997 0 00-2.112 2.117A31.55 31.55 0 004 12a31.55 31.55 0 00.385 5.576 2.997 2.997 0 002.112 2.117C8.22 20 12 20 12 20s3.78 0 5.503-.307a2.997 2.997 0 002.112-2.117A31.55 31.55 0 0020 12a31.55 31.55 0 00-.385-5.576zM10 15.5v-7l6 3.5-6 3.5z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/facebook.com\/radiojm1071\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12a10 10 0 10-11.5 9.87v-6.98h-2.5v-2.9h2.5v-2.2c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.3.2 2.3.2v2.5h-1.3c-1.3 0-1.7.8-1.7 1.6v2h2.9l-.5 2.9h-2.4v6.98A10 10 0 0022 12z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/twitter.com\/radiojm1071\" target=\"_blank\" rel=\"noopener\" aria-label=\"X (Twitter)\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M23 3a10.9 10.9 0 01-3.14.86A4.48 4.48 0 0022.4.36a9.03 9.03 0 01-2.85 1.1A4.48 4.48 0 0016.9 0c-2.5 0-4.5 2.06-4.5 4.6 0 .36.04.7.12 1.03-3.74-.2-7.06-2.05-9.28-4.88a4.6 4.6 0 00-.6 2.31c0 1.6.8 3.02 2 3.85a4.48 4.48 0 01-2.05-.56v.06c0 2.22 1.57 4.07 3.64 4.5a4.52 4.52 0 01-2.04.07c.57 1.8 2.23 3.1 4.18 3.14A9.02 9.02 0 010 19.54a12.72 12.72 0 006.91 2.04c8.3 0 12.85-7.13 12.85-13.3 0-.2 0-.42-.02-.63A9.4 9.4 0 0023 3z\"\/><\/svg>\n <\/a>\n <\/div>\n\n <div class=\"block map\">\n <iframe \n id=\"map\" \n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3944.9614604209026!2d-39.317241484781464!3d-7.215877394798027!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7a9616a1723a2a8%3A0x63c69d49bf423ed5!2sRua%20Monsenhor%20Esmeraldo%2C%20408%20-%20Juazeiro%20do%20Norte%2C%20CE!5e0!3m2!1spt-BR!2sbr!4v1686413982965!5m2!1spt-BR!2sbr\" \n allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" \n title=\"Mapa da localiza\u00e7\u00e3o da r\u00e1dio JM FM 107.1\"><\/iframe>\n <\/div>\n<\/section>\n\n\n<footer>\n <div style=\"margin-bottom:8px; font-size:24px; font-weight:800;\">\n <a class=\"clean\" href=\"https:\/\/glaudiotecnology.srv.br\" target=\"_blank\" rel=\"noopener noreferrer\">JM FM 107.1<\/a>\n <\/div>\n <strong>A R\u00e1dio Que Nasceu Adulta<\/strong><br>\n \ud83d\udccd Rua Monsenhor Esmeraldo, 408 \u2014 Juazeiro do Norte - CE<br>\n \u260e\ufe0f (88) 3511-2478 \u2014 Flashback, Adulta<br><br>\n <small class=\"credit\">Player desenvolvido por Gabriel L Garcia<\/small>\n<\/footer>\n\n\n<audio id=\"audio\" preload=\"none\" crossorigin=\"anonymous\">\n <source src=\"https:\/\/radio.webfrequencia.com.br\/listen\/radiojm\/radiojm\" type=\"audio\/mpeg\" \/>\n Seu navegador n\u00e3o suporta \u00e1udio.\n<\/audio>\n\n<script>\n(function(){\n const NOWPLAYING_URL = 'https:\/\/radio.webfrequencia.com.br\/api\/station\/radiojm\/nowplaying';\n const STREAM_URL = 'https:\/\/radio.webfrequencia.com.br\/listen\/radiojm\/radiojm';\n\n const audio = document.getElementById('audio');\n const coverImg = document.getElementById('album-cover');\n const songTitleEl = document.getElementById('song-title');\n const artistEl = document.getElementById('artist-name');\n const playBtn = document.getElementById('togglePlay');\n const icoPlay = document.getElementById('icoPlay');\n const icoPause = document.getElementById('icoPause');\n const lyricsBox = document.getElementById('lyricsBox');\n\n const bgA = document.getElementById('bgA');\n const bgB = document.getElementById('bgB');\n let bgToggle = false;\n\n let armed=false; function arm(){ if(!armed){ audio.src = STREAM_URL; audio.load(); armed = true; } }\n function setPlayingUI(isPlaying){ icoPlay.classList.toggle('hide', isPlaying); icoPause.classList.toggle('hide', !isPlaying); }\n async function toggle(){\n arm();\n if(audio.paused){ try{ await audio.play(); setPlayingUI(true);}catch(e){} }\n else{ audio.pause(); setPlayingUI(false); }\n }\n playBtn.addEventListener('click', toggle);\n\n function applyMarquee(el, text){\n el.classList.remove('marquee');\n el.textContent = text || '';\n requestAnimationFrame(()=>{\n if(el.scrollWidth > el.clientWidth + 4){\n const safe=(text||'').replace(\/&\/g,'&').replace(\/<\/g,'<').replace(\/>\/g,'>');\n el.classList.add('marquee');\n el.innerHTML = `<span class=\"track\">${safe}<\/span><span class=\"track\">${safe}<\/span>`;\n }\n });\n }\n function setBackground(url){\n const next = (bgToggle ? bgA : bgB);\n const prev = (bgToggle ? bgB : bgA);\n bgToggle = !bgToggle;\n if(url){ next.style.backgroundImage = `url('${url}')`; void next.offsetWidth; next.classList.add('show'); prev.classList.remove('show'); }\n else{ next.style.backgroundImage=''; next.classList.remove('show'); prev.classList.remove('show'); }\n }\n const DEFAULT_COVER = 'https:\/\/glaudiotecnology.com.br\/radio\/wp-content\/uploads\/2025\/04\/67ededf2f3e42.webp';\n function stripLRC(lrc){\n return lrc.replace(\/^\\s*\\[(?:ti|ar|al|by|length|offset|re|ve):.*?\\]\\s*$\/gmi,'')\n .replace(\/\\s*\\[\\d{1,2}:\\d{2}(?:\\.\\d{1,3})?\\]\\s*\/g,'').trim();\n }\n async function fetchLyricsLRCLIB(title, artist){\n const u = `https:\/\/lrclib.net\/api\/get?track_name=${encodeURIComponent(title)}&artist_name=${encodeURIComponent(artist)}`;\n const r = await fetch(u,{cache:'no-store'}); if(!r.ok) throw new Error('lrclib');\n const j = await r.json();\n const raw = j?.plainLyrics || (j?.syncedLyrics ? stripLRC(j.syncedLyrics) : '');\n return (raw||'').trim();\n }\n async function fetchLyricsOVH(title, artist){\n const u = `https:\/\/api.lyrics.ovh\/v1\/${encodeURIComponent(artist)}\/${encodeURIComponent(title)}`;\n const r = await fetch(u,{cache:'no-store'}); if(!r.ok) throw new Error('ovh');\n const j = await r.json(); return (j?.lyrics||'').trim();\n }\n async function getLyrics(title, artist){\n try{ const t = await fetchLyricsLRCLIB(title, artist); if(t) return t; }catch(e){}\n try{ const t = await fetchLyricsOVH(title, artist); if(t) return t; }catch(e){}\n return '';\n }\n function renderLyrics(text){\n const html = text ? text : '<div class=\"empty\">Letra n\u00e3o encontrada.<\/div>';\n lyricsBox.innerHTML = html.replace(\/\\n\/g,'<br>');\n }\n\n let lastRaw = '';\n async function refresh(){\n try{\n const res = await fetch(NOWPLAYING_URL, {cache:'no-store'});\n const data = await res.json();\n const song = data?.now_playing?.song;\n if(!song){ throw new Error('sem now_playing'); }\n const artist = song.artist || 'JM FM 107.1';\n const title = song.title || 'Ao vivo';\n const rawKey = artist + ' - ' + title;\n\n if(rawKey !== lastRaw){\n lastRaw = rawKey;\n\n applyMarquee(songTitleEl, title);\n applyMarquee(artistEl, artist);\n\n const q = encodeURIComponent(`${artist} ${title}`.trim());\n const it = await fetch(`https:\/\/itunes.apple.com\/search?term=${q}&entity=song&limit=1`, {cache:'no-store'});\n const j = await it.json();\n const item = j?.results?.[0];\n const art100 = item?.artworkUrl100;\n const newCover = art100 ? art100.replace(\/100x100bb\\.jpg\/,'1000x1000bb.jpg') : DEFAULT_COVER;\n\n const temp = new Image();\n temp.onload = ()=>{\n coverImg.style.opacity = 0;\n coverImg.style.transform = 'scale(0.98)';\n setTimeout(()=>{\n coverImg.src = newCover;\n coverImg.style.opacity = 1;\n coverImg.style.transform = 'scale(1)';\n }, 120);\n };\n temp.src = newCover;\n setBackground(newCover);\n\n lyricsBox.innerHTML = '<div class=\"empty\">Buscando letra\u2026<\/div>';\n const lyr = await getLyrics(title, artist);\n renderLyrics(lyr);\n }\n }catch(err){\n applyMarquee(songTitleEl, 'Ao vivo');\n applyMarquee(artistEl, 'JM FM 107.1');\n if(!coverImg.src) coverImg.src = DEFAULT_COVER;\n setBackground('');\n renderLyrics('');\n }\n }\n\n refresh();\n setInterval(refresh, 20000);\n})();\n<\/script>\n<\/body>\n<\/html>\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>JM FM 107.1 \u2014 Player (letra ao lado + rodap\u00e9 leg\u00edvel) Carregando m\u00fasica… Carregando artista… Letra Buscando letra\u2026 JM FM 107.1 A R\u00e1dio Que Nasceu Adulta \ud83d\udccd Rua Monsenhor Esmeraldo, 408 \u2014 Juazeiro do Norte – CE \u260e\ufe0f (88) 3511-2478 \u2014 Flashback, Adulta Player desenvolvido por Gabriel L Garcia Seu navegador n\u00e3o suporta \u00e1udio.<\/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-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":46,"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":139,"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/139"}],"wp:attachment":[{"href":"https:\/\/glaudiotecnology.com.br\/radio\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}