{"id":36590,"date":"2026-10-22T01:45:00","date_gmt":"2026-10-22T01:45:00","guid":{"rendered":"https:\/\/googlecumbia.metricavisual.com\/?p=36590"},"modified":"2026-10-22T01:45:02","modified_gmt":"2026-10-22T01:45:02","slug":"nuevo-chat","status":"publish","type":"post","link":"https:\/\/googlecumbia.metricavisual.com\/?p=36590","title":{"rendered":"nuevo chat"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Radio TV La Voz Per\u00fa<\/title>\n<link rel=\"icon\" type=\"image\/x-icon\" href=\"https:\/\/i.postimg.cc\/PJRN0gr2\/logo-puro-300x300.png\"\/>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" \/>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/hls.js@latest\"><\/script>\n\n<!-- Firebase SDKs Compatibles con Firestore -->\n<script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.23.0\/firebase-app-compat.js\"><\/script>\n<script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.23.0\/firebase-firestore-compat.js\"><\/script>\n\n<script>\nvar txt=\"_______Pagina oficial de Radio TV La Voz Per\u00fa\";\nvar espera=200;\nfunction rotulo_title(){document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);setTimeout(rotulo_title,espera);}\nrotulo_title();\n<\/script>\n<style>\n.attribution,.status-msg-wrap{display:none!important}\nhtml, body {\n  width: 100%;\n  max-width: 100%;\n  overflow-x: hidden;\n}\nbody{\n  background-color:#001f3f!important;\n  background-image:url('https:\/\/i.postimg.cc\/HLtHjHdM\/fondo-web.jpg')!important;\n  background-repeat:no-repeat!important;\n  background-position:center center!important;\n  background-attachment:fixed!important;\n  background-size:cover!important;\n  font-family:'Roboto',sans-serif!important;\n  margin:0!important;\n  padding:0!important;\n}\n.content-outer{\n  max-width:1100px!important;\n  width:100%!important;\n  box-sizing:border-box!important;\n  margin:10px auto!important;\n  background:rgba(0,0,0,.55)!important;\n  padding:15px!important;\n  border-radius:15px!important;\n  border:3px solid #1A252F!important;\n  box-shadow:0 0 25px rgba(212,175,55,.4)!important;\n}\n#cabecera-slider{position:relative;width:100%;max-width:900px;height:260px;margin:0 auto 15px auto;border-radius:12px;border:4px solid #d4af37;background:#000;box-shadow:0 0 15px rgba(212,175,55,.6);overflow:hidden}\n.slider-wrapper{display:flex;width:300%;height:260px;animation:deslizarSlider 15s linear infinite}\n.slide-img{width:33.333%;height:260px;object-fit:cover}\n@keyframes deslizarSlider{0%{transform:translateX(0)}33.33%{transform:translateX(-33.333%)}66.66%{transform:translateX(-66.666%)}100%{transform:translateX(0)}}\n.navbar{display:flex;justify-content:center;gap:8px;margin:0 auto 20px auto;padding:8px;background:rgba(0,0,0,.5);border-radius:8px;flex-wrap:wrap;max-width:900px}\n.nav-link{color:#fff;text-decoration:none;font-weight:bold;padding:8px 12px;border:1px solid #d4af37;border-radius:5px;transition:.3s;cursor:pointer;font-size:13px}\n.nav-link:hover,.nav-link.active{background:#d4af37;color:#000;box-shadow:0 0 15px #fff,0 0 25px #d4af37}\n.main-wrapper{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}\n.left-column{flex:2;min-width:280px;width:100%;box-sizing:border-box}\n.right-column{flex:1;min-width:250px;width:100%;display:flex;flex-direction:column;gap:15px;align-items:center;box-sizing:border-box}\n@keyframes cambioColores{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\n.marquesina-container{background:linear-gradient(270deg,#f00,#ff7f00,#ff0,#0f0,#00f,#4b0082,#8b00ff);background-size:400% 400%;animation:cambioColores 8s ease infinite;color:#fff;padding:10px;margin-bottom:15px;border-radius:8px;text-align:center;border:1px solid #d4af37}\n.redes-sociales{display:flex;justify-content:center;gap:12px;padding:15px;margin-bottom:15px;background:linear-gradient(135deg,#2c3e50,#000);border:2px solid #d4af37;border-radius:10px;flex-wrap:wrap}\n.redes-sociales img{width:42px;height:42px;border-radius:50%;border:2px solid #d4af37;transition:transform .3s ease,box-shadow .3s ease}\n.redes-sociales img:hover{transform:scale(1.1);box-shadow:0 0 15px #fff,0 0 25px #d4af37}\n.texto-general-sv{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.9);text-transform:uppercase;text-align:center}\n.hora-brillante-sv{color:#fff!important;text-align:center;text-shadow:0 0 6px #fff,0 0 15px #fff,2px 2px 4px rgba(0,0,0,.9);font-size:28px;font-weight:bold}\n.footer-wrapper{text-align:center;padding:15px;font-size:18px;font-weight:bold;color:#fff;background:none;border-top:2px solid #d4af37;margin-top:15px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}\n.texto-metalico{background:linear-gradient(135deg,#e0e0e0 0%,#fff 25%,#7f8c8d 50%,#bdc3c7 75%,#34495e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 8px rgba(255,255,255,.4),2px 2px 4px rgba(0,0,0,.8)}\n#seccion-dinamica{background:rgba(0,0,0,.3);padding:15px;border-radius:10px;color:#fff;min-height:200px;margin-bottom:15px}\n.btn-descarga{background:#d4af37;color:#000;padding:8px 15px;text-decoration:none;border-radius:5px;font-weight:bold;font-size:12px;display:inline-block;margin-top:5px;transition:.3s}\n.btn-descarga:hover{background:#fff;color:#000;box-shadow:0 0 15px #fff,0 0 25px #d4af37}\n@keyframes girarMundo{from{background-position:0 0}to{background-position:400px 0}}\n.mundo-giratorio{background-image:url('https:\/\/images.unsplash.com\/photo-1614730321146-b6fa6a46bcb4?w=500');background-size:cover;background-repeat:repeat-x;animation:girarMundo 25s linear infinite}\n.whatsapp-flotante{position:fixed;bottom:20px;right:20px;z-index:9999;background-color:#25d366;color:#fff;width:55px;height:55px;border-radius:50%;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .3s ease,background-color .3s ease;border:2px solid #fff}\n.whatsapp-flotante:hover{transform:scale(1.1);background-color:#20ba5a}\n.whatsapp-flotante img{width:32px;height:32px}\n\n:root{--azul-brillante:#00d4ff;--rojo-fluorescente:#ff0055;--whatsapp:#25d366;--facebook:#1877f2;--metal-gradient:linear-gradient(180deg,#333 0%,#000 100%)}\n\n\/* Estilos adaptados del reproductor de TV para la pesta\u00f1a *\/\n.tv-container {background: linear-gradient(145deg, #1e1e1e, #2a2a2a); border: 3px solid #00c2ff; border-radius: 20px; box-shadow: 0 0 30px rgba(0, 194, 255, 0.4); padding: 15px; width: 100%; max-width: 800px; margin: 0 auto; box-sizing: border-box;}\n.tv-header {text-align: center; margin-bottom: 15px;}\n.tv-title {font-size: 1.1rem; color: #00c2ff; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 10px rgba(0, 194, 255, 0.5); margin-bottom: 5px;}\n.tv-subtitle {font-size: 0.8rem; color: #888;}\n.video-wrapper {position: relative; width: 100%; padding-bottom: 56.25%; background: #000; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);}\n.video-wrapper video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; object-fit: contain;}\n.status {text-align: center; margin-top: 15px; font-size: 0.9rem; padding: 10px; border-radius: 8px; background: rgba(0, 194, 255, 0.1); border: 1px solid rgba(0, 194, 255, 0.3);}\n.status.live {background: rgba(255, 0, 0, 0.1); border-color: rgba(255, 0, 0, 0.3); color: #ff4444;}\n.status.ready {background: rgba(0, 255, 0, 0.1); border-color: rgba(0, 255, 0, 0.3); color: #44ff44;}\n.error-message {color: #ff4444; text-align: center; padding: 12px; margin-top: 10px; display: none; background: rgba(255, 68, 68, 0.1); border: 1px solid rgba(255, 68, 68, 0.3); border-radius: 8px; font-size: 0.85rem;}\n.play-button {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, #00c2ff, #0088cc); border: none; border-radius: 50%; width: 80px; height: 80px; font-size: 35px; color: white; cursor: pointer; display: none; z-index: 10; box-shadow: 0 4px 20px rgba(0, 194, 255, 0.5);}\n.controls {display: flex; justify-content: center; gap: 10px; margin-top: 15px;}\n.control-btn {background: linear-gradient(135deg, #00c2ff, #0088cc); border: none; color: white; padding: 10px 20px; border-radius: 8px; font-size: 0.9rem; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 194, 255, 0.3);}\n.loading-spinner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border: 4px solid rgba(0, 194, 255, 0.2); border-top: 4px solid #00c2ff; border-radius: 50%; animation: spin 1s linear infinite; display: none;}\n@keyframes spin {0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); }}\n\n\/* Estilos para el Reproductor Sem\u00e1foro *\/\n.player-semaforo-box{position:relative;width:380px!important;min-width:380px!important;height:256px!important;min-height:256px!important;border-radius:18px;overflow:hidden;color:#fff;border:1px solid #ff4d4d;font-family:'Segoe UI',Arial,Helvetica,sans-serif;user-select:none;box-sizing:border-box;box-shadow:0 25px 65px rgba(0,0,0,.95),0 0 30px rgba(255,0,0,.45),0 0 0 2px #d42222,0 0 0 5px #ffd1d1,0 0 0 8px #1a0505,inset 0 4px 10px rgba(255,255,255,.8),inset 0 -4px 8px rgba(100,0,0,.8);margin:0 auto 15px}\n.player-semaforo-box *{box-sizing:border-box;margin:0;padding:0}\n.player-semaforo-box .player-bg{position:absolute;inset:0;background:url(\"https:\/\/images.unsplash.com\/photo-1590602847861-f357a9332bbc?q=80&w=800&auto=format&fit=crop\") center\/cover no-repeat;z-index:0}\n.player-semaforo-box #waterCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.8;mix-blend-mode:screen}\n.player-semaforo-box .player-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,rgba(230,30,30,.78) 0%,rgba(160,10,10,.68) 50%,rgba(200,20,20,.75) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,rgba(0,0,0,.1) 1px 2px);pointer-events:none}\n.player-semaforo-box .topbar{position:absolute;top:0;left:0;right:0;height:30px;z-index:1;background:linear-gradient(180deg,#ff8080 0%,#e60000 30%,#800000 50%,#cc0000 85%,#400000 100%);border-bottom:1px solid #2a0a0a;box-shadow:inset 0 2px 3px rgba(255,255,255,.7),0 3px 6px rgba(0,0,0,.6)}\n.player-semaforo-box .swoosh{position:absolute;left:42px;top:0;width:155px;height:58px;z-index:1;border-radius:0 0 75px 75px\/0 0 58px 58px;background:linear-gradient(180deg,#ff9999 0%,#cc0000 30%,#400000 70%,#1a0000 100%);box-shadow:0 5px 10px rgba(0,0,0,.8),inset 0 3px 3px rgba(255,255,255,.6),inset 0 -3px 5px rgba(0,0,0,.8);border:1px solid #660000;border-top:none}\n.player-semaforo-box .top{position:absolute;top:0;left:0;right:0;height:58px;z-index:2}\n.player-semaforo-box .menu{position:absolute;left:8px;top:4px;width:24px;height:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;border-radius:6px;background:linear-gradient(135deg,#1f232a 0%,#08090a 100%);border:1px solid #ff4d4d;box-shadow:inset 0 2px 2px rgba(255,255,255,.3),0 2px 4px rgba(0,0,0,.6)}\n.player-semaforo-box .menu i{border-radius:50%;box-shadow:inset 0 1px 2px rgba(255,255,255,.4);display:block}\n.player-semaforo-box .menu i:nth-child(3n+1){background:#ff3333;box-shadow:0 0 4px #ff3333}\n.player-semaforo-box .menu i:nth-child(3n+2){background:#ffcc00;box-shadow:0 0 4px #ffcc00}\n.player-semaforo-box .menu i:nth-child(3n){background:#00cc44;box-shadow:0 0 4px #00cc44}\n.player-semaforo-box .hd{position:absolute;left:80px;top:17px;width:68px;height:28px;border-radius:50%;background:linear-gradient(180deg,#ffffff 0%,#ffe680 30%,#ffaa00 50%,#cc0000 85%,#ffffff 100%);box-shadow:0 3px 8px rgba(0,0,0,.8),inset 0 2px 3px #fff,inset 0 -2px 3px rgba(0,0,0,.5);border:1px solid #800000;display:flex;align-items:center;justify-content:center;font:italic 900 21px \"Arial Black\",Arial,sans-serif;color:#1a0000;letter-spacing:-1px;text-shadow:0 2px 0 rgba(255,255,255,1),0 0 6px rgba(255,255,255,.8);overflow:hidden}\n.player-semaforo-box .hd::after{content:\"\";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 100%);transform:rotate(25deg);animation:hdShine 3s infinite ease-in-out}\n@keyframes hdShine{0%{left:-75%}20%{left:125%}100%{left:125%}}\n.player-semaforo-box .site{position:absolute;right:12px;top:6px;font-size:11px;font-weight:800;color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(255,230,0,.6);letter-spacing:.5px}\n.player-semaforo-box .traffic-indicator{position:absolute;right:12px;top:34px;display:flex;align-items:center;gap:5px;background:rgba(10,12,15,.85);padding:3px 6px;border-radius:12px;border:1px solid #4a5058;box-shadow:inset 0 2px 4px rgba(0,0,0,.8);z-index:2}\n.player-semaforo-box .semaforo-light{width:10px;height:10px;border-radius:50%;background:#333;box-shadow:inset 0 1px 2px rgba(0,0,0,.8);transition:all .3s ease}\n.player-semaforo-box .traffic-indicator.state-stopped .light-red{background:#ff2222;box-shadow:0 0 10px #ff2222,0 0 18px #ff2222,inset 0 1px 2px #fff;animation:blinkRed 1.2s infinite alternate}\n.player-semaforo-box .traffic-indicator.state-paused .light-yellow{background:#ffcc00;box-shadow:0 0 10px #ffcc00,0 0 18px #ffcc00,inset 0 1px 2px #fff;animation:blinkYellow .8s infinite alternate}\n.player-semaforo-box .traffic-indicator.state-playing .light-green{background:#00ff44;box-shadow:0 0 10px #00ff44,0 0 20px #00ff44,inset 0 1px 2px #fff;animation:blinkGreen 1s infinite alternate}\n@keyframes blinkRed{0%{opacity:1}100%{opacity:.3}}\n@keyframes blinkYellow{0%{opacity:1}100%{opacity:.4}}\n@keyframes blinkGreen{0%{opacity:1}100%{opacity:.35}}\n.player-semaforo-box .live-label{font-size:9px;font-weight:900;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px #000}\n.player-semaforo-box .thumb{position:absolute;left:16px;top:72px;width:76px;height:76px;z-index:2;border-radius:6px;border:2px solid #ffcc00;box-shadow:0 5px 12px rgba(0,0,0,.8),0 0 10px rgba(255,204,0,.4),inset 0 0 8px rgba(0,0,0,.8);overflow:hidden;background:#000}\n.player-semaforo-box .thumb img{width:100%;height:100%;object-fit:cover;display:block}\n.player-semaforo-box .num{position:absolute;left:102px;top:75px;font:italic bold 13px Arial,sans-serif;z-index:2;color:#ffcc00;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(255,204,0,.8)}\n.player-semaforo-box #viz{position:absolute;left:100px;top:68px;z-index:1;border-radius:6px;border:1px solid #ff4d4d;box-shadow:inset 0 4px 8px rgba(0,0,0,.95),0 0 8px rgba(255,0,0,.3)}\n.player-semaforo-box .marquee{position:absolute;left:16px;right:32px;top:155px;height:20px;line-height:20px;overflow:hidden;z-index:2;background:#090b0d;border-radius:4px;border:1px solid #485059;box-shadow:inset 0 2px 5px rgba(0,0,0,.95),0 1px 0 rgba(255,255,255,.8);font:12px \"Courier New\",monospace;font-weight:bold;letter-spacing:1px;white-space:nowrap;color:#00ffff;text-shadow:0 0 8px rgba(0,255,255,.9),0 0 2px #fff}\n.player-semaforo-box .marquee span{display:inline-block;padding-left:100%;animation:mq 13s linear infinite}\n@keyframes mq{to{transform:translateX(-100%);}}\n.player-semaforo-box .social{position:absolute;right:0;top:68px;width:22px;z-index:3;display:flex;flex-direction:column;gap:3px}\n.player-semaforo-box .social a{display:flex;align-items:center;justify-content:center;width:22px;height:20px;border-radius:4px 0 0 4px;color:#fff;font:bold 10px Arial,sans-serif;text-decoration:none;border:1px solid rgba(0,0,0,.5);border-right:none;box-shadow:inset 0 1px 2px rgba(255,255,255,.9),-1px 3px 5px rgba(0,0,0,.5)}\n.player-semaforo-box .fb1{background:linear-gradient(180deg,#ff4d4d 0%,#b30000 100%)}\n.player-semaforo-box .fb2{background:linear-gradient(180deg,#1877f2 0%,#0d47a1 100%)}\n.player-semaforo-box .tk{background:linear-gradient(180deg,#25f4ee 0%,#fe2cf5 100%);color:#000!important}\n.player-semaforo-box .wa{background:linear-gradient(180deg,#25d366 0%,#128c7e 100%);font-size:11px}\n.player-semaforo-box .bottom{position:absolute;left:0;right:0;bottom:0;height:72px;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(240,244,248,.2) 25%,rgba(0,0,0,.04) 48%,rgba(255,255,255,.5) 52%,#d0d6dc 100%);border-radius:60px 60px 0 0\/22px 22px 0 0;border-top:1px solid #ffffff;box-shadow:0 -4px 10px rgba(0,0,0,.6),inset 0 2px 3px #fff,inset 0 -3px 5px rgba(0,0,0,.3)}\n.player-semaforo-box .btn{position:absolute;top:28px;width:32px;height:26px;border-radius:7px;border:1px solid #2a2e33;background:linear-gradient(180deg,#ffffff 0%,#e6eaed 45%,#8b929c 50%,#f5f7f9 100%);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 4px 6px rgba(0,0,0,.6),inset 0 2px 2px #fff,inset 0 -2px 3px rgba(0,0,0,.4);transition:all .1s ease}\n.player-semaforo-box .btn:active{transform:translateY(2px)}\n.player-semaforo-box .btn.pause{left:22px}\n.player-semaforo-box .btn.stop{left:60px}\n.player-semaforo-box .pause i.bar{width:3px;height:11px;background:#00cc44;box-shadow:0 0 4px #00cc44;display:inline-block;border-radius:1px}\n.player-semaforo-box .pause i.play-triangle{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #00cc44;filter:drop-shadow(0 0 3px #00cc44);display:none}\n.player-semaforo-box .pause.is-paused i.bar{display:none}\n.player-semaforo-box .pause.is-paused i.play-triangle{display:block}\n.player-semaforo-box .stop i{width:11px;height:11px;background:#ff2222;box-shadow:0 0 4px #ff2222;border-radius:2px;display:block}\n.player-semaforo-box .center-display{position:absolute;left:102px;right:88px;top:6px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(10,12,15,.92);border:1px solid #ff4d4d;border-radius:8px;padding:2px 6px;box-shadow:inset 0 2px 5px rgba(0,0,0,.95),0 0 8px rgba(255,204,0,.25)}\n.player-semaforo-box .center-date{font-size:9px;font-weight:800;color:#ffcc00;text-shadow:0 0 6px rgba(255,204,0,.9)}\n.player-semaforo-box .center-clock{font-size:13px;font-weight:900;color:#00ff44;text-shadow:0 0 8px rgba(0,255,68,.9),0 0 2px #fff;font-family:\"Courier New\",monospace}\n.player-semaforo-box .center-visits{font-size:8.5px;font-weight:800;color:#ff4d4d}\n.player-semaforo-box .time{position:absolute;left:18px;top:8px;font-size:10px;font-weight:900;font-family:\"Courier New\",monospace}\n.player-semaforo-box .knob{position:absolute;right:28px;top:7px;width:53px;height:53px;border-radius:50%;cursor:pointer;background:conic-gradient(from 0deg,#ffffff,#9aa2ac,#ffffff,#4a5058,#ffffff,#9aa2ac,#ffffff,#4a5058,#ffffff);border:2px solid #1c1f24;box-shadow:0 6px 12px rgba(0,0,0,.7),inset 0 0 0 2px rgba(255,255,255,1)}\n.player-semaforo-box .knob:after{content:\"\";position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6b727d,#0d0f11)}\n.player-semaforo-box .knob:before{content:\"\";position:absolute;left:calc(50% - 4px);top:6px;width:8px;height:8px;border-radius:50%;z-index:3;transform-origin:4px 20.5px;transform:rotate(var(--r,80deg));background:radial-gradient(circle at 30% 30%,#ffffff,#00ff44);box-shadow:0 0 8px #00ff44}\n.player-semaforo-box .vol{position:absolute;right:10px;top:50px;font-size:10px;color:#101215;font-weight:900}\n<\/style>\n<\/head>\n<body>\n<div class=\"content-outer\">\n<div id=\"cabecera-slider\"><div class=\"slider-wrapper\">\n<img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/s2SFZzz4\/baner-la-voz.jpg\" alt=\"Portada 1\" class=\"slide-img\" \/>\n<img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/qB18M8nN\/la-voz-peru.png\" alt=\"Portada 2\" class=\"slide-img\" \/>\n<img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/gJTv9CXG\/melody.jpg\" alt=\"Portada 3\" class=\"slide-img\" \/>\n<\/div><\/div>\n<nav class=\"navbar\">\n<a class=\"nav-link active\" onclick=\"cargarInicio(this)\">Inicio<\/a>\n<a class=\"nav-link\" onclick=\"cambiarSeccion('Bienvenido', this)\">Bienvenido<\/a>\n<a class=\"nav-link\" onclick=\"cambiarSeccion('nacimos', this)\">Nacimos<\/a>\n<a class=\"nav-link\" onclick=\"cambiarSeccion('contacto', this)\">Cont\u00e1ctanos<\/a>\n<a class=\"nav-link\" onclick=\"cambiarSeccion('sermones', this)\">Sermones.mp3<\/a>\n<a class=\"nav-link\" onclick=\"cambiarSeccion('canal14', this)\">Canal 14 Guerreros de Oraci\u00f3n<\/a>\n<\/nav>\n<div id=\"seccion-dinamica\">\n<div class=\"main-wrapper\" id=\"contenido-inicio\">\n<div class=\"left-column\">\n<div class=\"marquesina-container\"><marquee scrollamount=\"6\" style=\"font-weight:bold;\" class=\"texto-metalico\">Radio LA VOZ PERU | Cabina: +51 978424241<\/marquee><\/div>\n<img decoding=\"async\" src=\"http:\/\/imgfz.com\/i\/XfoYQdF.gif\" style=\"width:100%;border-radius:10px;margin-bottom:15px;border:2px solid #d4af37;\" \/>\n<div class=\"redes-sociales\">\n<a href=\"https:\/\/www.facebook.com\/perumelody\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/5968\/5968764.png\" alt=\"Facebook\" \/><\/a>\n<a href=\"https:\/\/www.instagram.com\/rabihuillca\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/2111\/2111463.png\" alt=\"Instagram\" \/><\/a>\n<a href=\"https:\/\/wa.me\/51978424241\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3670\/3670051.png\" alt=\"WhatsApp\" \/><\/a>\n<a href=\"https:\/\/www.youtube.com\/@rabyhuillca1\/videos\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3670\/3670151.png\" alt=\"YouTube\" \/><\/a>\n<\/div>\n\n<!-- PLAYER RADIO HD SEM\u00c1FORO -->\n<div style=\"display: flex; justify-content: center; width: 100%; margin: 10px 0;\">\n  <div class=\"player-semaforo-box\">\n    <div class=\"player-bg\"><\/div>\n    <canvas id=\"waterCanvas\" width=\"380\" height=\"256\"><\/canvas>\n    <div class=\"player-overlay\"><\/div>\n\n    <audio id=\"audioRadioZeno\" preload=\"none\" crossorigin=\"anonymous\" playsinline>\n      <source src=\"https:\/\/stream.zeno.fm\/jqmfghcszwlvv\" type=\"audio\/mpeg\">\n      Tu navegador no admite la reproducci\u00f3n de audio HTML5.\n    <\/audio>\n\n    <div class=\"topbar\"><\/div>\n    <div class=\"swoosh\"><\/div>\n    <div class=\"top\">\n      <div class=\"menu\">\n        <i><\/i><i><\/i><i><\/i>\n        <i><\/i><i><\/i><i><\/i>\n        <i><\/i><i><\/i><i><\/i>\n      <\/div>\n      <div class=\"hd\">HD<\/div>\n      <div class=\"site\">RadioTV La Voz PER\u00da<\/div>\n    <\/div>\n\n    <div class=\"traffic-indicator state-stopped\" id=\"trafficIndicator\">\n      <div class=\"semaforo-light light-red\" title=\"Detenido (Rojo)\"><\/div>\n      <div class=\"semaforo-light light-yellow\" title=\"Pausado (Amarillo)\"><\/div>\n      <div class=\"semaforo-light light-green\" title=\"En Vivo (Verde)\"><\/div>\n      <span class=\"live-label\" id=\"liveText\">STOP<\/span>\n    <\/div>\n\n    <div class=\"thumb\">\n      <img decoding=\"async\" id=\"imgTrack\" src=\"https:\/\/images.unsplash.com\/photo-1511671782779-c97d3d27a1d4?q=80&#038;w=300&#038;auto=format&#038;fit=crop\" alt=\"Car\u00e1tula\">\n    <\/div>\n\n    <div class=\"num\">10<\/div>\n\n    <canvas id=\"viz\" width=\"238\" height=\"82\"><\/canvas>\n\n    <div class=\"marquee\"><span id=\"titleText\">Radio La Voz Per\u00fa \u2022 Lista para reproducir<\/span><\/div>\n\n    <div class=\"social\">\n      <a class=\"fb1\" href=\"https:\/\/www.facebook.com\/perumelody\/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Facebook\">f<\/a>\n      <a class=\"fb2\" href=\"https:\/\/www.youtube.com\/@rabyhuillca1\/videos\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"YouTube\">yt<\/a>\n      <a class=\"tk\" href=\"https:\/\/www.instagram.com\/rabihuillca\/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Instagram\">ig<\/a>\n      <a class=\"wa\" href=\"https:\/\/wa.me\/51978424241\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"WhatsApp\">\ud83d\udcac<\/a>\n    <\/div>\n\n    <div class=\"bottom\">\n      <div class=\"time\" id=\"time\">00:00:00<\/div>\n      <div class=\"btn pause is-paused\" id=\"pp\" title=\"Reproducir \/ Pausar\">\n        <i class=\"bar\"><\/i><i class=\"bar\"><\/i>\n        <i class=\"play-triangle\"><\/i>\n      <\/div>\n      <div class=\"btn stop\" id=\"st\" title=\"Detener\"><i><\/i><\/div>\n\n      <div class=\"center-display\">\n        <div class=\"center-date\" id=\"currentDate\">CARGANDO&#8230;<\/div>\n        <div class=\"center-clock\" id=\"clockTime\">00:00:00<\/div>\n        <div class=\"center-visits\" id=\"visitCounter\">VISITAS: 000001<\/div>\n      <\/div>\n\n      <div class=\"knob\" id=\"knob\" title=\"Girar rueda del rat\u00f3n o hacer clic para ajustar volumen\" style=\"--r: 80deg;\"><\/div>\n      <div class=\"vol\" id=\"vol\">0.8<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- CHAT EN VIVO INTEGRADO CON FIRESTORE -->\n<div style=\"background: rgba(15, 18, 28, 0.95); padding: 15px; border-radius: 16px; border: 1px dashed rgba(0, 240, 255, 0.3); font-family: sans-serif; box-sizing: border-box; width: 100%; color: #fff; box-shadow: 0 8px 32px rgba(0,0,0,0.4); margin-top: 15px;\">\n    <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\n        <h4 style=\"color: #00f0ff; font-size: 14px; margin: 0; display: flex; align-items: center; gap: 8px; font-weight: 700;\">\n            <i class=\"bi bi-chat-dots-fill\"><\/i> CHAT EN VIVO &#8211; LA VOZ\n        <\/h4>\n        <span style=\"background: #25d366; color: #000; font-size: 9px; font-weight: 800; padding: 2px 8px; border-radius: 20px; text-transform: uppercase;\">En L\u00ednea<\/span>\n    <\/div>\n\n    <div id=\"chat-box-lavoz\" style=\"height: 250px; overflow-y: auto; background: rgba(0, 0, 0, 0.6); border-radius: 10px; padding: 10px; border: 1px solid rgba(255, 255, 255, 0.08); margin-bottom: 10px; display: flex; flex-direction: column; gap: 8px;\">\n        <div style=\"color: #8b9eb7; font-size: 11px; text-align: center; margin-top: auto;\">Cargando chat&#8230;<\/div>\n    <\/div>\n\n    <form id=\"chat-form-lavoz\" onsubmit=\"enviarMensajeFirebase(event)\" style=\"display: flex; flex-direction: column; gap: 8px;\">\n        <div style=\"display: flex; gap: 6px;\">\n            <input type=\"text\" id=\"chat-nombre\" placeholder=\"Tu Apodo\" required style=\"width: 40%; background: #000; color: #00f0ff; border: 1px solid #222; padding: 8px; border-radius: 8px; font-size: 12px; outline: none; font-weight: 600;\">\n            <input type=\"text\" id=\"chat-mensaje\" placeholder=\"Escribe un mensaje...\" required style=\"width: 60%; background: #000; color: #fff; border: 1px solid #222; padding: 8px; border-radius: 8px; font-size: 12px; outline: none;\">\n        <\/div>\n        <button type=\"submit\" style=\"background: linear-gradient(135deg, #087cff, #00f0ff); border: 0; color: #000; padding: 9px; border-radius: 8px; font-weight: 800; font-size: 12px; cursor: pointer; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 6px;\">\n            <i class=\"bi bi-send-fill\"><\/i> ENVIAR\n        <\/button>\n    <\/form>\n<\/div>\n\n<\/div>\n\n<div class=\"right-column\">\n<div style=\"width:220px;height:220px;background:linear-gradient(135deg,#d4af37 0%,#f3e5ab 15%,#e5e5e5 40%,#fff 55%,#b87333 85%,#8b4513 100%);border-radius:50%;margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.4);\">\n<div class=\"mundo-giratorio\" style=\"width:186px;height:186px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;\">\n<div class=\"texto-general-sv\" style=\"color:#fff;font-size:11px;font-weight:bold;letter-spacing:1.5px;margin-bottom:2px;text-shadow:2px 2px 4px rgba(0,0,0,.9);\">Per\u00fa<\/div>\n<div id=\"hora_bright_sv\" class=\"hora-brillante-sv\">00:00:00<\/div>\n<\/div><\/div>\n<div class=\"calendario-estilo\" style=\"display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;\">\n<iframe loading=\"lazy\" src=\"https:\/\/www.gifss.com\/creaciones\/calendarios\/paisajeanimados\/006\/\" scrolling=\"no\" width=\"135\" height=\"243\" style=\"border:2px solid #d4af37;border-radius:5px;\"><\/iframe>\n<img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/dV5RmZsJ\/BIENVENIDOS.gif\" alt=\"PIDE TU MUSICA\" style=\"width:100%;max-width:200px;border:2px solid #d4af37;border-radius:8px;\" \/>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"footer-wrapper\">Dise\u00f1ado: Radio TV La Voz Peru y Orquesta BANDERA FULL MELODY &#8211; Per\u00fa &copy; 2026<\/div>\n<\/div>\n\n<!-- Bot\u00f3n flotante de WhatsApp -->\n<a href=\"https:\/\/wa.me\/51978424241\" class=\"whatsapp-flotante\" target=\"_blank\" title=\"Escr\u00edbenos por WhatsApp\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3670\/3670051.png\" alt=\"WhatsApp\" \/><\/a>\n\n<script>\nfunction cargarInicio(elemento){location.reload();}\nfunction cambiarSeccion(seccion,elemento){\n  document.querySelectorAll('.nav-link').forEach(function(l){l.classList.remove('active')});\n  elemento.classList.add('active');\n  var contenedor=document.getElementById('seccion-dinamica');\n  if(seccion==='sermones'){\n    contenedor.innerHTML=`\n<h2 style=\"text-align:center;font-size:18px;\" class=\"texto-metalico\">Audios y Cumbias - Bandera Full Melody de Rab\u00ed<\/h2>\n<div style=\"background:rgba(0,0,0,.3);padding:12px;border-radius:10px;border:1px solid #d4af37;max-height:450px;overflow-y:auto;\">\n${crearAudioDirecto(\"Abr\u00e1zame Fuerte\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/1%20Abr%C3%A1zame%20Fuerte%20%20%281%29.mp3\")}\n${crearAudioDirecto(\"Sue\u00f1o Contigo\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/1%20Sue%C3%B1o%20Contigo%20%20%281%29.mp3\")}\n${crearAudioDirecto(\"S\u00e1lvame Amor\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/1%20S%C3%A1lvame%20Amor.mp3\")}\n${crearAudioDirecto(\"A Veces Ni Yo Me Reconozco\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/A%20Veces%20Ni%20Yo%20Me%20Reconozco.mp3\")}\n${crearAudioDirecto(\"Amor o Nada\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/Amor%20o%20Nada%20%281%29.mp3\")}\n${crearAudioDirecto(\"As\u00ed es la Vida\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/As%C3%AD%20es%20la%20vida%20%281%29.mp3\")}\n${crearAudioDirecto(\"A\u00fan Estoy Herido\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/A%C3%9AN%20ESTOY%20HERIDO%20%20%281%29.mp3\")}\n${crearAudioDirecto(\"Coraz\u00f3n, Coraz\u00f3n\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/CORAZ%C3%93N%2C%20CORAZ%C3%93N%20%20%281%29.mp3\")}\n${crearAudioDirecto(\"Cuando Estoy Contigo\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/CUANDO%20ESTOY%20CONTIGO%20%20%281%29.mp3\")}\n${crearAudioDirecto(\"Cuando Florece el Amor\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/CUANDO%20FLORECE%20EL%20AMOR%20%20%281%29.mp3\")}\n${crearAudioDirecto(\"Cuando Volver\u00e1s\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/CUANDO%20VOLVER%C3%81S%20%20%281%29.mp3\")}\n${crearAudioDirecto(\"Colegiala\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/Colegiala%20%20%281%29.mp3\")}\n${crearAudioDirecto(\"Coraz\u00f3n y Constancia\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/Coraz%C3%B3n%20y%20constancia%20-%20bandera%20full%20m%C3%A9lody.mp3\")}\n${crearAudioDirecto(\"Cosas Que No Se Olvidan\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/Cosas%20Que%20No%20Se%20Olvidan.mp3\")}\n${crearAudioDirecto(\"Cuando Me Ves Hablar\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/Cuando%20Me%20Ves%20Hablar.mp3\")}\n${crearAudioDirecto(\"Cuatro Ojitos\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/Cuatro%20Ojitos.mp3\")}\n${crearAudioDirecto(\"Cumplea\u00f1os Amor\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/Cumplea%C3%B1os%2C%20Amor%20%20%281%29.mp3\")}\n${crearAudioDirecto(\"Dame Tiempo Para Pensarlo\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/DAME%20TIEMPO%20PARA%20PENSARLO%20%20%281%29.mp3\")}\n${crearAudioDirecto(\"Dime Por Qu\u00e9 Te Fuiste\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/DIME%20POR%20QU%C3%89%20TE%20FUISTE%20%20%281%29.mp3\")}\n${crearAudioDirecto(\"Doctorado No Es Sabidur\u00eda\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/Doctorado%20No%20Es%20Sabidur%C3%ADa.mp3\")}\n${crearAudioDirecto(\"D\u00e9jalo, No Te Merece\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/D%C3%A9jalo%2C%20No%20Te%20Merece%20%281%29.mp3\")}\n${crearAudioDirecto(\"D\u00e9jenla Sola\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/D%C3%A9jenla%20sola.mp3\")}\n${crearAudioDirecto(\"El Derecho a Ser Padre\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/EL%20DERECHO%20A%20SER%20PADRE.mp3\")}\n${crearAudioDirecto(\"Eterno Amor\", \"https:\/\/archive.org\/download\/demos-cumbias-rabi\/ETERNO%20AMOR%20%20%281%29.mp3\")}\n<\/div>`;\n  }else if(seccion==='canal14'){\n    contenedor.innerHTML=`\n<div class=\"tv-container\" id=\"tvContainer\">\n    <div class=\"tv-header\">\n        <div class=\"tv-title\">\ud83d\udcfa CANAL 14 GUERREROS DE ORACI\u00d3N<\/div>\n        <div class=\"tv-subtitle\">Transmisi\u00f3n en Vivo<\/div>\n    <\/div>\n            \n    <div class=\"video-wrapper\">\n        <video id=\"video\" controls playsinline webkit-playsinline preload=\"auto\"><\/video>\n        <button class=\"play-button\" id=\"playBtn\">\u25b6<\/button>\n        <div class=\"loading-spinner\" id=\"spinner\"><\/div>\n    <\/div>\n            \n    <div class=\"status\" id=\"status\">\u23f3 Cargando transmisi\u00f3n...<\/div>\n    <div class=\"error-message\" id=\"error\"><\/div>\n\n    <div class=\"controls\">\n        <button class=\"control-btn\" id=\"reloadBtn\">\ud83d\udd04 Recargar<\/button>\n        <button class=\"control-btn\" id=\"fullscreenBtn\">\u26f6 Pantalla Completa<\/button>\n    <\/div>\n<\/div>`;\n    initTVPlayer();\n  }else if(seccion==='Bienvenido'){\n    contenedor.innerHTML=\"<h2 class='texto-metalico' style='font-size:18px;'>BIENVENIDOS<\/h2><p style='color:white;font-size:14px;'>RadioTV La Voz Per\u00fa transmite la mejor m\u00fasica directamente desde Arequipa para todo el mundo.<\/p>\";\n  }else if(seccion==='nacimos'){\n    contenedor.innerHTML=\"<h2 class='texto-metalico' style='font-size:18px;'>\u00bfC\u00f3mo nacimos?<\/h2><p style='color:white;font-size:14px;'>Nacimos con la finalidad de llevar mensajes positivos y llevar buena m\u00fasica a todos los oyentes.<\/p>\";\n  }else if(seccion==='contacto'){\n    contenedor.innerHTML=\"<h2 class='texto-metalico' style='font-size:18px;'>Cont\u00e1ctanos<\/h2><p style='color:white;font-size:14px;'>Ll\u00e1manos a cabina al +51 978424241<\/p>\";\n  }\n}\n\nfunction crearAudioDirecto(titulo, urlAudio){\n  return `<div style=\"margin-bottom:20px;border-bottom:1px solid #d4af37;padding-bottom:12px;\">\n<p style=\"color:#d4af37;font-weight:bold;font-size:13px;\">${titulo}<\/p>\n<audio controls style=\"width:100%;margin-bottom:8px;\"><source src=\"${urlAudio}\" type=\"audio\/mpeg\"><\/audio>\n<a href=\"${urlAudio}\" target=\"_blank\" download class=\"btn-descarga\">\ud83d\udcbe Descargar Audio<\/a><\/div>`;\n}\n\nfunction actualizarHora(){\n  var horaPeru = new Date().toLocaleTimeString('es-PE',{timeZone:'America\/Lima',hour12:false});\n  document.getElementById('hora_bright_sv').innerHTML = horaPeru;\n}\nsetInterval(actualizarHora,1000);actualizarHora();\n<\/script>\n\n<script>\n(function(){\n  function fmt(n){ return n < 10 ? '0' + n : n; }\n\n  function updateClockAndDate() {\n    var now = new Date();\n    var days = ['DOM', 'LUN', 'MAR', 'MI\u00c9', 'JUE', 'VIE', 'S\u00c1B'];\n    document.getElementById('currentDate').textContent = days[now.getDay()] + ' ' + fmt(now.getDate()) + '\/' + fmt(now.getMonth() + 1) + '\/' + now.getFullYear();\n    document.getElementById('clockTime').textContent = new Date().toLocaleTimeString('es-PE',{timeZone:'America\/Lima',hour12:false});\n  }\n  setInterval(updateClockAndDate, 1000);\n  updateClockAndDate();\n\n  try {\n    var visits = parseInt(localStorage.getItem('radio_semaforo_visits') || '0', 10) + 1;\n    if (!Number.isFinite(visits) || visits < 1) visits = 1;\n    localStorage.setItem('radio_semaforo_visits', String(visits));\n    document.getElementById('visitCounter').textContent = 'VISITAS: ' + String(visits).padStart(6, '0');\n  } catch (e) {\n    document.getElementById('visitCounter').textContent = 'VISITAS: 000001';\n  }\n\n  var wCv = document.getElementById('waterCanvas');\n  var wCtx = wCv.getContext('2d');\n  var drops = [];\n  for (var d = 0; d < 45; d++) {\n    drops.push({\n      x: Math.random() * wCv.width,\n      y: Math.random() * wCv.height,\n      len: Math.random() * 15 + 8,\n      speed: Math.random() * 3 + 2,\n      width: Math.random() * 1.2 + 0.6,\n      alpha: Math.random() * 0.5 + 0.2\n    });\n  }\n  function renderWater() {\n    wCtx.clearRect(0, 0, wCv.width, wCv.height);\n    for (var i = 0; i < drops.length; i++) {\n      var drop = drops[i];\n      var grad = wCtx.createLinearGradient(drop.x, drop.y, drop.x, drop.y + drop.len);\n      grad.addColorStop(0, 'rgba(255, 255, 255, 0)');\n      grad.addColorStop(0.5, 'rgba(0, 255, 200, ' + drop.alpha + ')');\n      grad.addColorStop(1, 'rgba(255, 255, 255, ' + drop.alpha + ')');\n      wCtx.beginPath();\n      wCtx.moveTo(drop.x, drop.y);\n      wCtx.lineTo(drop.x, drop.y + drop.len);\n      wCtx.strokeStyle = grad;\n      wCtx.lineWidth = drop.width;\n      wCtx.stroke();\n      drop.y += drop.speed;\n      if (drop.y > wCv.height) {\n        drop.y = -drop.len;\n        drop.x = Math.random() * wCv.width;\n      }\n    }\n    requestAnimationFrame(renderWater);\n  }\n  renderWater();\n\n  var audio = document.getElementById('audioRadioZeno');\n  var trafficInd = document.getElementById('trafficIndicator');\n  var liveText = document.getElementById('liveText');\n  var btnPP = document.getElementById('pp');\n  var cv = document.getElementById('viz'), c = cv.getContext('2d');\n  var N = 34, bw = 6, gap = 1, H = 82, levels = [], peaks = [], playing = false, t = 0;\n\n  for(var i = 0; i < N; i++){ levels.push(0); peaks.push(0); }\n\n  function drawViz(){\n    c.clearRect(0, 0, cv.width, H);\n    c.fillStyle = 'rgba(8,10,13,.95)';\n    c.fillRect(0, 0, cv.width, H);\n    t += .08;\n\n    for(var i = 0; i < N; i++){\n      var env = Math.exp(-Math.pow((i - N \/ 2) \/ (N \/ 3), 2));\n      var target = playing ? (env * (.45 + .45 * Math.random()) + .05 * Math.sin(t + i)) * H * .85 : 0;\n      levels[i] += (target - levels[i]) * .35;\n      if(levels[i] > peaks[i]) peaks[i] = levels[i]; else peaks[i] = Math.max(0, peaks[i] - .6);\n      \n      var x = i * (bw + gap) + 2, rows = Math.floor(levels[i] \/ 4);\n      for(var r = 0; r < rows; r++){\n        var y = H - 4 - r * 4;\n        c.fillStyle = r < 6 ? '#00ff44' : (r < 12 ? '#ffcc00' : '#ff2222');\n        c.fillRect(x, y, bw, 3);\n      }\n      c.fillStyle = '#ffffff';\n      c.fillRect(x, H - 6 - peaks[i], bw, 2);\n    }\n    requestAnimationFrame(drawViz);\n  }\n  drawViz();\n\n  var sec = 0, tm = document.getElementById('time');\n  setInterval(function(){ if(playing){ sec++; tm.textContent = fmt(Math.floor(sec\/3600)) + ':' + fmt(Math.floor(sec\/60)%60) + ':' + fmt(sec%60); } }, 1000);\n\n  btnPP.onclick = function(){\n    if (audio.paused) {\n      audio.play().then(function() {\n        playing = true;\n        trafficInd.className = 'traffic-indicator state-playing';\n        liveText.textContent = 'SIGA';\n        liveText.style.color = '#00ff44';\n        btnPP.classList.remove('is-paused');\n      }).catch(function(e){ console.error(e); });\n    } else {\n      audio.pause();\n      playing = false;\n      trafficInd.className = 'traffic-indicator state-paused';\n      liveText.textContent = 'PAUSA';\n      liveText.style.color = '#ffcc00';\n      btnPP.classList.add('is-paused');\n    }\n  };\n\n  document.getElementById('st').onclick = function(){\n    audio.pause();\n    try { audio.currentTime = 0; } catch(e){}\n    playing = false;\n    trafficInd.className = 'traffic-indicator state-stopped';\n    liveText.textContent = 'STOP';\n    liveText.style.color = '#ff2222';\n    btnPP.classList.add('is-paused');\n    sec = 0;\n    tm.textContent = '00:00:00';\n  };\n\n  var knob = document.getElementById('knob'), volDisplay = document.getElementById('vol');\n  var currentVol = 0.8;\n  audio.volume = currentVol;\n\n  function changeVolume(newVol) {\n    currentVol = Math.max(0, Math.min(1, newVol));\n    audio.volume = currentVol;\n    volDisplay.textContent = currentVol.toFixed(1);\n    var deg = currentVol * 270 - 135;\n    knob.style.setProperty('--r', deg + 'deg');\n  }\n\n  knob.onclick = function(){\n    let nextVol = currentVol >= 1 ? 0 : Number((currentVol + 0.1).toFixed(1));\n    changeVolume(nextVol);\n  };\n\n  knob.addEventListener('wheel', function(e){\n    e.preventDefault();\n    let step = e.deltaY < 0 ? 0.05 : -0.05;\n    changeVolume(currentVol + step);\n  });\n})();\n<\/script>\n\n<!-- Conexi\u00f3n a Cloud Firestore -->\n<script>\n    const firebaseConfig = {\n        apiKey: \"AIzaSyCNn3e71-xvmyZzrSL48VhjfxHwkDRnHok\",\n        authDomain: \"radiolavozperu-e3ff2.firebaseapp.com\",\n        projectId: \"radiolavozperu-e3ff2\",\n        storageBucket: \"radiolavozperu-e3ff2.firebasestorage.app\",\n        messagingSenderId: \"206416232216\",\n        appId: \"1:206416232216:web:b1ae02acaef4ed11cf286d\"\n    };\n\n    if (!firebase.apps.length) {\n        firebase.initializeApp(firebaseConfig);\n    }\n    const db = firebase.firestore();\n    const chatBox = document.getElementById(\"chat-box-lavoz\");\n\n    db.collection(\"mensajes_chat\")\n      .orderBy(\"timestamp\", \"asc\")\n      .limitToLast(25)\n      .onSnapshot((snapshot) => {\n          chatBox.innerHTML = \"\";\n          if (!snapshot.empty) {\n              snapshot.forEach((doc) => {\n                  const msg = doc.data();\n                  const msgDiv = document.createElement(\"div\");\n                  msgDiv.style.cssText = \"background: rgba(255,255,255,0.05); padding: 6px 10px; border-radius: 8px; border-left: 3px solid #00f0ff; word-break: break-word;\";\n                  msgDiv.innerHTML = `<strong style=\"color: #00f0ff; font-size: 11px;\">${escapeHtml(msg.nombre || 'An\u00f3nimo')}:<\/strong> <span style=\"font-size: 12px; color: #e1e1e1;\">${escapeHtml(msg.mensaje || '')}<\/span>`;\n                  chatBox.appendChild(msgDiv);\n              });\n              chatBox.scrollTop = chatBox.scrollHeight;\n          } else {\n              chatBox.innerHTML = `<div style=\"color: #8b9eb7; font-size: 11px; text-align: center; margin-top: auto;\">S\u00e9 el primero en enviar un mensaje.<\/div>`;\n          }\n      }, (error) => {\n          console.error(\"Error en Firestore:\", error);\n          chatBox.innerHTML = `<div style=\"color: #ff4d4d; font-size: 11px; text-align: center;\">Error al conectar con el chat.<\/div>`;\n      });\n\n    function enviarMensajeFirebase(e) {\n        e.preventDefault();\n        const nombreInput = document.getElementById(\"chat-nombre\");\n        const mensajeInput = document.getElementById(\"chat-mensaje\");\n\n        if (nombreInput.value.trim() !== \"\" && mensajeInput.value.trim() !== \"\") {\n            db.collection(\"mensajes_chat\").add({\n                nombre: nombreInput.value.trim(),\n                mensaje: mensajeInput.value.trim(),\n                timestamp: Date.now()\n            }).then(() => {\n                mensajeInput.value = \"\";\n            }).catch((error) => {\n                console.error(\"Error al enviar:\", error);\n            });\n        }\n    }\n\n    function escapeHtml(text) {\n        return text.replace(\/&\/g, \"&amp;\").replace(\/<\/g, \"&lt;\").replace(\/>\/g, \"&gt;\");\n    }\n\n    \/\/ Funci\u00f3n de inicializaci\u00f3n del reproductor HLS de la TV\n    function initTVPlayer() {\n        const video = document.getElementById('video');\n        if (!video) return;\n        const playBtn = document.getElementById('playBtn');\n        const status = document.getElementById('status');\n        const errorMsg = document.getElementById('error');\n        const spinner = document.getElementById('spinner');\n        const reloadBtn = document.getElementById('reloadBtn');\n        const fullscreenBtn = document.getElementById('fullscreenBtn');\n        const streamURL = 'https:\/\/a-cdn.klowdtv.com\/live1\/cine_720p\/playlist.m3u8';\n        let hls;\n        let retryCount = 0;\n        const maxRetries = 3;\n\n        function updateStatus(text, type = '') {\n            status.textContent = text;\n            status.className = 'status ' + type;\n        }\n\n        function showError(message) {\n            errorMsg.textContent = message;\n            errorMsg.style.display = 'block';\n            setTimeout(() => { errorMsg.style.display = 'none'; }, 5000);\n        }\n\n        function initPlayer() {\n            spinner.style.display = 'block';\n            errorMsg.style.display = 'none';\n\n            if (Hls.isSupported()) {\n                if (hls) { hls.destroy(); }\n                hls = new Hls({\n                    enableWorker: true,\n                    lowLatencyMode: false,\n                    maxBufferLength: 30,\n                    maxMaxBufferLength: 60,\n                    maxBufferSize: 60 * 1000 * 1000,\n                    maxBufferHole: 0.5,\n                    highBufferWatchdogPeriod: 2,\n                    nudgeMaxRetry: 3,\n                    manifestLoadingTimeOut: 10000,\n                    manifestLoadingMaxRetry: 3,\n                    levelLoadingTimeOut: 10000,\n                    levelLoadingMaxRetry: 3,\n                    fragLoadingTimeOut: 20000,\n                    fragLoadingMaxRetry: 3\n                });\n\n                hls.loadSource(streamURL);\n                hls.attachMedia(video);\n\n                hls.on(Hls.Events.MANIFEST_PARSED, function() {\n                    spinner.style.display = 'none';\n                    updateStatus('\u2705 Listo para reproducir', 'ready');\n                    retryCount = 0;\n                    video.play().catch(e => {\n                        playBtn.style.display = 'block';\n                        updateStatus('\ud83d\udc46 Toca para reproducir');\n                    });\n                });\n\n                hls.on(Hls.Events.ERROR, function(event, data) {\n                    if (data.fatal) {\n                        spinner.style.display = 'none';\n                        switch(data.type) {\n                            case Hls.ErrorTypes.NETWORK_ERROR:\n                                updateStatus('\u274c Error de red');\n                                if (retryCount < maxRetries) {\n                                    retryCount++;\n                                    showError(`Reintentando... (${retryCount}\/${maxRetries})`);\n                                    setTimeout(() => { hls.startLoad(); }, 3000);\n                                } else {\n                                    showError('No se pudo conectar. Intenta recargar.');\n                                }\n                                break;\n                            case Hls.ErrorTypes.MEDIA_ERROR:\n                                updateStatus('\u274c Error de reproducci\u00f3n');\n                                hls.recoverMediaError();\n                                break;\n                            default:\n                                updateStatus('\u274c Error desconocido');\n                                showError('Error al cargar la transmisi\u00f3n');\n                                break;\n                        }\n                    }\n                });\n            } else if (video.canPlayType('application\/vnd.apple.mpegurl')) {\n                video.src = streamURL;\n                video.addEventListener('loadedmetadata', function() {\n                    spinner.style.display = 'none';\n                    updateStatus('\u2705 Listo para reproducir', 'ready');\n                });\n                video.addEventListener('error', function(e) {\n                    spinner.style.display = 'none';\n                    updateStatus('\u274c Error de reproducci\u00f3n');\n                    showError('No se pudo cargar la transmisi\u00f3n');\n                });\n                video.load();\n            } else {\n                spinner.style.display = 'none';\n                updateStatus('\u274c Navegador no compatible');\n                showError('Tu navegador no soporta transmisiones HLS.');\n            }\n        }\n\n        playBtn.addEventListener('click', function() {\n            video.play();\n            playBtn.style.display = 'none';\n        });\n\n        reloadBtn.addEventListener('click', function() {\n            retryCount = 0;\n            video.pause();\n            initPlayer();\n        });\n\n        fullscreenBtn.addEventListener('click', function() {\n            if (video.requestFullscreen) {\n                video.requestFullscreen();\n            } else if (video.webkitRequestFullscreen) {\n                video.webkitRequestFullscreen();\n            } else if (video.webkitEnterFullscreen) {\n                video.webkitEnterFullscreen();\n            }\n        });\n\n        video.addEventListener('playing', function() {\n            updateStatus('\ud83d\udd34 EN VIVO', 'live');\n            playBtn.style.display = 'none';\n            spinner.style.display = 'none';\n        });\n\n        video.addEventListener('pause', function() { updateStatus('\u23f8\ufe0f Pausado'); });\n        video.addEventListener('waiting', function() { updateStatus('\u23f3 Cargando...'); spinner.style.display = 'block'; });\n        video.addEventListener('canplay', function() { spinner.style.display = 'none'; });\n\n        initPlayer();\n    }\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Radio TV La Voz Per\u00fa Inicio Bienvenido Nacimos Cont\u00e1ctanos Sermones.mp3 Canal 14 Guerreros de Oraci\u00f3n Radio LA VOZ PERU | Cabina: +51 978424241 Tu navegador no admite la reproducci\u00f3n de&#8230; dale Clik<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-36590","post","type-post","status-publish","format-standard","hentry","category-entretenimiento"],"magazineBlocksPostFeaturedMedia":{"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"magazineBlocksPostAuthor":{"name":"Rabi","avatar":"https:\/\/secure.gravatar.com\/avatar\/f801d06501b4b5f3b6f1dd296f2be2e92a3c3f2195efe2eba5a72ee5bdd2e8be?s=96&d=mm&r=g"},"magazineBlocksPostCommentsNumber":"0","magazineBlocksPostExcerpt":"Radio TV La Voz Per\u00fa Inicio Bienvenido Nacimos Cont\u00e1ctanos Sermones.mp3 Canal 14 Guerreros de Oraci\u00f3n Radio LA VOZ PERU | Cabina: +51 978424241 Tu navegador no admite la reproducci\u00f3n de... dale Clik","magazineBlocksPostCategories":["Entretenimiento"],"magazineBlocksPostViewCount":4,"magazineBlocksPostReadTime":1,"magazine_blocks_featured_image_url":{"full":false,"medium":false,"thumbnail":false},"magazine_blocks_author":{"display_name":"Rabi","author_link":"https:\/\/googlecumbia.metricavisual.com\/?author=1"},"magazine_blocks_comment":0,"magazine_blocks_author_image":"https:\/\/secure.gravatar.com\/avatar\/f801d06501b4b5f3b6f1dd296f2be2e92a3c3f2195efe2eba5a72ee5bdd2e8be?s=96&d=mm&r=g","magazine_blocks_category":"<a href=\"https:\/\/googlecumbia.metricavisual.com\/?cat=1\">Entretenimiento<\/a>","videoUrl":"","_links":{"self":[{"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/posts\/36590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36590"}],"version-history":[{"count":1,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/posts\/36590\/revisions"}],"predecessor-version":[{"id":36591,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/posts\/36590\/revisions\/36591"}],"wp:attachment":[{"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36590"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=36590"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=36590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}