Widget Integrado – La Voz & Cumbia<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\" \/>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\" rel=\"stylesheet\" \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/hls.js@1\/dist\/hls.min.js\"><\/script>\n\n \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-database-compat.js\"><\/script>\n\n <style>\n :root {\n --gcp-accent: #ff5a00;\n --gcp-bg: #090909;\n --gcp-panel: #171717;\n --main-cyan: #00f0ff;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: Arial, sans-serif;\n background: #0d0f17;\n color: #fff;\n padding: 15px;\n }\n\n .widget-master-container {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n\n \/* GRIDA DE DOS COLUMNAS PARA RADIO Y CHAT *\/\n .top-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\n\n @media (max-width: 850px) {\n .top-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* ESTILOS REPRODUCTOR RADIO *\/\n .radio-container {\n background: #1f2937;\n border-radius: 16px;\n padding: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .radio-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n }\n\n .radio-header h1 {\n color: #ec4899;\n font-size: 20px;\n }\n\n .live-tag {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n font-weight: bold;\n }\n\n .live-dot {\n width: 10px;\n height: 10px;\n background: #22c55e;\n border-radius: 50%;\n }\n\n .station-banner {\n text-align: center;\n margin-bottom: 15px;\n }\n\n .station-banner img {\n width: 130px;\n height: 130px;\n border-radius: 16px;\n object-fit: cover;\n }\n\n .controls {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n margin: 15px 0;\n }\n\n .btn-ctrl {\n width: 50px;\n height: 50px;\n border: none;\n border-radius: 50%;\n cursor: pointer;\n background: #374151;\n color: #fff;\n font-size: 18px;\n }\n\n .btn-ctrl.play {\n background: #ec4899;\n width: 65px;\n height: 65px;\n font-size: 22px;\n }\n\n #btn-video {\n width: 100%;\n padding: 12px;\n border: none;\n border-radius: 10px;\n background: #8b5cf6;\n color: #fff;\n cursor: pointer;\n font-size: 14px;\n font-weight: bold;\n }\n\n .station-list {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\n gap: 10px;\n margin-top: 15px;\n max-height: 200px;\n overflow-y: auto;\n }\n\n .station-item {\n background: #374151;\n border-radius: 10px;\n padding: 8px;\n text-align: center;\n cursor: pointer;\n }\n\n .station-item.active {\n background: #ec4899;\n }\n\n .station-item img {\n width: 45px;\n height: 45px;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 5px;\n }\n\n .station-item strong {\n display: block;\n font-size: 11px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .station-item small {\n font-size: 9px;\n opacity: 0.8;\n }\n\n \/* CHAT BOX *\/\n .chat-widget {\n background: rgba(15, 18, 28, 0.95);\n padding: 15px;\n border-radius: 16px;\n border: 1px dashed rgba(0, 240, 255, 0.3);\n box-shadow: 0 8px 32px rgba(0,0,0,0.4);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n \/* REPRODUCTOR HLS CUMBIA *\/\n .gcp-tv-player {\n width: 100%;\n padding: 18px;\n overflow: hidden;\n background: radial-gradient(circle at top, rgba(255, 90, 0, 0.12), transparent 42%), var(--gcp-panel);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 20px;\n box-shadow: 0 16px 45px rgba(0, 0, 0, 0.35);\n }\n\n .gcp-tv-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 15px;\n margin-bottom: 15px;\n }\n\n .gcp-tv-status {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 7px 0 0;\n color: #bbb;\n font-size: 14px;\n }\n\n .gcp-tv-status-dot {\n width: 9px;\n height: 9px;\n background: #777;\n border-radius: 50%;\n }\n\n .gcp-tv-status.is-live .gcp-tv-status-dot {\n background: #21c45a;\n box-shadow: 0 0 0 5px rgba(33, 196, 90, 0.14);\n }\n\n .gcp-tv-live-badge {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 8px 12px;\n background: #d90000;\n border-radius: 999px;\n color: #fff;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n }\n\n .gcp-tv-screen {\n position: relative;\n width: 100%;\n background: #000;\n border-radius: 16px;\n aspect-ratio: 16 \/ 9;\n overflow: hidden;\n }\n\n .gcp-tv-video {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .gcp-tv-overlay {\n position: absolute;\n inset: 0;\n z-index: 5;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n padding: 4% 24px 24px;\n background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.78));\n text-align: center;\n transition: opacity 0.25s ease, visibility 0.25s ease;\n }\n\n .gcp-tv-overlay.is-hidden {\n visibility: hidden;\n opacity: 0;\n pointer-events: none;\n }\n\n .gcp-tv-start-button, .gcp-tv-retry-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n min-height: 50px;\n padding: 12px 30px;\n border: 0;\n border-radius: 999px;\n background: var(--gcp-accent);\n color: #fff;\n font-size: 16px;\n font-weight: 800;\n cursor: pointer;\n box-shadow: 0 8px 25px rgba(255, 90, 0, 0.4);\n }\n\n .gcp-tv-loader {\n display: none;\n position: absolute;\n inset: 0;\n z-index: 4;\n align-items: center;\n justify-content: center;\n }\n\n .gcp-tv-loader.is-visible { display: flex; }\n\n .gcp-tv-spinner {\n width: 48px;\n height: 48px;\n border: 5px solid rgba(255, 255, 255, 0.2);\n border-top-color: var(--gcp-accent);\n border-radius: 50%;\n animation: gcp-spinner 0.8s linear infinite;\n }\n\n .gcp-tv-info {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n margin-top: 14px;\n padding: 12px 14px;\n background: rgba(255, 255, 255, 0.04);\n border-radius: 12px;\n }\n\n .gcp-tv-action {\n padding: 8px 12px;\n border: 1px solid rgba(255, 255, 255, 0.14);\n border-radius: 8px;\n background: rgba(255, 255, 255, 0.06);\n color: #fff;\n font-weight: 700;\n cursor: pointer;\n }\n\n @keyframes gcp-spinner { to { transform: rotate(360deg); } }\n\n \/* TIENDA DIGITAL *\/\n #wp-tienda-widget {\n --bg-w: #f4f4f4;\n --card-w: #ffffff;\n --text-w: #111111;\n --primary-w: #4caf50;\n --paypal-w: #0070ba;\n background: var(--bg-w);\n color: var(--text-w);\n padding: 20px;\n border-radius: 16px;\n transition: background 0.3s, color 0.3s;\n }\n\n #wp-tienda-widget.dark-mode {\n --bg-w: #111111;\n --card-w: #1e1e1e;\n --text-w: #ffffff;\n }\n\n .tw-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\n .tw-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; }\n .tw-product { background: var(--card-w); border-radius: 12px; padding: 12px; display: flex; flex-direction: column; }\n .tw-product img { width: 100%; height: 140px; object-fit: contain; background: #f0f0f0; border-radius: 8px; }\n .tw-product h3 { margin: 8px 0 4px; font-size: 1em; }\n .tw-product p { font-size: 12px; opacity: 0.8; flex-grow: 1; }\n .tw-price { font-weight: bold; color: var(--primary-w); margin: 8px 0; font-size: 1em; }\n .tw-buttons { display: grid; gap: 6px; }\n .tw-btn { padding: 8px; border: none; border-radius: 6px; cursor: pointer; font-size: 12px; color: #fff; font-weight: 600; text-align: center; }\n .tw-btn-wa { background: #25d366; }\n .tw-btn-yape { background: #7a1fa2; }\n .tw-btn-paypal { background: var(--paypal-w); }\n .tw-btn-cotizar { background: #ff9800; color: #fff; width: 100%; padding: 10px; font-size: 14px; }\n\n .tw-quote-section { background: var(--card-w); border-radius: 12px; padding: 18px; margin-top: 20px; }\n .tw-form-group { margin-bottom: 10px; }\n .tw-form-group label { display: block; font-size: 12px; margin-bottom: 4px; font-weight: bold; }\n .tw-form-group input, .tw-form-group select, .tw-form-group textarea {\n width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 6px; background: var(--bg-w); color: var(--text-w); font-size: 13px;\n }\n\n .tw-modal { position: fixed; inset: 0; background: rgba(0,0,0,.6); display: none; align-items: center; justify-content: center; z-index: 9999; }\n .tw-modal.active { display: flex; }\n .tw-modal-box { background: var(--card-w); padding: 20px; border-radius: 14px; text-align: center; width: 90%; max-width: 300px; color: var(--text-w); }\n .tw-modal-box img { width: 100%; border-radius: 10px; }\n\n \/* MODAL VIDEO RADIO *\/\n #modal-video { display:none; position:fixed; inset:0; background:rgba(0,0,0,.9); justify-content:center; align-items:center; z-index:9999; }\n #modal-video.show { display:flex; }\n #modal-video-content { width:90%; max-width:800px; aspect-ratio:16\/9; background:#000; position:relative; }\n #video-player { width:100%; height:100%; }\n #cerrar-video { position:absolute; top:10px; right:10px; width:35px; height:35px; border:none; border-radius:50%; background:#ec4899; color:#fff; font-size:18px; cursor:pointer; z-index:10; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"widget-master-container\">\n\n \n <div class=\"top-grid\">\n \n \n <div class=\"radio-container\">\n <header class=\"radio-header\">\n <h1><i class=\"fas fa-broadcast-tower\"><\/i> Radio + TV Player<\/h1>\n <div class=\"live-tag\"><div class=\"live-dot\"><\/div> EN VIVO<\/div>\n <\/header>\n\n <div class=\"station-banner\">\n <img decoding=\"async\" id=\"station-logo\" src=\"\" alt=\"Logo Emisora\">\n <div class=\"station-info\" style=\"margin-top: 8px;\">\n <h2 id=\"station-name\" style=\"font-size: 16px;\"><\/h2>\n <p id=\"station-freq\" style=\"font-size: 12px; color: #aaa;\"><\/p>\n <\/div>\n <\/div>\n\n <div class=\"controls\">\n <button class=\"btn-ctrl\" onclick=\"prevStation()\"><i class=\"fas fa-backward\"><\/i><\/button>\n <button class=\"btn-ctrl play\" id=\"play-btn\"><i id=\"play-icon\" class=\"fas fa-play\"><\/i><\/button>\n <button class=\"btn-ctrl\" onclick=\"nextStation()\"><i class=\"fas fa-forward\"><\/i><\/button>\n <\/div>\n\n <button id=\"btn-video\"><i class=\"fas fa-tv\"><\/i> \u25b6 VER CANAL TV DE LA EMISORA<\/button>\n\n <div class=\"playlist\">\n <div id=\"station-list\" class=\"station-list\"><\/div>\n <\/div>\n <audio id=\"audio\"><\/audio>\n <\/div>\n\n \n <div class=\"chat-widget\">\n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\n <h4 style=\"color: var(--main-cyan); font-size: 14px; margin: 0; display: flex; align-items: center; gap: 8px;\">\n <i class=\"bi bi-chat-dots-fill\"><\/i> CHAT EN VIVO – LA VOZ\n <\/h4>\n <span style=\"background: #25d366; color: #000; font-size: 9px; font-weight: 800; padding: 2px 8px; border-radius: 20px;\">En L\u00ednea<\/span>\n <\/div>\n\n <div id=\"chat-box-lavoz\" style=\"height: 220px; 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…<\/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: var(--main-cyan); 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, var(--main-cyan)); 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 \n <section class=\"gcp-tv-player\" id=\"gcpTvPlayer\">\n <div class=\"gcp-tv-header\">\n <div>\n <h2 style=\"font-size: 20px;\">Televisi\u00f3n en vivo<\/h2>\n <p class=\"gcp-tv-status\" id=\"gcpTvStatus\">\n <span class=\"gcp-tv-status-dot\"><\/span>\n <span id=\"gcpTvStatusText\">Preparando se\u00f1al\u2026<\/span>\n <\/p>\n <\/div>\n <span class=\"gcp-tv-live-badge\">En vivo<\/span>\n <\/div>\n\n <div class=\"gcp-tv-screen\" id=\"gcpTvScreen\">\n <video class=\"gcp-tv-video\" id=\"gcpHlsVideo\" controls playsinline preload=\"metadata\" crossorigin=\"anonymous\"><\/video>\n <div class=\"gcp-tv-loader\" id=\"gcpTvLoader\"><span class=\"gcp-tv-spinner\"><\/span><\/div>\n <div class=\"gcp-tv-overlay\" id=\"gcpTvOverlay\">\n <div style=\"margin: auto;\">\n <span id=\"gcpTvOverlayIcon\" style=\"font-size: 40px; display: block; margin-bottom: 8px;\">\u25b6<\/span>\n <h3 id=\"gcpTvOverlayTitle\" style=\"margin-bottom: 6px;\">Retro TV. OnLine<\/h3>\n <p id=\"gcpTvOverlayMessage\" style=\"font-size: 14px; margin-bottom: 12px; color: #ccc;\">Pulsa para iniciar la transmisi\u00f3n.<\/p>\n <button type=\"button\" class=\"gcp-tv-start-button\" id=\"gcpTvStartButton\">\u25b6 Ver transmisi\u00f3n<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"gcp-tv-info\">\n <div>\n <strong style=\"font-size: 14px;\">Canal en vivo<\/strong>\n <small id=\"gcpTvTechnicalStatus\" style=\"color: #aaa;\">HLS \u00b7 Calidad autom\u00e1tica<\/small>\n <\/div>\n <div style=\"display: flex; gap: 8px;\">\n <button type=\"button\" class=\"gcp-tv-action\" id=\"gcpTvReload\">\u21bb Recargar<\/button>\n <button type=\"button\" class=\"gcp-tv-action\" id=\"gcpTvFullscreen\">\u26f6 Pantalla completa<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div id=\"wp-tienda-widget\" class=\"dark-mode\">\n <div class=\"tw-header\">\n <h4>\ud83d\uded2 Tienda Digital y Cotizaciones<\/h4>\n <button class=\"tw-btn\" style=\"background:#333;\" onclick=\"document.getElementById('wp-tienda-widget').classList.toggle('dark-mode')\">\ud83c\udf19 Modo Interfaz<\/button>\n <\/div>\n\n \n <div class=\"tw-grid\" id=\"tw-store\"><\/div>\n\n \n <div class=\"tw-quote-section\">\n <h3>\ud83d\udccb Solicitar Cotizaci\u00f3n Personalizada<\/h3>\n <form action=\"https:\/\/formspree.io\/f\/rabyhuillca@gmail.com\" method=\"POST\" id=\"form-cotizacion\" onsubmit=\"enviarCotizacion(event)\">\n <div class=\"tw-form-group\">\n <label for=\"cot-nombre\">Nombre Completo:<\/label>\n <input type=\"text\" id=\"cot-nombre\" name=\"Nombre\" required placeholder=\"Tu nombre\" \/>\n <\/div>\n <div class=\"tw-form-group\">\n <label for=\"cot-email\">Correo Electr\u00f3nico:<\/label>\n <input type=\"email\" id=\"cot-email\" name=\"email\" required placeholder=\"tuemail@ejemplo.com\" \/>\n <\/div>\n <div class=\"tw-form-group\">\n <label for=\"cot-telefono\">Tel\u00e9fono \/ WhatsApp:<\/label>\n <input type=\"tel\" id=\"cot-telefono\" name=\"Telefono\" required placeholder=\"978424241\" \/>\n <\/div>\n <div class=\"tw-form-group\">\n <label for=\"cot-servicio\">Servicio Requerido:<\/label>\n <select id=\"cot-servicio\" name=\"Servicio\" required>\n <option value=\"Servicio de mantenimiento y reparaciones\">Mantenimiento y reparaciones<\/option>\n <option value=\"Publicidad en radio y TV\">Publicidad en Radio y TV (Bandera)<\/option>\n <option value=\"Publicidad para aplicaciones\">Publicidad para aplicaciones<\/option>\n <option value=\"Locutores profesionales\">Locutores profesionales<\/option>\n <option value=\"Otro servicio digital\">Otro proyecto a medida<\/option>\n <\/select>\n <\/div>\n <div class=\"tw-form-group\">\n <label for=\"cot-mensaje\">Detalles del Requerimiento:<\/label>\n <textarea id=\"cot-mensaje\" name=\"message\" rows=\"3\" required placeholder=\"Describe lo que necesitas cotizar...\"><\/textarea>\n <\/div>\n <button type=\"submit\" id=\"btn-cotizar-send\" class=\"tw-btn tw-btn-cotizar\">Enviar Cotizaci\u00f3n<\/button>\n <\/form>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(15, 18, 28, 0.95); padding: 15px; border-radius: 16px; border: 1px dashed rgba(0, 240, 255, 0.3); box-shadow: 0 8px 32px rgba(0,0,0,0.4);\">\n <h4 style=\"color: var(--main-cyan); font-size: 14px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\n <i class=\"bi bi-music-note-list\"><\/i> PLAYLIST DE CLIPS Y M\u00daSICA\n <\/h4>\n\n <div style=\"margin-bottom: 12px;\">\n <span style=\"display: block; color: #8b9eb7; font-size: 11px; margin-bottom: 6px; font-weight: 600;\">Clips Rabi<\/span>\n <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #000; border-radius: 10px;\">\n <iframe src=\"https:\/\/archive.org\/embed\/clips-rabi\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px;\">\n <div>\n <span style=\"font-size: 11px; color: #8b9eb7;\">Demos Cumbias Rabi<\/span>\n <iframe src=\"https:\/\/archive.org\/embed\/demos-cumbias-rabi\" style=\"width: 100%; height: 40px; border: 0; border-radius: 6px;\" allowfullscreen><\/iframe>\n <\/div>\n <div>\n <span style=\"font-size: 11px; color: #8b9eb7;\">Por Qu\u00e9 Te Vas Con \u00c9l<\/span>\n <iframe src=\"https:\/\/archive.org\/embed\/por-que-te-vas-con-e-l-1\" style=\"width: 100%; height: 40px; border: 0; border-radius: 6px;\" allowfullscreen><\/iframe>\n <\/div>\n <div>\n <span style=\"font-size: 11px; color: #8b9eb7;\">Hijos Del Sol<\/span>\n <iframe src=\"https:\/\/archive.org\/embed\/hijos-del-sol-1\" style=\"width: 100%; height: 40px; border: 0; border-radius: 6px;\" allowfullscreen><\/iframe>\n <\/div>\n <div>\n <span style=\"font-size: 11px; color: #8b9eb7;\">Quiero Verte Sonre\u00edr<\/span>\n <iframe src=\"https:\/\/archive.org\/embed\/z-quiero-verte-sonreir\" style=\"width: 100%; height: 40px; border: 0; border-radius: 6px;\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n\n<div class=\"tw-modal\" id=\"yapeModal\">\n <div class=\"tw-modal-box\">\n <h3>Escanea con Yape<\/h3>\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/VkktkgHL\/yape-rabi.jpg\" alt=\"QR Yape\" style=\"margin: 10px 0;\" \/>\n <p><b id=\"yapeProduct\"><\/b><\/p>\n <p>Total: <b>S\/ <span id=\"yapeTotal\"><\/span><\/b><\/p>\n <p style=\"font-size: 12px; margin-top: 5px;\">978 424 241<br \/>Rabi Querub\u00edn Huillca Tapia<\/p>\n <button class=\"tw-btn\" style=\"background:#333; margin-top:10px;\" onclick=\"closeYape()\">Cerrar<\/button>\n <\/div>\n<\/div>\n\n<div id=\"modal-video\">\n <div id=\"modal-video-content\">\n <button id=\"cerrar-video\">\u00d7<\/button>\n <video id=\"video-player\" controls autoplay playsinline><\/video>\n <\/div>\n<\/div>\n\n\n<script type=\"module\">\n import { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/10.8.0\/firebase-app.js\";\n import { getFirestore, collection, addDoc, serverTimestamp } from \"https:\/\/www.gstatic.com\/firebasejs\/10.8.0\/firebase-firestore.js\";\n\n const firebaseConfig = {\n apiKey: \"AIzaSyB3aagv_MKEHqGuEXSHuRnIjYexUgrCZYU\",\n authDomain: \"cotizacion-79170.firebaseapp.com\",\n projectId: \"cotizacion-79170\",\n storageBucket: \"cotizacion-79170.firebasestorage.app\",\n messagingSenderId: \"457506691553\",\n appId: \"1:457506691553:web:4af4a62c8f2aaf0105daa0\",\n measurementId: \"G-KED9TFF5FQ\"\n };\n\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n\n window.enviarCotizacion = async function(event) {\n event.preventDefault();\n const form = event.target;\n const btn = document.getElementById(\"btn-cotizar-send\");\n \n btn.disabled = true;\n btn.textContent = \"Procesando...\";\n\n const nombre = document.getElementById(\"cot-nombre\").value;\n const email = document.getElementById(\"cot-email\").value;\n const telefono = document.getElementById(\"cot-telefono\").value;\n const servicio = document.getElementById(\"cot-servicio\").value;\n const mensaje = document.getElementById(\"cot-mensaje\").value;\n\n try {\n await addDoc(collection(db, \"cotizaciones\"), {\n nombre: nombre,\n email: email,\n telefono: telefono,\n servicio: servicio,\n mensaje: mensaje,\n fecha: serverTimestamp(),\n estado: \"pendiente\"\n });\n } catch (e) {\n console.error(\"Error al guardar en Firestore: \", e);\n }\n\n const formData = new FormData(form);\n\n try {\n const response = await fetch(form.action, {\n method: form.method,\n body: formData,\n headers: { 'Accept': 'application\/json' }\n });\n\n if (response.ok) {\n alert(\"\u00a1Cotizaci\u00f3n enviada con \u00e9xito! Guardada en el sistema.\");\n const msgWA = `\ud83d\udccb *NUEVA COTIZACI\u00d3N*\\n\ud83d\udc64 *Nombre:* ${nombre}\\n\u2709\ufe0f *Correo:* ${email}\\n\ud83d\udcde *Tel\u00e9fono:* ${telefono}\\n\ud83d\udee0\ufe0f *Servicio:* ${servicio}\\n\ud83d\udcdd *Detalles:* ${mensaje}`;\n window.open(`https:\/\/wa.me\/51978424241?text=${encodeURIComponent(msgWA)}`);\n form.reset();\n } else {\n alert(\"Cotizaci\u00f3n guardada en la base de datos.\");\n }\n } catch (error) {\n alert(\"Error de red al enviar por correo.\");\n } finally {\n btn.disabled = false;\n btn.textContent = \"Enviar Cotizaci\u00f3n\";\n }\n };\n<\/script>\n\n\n<script>\n \/* --- 1. FIREBASE CHAT REALTIME --- *\/\n const firebaseConfigChat = {\n apiKey: \"AIzaSyCNn3e71-xvmyZzrSL48VhjfxHwkDRnHok\",\n authDomain: \"radiolavozperu-e3ff2.firebaseapp.com\",\n databaseURL: \"https:\/\/radiolavozperu-e3ff2-default-rtdb.firebaseio.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(firebaseConfigChat);\n }\n const dbChat = firebase.database().ref(\"mensajes_chat\");\n const chatBox = document.getElementById(\"chat-box-lavoz\");\n\n dbChat.limitToLast(20).on(\"value\", (snapshot) => {\n chatBox.innerHTML = \"\";\n const data = snapshot.val();\n if (data) {\n Object.values(data).forEach((msg) => {\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)}:<\/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 escribir.<\/div>`;\n }\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 dbChat.push({\n nombre: nombreInput.value.trim(),\n mensaje: mensajeInput.value.trim(),\n timestamp: Date.now()\n });\n mensajeInput.value = \"\";\n }\n }\n\n function escapeHtml(text) {\n return text.replace(\/&\/g, \"&\").replace(\/<\/g, \"<\").replace(\/>\/g, \">\");\n }\n\n \/* --- 2. RADIO MULTI-EMISORA --- *\/\n const stations = [\n { name: \"LA VOZ PERU\", freq: \"ELECCIONES\", url: \"https:\/\/stream.zeno.fm\/jqmfghcszwlvv\", logo: \"https:\/\/i.postimg.cc\/85z90095\/radio-la-voz-peru-la-firme.png\", tv: \"https:\/\/lbgo.bozztv.com\/ssh101\/ssh101\/jnetv\/chunks.m3u8?lb_backend_hint=7\" },\n { name: \"latin\", freq: \"latina\", url: \"https:\/\/stream-51.zeno.fm\/hpttv0nr4a0uv?zs=iiu2UdOAQ9GQ8K_EL19oQw\", logo: \"https:\/\/i.postimg.cc\/jdF4ydzC\/rock-de-los-80.png\", tv: \"https:\/\/jireh-9-hls-video-us-isp.dps.live\/hls-video\/567ffde3fa319fadf3419efda25619456231dfea\/latinanoticias\/latinanoticias.smil\/latinanoticias\/livestream2\/chunks.m3u8?dpssid=b211934004269fbb0f554e34&sid=ba5t1l1xb273784619569fbb0f65fe4c&ndvc=0\" },\n { name: \"CUMBIAY RADIO\", freq: \"VISION HD\", url: \"https:\/\/stream.zeno.fm\/5g8ii1ncoiwuv\", logo: \"https:\/\/i.postimg.cc\/BbD1rDhV\/CUMBIAY-RADIO.png\", tv: \"https:\/\/live20.bozztv.com\/akamaissh101\/ssh101\/visionhdrd\/playlist.m3u8\" },\n { name: \"VOCES PERUANAS\", freq: \"UVA TV\", url: \"https:\/\/stream.zeno.fm\/zhiunct47shtv\", logo: \"https:\/\/i.postimg.cc\/mr0cY4Gs\/VOCES-P-RUANAS.png\", tv: \"https:\/\/live20.bozztv.com\/akamaissh101\/ssh101\/uvatvdh\/playlist.m3u8\" },\n { name: \"full chichas\", freq: \"sumac tv\", url: \"https:\/\/stream-157.zeno.fm\/zwytkt2pgf9uv?zt\", logo: \"https:\/\/zeno.fm\/_ipx\/s_144x144\/https:\/\/images.zeno.fm\/9q-sbNX7cW4gl0VPhY42t0mclIv9dVUuMZoR-ZP6tY4\/rs:fill:288:288\/g:ce:0:0\/aHR0cHM6Ly9wcm94eS56ZW5vLmZtL2NvbnRlbnQvc3RhdGlvbnMvYWd4emZucGxibTh0YzNSaGRITnlNZ3NTQ2tGMWRHaERiR2xsYm5RWWdJQ1ExcUhsNGdvTUN4SU9VM1JoZEdsdmJsQnliMlpwYkdVWWdJRHduZDJwcGdzTW9nRUVlbVZ1YncvaW1hZ2UvP3U9MTY2MDg1MjQ0MzAwMA.webp\", tv: \"https:\/\/183.bozztv.com\/ssh101\/ssh101\/makins\/chunks.m3u8\" }\n ];\n\n let currentStation = 0;\n let isPlaying = false;\n let hlsRadioModal;\n\n const audio = document.getElementById(\"audio\");\n const stationName = document.getElementById(\"station-name\");\n const stationFreq = document.getElementById(\"station-freq\");\n const stationLogo = document.getElementById(\"station-logo\");\n const stationList = document.getElementById(\"station-list\");\n const btnVideo = document.getElementById(\"btn-video\");\n const modalVideo = document.getElementById(\"modal-video\");\n const cerrarVideo = document.getElementById(\"cerrar-video\");\n const videoModal = document.getElementById(\"video-player\");\n\n function loadStation(index){\n currentStation = index;\n const station = stations[index];\n stationName.textContent = station.name;\n stationFreq.textContent = station.freq;\n stationLogo.src = station.logo;\n audio.src = station.url;\n btnVideo.dataset.video = station.tv;\n if(isPlaying){ audio.play(); }\n highlightStation();\n }\n\n function highlightStation(){\n [...stationList.children].forEach((el,i)=>{ el.classList.toggle(\"active\", i===currentStation); });\n }\n\n function playPause(){\n if(!isPlaying){\n audio.play();\n document.getElementById(\"play-icon\").className = \"fas fa-pause\";\n } else {\n audio.pause();\n document.getElementById(\"play-icon\").className = \"fas fa-play\";\n }\n isPlaying = !isPlaying;\n }\n\n function nextStation(){\n currentStation = (currentStation + 1) % stations.length;\n loadStation(currentStation);\n }\n\n function prevStation(){\n currentStation = (currentStation - 1 + stations.length) % stations.length;\n loadStation(currentStation);\n }\n\n document.getElementById(\"play-btn\").addEventListener(\"click\", playPause);\n\n stations.forEach((station, i) => {\n const div = document.createElement(\"div\");\n div.className = \"station-item\";\n div.innerHTML = `<img decoding=\"async\" src=\"${station.logo}\"><strong>${station.name}<\/strong><small>${station.freq}<\/small>`;\n div.onclick = () => loadStation(i);\n stationList.appendChild(div);\n });\n\n loadStation(0);\n\n btnVideo.addEventListener(\"click\", () => {\n const url = btnVideo.dataset.video;\n modalVideo.classList.add(\"show\");\n if(Hls.isSupported()){\n if(hlsRadioModal){ hlsRadioModal.destroy(); }\n hlsRadioModal = new Hls();\n hlsRadioModal.loadSource(url);\n hlsRadioModal.attachMedia(videoModal);\n hlsRadioModal.on(Hls.Events.MANIFEST_PARSED, () => videoModal.play());\n } else {\n videoModal.src = url;\n videoModal.play();\n }\n });\n\n function closeVideo(){\n modalVideo.classList.remove(\"show\");\n videoModal.pause();\n if(hlsRadioModal){ hlsRadioModal.destroy(); }\n }\n\n cerrarVideo.addEventListener(\"click\", closeVideo);\n\n \/* --- 3. REPRODUCTOR PRINCIPAL HLS TV --- *\/\n (function () {\n const STREAM_URL = \"https:\/\/lbgo.bozztv.com\/ssh101\/ssh101\/retrotvcr2025\/chunks.m3u8?lb_backend_hint=7\";\n const video = document.getElementById(\"gcpHlsVideo\");\n const overlay = document.getElementById(\"gcpTvOverlay\");\n const startButton = document.getElementById(\"gcpTvStartButton\");\n const loader = document.getElementById(\"gcpTvLoader\");\n const statusText = document.getElementById(\"gcpTvStatusText\");\n const statusContainer = document.getElementById(\"gcpTvStatus\");\n let hlsMain = null;\n\n function startStream() {\n if (hlsMain) { hlsMain.destroy(); }\n loader.classList.add(\"is-visible\");\n statusText.textContent = \"Conectando...\";\n\n if (Hls.isSupported()) {\n hlsMain = new Hls({ enableWorker: true, lowLatencyMode: true });\n hlsMain.loadSource(STREAM_URL);\n hlsMain.attachMedia(video);\n hlsMain.on(Hls.Events.MANIFEST_PARSED, () => {\n loader.classList.remove(\"is-visible\");\n statusText.textContent = \"Se\u00f1al conectada\";\n statusContainer.classList.add(\"is-live\");\n overlay.classList.add(\"is-hidden\");\n video.play();\n });\n } else if (video.canPlayType(\"application\/vnd.apple.mpegurl\")) {\n video.src = STREAM_URL;\n video.addEventListener(\"loadedmetadata\", () => {\n loader.classList.remove(\"is-visible\");\n overlay.classList.add(\"is-hidden\");\n video.play();\n });\n }\n }\n\n startButton.addEventListener(\"click\", startStream);\n document.getElementById(\"gcpTvReload\").addEventListener(\"click\", startStream);\n document.getElementById(\"gcpTvFullscreen\").addEventListener(\"click\", () => {\n if (video.requestFullscreen) { video.requestFullscreen(); }\n else if (video.webkitEnterFullscreen) { video.webkitEnterFullscreen(); }\n });\n })();\n\n \/* --- 4. TIENDA DIGITAL JS --- *\/\n (function(){\n const PAYPAL_URL = \"https:\/\/www.paypal.me\/rabyhuillca@gmail.com\";\n const WA_NUMBER = \"51978424241\";\n const OWNER = \"Rabi Querub\u00edn Huillca Tapia\";\n\n const products = [\n { id: 1, name: \"Servicio de mantenimiento\", desc: \"Soporte t\u00e9cnico y reparaciones.\", price: 99.99, img: \"https:\/\/i.postimg.cc\/mrjJRfmN\/SERVIMUL.png\" },\n { id: 2, name: \"Publicidad en radio y TV\", desc: \"Promoci\u00f3n profesional para tu marca.\", price: 50.00, img: \"https:\/\/i.postimg.cc\/qMDP6Trm\/TV-BANDERA.png\" },\n { id: 3, name: \"Publicidad para aplicaciones\", desc: \"Anuncios y difusi\u00f3n de apps.\", price: 50.00, img: \"https:\/\/i.postimg.cc\/HLTxY3g3\/PARA-APLICASION-MEDIANO.png\" },\n { id: 4, name: \"Locutores profesionales\", desc: \"Voces comerciales para publicidad.\", price: 50.00, img: \"https:\/\/i.postimg.cc\/26qR5twt\/LOCUTORES_RADIO.png\" }\n ];\n\n const store = document.getElementById(\"tw-store\");\n products.forEach(p => {\n store.innerHTML += `\n <div class=\"tw-product\">\n <img decoding=\"async\" src=\"${p.img}\" alt=\"${p.name}\">\n <h3>${p.name}<\/h3>\n <p>${p.desc}<\/p>\n <div class=\"tw-price\">S\/ ${p.price.toFixed(2)}<\/div>\n <div class=\"tw-buttons\">\n <button class=\"tw-btn tw-btn-wa\" onclick=\"pagarWA('${p.name}',${p.price})\">WhatsApp<\/button>\n <button class=\"tw-btn tw-btn-yape\" onclick=\"openYape('${p.name}',${p.price})\">Yape<\/button>\n <button class=\"tw-btn tw-btn-paypal\" onclick=\"pagarPayPal(${p.price})\">PayPal<\/button>\n <\/div>\n <\/div>`;\n });\n\n window.pagarWA = (name, price) => window.open(`https:\/\/wa.me\/${WA_NUMBER}?text=` + encodeURIComponent(`\ud83d\uded2 COMPRA\\nProducto: ${name}\\nPrecio: S\/ ${price.toFixed(2)}\\n\\nYape: 978424241\\n${OWNER}`));\n window.pagarPayPal = (price) => window.open(`${PAYPAL_URL}\/${price.toFixed(2)}`);\n window.openYape = (name, price) => {\n document.getElementById(\"yapeProduct\").textContent = name;\n document.getElementById(\"yapeTotal\").textContent = price.toFixed(2);\n document.getElementById(\"yapeModal\").classList.add(\"active\");\n };\n window.closeYape = () => document.getElementById(\"yapeModal\").classList.remove(\"active\");\n })();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Widget Integrado – La Voz & Cumbia Radio + TV Player EN VIVO \u25b6 VER CANAL TV DE LA EMISORA CHAT EN VIVO – LA VOZ En L\u00ednea Cargando chat…… dale Clik<\/p>\n","protected":false},"author":1,"featured_media":854,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-36456","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entretenimiento"],"magazineBlocksPostFeaturedMedia":{"thumbnail":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-150x150.png","medium":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-300x169.png","medium_large":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-768x432.png","large":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-1024x576.png","1536x1536":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA.png","2048x2048":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA.png"},"magazineBlocksPostAuthor":{"name":"Rabi","avatar":"https:\/\/secure.gravatar.com\/avatar\/f801d06501b4b5f3b6f1dd296f2be2e92a3c3f2195efe2eba5a72ee5bdd2e8be?s=96&d=mm&r=g"},"magazineBlocksPostCommentsNumber":"0","magazineBlocksPostExcerpt":"Widget Integrado – La Voz & Cumbia Radio + TV Player EN VIVO \u25b6 VER CANAL TV DE LA EMISORA CHAT EN VIVO – LA VOZ En L\u00ednea Cargando chat…... dale Clik","magazineBlocksPostCategories":["Entretenimiento"],"magazineBlocksPostViewCount":18,"magazineBlocksPostReadTime":1,"magazine_blocks_featured_image_url":{"full":["https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA.png",1280,720,false],"medium":["https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-300x169.png",300,169,true],"thumbnail":["https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-150x150.png",150,150,true]},"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\/36456","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=36456"}],"version-history":[{"count":1,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/posts\/36456\/revisions"}],"predecessor-version":[{"id":36457,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/posts\/36456\/revisions\/36457"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/media\/854"}],"wp:attachment":[{"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=36456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=36456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":36456,"date":"2026-08-28T06:28:03","date_gmt":"2026-08-28T06:28:03","guid":{"rendered":"https:\/\/googlecumbia.metricavisual.com\/?p=36456"},"modified":"2026-08-28T06:28:05","modified_gmt":"2026-08-28T06:28:05","slug":"bienvenidos-gente","status":"publish","type":"post","link":"https:\/\/googlecumbia.metricavisual.com\/?p=36456","title":{"rendered":"bienvenidos gente"},"content":{"rendered":"\n\n\n \n \n Widget Integrado – La Voz & Cumbia<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\" \/>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\" rel=\"stylesheet\" \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/hls.js@1\/dist\/hls.min.js\"><\/script>\n\n \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-database-compat.js\"><\/script>\n\n <style>\n :root {\n --gcp-accent: #ff5a00;\n --gcp-bg: #090909;\n --gcp-panel: #171717;\n --main-cyan: #00f0ff;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: Arial, sans-serif;\n background: #0d0f17;\n color: #fff;\n padding: 15px;\n }\n\n .widget-master-container {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n\n \/* GRIDA DE DOS COLUMNAS PARA RADIO Y CHAT *\/\n .top-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\n\n @media (max-width: 850px) {\n .top-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* ESTILOS REPRODUCTOR RADIO *\/\n .radio-container {\n background: #1f2937;\n border-radius: 16px;\n padding: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .radio-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n }\n\n .radio-header h1 {\n color: #ec4899;\n font-size: 20px;\n }\n\n .live-tag {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n font-weight: bold;\n }\n\n .live-dot {\n width: 10px;\n height: 10px;\n background: #22c55e;\n border-radius: 50%;\n }\n\n .station-banner {\n text-align: center;\n margin-bottom: 15px;\n }\n\n .station-banner img {\n width: 130px;\n height: 130px;\n border-radius: 16px;\n object-fit: cover;\n }\n\n .controls {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n margin: 15px 0;\n }\n\n .btn-ctrl {\n width: 50px;\n height: 50px;\n border: none;\n border-radius: 50%;\n cursor: pointer;\n background: #374151;\n color: #fff;\n font-size: 18px;\n }\n\n .btn-ctrl.play {\n background: #ec4899;\n width: 65px;\n height: 65px;\n font-size: 22px;\n }\n\n #btn-video {\n width: 100%;\n padding: 12px;\n border: none;\n border-radius: 10px;\n background: #8b5cf6;\n color: #fff;\n cursor: pointer;\n font-size: 14px;\n font-weight: bold;\n }\n\n .station-list {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\n gap: 10px;\n margin-top: 15px;\n max-height: 200px;\n overflow-y: auto;\n }\n\n .station-item {\n background: #374151;\n border-radius: 10px;\n padding: 8px;\n text-align: center;\n cursor: pointer;\n }\n\n .station-item.active {\n background: #ec4899;\n }\n\n .station-item img {\n width: 45px;\n height: 45px;\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 5px;\n }\n\n .station-item strong {\n display: block;\n font-size: 11px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .station-item small {\n font-size: 9px;\n opacity: 0.8;\n }\n\n \/* CHAT BOX *\/\n .chat-widget {\n background: rgba(15, 18, 28, 0.95);\n padding: 15px;\n border-radius: 16px;\n border: 1px dashed rgba(0, 240, 255, 0.3);\n box-shadow: 0 8px 32px rgba(0,0,0,0.4);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n \/* REPRODUCTOR HLS CUMBIA *\/\n .gcp-tv-player {\n width: 100%;\n padding: 18px;\n overflow: hidden;\n background: radial-gradient(circle at top, rgba(255, 90, 0, 0.12), transparent 42%), var(--gcp-panel);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 20px;\n box-shadow: 0 16px 45px rgba(0, 0, 0, 0.35);\n }\n\n .gcp-tv-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 15px;\n margin-bottom: 15px;\n }\n\n .gcp-tv-status {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 7px 0 0;\n color: #bbb;\n font-size: 14px;\n }\n\n .gcp-tv-status-dot {\n width: 9px;\n height: 9px;\n background: #777;\n border-radius: 50%;\n }\n\n .gcp-tv-status.is-live .gcp-tv-status-dot {\n background: #21c45a;\n box-shadow: 0 0 0 5px rgba(33, 196, 90, 0.14);\n }\n\n .gcp-tv-live-badge {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 8px 12px;\n background: #d90000;\n border-radius: 999px;\n color: #fff;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n }\n\n .gcp-tv-screen {\n position: relative;\n width: 100%;\n background: #000;\n border-radius: 16px;\n aspect-ratio: 16 \/ 9;\n overflow: hidden;\n }\n\n .gcp-tv-video {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .gcp-tv-overlay {\n position: absolute;\n inset: 0;\n z-index: 5;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n padding: 4% 24px 24px;\n background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.78));\n text-align: center;\n transition: opacity 0.25s ease, visibility 0.25s ease;\n }\n\n .gcp-tv-overlay.is-hidden {\n visibility: hidden;\n opacity: 0;\n pointer-events: none;\n }\n\n .gcp-tv-start-button, .gcp-tv-retry-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n min-height: 50px;\n padding: 12px 30px;\n border: 0;\n border-radius: 999px;\n background: var(--gcp-accent);\n color: #fff;\n font-size: 16px;\n font-weight: 800;\n cursor: pointer;\n box-shadow: 0 8px 25px rgba(255, 90, 0, 0.4);\n }\n\n .gcp-tv-loader {\n display: none;\n position: absolute;\n inset: 0;\n z-index: 4;\n align-items: center;\n justify-content: center;\n }\n\n .gcp-tv-loader.is-visible { display: flex; }\n\n .gcp-tv-spinner {\n width: 48px;\n height: 48px;\n border: 5px solid rgba(255, 255, 255, 0.2);\n border-top-color: var(--gcp-accent);\n border-radius: 50%;\n animation: gcp-spinner 0.8s linear infinite;\n }\n\n .gcp-tv-info {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n margin-top: 14px;\n padding: 12px 14px;\n background: rgba(255, 255, 255, 0.04);\n border-radius: 12px;\n }\n\n .gcp-tv-action {\n padding: 8px 12px;\n border: 1px solid rgba(255, 255, 255, 0.14);\n border-radius: 8px;\n background: rgba(255, 255, 255, 0.06);\n color: #fff;\n font-weight: 700;\n cursor: pointer;\n }\n\n @keyframes gcp-spinner { to { transform: rotate(360deg); } }\n\n \/* TIENDA DIGITAL *\/\n #wp-tienda-widget {\n --bg-w: #f4f4f4;\n --card-w: #ffffff;\n --text-w: #111111;\n --primary-w: #4caf50;\n --paypal-w: #0070ba;\n background: var(--bg-w);\n color: var(--text-w);\n padding: 20px;\n border-radius: 16px;\n transition: background 0.3s, color 0.3s;\n }\n\n #wp-tienda-widget.dark-mode {\n --bg-w: #111111;\n --card-w: #1e1e1e;\n --text-w: #ffffff;\n }\n\n .tw-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\n .tw-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; }\n .tw-product { background: var(--card-w); border-radius: 12px; padding: 12px; display: flex; flex-direction: column; }\n .tw-product img { width: 100%; height: 140px; object-fit: contain; background: #f0f0f0; border-radius: 8px; }\n .tw-product h3 { margin: 8px 0 4px; font-size: 1em; }\n .tw-product p { font-size: 12px; opacity: 0.8; flex-grow: 1; }\n .tw-price { font-weight: bold; color: var(--primary-w); margin: 8px 0; font-size: 1em; }\n .tw-buttons { display: grid; gap: 6px; }\n .tw-btn { padding: 8px; border: none; border-radius: 6px; cursor: pointer; font-size: 12px; color: #fff; font-weight: 600; text-align: center; }\n .tw-btn-wa { background: #25d366; }\n .tw-btn-yape { background: #7a1fa2; }\n .tw-btn-paypal { background: var(--paypal-w); }\n .tw-btn-cotizar { background: #ff9800; color: #fff; width: 100%; padding: 10px; font-size: 14px; }\n\n .tw-quote-section { background: var(--card-w); border-radius: 12px; padding: 18px; margin-top: 20px; }\n .tw-form-group { margin-bottom: 10px; }\n .tw-form-group label { display: block; font-size: 12px; margin-bottom: 4px; font-weight: bold; }\n .tw-form-group input, .tw-form-group select, .tw-form-group textarea {\n width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 6px; background: var(--bg-w); color: var(--text-w); font-size: 13px;\n }\n\n .tw-modal { position: fixed; inset: 0; background: rgba(0,0,0,.6); display: none; align-items: center; justify-content: center; z-index: 9999; }\n .tw-modal.active { display: flex; }\n .tw-modal-box { background: var(--card-w); padding: 20px; border-radius: 14px; text-align: center; width: 90%; max-width: 300px; color: var(--text-w); }\n .tw-modal-box img { width: 100%; border-radius: 10px; }\n\n \/* MODAL VIDEO RADIO *\/\n #modal-video { display:none; position:fixed; inset:0; background:rgba(0,0,0,.9); justify-content:center; align-items:center; z-index:9999; }\n #modal-video.show { display:flex; }\n #modal-video-content { width:90%; max-width:800px; aspect-ratio:16\/9; background:#000; position:relative; }\n #video-player { width:100%; height:100%; }\n #cerrar-video { position:absolute; top:10px; right:10px; width:35px; height:35px; border:none; border-radius:50%; background:#ec4899; color:#fff; font-size:18px; cursor:pointer; z-index:10; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"widget-master-container\">\n\n \n <div class=\"top-grid\">\n \n \n <div class=\"radio-container\">\n <header class=\"radio-header\">\n <h1><i class=\"fas fa-broadcast-tower\"><\/i> Radio + TV Player<\/h1>\n <div class=\"live-tag\"><div class=\"live-dot\"><\/div> EN VIVO<\/div>\n <\/header>\n\n <div class=\"station-banner\">\n <img decoding=\"async\" id=\"station-logo\" src=\"\" alt=\"Logo Emisora\">\n <div class=\"station-info\" style=\"margin-top: 8px;\">\n <h2 id=\"station-name\" style=\"font-size: 16px;\"><\/h2>\n <p id=\"station-freq\" style=\"font-size: 12px; color: #aaa;\"><\/p>\n <\/div>\n <\/div>\n\n <div class=\"controls\">\n <button class=\"btn-ctrl\" onclick=\"prevStation()\"><i class=\"fas fa-backward\"><\/i><\/button>\n <button class=\"btn-ctrl play\" id=\"play-btn\"><i id=\"play-icon\" class=\"fas fa-play\"><\/i><\/button>\n <button class=\"btn-ctrl\" onclick=\"nextStation()\"><i class=\"fas fa-forward\"><\/i><\/button>\n <\/div>\n\n <button id=\"btn-video\"><i class=\"fas fa-tv\"><\/i> \u25b6 VER CANAL TV DE LA EMISORA<\/button>\n\n <div class=\"playlist\">\n <div id=\"station-list\" class=\"station-list\"><\/div>\n <\/div>\n <audio id=\"audio\"><\/audio>\n <\/div>\n\n \n <div class=\"chat-widget\">\n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\n <h4 style=\"color: var(--main-cyan); font-size: 14px; margin: 0; display: flex; align-items: center; gap: 8px;\">\n <i class=\"bi bi-chat-dots-fill\"><\/i> CHAT EN VIVO – LA VOZ\n <\/h4>\n <span style=\"background: #25d366; color: #000; font-size: 9px; font-weight: 800; padding: 2px 8px; border-radius: 20px;\">En L\u00ednea<\/span>\n <\/div>\n\n <div id=\"chat-box-lavoz\" style=\"height: 220px; 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…<\/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: var(--main-cyan); 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, var(--main-cyan)); 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 \n <section class=\"gcp-tv-player\" id=\"gcpTvPlayer\">\n <div class=\"gcp-tv-header\">\n <div>\n <h2 style=\"font-size: 20px;\">Televisi\u00f3n en vivo<\/h2>\n <p class=\"gcp-tv-status\" id=\"gcpTvStatus\">\n <span class=\"gcp-tv-status-dot\"><\/span>\n <span id=\"gcpTvStatusText\">Preparando se\u00f1al\u2026<\/span>\n <\/p>\n <\/div>\n <span class=\"gcp-tv-live-badge\">En vivo<\/span>\n <\/div>\n\n <div class=\"gcp-tv-screen\" id=\"gcpTvScreen\">\n <video class=\"gcp-tv-video\" id=\"gcpHlsVideo\" controls playsinline preload=\"metadata\" crossorigin=\"anonymous\"><\/video>\n <div class=\"gcp-tv-loader\" id=\"gcpTvLoader\"><span class=\"gcp-tv-spinner\"><\/span><\/div>\n <div class=\"gcp-tv-overlay\" id=\"gcpTvOverlay\">\n <div style=\"margin: auto;\">\n <span id=\"gcpTvOverlayIcon\" style=\"font-size: 40px; display: block; margin-bottom: 8px;\">\u25b6<\/span>\n <h3 id=\"gcpTvOverlayTitle\" style=\"margin-bottom: 6px;\">Retro TV. OnLine<\/h3>\n <p id=\"gcpTvOverlayMessage\" style=\"font-size: 14px; margin-bottom: 12px; color: #ccc;\">Pulsa para iniciar la transmisi\u00f3n.<\/p>\n <button type=\"button\" class=\"gcp-tv-start-button\" id=\"gcpTvStartButton\">\u25b6 Ver transmisi\u00f3n<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"gcp-tv-info\">\n <div>\n <strong style=\"font-size: 14px;\">Canal en vivo<\/strong>\n <small id=\"gcpTvTechnicalStatus\" style=\"color: #aaa;\">HLS \u00b7 Calidad autom\u00e1tica<\/small>\n <\/div>\n <div style=\"display: flex; gap: 8px;\">\n <button type=\"button\" class=\"gcp-tv-action\" id=\"gcpTvReload\">\u21bb Recargar<\/button>\n <button type=\"button\" class=\"gcp-tv-action\" id=\"gcpTvFullscreen\">\u26f6 Pantalla completa<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div id=\"wp-tienda-widget\" class=\"dark-mode\">\n <div class=\"tw-header\">\n <h4>\ud83d\uded2 Tienda Digital y Cotizaciones<\/h4>\n <button class=\"tw-btn\" style=\"background:#333;\" onclick=\"document.getElementById('wp-tienda-widget').classList.toggle('dark-mode')\">\ud83c\udf19 Modo Interfaz<\/button>\n <\/div>\n\n \n <div class=\"tw-grid\" id=\"tw-store\"><\/div>\n\n \n <div class=\"tw-quote-section\">\n <h3>\ud83d\udccb Solicitar Cotizaci\u00f3n Personalizada<\/h3>\n <form action=\"https:\/\/formspree.io\/f\/rabyhuillca@gmail.com\" method=\"POST\" id=\"form-cotizacion\" onsubmit=\"enviarCotizacion(event)\">\n <div class=\"tw-form-group\">\n <label for=\"cot-nombre\">Nombre Completo:<\/label>\n <input type=\"text\" id=\"cot-nombre\" name=\"Nombre\" required placeholder=\"Tu nombre\" \/>\n <\/div>\n <div class=\"tw-form-group\">\n <label for=\"cot-email\">Correo Electr\u00f3nico:<\/label>\n <input type=\"email\" id=\"cot-email\" name=\"email\" required placeholder=\"tuemail@ejemplo.com\" \/>\n <\/div>\n <div class=\"tw-form-group\">\n <label for=\"cot-telefono\">Tel\u00e9fono \/ WhatsApp:<\/label>\n <input type=\"tel\" id=\"cot-telefono\" name=\"Telefono\" required placeholder=\"978424241\" \/>\n <\/div>\n <div class=\"tw-form-group\">\n <label for=\"cot-servicio\">Servicio Requerido:<\/label>\n <select id=\"cot-servicio\" name=\"Servicio\" required>\n <option value=\"Servicio de mantenimiento y reparaciones\">Mantenimiento y reparaciones<\/option>\n <option value=\"Publicidad en radio y TV\">Publicidad en Radio y TV (Bandera)<\/option>\n <option value=\"Publicidad para aplicaciones\">Publicidad para aplicaciones<\/option>\n <option value=\"Locutores profesionales\">Locutores profesionales<\/option>\n <option value=\"Otro servicio digital\">Otro proyecto a medida<\/option>\n <\/select>\n <\/div>\n <div class=\"tw-form-group\">\n <label for=\"cot-mensaje\">Detalles del Requerimiento:<\/label>\n <textarea id=\"cot-mensaje\" name=\"message\" rows=\"3\" required placeholder=\"Describe lo que necesitas cotizar...\"><\/textarea>\n <\/div>\n <button type=\"submit\" id=\"btn-cotizar-send\" class=\"tw-btn tw-btn-cotizar\">Enviar Cotizaci\u00f3n<\/button>\n <\/form>\n <\/div>\n <\/div>\n\n \n <div style=\"background: rgba(15, 18, 28, 0.95); padding: 15px; border-radius: 16px; border: 1px dashed rgba(0, 240, 255, 0.3); box-shadow: 0 8px 32px rgba(0,0,0,0.4);\">\n <h4 style=\"color: var(--main-cyan); font-size: 14px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\n <i class=\"bi bi-music-note-list\"><\/i> PLAYLIST DE CLIPS Y M\u00daSICA\n <\/h4>\n\n <div style=\"margin-bottom: 12px;\">\n <span style=\"display: block; color: #8b9eb7; font-size: 11px; margin-bottom: 6px; font-weight: 600;\">Clips Rabi<\/span>\n <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #000; border-radius: 10px;\">\n <iframe src=\"https:\/\/archive.org\/embed\/clips-rabi\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px;\">\n <div>\n <span style=\"font-size: 11px; color: #8b9eb7;\">Demos Cumbias Rabi<\/span>\n <iframe src=\"https:\/\/archive.org\/embed\/demos-cumbias-rabi\" style=\"width: 100%; height: 40px; border: 0; border-radius: 6px;\" allowfullscreen><\/iframe>\n <\/div>\n <div>\n <span style=\"font-size: 11px; color: #8b9eb7;\">Por Qu\u00e9 Te Vas Con \u00c9l<\/span>\n <iframe src=\"https:\/\/archive.org\/embed\/por-que-te-vas-con-e-l-1\" style=\"width: 100%; height: 40px; border: 0; border-radius: 6px;\" allowfullscreen><\/iframe>\n <\/div>\n <div>\n <span style=\"font-size: 11px; color: #8b9eb7;\">Hijos Del Sol<\/span>\n <iframe src=\"https:\/\/archive.org\/embed\/hijos-del-sol-1\" style=\"width: 100%; height: 40px; border: 0; border-radius: 6px;\" allowfullscreen><\/iframe>\n <\/div>\n <div>\n <span style=\"font-size: 11px; color: #8b9eb7;\">Quiero Verte Sonre\u00edr<\/span>\n <iframe src=\"https:\/\/archive.org\/embed\/z-quiero-verte-sonreir\" style=\"width: 100%; height: 40px; border: 0; border-radius: 6px;\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n\n<div class=\"tw-modal\" id=\"yapeModal\">\n <div class=\"tw-modal-box\">\n <h3>Escanea con Yape<\/h3>\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/VkktkgHL\/yape-rabi.jpg\" alt=\"QR Yape\" style=\"margin: 10px 0;\" \/>\n <p><b id=\"yapeProduct\"><\/b><\/p>\n <p>Total: <b>S\/ <span id=\"yapeTotal\"><\/span><\/b><\/p>\n <p style=\"font-size: 12px; margin-top: 5px;\">978 424 241<br \/>Rabi Querub\u00edn Huillca Tapia<\/p>\n <button class=\"tw-btn\" style=\"background:#333; margin-top:10px;\" onclick=\"closeYape()\">Cerrar<\/button>\n <\/div>\n<\/div>\n\n<div id=\"modal-video\">\n <div id=\"modal-video-content\">\n <button id=\"cerrar-video\">\u00d7<\/button>\n <video id=\"video-player\" controls autoplay playsinline><\/video>\n <\/div>\n<\/div>\n\n\n<script type=\"module\">\n import { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/10.8.0\/firebase-app.js\";\n import { getFirestore, collection, addDoc, serverTimestamp } from \"https:\/\/www.gstatic.com\/firebasejs\/10.8.0\/firebase-firestore.js\";\n\n const firebaseConfig = {\n apiKey: \"AIzaSyB3aagv_MKEHqGuEXSHuRnIjYexUgrCZYU\",\n authDomain: \"cotizacion-79170.firebaseapp.com\",\n projectId: \"cotizacion-79170\",\n storageBucket: \"cotizacion-79170.firebasestorage.app\",\n messagingSenderId: \"457506691553\",\n appId: \"1:457506691553:web:4af4a62c8f2aaf0105daa0\",\n measurementId: \"G-KED9TFF5FQ\"\n };\n\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n\n window.enviarCotizacion = async function(event) {\n event.preventDefault();\n const form = event.target;\n const btn = document.getElementById(\"btn-cotizar-send\");\n \n btn.disabled = true;\n btn.textContent = \"Procesando...\";\n\n const nombre = document.getElementById(\"cot-nombre\").value;\n const email = document.getElementById(\"cot-email\").value;\n const telefono = document.getElementById(\"cot-telefono\").value;\n const servicio = document.getElementById(\"cot-servicio\").value;\n const mensaje = document.getElementById(\"cot-mensaje\").value;\n\n try {\n await addDoc(collection(db, \"cotizaciones\"), {\n nombre: nombre,\n email: email,\n telefono: telefono,\n servicio: servicio,\n mensaje: mensaje,\n fecha: serverTimestamp(),\n estado: \"pendiente\"\n });\n } catch (e) {\n console.error(\"Error al guardar en Firestore: \", e);\n }\n\n const formData = new FormData(form);\n\n try {\n const response = await fetch(form.action, {\n method: form.method,\n body: formData,\n headers: { 'Accept': 'application\/json' }\n });\n\n if (response.ok) {\n alert(\"\u00a1Cotizaci\u00f3n enviada con \u00e9xito! Guardada en el sistema.\");\n const msgWA = `\ud83d\udccb *NUEVA COTIZACI\u00d3N*\\n\ud83d\udc64 *Nombre:* ${nombre}\\n\u2709\ufe0f *Correo:* ${email}\\n\ud83d\udcde *Tel\u00e9fono:* ${telefono}\\n\ud83d\udee0\ufe0f *Servicio:* ${servicio}\\n\ud83d\udcdd *Detalles:* ${mensaje}`;\n window.open(`https:\/\/wa.me\/51978424241?text=${encodeURIComponent(msgWA)}`);\n form.reset();\n } else {\n alert(\"Cotizaci\u00f3n guardada en la base de datos.\");\n }\n } catch (error) {\n alert(\"Error de red al enviar por correo.\");\n } finally {\n btn.disabled = false;\n btn.textContent = \"Enviar Cotizaci\u00f3n\";\n }\n };\n<\/script>\n\n\n<script>\n \/* --- 1. FIREBASE CHAT REALTIME --- *\/\n const firebaseConfigChat = {\n apiKey: \"AIzaSyCNn3e71-xvmyZzrSL48VhjfxHwkDRnHok\",\n authDomain: \"radiolavozperu-e3ff2.firebaseapp.com\",\n databaseURL: \"https:\/\/radiolavozperu-e3ff2-default-rtdb.firebaseio.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(firebaseConfigChat);\n }\n const dbChat = firebase.database().ref(\"mensajes_chat\");\n const chatBox = document.getElementById(\"chat-box-lavoz\");\n\n dbChat.limitToLast(20).on(\"value\", (snapshot) => {\n chatBox.innerHTML = \"\";\n const data = snapshot.val();\n if (data) {\n Object.values(data).forEach((msg) => {\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)}:<\/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 escribir.<\/div>`;\n }\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 dbChat.push({\n nombre: nombreInput.value.trim(),\n mensaje: mensajeInput.value.trim(),\n timestamp: Date.now()\n });\n mensajeInput.value = \"\";\n }\n }\n\n function escapeHtml(text) {\n return text.replace(\/&\/g, \"&\").replace(\/<\/g, \"<\").replace(\/>\/g, \">\");\n }\n\n \/* --- 2. RADIO MULTI-EMISORA --- *\/\n const stations = [\n { name: \"LA VOZ PERU\", freq: \"ELECCIONES\", url: \"https:\/\/stream.zeno.fm\/jqmfghcszwlvv\", logo: \"https:\/\/i.postimg.cc\/85z90095\/radio-la-voz-peru-la-firme.png\", tv: \"https:\/\/lbgo.bozztv.com\/ssh101\/ssh101\/jnetv\/chunks.m3u8?lb_backend_hint=7\" },\n { name: \"latin\", freq: \"latina\", url: \"https:\/\/stream-51.zeno.fm\/hpttv0nr4a0uv?zs=iiu2UdOAQ9GQ8K_EL19oQw\", logo: \"https:\/\/i.postimg.cc\/jdF4ydzC\/rock-de-los-80.png\", tv: \"https:\/\/jireh-9-hls-video-us-isp.dps.live\/hls-video\/567ffde3fa319fadf3419efda25619456231dfea\/latinanoticias\/latinanoticias.smil\/latinanoticias\/livestream2\/chunks.m3u8?dpssid=b211934004269fbb0f554e34&sid=ba5t1l1xb273784619569fbb0f65fe4c&ndvc=0\" },\n { name: \"CUMBIAY RADIO\", freq: \"VISION HD\", url: \"https:\/\/stream.zeno.fm\/5g8ii1ncoiwuv\", logo: \"https:\/\/i.postimg.cc\/BbD1rDhV\/CUMBIAY-RADIO.png\", tv: \"https:\/\/live20.bozztv.com\/akamaissh101\/ssh101\/visionhdrd\/playlist.m3u8\" },\n { name: \"VOCES PERUANAS\", freq: \"UVA TV\", url: \"https:\/\/stream.zeno.fm\/zhiunct47shtv\", logo: \"https:\/\/i.postimg.cc\/mr0cY4Gs\/VOCES-P-RUANAS.png\", tv: \"https:\/\/live20.bozztv.com\/akamaissh101\/ssh101\/uvatvdh\/playlist.m3u8\" },\n { name: \"full chichas\", freq: \"sumac tv\", url: \"https:\/\/stream-157.zeno.fm\/zwytkt2pgf9uv?zt\", logo: \"https:\/\/zeno.fm\/_ipx\/s_144x144\/https:\/\/images.zeno.fm\/9q-sbNX7cW4gl0VPhY42t0mclIv9dVUuMZoR-ZP6tY4\/rs:fill:288:288\/g:ce:0:0\/aHR0cHM6Ly9wcm94eS56ZW5vLmZtL2NvbnRlbnQvc3RhdGlvbnMvYWd4emZucGxibTh0YzNSaGRITnlNZ3NTQ2tGMWRHaERiR2xsYm5RWWdJQ1ExcUhsNGdvTUN4SU9VM1JoZEdsdmJsQnliMlpwYkdVWWdJRHduZDJwcGdzTW9nRUVlbVZ1YncvaW1hZ2UvP3U9MTY2MDg1MjQ0MzAwMA.webp\", tv: \"https:\/\/183.bozztv.com\/ssh101\/ssh101\/makins\/chunks.m3u8\" }\n ];\n\n let currentStation = 0;\n let isPlaying = false;\n let hlsRadioModal;\n\n const audio = document.getElementById(\"audio\");\n const stationName = document.getElementById(\"station-name\");\n const stationFreq = document.getElementById(\"station-freq\");\n const stationLogo = document.getElementById(\"station-logo\");\n const stationList = document.getElementById(\"station-list\");\n const btnVideo = document.getElementById(\"btn-video\");\n const modalVideo = document.getElementById(\"modal-video\");\n const cerrarVideo = document.getElementById(\"cerrar-video\");\n const videoModal = document.getElementById(\"video-player\");\n\n function loadStation(index){\n currentStation = index;\n const station = stations[index];\n stationName.textContent = station.name;\n stationFreq.textContent = station.freq;\n stationLogo.src = station.logo;\n audio.src = station.url;\n btnVideo.dataset.video = station.tv;\n if(isPlaying){ audio.play(); }\n highlightStation();\n }\n\n function highlightStation(){\n [...stationList.children].forEach((el,i)=>{ el.classList.toggle(\"active\", i===currentStation); });\n }\n\n function playPause(){\n if(!isPlaying){\n audio.play();\n document.getElementById(\"play-icon\").className = \"fas fa-pause\";\n } else {\n audio.pause();\n document.getElementById(\"play-icon\").className = \"fas fa-play\";\n }\n isPlaying = !isPlaying;\n }\n\n function nextStation(){\n currentStation = (currentStation + 1) % stations.length;\n loadStation(currentStation);\n }\n\n function prevStation(){\n currentStation = (currentStation - 1 + stations.length) % stations.length;\n loadStation(currentStation);\n }\n\n document.getElementById(\"play-btn\").addEventListener(\"click\", playPause);\n\n stations.forEach((station, i) => {\n const div = document.createElement(\"div\");\n div.className = \"station-item\";\n div.innerHTML = `<img decoding=\"async\" src=\"${station.logo}\"><strong>${station.name}<\/strong><small>${station.freq}<\/small>`;\n div.onclick = () => loadStation(i);\n stationList.appendChild(div);\n });\n\n loadStation(0);\n\n btnVideo.addEventListener(\"click\", () => {\n const url = btnVideo.dataset.video;\n modalVideo.classList.add(\"show\");\n if(Hls.isSupported()){\n if(hlsRadioModal){ hlsRadioModal.destroy(); }\n hlsRadioModal = new Hls();\n hlsRadioModal.loadSource(url);\n hlsRadioModal.attachMedia(videoModal);\n hlsRadioModal.on(Hls.Events.MANIFEST_PARSED, () => videoModal.play());\n } else {\n videoModal.src = url;\n videoModal.play();\n }\n });\n\n function closeVideo(){\n modalVideo.classList.remove(\"show\");\n videoModal.pause();\n if(hlsRadioModal){ hlsRadioModal.destroy(); }\n }\n\n cerrarVideo.addEventListener(\"click\", closeVideo);\n\n \/* --- 3. REPRODUCTOR PRINCIPAL HLS TV --- *\/\n (function () {\n const STREAM_URL = \"https:\/\/lbgo.bozztv.com\/ssh101\/ssh101\/retrotvcr2025\/chunks.m3u8?lb_backend_hint=7\";\n const video = document.getElementById(\"gcpHlsVideo\");\n const overlay = document.getElementById(\"gcpTvOverlay\");\n const startButton = document.getElementById(\"gcpTvStartButton\");\n const loader = document.getElementById(\"gcpTvLoader\");\n const statusText = document.getElementById(\"gcpTvStatusText\");\n const statusContainer = document.getElementById(\"gcpTvStatus\");\n let hlsMain = null;\n\n function startStream() {\n if (hlsMain) { hlsMain.destroy(); }\n loader.classList.add(\"is-visible\");\n statusText.textContent = \"Conectando...\";\n\n if (Hls.isSupported()) {\n hlsMain = new Hls({ enableWorker: true, lowLatencyMode: true });\n hlsMain.loadSource(STREAM_URL);\n hlsMain.attachMedia(video);\n hlsMain.on(Hls.Events.MANIFEST_PARSED, () => {\n loader.classList.remove(\"is-visible\");\n statusText.textContent = \"Se\u00f1al conectada\";\n statusContainer.classList.add(\"is-live\");\n overlay.classList.add(\"is-hidden\");\n video.play();\n });\n } else if (video.canPlayType(\"application\/vnd.apple.mpegurl\")) {\n video.src = STREAM_URL;\n video.addEventListener(\"loadedmetadata\", () => {\n loader.classList.remove(\"is-visible\");\n overlay.classList.add(\"is-hidden\");\n video.play();\n });\n }\n }\n\n startButton.addEventListener(\"click\", startStream);\n document.getElementById(\"gcpTvReload\").addEventListener(\"click\", startStream);\n document.getElementById(\"gcpTvFullscreen\").addEventListener(\"click\", () => {\n if (video.requestFullscreen) { video.requestFullscreen(); }\n else if (video.webkitEnterFullscreen) { video.webkitEnterFullscreen(); }\n });\n })();\n\n \/* --- 4. TIENDA DIGITAL JS --- *\/\n (function(){\n const PAYPAL_URL = \"https:\/\/www.paypal.me\/rabyhuillca@gmail.com\";\n const WA_NUMBER = \"51978424241\";\n const OWNER = \"Rabi Querub\u00edn Huillca Tapia\";\n\n const products = [\n { id: 1, name: \"Servicio de mantenimiento\", desc: \"Soporte t\u00e9cnico y reparaciones.\", price: 99.99, img: \"https:\/\/i.postimg.cc\/mrjJRfmN\/SERVIMUL.png\" },\n { id: 2, name: \"Publicidad en radio y TV\", desc: \"Promoci\u00f3n profesional para tu marca.\", price: 50.00, img: \"https:\/\/i.postimg.cc\/qMDP6Trm\/TV-BANDERA.png\" },\n { id: 3, name: \"Publicidad para aplicaciones\", desc: \"Anuncios y difusi\u00f3n de apps.\", price: 50.00, img: \"https:\/\/i.postimg.cc\/HLTxY3g3\/PARA-APLICASION-MEDIANO.png\" },\n { id: 4, name: \"Locutores profesionales\", desc: \"Voces comerciales para publicidad.\", price: 50.00, img: \"https:\/\/i.postimg.cc\/26qR5twt\/LOCUTORES_RADIO.png\" }\n ];\n\n const store = document.getElementById(\"tw-store\");\n products.forEach(p => {\n store.innerHTML += `\n <div class=\"tw-product\">\n <img decoding=\"async\" src=\"${p.img}\" alt=\"${p.name}\">\n <h3>${p.name}<\/h3>\n <p>${p.desc}<\/p>\n <div class=\"tw-price\">S\/ ${p.price.toFixed(2)}<\/div>\n <div class=\"tw-buttons\">\n <button class=\"tw-btn tw-btn-wa\" onclick=\"pagarWA('${p.name}',${p.price})\">WhatsApp<\/button>\n <button class=\"tw-btn tw-btn-yape\" onclick=\"openYape('${p.name}',${p.price})\">Yape<\/button>\n <button class=\"tw-btn tw-btn-paypal\" onclick=\"pagarPayPal(${p.price})\">PayPal<\/button>\n <\/div>\n <\/div>`;\n });\n\n window.pagarWA = (name, price) => window.open(`https:\/\/wa.me\/${WA_NUMBER}?text=` + encodeURIComponent(`\ud83d\uded2 COMPRA\\nProducto: ${name}\\nPrecio: S\/ ${price.toFixed(2)}\\n\\nYape: 978424241\\n${OWNER}`));\n window.pagarPayPal = (price) => window.open(`${PAYPAL_URL}\/${price.toFixed(2)}`);\n window.openYape = (name, price) => {\n document.getElementById(\"yapeProduct\").textContent = name;\n document.getElementById(\"yapeTotal\").textContent = price.toFixed(2);\n document.getElementById(\"yapeModal\").classList.add(\"active\");\n };\n window.closeYape = () => document.getElementById(\"yapeModal\").classList.remove(\"active\");\n })();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Widget Integrado – La Voz & Cumbia Radio + TV Player EN VIVO \u25b6 VER CANAL TV DE LA EMISORA CHAT EN VIVO – LA VOZ En L\u00ednea Cargando chat…… dale Clik<\/p>\n","protected":false},"author":1,"featured_media":854,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-36456","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entretenimiento"],"magazineBlocksPostFeaturedMedia":{"thumbnail":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-150x150.png","medium":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-300x169.png","medium_large":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-768x432.png","large":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-1024x576.png","1536x1536":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA.png","2048x2048":"https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA.png"},"magazineBlocksPostAuthor":{"name":"Rabi","avatar":"https:\/\/secure.gravatar.com\/avatar\/f801d06501b4b5f3b6f1dd296f2be2e92a3c3f2195efe2eba5a72ee5bdd2e8be?s=96&d=mm&r=g"},"magazineBlocksPostCommentsNumber":"0","magazineBlocksPostExcerpt":"Widget Integrado – La Voz & Cumbia Radio + TV Player EN VIVO \u25b6 VER CANAL TV DE LA EMISORA CHAT EN VIVO – LA VOZ En L\u00ednea Cargando chat…... dale Clik","magazineBlocksPostCategories":["Entretenimiento"],"magazineBlocksPostViewCount":18,"magazineBlocksPostReadTime":1,"magazine_blocks_featured_image_url":{"full":["https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA.png",1280,720,false],"medium":["https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-300x169.png",300,169,true],"thumbnail":["https:\/\/googlecumbia.metricavisual.com\/wp-content\/uploads\/2026\/05\/TV-BANDERA-150x150.png",150,150,true]},"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\/36456","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=36456"}],"version-history":[{"count":1,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/posts\/36456\/revisions"}],"predecessor-version":[{"id":36457,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/posts\/36456\/revisions\/36457"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=\/wp\/v2\/media\/854"}],"wp:attachment":[{"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=36456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/googlecumbia.metricavisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=36456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}