OverRadio Player<\/title>\n<style>\n :root{\n --bg:#050505;\n --panel:#0a0a0a;\n --green:#6cff00;\n --green2:#35d600;\n --purple:#9b19d1;\n --purple2:#c13cff;\n --white:#f5f5f5;\n --muted:#b7b7b7;\n }\n\n *{box-sizing:border-box}\n\n html,body{\n margin:0;\n padding:0;\n background:transparent;\n font-family:Arial,Helvetica,sans-serif;\n }\n\n .over-player{\n width:min(720px,100%);\n height:90px;\n margin:0 auto;\n position:relative;\n overflow:hidden;\n display:flex;\n align-items:center;\n gap:12px;\n padding:8px 12px;\n color:var(--white);\n background:\n radial-gradient(circle at 8% 20%, rgba(155,25,209,.20), transparent 22%),\n radial-gradient(circle at 90% 70%, rgba(108,255,0,.09), transparent 22%),\n linear-gradient(100deg,#030303 0%,#0b0b0b 50%,#050505 100%);\n border:1px solid rgba(108,255,0,.72);\n border-radius:10px;\n box-shadow:\n inset 0 0 25px rgba(0,0,0,.9),\n 0 0 10px rgba(108,255,0,.12);\n }\n\n .over-player::before{\n content:\"\";\n position:absolute;\n inset:0;\n opacity:.12;\n pointer-events:none;\n background-image:\n repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 5px),\n repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 17px);\n mix-blend-mode:overlay;\n }\n\n .brand{\n width:166px;\n min-width:166px;\n padding-right:12px;\n border-right:1px solid rgba(255,255,255,.28);\n position:relative;\n z-index:1;\n }\n\n .brand-small{\n font-size:8px;\n letter-spacing:1.35px;\n font-weight:800;\n color:#fff;\n margin-bottom:2px;\n white-space:nowrap;\n }\n\n .brand-main{\n font-family:Impact,\"Arial Black\",sans-serif;\n font-size:24px;\n line-height:22px;\n letter-spacing:.5px;\n color:#fff;\n text-transform:uppercase;\n text-shadow:2px 0 0 rgba(255,255,255,.08);\n white-space:nowrap;\n }\n\n .brand-main span{color:var(--purple2)}\n .brand-domain{\n color:var(--purple2);\n font-size:10px;\n font-weight:900;\n letter-spacing:1px;\n text-align:right;\n margin-top:2px;\n }\n\n .now{\n flex:1;\n min-width:0;\n position:relative;\n z-index:1;\n }\n\n .live{\n display:flex;\n align-items:center;\n gap:6px;\n font-size:10px;\n font-weight:900;\n color:var(--green);\n letter-spacing:.6px;\n margin-bottom:2px;\n }\n\n .live-dot{\n width:7px;height:7px;border-radius:50%;\n background:var(--green);\n box-shadow:0 0 8px var(--green);\n animation:pulse 1.15s infinite alternate;\n }\n\n @keyframes pulse{\n from{opacity:.35;transform:scale(.85)}\n to{opacity:1;transform:scale(1.15)}\n }\n\n .title{\n font-size:17px;\n font-weight:900;\n line-height:19px;\n white-space:nowrap;\n overflow:hidden;\n text-overflow:ellipsis;\n color:#fff;\n }\n\n .artist{\n margin-top:1px;\n font-size:12px;\n font-weight:800;\n line-height:14px;\n white-space:nowrap;\n overflow:hidden;\n text-overflow:ellipsis;\n color:var(--purple2);\n }\n\n .eq{\n height:13px;\n display:flex;\n align-items:flex-end;\n gap:2px;\n margin-top:4px;\n overflow:hidden;\n }\n\n .eq i{\n display:block;\n width:3px;\n min-width:3px;\n height:30%;\n border-radius:1px 1px 0 0;\n background:linear-gradient(to top,var(--green),var(--purple2));\n animation:eq .75s ease-in-out infinite alternate;\n animation-play-state:paused;\n }\n .over-player.playing .eq i{animation-play-state:running}\n .eq i:nth-child(2n){animation-duration:.55s}\n .eq i:nth-child(3n){animation-duration:.92s}\n .eq i:nth-child(4n){animation-duration:.67s}\n .eq i:nth-child(5n){animation-duration:1.05s}\n\n @keyframes eq{\n from{height:20%}\n to{height:100%}\n }\n\n .controls{\n min-width:180px;\n display:flex;\n align-items:center;\n justify-content:flex-end;\n gap:9px;\n position:relative;\n z-index:1;\n }\n\n .btn{\n width:38px;height:38px;\n border-radius:50%;\n border:1px solid;\n background:#060606;\n color:#fff;\n display:grid;\n place-items:center;\n cursor:pointer;\n transition:.2s;\n padding:0;\n }\n\n .btn:hover{transform:scale(1.06)}\n .btn-play{\n border-color:var(--green);\n box-shadow:0 0 8px rgba(108,255,0,.45), inset 0 0 8px rgba(108,255,0,.08);\n }\n .btn-stop{\n border-color:var(--purple2);\n box-shadow:0 0 8px rgba(193,60,255,.35), inset 0 0 8px rgba(193,60,255,.08);\n }\n\n .play-triangle{\n width:0;height:0;\n border-top:7px solid transparent;\n border-bottom:7px solid transparent;\n border-left:11px solid white;\n margin-left:3px;\n }\n .stop-square{width:12px;height:12px;background:white;border-radius:2px}\n\n .volume{\n display:flex;\n align-items:center;\n gap:5px;\n min-width:82px;\n }\n\n .speaker{\n font-size:18px;\n line-height:1;\n }\n\n input[type=\"range\"]{\n width:62px;\n height:4px;\n appearance:none;\n -webkit-appearance:none;\n border-radius:4px;\n background:linear-gradient(90deg,var(--green) 0 75%,#333 75% 100%);\n outline:none;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb{\n -webkit-appearance:none;\n width:12px;height:12px;border-radius:50%;\n background:#fff;\n cursor:pointer;\n box-shadow:0 0 5px rgba(255,255,255,.5);\n }\n\n input[type=\"range\"]::-moz-range-thumb{\n width:12px;height:12px;border-radius:50%;\n background:#fff;\n border:0;\n cursor:pointer;\n }\n\n @media (max-width:640px){\n .over-player{\n height:auto;\n min-height:90px;\n padding:8px 10px;\n gap:8px;\n }\n .brand{display:none}\n .now{min-width:0}\n .controls{min-width:145px;gap:7px}\n .btn{width:36px;height:36px}\n .volume{min-width:62px}\n input[type=\"range\"]{width:44px}\n }\n\n @media (max-width:430px){\n .over-player{\n min-height:96px;\n align-items:stretch;\n flex-wrap:wrap;\n padding:8px 10px 7px;\n }\n .now{\n width:calc(100% - 126px);\n flex:1 1 calc(100% - 126px);\n }\n .controls{\n min-width:118px;\n flex:0 0 118px;\n gap:6px;\n }\n .volume{\n position:absolute;\n right:11px;\n bottom:5px;\n min-width:104px;\n justify-content:flex-end;\n }\n input[type=\"range\"]{width:72px}\n .eq{padding-right:108px}\n .title{font-size:15px}\n .artist{font-size:11px}\n .btn{width:34px;height:34px}\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"over-player\" id=\"overPlayer\">\n <div class=\"brand\">\n <div class=\"brand-small\">RADIO ALTERNATIVA<\/div>\n <div class=\"brand-main\">OVER<span>RADIO<\/span><\/div>\n <div class=\"brand-domain\">.COM.MX<\/div>\n <\/div>\n\n <div class=\"now\">\n <div class=\"live\"><span class=\"live-dot\"><\/span> EN VIVO<\/div>\n <div class=\"title\" id=\"songTitle\">OverRadio<\/div>\n <div class=\"artist\" id=\"songArtist\">Radio alternativa<\/div>\n <div class=\"eq\" aria-hidden=\"true\">\n <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n <\/div>\n <\/div>\n\n <div class=\"controls\">\n <button class=\"btn btn-play\" id=\"playBtn\" aria-label=\"Reproducir\">\n <span class=\"play-triangle\"><\/span>\n <\/button>\n\n <button class=\"btn btn-stop\" id=\"stopBtn\" aria-label=\"Detener\">\n <span class=\"stop-square\"><\/span>\n <\/button>\n\n <div class=\"volume\">\n <span class=\"speaker\" id=\"speaker\">\ud83d\udd0a<\/span>\n <input id=\"volume\" type=\"range\" min=\"0\" max=\"100\" value=\"75\" aria-label=\"Volumen\">\n <\/div>\n <\/div>\n<\/div>\n\n<audio id=\"radio\" preload=\"none\"><\/audio>\n\n<script>\n(() => {\n const STREAM_URL = \"https:\/\/panel.hdcast.net\/listen\/overradio\/radio.mp3\";\n const NOW_PLAYING_URL = \"https:\/\/panel.hdcast.net\/api\/nowplaying\/overradio\";\n\n const audio = document.getElementById(\"radio\");\n const player = document.getElementById(\"overPlayer\");\n const playBtn = document.getElementById(\"playBtn\");\n const stopBtn = document.getElementById(\"stopBtn\");\n const volume = document.getElementById(\"volume\");\n const speaker = document.getElementById(\"speaker\");\n const songTitle = document.getElementById(\"songTitle\");\n const songArtist = document.getElementById(\"songArtist\");\n\n let playing = false;\n\n function setStream(){\n if (!audio.src) audio.src = STREAM_URL + \"?t=\" + Date.now();\n }\n\n async function playRadio(){\n try{\n setStream();\n await audio.play();\n playing = true;\n player.classList.add(\"playing\");\n }catch(err){\n console.error(\"No se pudo iniciar el audio:\", err);\n }\n }\n\n function stopRadio(){\n audio.pause();\n audio.removeAttribute(\"src\");\n audio.load();\n playing = false;\n player.classList.remove(\"playing\");\n }\n\n playBtn.addEventListener(\"click\", playRadio);\n stopBtn.addEventListener(\"click\", stopRadio);\n\n volume.addEventListener(\"input\", () => {\n audio.volume = volume.value \/ 100;\n const pct = volume.value;\n volume.style.background =\n `linear-gradient(90deg, var(--green) 0 ${pct}%, #333 ${pct}% 100%)`;\n speaker.textContent = pct == 0 ? \"\ud83d\udd07\" : pct < 45 ? \"\ud83d\udd09\" : \"\ud83d\udd0a\";\n });\n\n audio.volume = 0.75;\n\n audio.addEventListener(\"playing\", () => {\n playing = true;\n player.classList.add(\"playing\");\n });\n\n audio.addEventListener(\"pause\", () => {\n if (!playing) player.classList.remove(\"playing\");\n });\n\n async function updateNowPlaying(){\n try{\n const response = await fetch(NOW_PLAYING_URL, {\n cache: \"no-store\"\n });\n if(!response.ok) throw new Error(\"HTTP \" + response.status);\n\n const data = await response.json();\n const song = data?.now_playing?.song || {};\n\n const title = (song.title || \"\").trim();\n const artist = (song.artist || \"\").trim();\n const text = (song.text || \"\").trim();\n\n if(title){\n songTitle.textContent = title;\n songArtist.textContent = artist || \"OverRadio\";\n }else if(text){\n const parts = text.split(\" - \");\n if(parts.length > 1){\n songArtist.textContent = parts.shift().trim();\n songTitle.textContent = parts.join(\" - \").trim();\n }else{\n songTitle.textContent = text;\n songArtist.textContent = \"OverRadio\";\n }\n }\n }catch(err){\n console.warn(\"Metadatos no disponibles:\", err);\n }\n }\n\n updateNowPlaying();\n setInterval(updateNowPlaying, 15000);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-43a1a72 e-con e-atomic-element e-flexbox-base e-5d0a3a6 \" data-id=\"43a1a72\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"43a1a72\">\n <div class=\"elementor-element elementor-element-affde2d e-grid e-con-boxed e-con e-parent\" data-id=\"affde2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9a354df e-con e-atomic-element e-flexbox-base e-bf38e01 \" data-id=\"9a354df\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9a354df\">\n \t\t<div class=\"elementor-element elementor-element-cc585b9 elementor-widget elementor-widget-image\" data-id=\"cc585b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"260\" src=\"https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-1024x333.png\" class=\"attachment-large size-large wp-image-27\" alt=\"\" srcset=\"https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-1024x333.png 1024w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-300x98.png 300w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-768x250.png 768w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-1536x499.png 1536w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-2048x666.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c2752b1 e-con e-atomic-element e-flexbox-base e-c07ac51 \" data-id=\"c2752b1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c2752b1\">\n \t\t\t<h2 data-interaction-id=\"d4dcc9b\" class=\"e-d4dcc9b-5750970 e-heading-base\">UNETE A NUESTRA COMUNIDAD<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5fd0f1e e-grid e-con-boxed e-con e-parent\" data-id=\"5fd0f1e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-783bfd0 elementor-widget elementor-widget-html\" data-id=\"783bfd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe style=\"width:450px;height:350px;border:0\" src=\"https:\/\/chatroll.com\/embed\/chat\/over-radio?id=AxeQptH4i4t&platform=html\"><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fda078b elementor-widget elementor-widget-image\" data-id=\"fda078b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/myapp.hdcast.net\/home\/61957eeab1bcedac\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"355\" src=\"https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa-1024x455.png\" class=\"attachment-large size-large wp-image-28\" alt=\"\" srcset=\"https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa-1024x455.png 1024w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa-300x133.png 300w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa-768x341.png 768w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa-1536x683.png 1536w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa.png 1881w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\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-43ad43a e-con e-atomic-element e-flexbox-base e-ab34c8a \" data-id=\"43ad43a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"43ad43a\">\n <div class=\"elementor-element elementor-element-dfec400 e-con e-atomic-element e-flexbox-base e-180e9dd \" data-id=\"dfec400\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dfec400\">\n \t\t<div class=\"elementor-element elementor-element-931e3fa elementor-widget elementor-widget-html\" data-id=\"931e3fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<span style=\"color: #ffffff;\"><strong>Derechos Reservados 2026 Over radio <em><a style=\"color: #ffffff;\" href=\"https:\/\/dunacreativa.mx\" target=\"_blank\" rel=\"noopener\">By Duna Creativa<\/a><\/em><\/strong><\/span>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OverRadio Player RADIO ALTERNATIVA OVERRADIO .COM.MX EN VIVO OverRadio Radio alternativa \ud83d\udd0a UNETE A NUESTRA COMUNIDAD Derechos Reservados 2026 Over radio By Duna Creativa<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/overradio.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/overradio.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t $\"\"\/$ \t\t\t\t<\/div>\n\t\t\n<\/div>\n

\n \t\t

\n\t\t\t\t\t\n\n\n\n\nOverRadio Player<\/title>\n<style>\n :root{\n --bg:#050505;\n --panel:#0a0a0a;\n --green:#6cff00;\n --green2:#35d600;\n --purple:#9b19d1;\n --purple2:#c13cff;\n --white:#f5f5f5;\n --muted:#b7b7b7;\n }\n\n *{box-sizing:border-box}\n\n html,body{\n margin:0;\n padding:0;\n background:transparent;\n font-family:Arial,Helvetica,sans-serif;\n }\n\n .over-player{\n width:min(720px,100%);\n height:90px;\n margin:0 auto;\n position:relative;\n overflow:hidden;\n display:flex;\n align-items:center;\n gap:12px;\n padding:8px 12px;\n color:var(--white);\n background:\n radial-gradient(circle at 8% 20%, rgba(155,25,209,.20), transparent 22%),\n radial-gradient(circle at 90% 70%, rgba(108,255,0,.09), transparent 22%),\n linear-gradient(100deg,#030303 0%,#0b0b0b 50%,#050505 100%);\n border:1px solid rgba(108,255,0,.72);\n border-radius:10px;\n box-shadow:\n inset 0 0 25px rgba(0,0,0,.9),\n 0 0 10px rgba(108,255,0,.12);\n }\n\n .over-player::before{\n content:\"\";\n position:absolute;\n inset:0;\n opacity:.12;\n pointer-events:none;\n background-image:\n repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 5px),\n repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 17px);\n mix-blend-mode:overlay;\n }\n\n .brand{\n width:166px;\n min-width:166px;\n padding-right:12px;\n border-right:1px solid rgba(255,255,255,.28);\n position:relative;\n z-index:1;\n }\n\n .brand-small{\n font-size:8px;\n letter-spacing:1.35px;\n font-weight:800;\n color:#fff;\n margin-bottom:2px;\n white-space:nowrap;\n }\n\n .brand-main{\n font-family:Impact,\"Arial Black\",sans-serif;\n font-size:24px;\n line-height:22px;\n letter-spacing:.5px;\n color:#fff;\n text-transform:uppercase;\n text-shadow:2px 0 0 rgba(255,255,255,.08);\n white-space:nowrap;\n }\n\n .brand-main span{color:var(--purple2)}\n .brand-domain{\n color:var(--purple2);\n font-size:10px;\n font-weight:900;\n letter-spacing:1px;\n text-align:right;\n margin-top:2px;\n }\n\n .now{\n flex:1;\n min-width:0;\n position:relative;\n z-index:1;\n }\n\n .live{\n display:flex;\n align-items:center;\n gap:6px;\n font-size:10px;\n font-weight:900;\n color:var(--green);\n letter-spacing:.6px;\n margin-bottom:2px;\n }\n\n .live-dot{\n width:7px;height:7px;border-radius:50%;\n background:var(--green);\n box-shadow:0 0 8px var(--green);\n animation:pulse 1.15s infinite alternate;\n }\n\n @keyframes pulse{\n from{opacity:.35;transform:scale(.85)}\n to{opacity:1;transform:scale(1.15)}\n }\n\n .title{\n font-size:17px;\n font-weight:900;\n line-height:19px;\n white-space:nowrap;\n overflow:hidden;\n text-overflow:ellipsis;\n color:#fff;\n }\n\n .artist{\n margin-top:1px;\n font-size:12px;\n font-weight:800;\n line-height:14px;\n white-space:nowrap;\n overflow:hidden;\n text-overflow:ellipsis;\n color:var(--purple2);\n }\n\n .eq{\n height:13px;\n display:flex;\n align-items:flex-end;\n gap:2px;\n margin-top:4px;\n overflow:hidden;\n }\n\n .eq i{\n display:block;\n width:3px;\n min-width:3px;\n height:30%;\n border-radius:1px 1px 0 0;\n background:linear-gradient(to top,var(--green),var(--purple2));\n animation:eq .75s ease-in-out infinite alternate;\n animation-play-state:paused;\n }\n .over-player.playing .eq i{animation-play-state:running}\n .eq i:nth-child(2n){animation-duration:.55s}\n .eq i:nth-child(3n){animation-duration:.92s}\n .eq i:nth-child(4n){animation-duration:.67s}\n .eq i:nth-child(5n){animation-duration:1.05s}\n\n @keyframes eq{\n from{height:20%}\n to{height:100%}\n }\n\n .controls{\n min-width:180px;\n display:flex;\n align-items:center;\n justify-content:flex-end;\n gap:9px;\n position:relative;\n z-index:1;\n }\n\n .btn{\n width:38px;height:38px;\n border-radius:50%;\n border:1px solid;\n background:#060606;\n color:#fff;\n display:grid;\n place-items:center;\n cursor:pointer;\n transition:.2s;\n padding:0;\n }\n\n .btn:hover{transform:scale(1.06)}\n .btn-play{\n border-color:var(--green);\n box-shadow:0 0 8px rgba(108,255,0,.45), inset 0 0 8px rgba(108,255,0,.08);\n }\n .btn-stop{\n border-color:var(--purple2);\n box-shadow:0 0 8px rgba(193,60,255,.35), inset 0 0 8px rgba(193,60,255,.08);\n }\n\n .play-triangle{\n width:0;height:0;\n border-top:7px solid transparent;\n border-bottom:7px solid transparent;\n border-left:11px solid white;\n margin-left:3px;\n }\n .stop-square{width:12px;height:12px;background:white;border-radius:2px}\n\n .volume{\n display:flex;\n align-items:center;\n gap:5px;\n min-width:82px;\n }\n\n .speaker{\n font-size:18px;\n line-height:1;\n }\n\n input[type=\"range\"]{\n width:62px;\n height:4px;\n appearance:none;\n -webkit-appearance:none;\n border-radius:4px;\n background:linear-gradient(90deg,var(--green) 0 75%,#333 75% 100%);\n outline:none;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb{\n -webkit-appearance:none;\n width:12px;height:12px;border-radius:50%;\n background:#fff;\n cursor:pointer;\n box-shadow:0 0 5px rgba(255,255,255,.5);\n }\n\n input[type=\"range\"]::-moz-range-thumb{\n width:12px;height:12px;border-radius:50%;\n background:#fff;\n border:0;\n cursor:pointer;\n }\n\n @media (max-width:640px){\n .over-player{\n height:auto;\n min-height:90px;\n padding:8px 10px;\n gap:8px;\n }\n .brand{display:none}\n .now{min-width:0}\n .controls{min-width:145px;gap:7px}\n .btn{width:36px;height:36px}\n .volume{min-width:62px}\n input[type=\"range\"]{width:44px}\n }\n\n @media (max-width:430px){\n .over-player{\n min-height:96px;\n align-items:stretch;\n flex-wrap:wrap;\n padding:8px 10px 7px;\n }\n .now{\n width:calc(100% - 126px);\n flex:1 1 calc(100% - 126px);\n }\n .controls{\n min-width:118px;\n flex:0 0 118px;\n gap:6px;\n }\n .volume{\n position:absolute;\n right:11px;\n bottom:5px;\n min-width:104px;\n justify-content:flex-end;\n }\n input[type=\"range\"]{width:72px}\n .eq{padding-right:108px}\n .title{font-size:15px}\n .artist{font-size:11px}\n .btn{width:34px;height:34px}\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"over-player\" id=\"overPlayer\">\n <div class=\"brand\">\n <div class=\"brand-small\">RADIO ALTERNATIVA<\/div>\n <div class=\"brand-main\">OVER<span>RADIO<\/span><\/div>\n <div class=\"brand-domain\">.COM.MX<\/div>\n <\/div>\n\n <div class=\"now\">\n <div class=\"live\"><span class=\"live-dot\"><\/span> EN VIVO<\/div>\n <div class=\"title\" id=\"songTitle\">OverRadio<\/div>\n <div class=\"artist\" id=\"songArtist\">Radio alternativa<\/div>\n <div class=\"eq\" aria-hidden=\"true\">\n <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n <\/div>\n <\/div>\n\n <div class=\"controls\">\n <button class=\"btn btn-play\" id=\"playBtn\" aria-label=\"Reproducir\">\n <span class=\"play-triangle\"><\/span>\n <\/button>\n\n <button class=\"btn btn-stop\" id=\"stopBtn\" aria-label=\"Detener\">\n <span class=\"stop-square\"><\/span>\n <\/button>\n\n <div class=\"volume\">\n <span class=\"speaker\" id=\"speaker\">\ud83d\udd0a<\/span>\n <input id=\"volume\" type=\"range\" min=\"0\" max=\"100\" value=\"75\" aria-label=\"Volumen\">\n <\/div>\n <\/div>\n<\/div>\n\n<audio id=\"radio\" preload=\"none\"><\/audio>\n\n<script>\n(() => {\n const STREAM_URL = \"https:\/\/panel.hdcast.net\/listen\/overradio\/radio.mp3\";\n const NOW_PLAYING_URL = \"https:\/\/panel.hdcast.net\/api\/nowplaying\/overradio\";\n\n const audio = document.getElementById(\"radio\");\n const player = document.getElementById(\"overPlayer\");\n const playBtn = document.getElementById(\"playBtn\");\n const stopBtn = document.getElementById(\"stopBtn\");\n const volume = document.getElementById(\"volume\");\n const speaker = document.getElementById(\"speaker\");\n const songTitle = document.getElementById(\"songTitle\");\n const songArtist = document.getElementById(\"songArtist\");\n\n let playing = false;\n\n function setStream(){\n if (!audio.src) audio.src = STREAM_URL + \"?t=\" + Date.now();\n }\n\n async function playRadio(){\n try{\n setStream();\n await audio.play();\n playing = true;\n player.classList.add(\"playing\");\n }catch(err){\n console.error(\"No se pudo iniciar el audio:\", err);\n }\n }\n\n function stopRadio(){\n audio.pause();\n audio.removeAttribute(\"src\");\n audio.load();\n playing = false;\n player.classList.remove(\"playing\");\n }\n\n playBtn.addEventListener(\"click\", playRadio);\n stopBtn.addEventListener(\"click\", stopRadio);\n\n volume.addEventListener(\"input\", () => {\n audio.volume = volume.value \/ 100;\n const pct = volume.value;\n volume.style.background =\n `linear-gradient(90deg, var(--green) 0 ${pct}%, #333 ${pct}% 100%)`;\n speaker.textContent = pct == 0 ? \"\ud83d\udd07\" : pct < 45 ? \"\ud83d\udd09\" : \"\ud83d\udd0a\";\n });\n\n audio.volume = 0.75;\n\n audio.addEventListener(\"playing\", () => {\n playing = true;\n player.classList.add(\"playing\");\n });\n\n audio.addEventListener(\"pause\", () => {\n if (!playing) player.classList.remove(\"playing\");\n });\n\n async function updateNowPlaying(){\n try{\n const response = await fetch(NOW_PLAYING_URL, {\n cache: \"no-store\"\n });\n if(!response.ok) throw new Error(\"HTTP \" + response.status);\n\n const data = await response.json();\n const song = data?.now_playing?.song || {};\n\n const title = (song.title || \"\").trim();\n const artist = (song.artist || \"\").trim();\n const text = (song.text || \"\").trim();\n\n if(title){\n songTitle.textContent = title;\n songArtist.textContent = artist || \"OverRadio\";\n }else if(text){\n const parts = text.split(\" - \");\n if(parts.length > 1){\n songArtist.textContent = parts.shift().trim();\n songTitle.textContent = parts.join(\" - \").trim();\n }else{\n songTitle.textContent = text;\n songArtist.textContent = \"OverRadio\";\n }\n }\n }catch(err){\n console.warn(\"Metadatos no disponibles:\", err);\n }\n }\n\n updateNowPlaying();\n setInterval(updateNowPlaying, 15000);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-43a1a72 e-con e-atomic-element e-flexbox-base e-5d0a3a6 \" data-id=\"43a1a72\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"43a1a72\">\n <div class=\"elementor-element elementor-element-affde2d e-grid e-con-boxed e-con e-parent\" data-id=\"affde2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9a354df e-con e-atomic-element e-flexbox-base e-bf38e01 \" data-id=\"9a354df\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9a354df\">\n \t\t<div class=\"elementor-element elementor-element-cc585b9 elementor-widget elementor-widget-image\" data-id=\"cc585b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"260\" src=\"https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-1024x333.png\" class=\"attachment-large size-large wp-image-27\" alt=\"\" srcset=\"https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-1024x333.png 1024w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-300x98.png 300w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-768x250.png 768w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-1536x499.png 1536w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/DONDE-COMIENZAN-LAS-SOMBRAS-2048x666.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c2752b1 e-con e-atomic-element e-flexbox-base e-c07ac51 \" data-id=\"c2752b1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c2752b1\">\n \t\t\t<h2 data-interaction-id=\"d4dcc9b\" class=\"e-d4dcc9b-5750970 e-heading-base\">UNETE A NUESTRA COMUNIDAD<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5fd0f1e e-grid e-con-boxed e-con e-parent\" data-id=\"5fd0f1e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-783bfd0 elementor-widget elementor-widget-html\" data-id=\"783bfd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe style=\"width:450px;height:350px;border:0\" src=\"https:\/\/chatroll.com\/embed\/chat\/over-radio?id=AxeQptH4i4t&platform=html\"><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fda078b elementor-widget elementor-widget-image\" data-id=\"fda078b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/myapp.hdcast.net\/home\/61957eeab1bcedac\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"355\" src=\"https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa-1024x455.png\" class=\"attachment-large size-large wp-image-28\" alt=\"\" srcset=\"https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa-1024x455.png 1024w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa-300x133.png 300w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa-768x341.png 768w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa-1536x683.png 1536w, https:\/\/overradio.com.mx\/wp-content\/uploads\/2026\/09\/pwa.png 1881w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\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-43ad43a e-con e-atomic-element e-flexbox-base e-ab34c8a \" data-id=\"43ad43a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"43ad43a\">\n <div class=\"elementor-element elementor-element-dfec400 e-con e-atomic-element e-flexbox-base e-180e9dd \" data-id=\"dfec400\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dfec400\">\n \t\t<div class=\"elementor-element elementor-element-931e3fa elementor-widget elementor-widget-html\" data-id=\"931e3fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<span style=\"color: #ffffff;\"><strong>Derechos Reservados 2026 Over radio <em><a style=\"color: #ffffff;\" href=\"https:\/\/dunacreativa.mx\" target=\"_blank\" rel=\"noopener\">By Duna Creativa<\/a><\/em><\/strong><\/span>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OverRadio Player RADIO ALTERNATIVA OVERRADIO .COM.MX EN VIVO OverRadio Radio alternativa \ud83d\udd0a UNETE A NUESTRA COMUNIDAD Derechos Reservados 2026 Over radio By Duna Creativa<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/overradio.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/overradio.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/overradio.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}