{"id":193,"date":"2025-04-19T18:19:12","date_gmt":"2025-04-19T18:19:12","guid":{"rendered":"https:\/\/saddlebrown-emu-164031.hostingersite.com\/?page_id=193"},"modified":"2026-04-27T04:05:44","modified_gmt":"2026-04-27T04:05:44","slug":"inicio","status":"publish","type":"page","link":"https:\/\/bethlehemradio.org\/","title":{"rendered":"Bethlehem Radio | Pero En Los D\u00edas De La Voz&#8230;"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"193\" class=\"elementor elementor-193\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c431fac e-grid e-con-boxed e-con e-parent\" data-id=\"c431fac\" data-element_type=\"container\" data-e-type=\"container\" id=\"INICIO\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7cec6bb elementor-widget elementor-widget-html\" data-id=\"7cec6bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"position: relative; width: 100%; height: 0; padding-top: 22.2222%;\r\n padding-bottom: 0; box-shadow: 0 0px 0px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\r\n border-radius: 0px; will-change: transform;\">\r\n  <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\r\n    src=\"https:\/\/www.canva.com\/design\/DAGmU4SmROY\/D31VXwpKOcg8EN_tpO7kNw\/view?embed\">\r\n  <\/iframe>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad5c03b e-flex e-con-boxed e-con e-parent\" data-id=\"ad5c03b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fe77f2 elementor-widget elementor-widget-html\" data-id=\"9fe77f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \r\n  REPRODUCTOR BETHLEHEM RADIO\r\n  Instrucciones: Copia todo este c\u00f3digo y p\u00e9galo en un bloque de \"HTML Personalizado\" \r\n  en tu editor de WordPress (Gutenberg) o en un widget de c\u00f3digo HTML de Elementor.\r\n-->\r\n\r\n<style>\r\n    \/* Estilos del Reproductor *\/\r\n    .br-player-wrapper {\r\n        background-color: #020d1c; \r\n        width: 100%; \/* Llenar ancho de pantalla *\/\r\n        max-width: 100%; \/* Removido el limite de 380px para que ocupe todo *\/\r\n        box-sizing: border-box;\r\n        border-radius: 12px;\r\n        padding: 30px 20px;\r\n        margin: 0 auto;\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n        text-align: center;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.6);\r\n        color: white;\r\n    }\r\n\r\n    \/* Bot\u00f3n de Instalar App *\/\r\n    .br-pwa-btn {\r\n        background-color: #ffffff;\r\n        color: #020d1c;\r\n        border: none;\r\n        padding: 10px 15px;\r\n        border-radius: 25px;\r\n        font-size: 14px;\r\n        font-weight: bold;\r\n        display: none; \r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 20px auto;\r\n        cursor: pointer;\r\n        width: 100%;\r\n        max-width: 350px; \/* Evita que sea un bot\u00f3n gigante en PC *\/\r\n        box-shadow: 0 4px 6px rgba(0,0,0,0.3);\r\n        transition: transform 0.2s;\r\n    }\r\n    .br-pwa-btn:active { transform: scale(0.95); }\r\n    .br-pwa-btn svg { width: 18px; height: 18px; margin-right: 8px; fill: currentColor;}\r\n\r\n    \/* Car\u00e1tula \/ Cover Art - Ahora Responsive *\/\r\n    .br-art-container {\r\n        width: 100%;\r\n        max-width: 280px; \/* Crece hasta 280px en pantallas grandes *\/\r\n        aspect-ratio: 1 \/ 1; \/* Mantiene el cuadrado perfecto autom\u00e1ticamente *\/\r\n        margin: 0 auto 20px auto;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        border: 2px solid #1e3a5f;\r\n        box-shadow: 0 0 20px rgba(0,0,0,0.5);\r\n        background-color: #0b1a2e;\r\n    }\r\n    .br-art-container img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    \/* Textos (T\u00edtulo y Descripci\u00f3n) *\/\r\n    .br-track-title {\r\n        font-size: 24px; \/* Un poco m\u00e1s grande para pantallas anchas *\/\r\n        font-weight: 800;\r\n        margin: 0 0 8px 0;\r\n        line-height: 1.2;\r\n        word-break: break-word; \/* Permite salto de l\u00ednea en pantallas anchas en vez de cortarlo *\/\r\n    }\r\n    .br-track-artist {\r\n        font-size: 18px;\r\n        color: #60a5fa; \r\n        font-style: italic;\r\n        margin: 0 0 25px 0;\r\n        word-break: break-word;\r\n    }\r\n\r\n    \/* Pr\u00f3ximo en reproducir (Nota) *\/\r\n    .br-next-track {\r\n        font-size: 14px;\r\n        color: #8fa6c4;\r\n        margin-top: -15px;\r\n        margin-bottom: 25px;\r\n        font-weight: normal;\r\n    }\r\n\r\n    \/* Controles de Reproducci\u00f3n *\/\r\n    .br-play-btn {\r\n        background-color: #ffffff;\r\n        color: #000000;\r\n        border: none;\r\n        width: 80px;\r\n        height: 80px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 20px auto;\r\n        cursor: pointer;\r\n        transition: transform 0.2s, background-color 0.2s;\r\n    }\r\n    .br-play-btn:hover {\r\n        transform: scale(1.05);\r\n        background-color: #f0f0f0;\r\n    }\r\n    .br-play-btn svg { width: 40px; height: 40px; margin-left: 5px; } \r\n\r\n    \/* Control de Volumen Avanzado (Blindado contra temas de WordPress) *\/\r\n    .br-volume-wrapper {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 25px auto;\r\n        width: 100%;\r\n        max-width: 350px;\r\n    }\r\n    .br-vol-icon {\r\n        width: 22px;\r\n        height: 22px;\r\n        margin-right: 12px;\r\n        fill: #8fa6c4;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    \/* Reseteo fuerte para el slider *\/\r\n    .br-volume-wrapper input[type=\"range\"].br-volume-slider {\r\n        -webkit-appearance: none !important;\r\n        appearance: none !important;\r\n        width: 100% !important;\r\n        height: 6px !important;\r\n        background: #1e3a5f !important; \r\n        border-radius: 5px !important;\r\n        outline: none !important;\r\n        cursor: pointer !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        border: none !important;\r\n        box-shadow: none !important;\r\n    }\r\n\r\n    \/* Estilos del \"bot\u00f3n\" (thumb) de la barra para WebKit (Chrome, Safari, Edge, Android) *\/\r\n    .br-volume-wrapper input[type=\"range\"].br-volume-slider::-webkit-slider-thumb {\r\n        -webkit-appearance: none !important;\r\n        appearance: none !important;\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        border-radius: 50% !important;\r\n        background: #ffffff !important;\r\n        cursor: pointer !important;\r\n        box-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;\r\n        border: none !important;\r\n        margin-top: 0 !important;\r\n    }\r\n\r\n    \/* Limpiar la pista por defecto de WebKit *\/\r\n    .br-volume-wrapper input[type=\"range\"].br-volume-slider::-webkit-slider-runnable-track {\r\n        -webkit-appearance: none !important;\r\n        box-shadow: none !important;\r\n        border: none !important;\r\n        background: transparent !important;\r\n    }\r\n\r\n    \/* Estilos del \"bot\u00f3n\" (thumb) de la barra para Firefox *\/\r\n    .br-volume-wrapper input[type=\"range\"].br-volume-slider::-moz-range-thumb {\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        border-radius: 50% !important;\r\n        background: #ffffff !important;\r\n        cursor: pointer !important;\r\n        border: none !important;\r\n        box-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;\r\n    }\r\n    \r\n    \/* Limpiar la pista por defecto de Firefox *\/\r\n    .br-volume-wrapper input[type=\"range\"].br-volume-slider::-moz-range-track {\r\n        border: none !important;\r\n        background: transparent !important;\r\n    }\r\n\r\n    \/* Bot\u00f3n de Compartir WhatsApp *\/\r\n    .br-share-btn {\r\n        background: none;\r\n        border: none;\r\n        color: #25d366;\r\n        font-weight: bold;\r\n        font-size: 18px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 100%;\r\n        max-width: 350px;\r\n        margin: 0 auto;\r\n        cursor: pointer;\r\n        padding: 10px 0;\r\n        transition: opacity 0.2s;\r\n    }\r\n    .br-share-btn:hover { opacity: 0.8; }\r\n    .br-share-btn svg { width: 24px; height: 24px; margin-right: 8px; fill: currentColor;}\r\n<\/style>\r\n\r\n<div class=\"br-player-wrapper\">\r\n    <!-- Bot\u00f3n Instalar App (PWA) -->\r\n    <button id=\"br-install-app\" class=\"br-pwa-btn\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M17 18H7V16H17V18ZM19 14H5V12H19V14ZM21 10H3V8H21V10ZM12 2L2 7L12 12L22 7L12 2Z\"\/><\/svg>\r\n        <span>Instalar App Bethlehem Radio<\/span>\r\n    <\/button>\r\n\r\n    <!-- Car\u00e1tula -->\r\n    <div class=\"br-art-container\">\r\n        <img decoding=\"async\" id=\"br-cover-art\" src=\"https:\/\/stream20.usastreams.com\/cp\/images\/default_cover.jpg\" alt=\"Car\u00e1tula Radio\" onerror=\"this.src='https:\/\/via.placeholder.com\/280x280\/0b1a2e\/ffffff?text=Bethlehem+Radio'\">\r\n    <\/div>\r\n\r\n    <!-- Informaci\u00f3n de Pista -->\r\n    <h2 id=\"br-title\" class=\"br-track-title\">Cargando transmisi\u00f3n...<\/h2>\r\n    <h3 id=\"br-artist\" class=\"br-track-artist\">Conectando...<\/h3>\r\n    <div class=\"br-next-track\" id=\"br-next\"><\/div>\r\n\r\n    <!-- Reproductor de Audio (Oculto, controlado por botones) -->\r\n    <audio id=\"br-audio\" preload=\"auto\"><\/audio>\r\n\r\n    <!-- Bot\u00f3n Play\/Pause -->\r\n    <button id=\"br-play-pause\" class=\"br-play-btn\">\r\n        <!-- Icono Play -->\r\n        <svg id=\"br-icon-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n        <!-- Icono Pause (oculto por defecto) -->\r\n        <svg id=\"br-icon-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"display:none; margin-left:0;\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/><\/svg>\r\n    <\/button>\r\n\r\n    <!-- Barra de Volumen con Icono -->\r\n    <div class=\"br-volume-wrapper\">\r\n        <svg class=\"br-vol-icon\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/><\/svg>\r\n        <input type=\"range\" id=\"br-volume\" class=\"br-volume-slider\" min=\"0\" max=\"100\" value=\"100\">\r\n    <\/div>\r\n\r\n    <!-- Bot\u00f3n Compartir WhatsApp -->\r\n    <button id=\"br-share-wa\" class=\"br-share-btn\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z\"\/><\/svg>\r\n        Compartir Sinton\u00eda\r\n    <\/button>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    \/\/ ---- CONFIGURACI\u00d3N B\u00c1SICA ----\r\n    const streamUrl = \"https:\/\/stream20.usastreams.com\/8084\/stream\";\r\n    const apiUrl = \"https:\/\/stream20.usastreams.com\/cp\/get_info.php?p=8084\";\r\n    const webUrl = \"https:\/\/www.bethlehemradio.org\";\r\n    \r\n    \/\/ ---- VARIABLES DEL DOM Y Detecci\u00f3n Dispositivo ----\r\n    const audio = document.getElementById('br-audio');\r\n    const playPauseBtn = document.getElementById('br-play-pause');\r\n    const iconPlay = document.getElementById('br-icon-play');\r\n    const iconPause = document.getElementById('br-icon-pause');\r\n    const volumeSlider = document.getElementById('br-volume');\r\n    const volumeContainer = document.querySelector('.br-volume-wrapper');\r\n    const shareBtn = document.getElementById('br-share-wa');\r\n    \r\n    const titleEl = document.getElementById('br-title');\r\n    const artistEl = document.getElementById('br-artist');\r\n    const coverEl = document.getElementById('br-cover-art');\r\n    const nextEl = document.getElementById('br-next');\r\n    \r\n    let isPlaying = false;\r\n    let currentFullTitle = \"\";\r\n    \r\n    \/\/ Validar iOS (Apple no permite alterar volumen por JS)\r\n    const isIOS = \/iPad|iPhone|iPod\/.test(navigator.userAgent) && !window.MSStream;\r\n\r\n    \/\/ ---- 1. CONTROL DE AUDIO (Con Autoplay) ----\r\n    \r\n    function playAudio() {\r\n        if (isPlaying) return; \/\/ Evitar reproducir m\u00faltiples veces\r\n        audio.src = streamUrl + \"?nocache=\" + new Date().getTime(); \/\/ Fuerza conexi\u00f3n en vivo\r\n        audio.play().then(() => {\r\n            isPlaying = true;\r\n            iconPlay.style.display = 'none';\r\n            iconPause.style.display = 'block';\r\n            if ('mediaSession' in navigator) navigator.mediaSession.playbackState = 'playing';\r\n        }).catch(e => {\r\n            console.log(\"Autoplay bloqueado temporalmente por el navegador. Se requiere interacci\u00f3n del usuario.\", e);\r\n            isPlaying = false;\r\n        });\r\n    }\r\n\r\n    function pauseAudio() {\r\n        audio.pause();\r\n        audio.src = ''; \/\/ Vac\u00eda el src para evitar cach\u00e9 al reanudar\r\n        isPlaying = false;\r\n        iconPlay.style.display = 'block';\r\n        iconPause.style.display = 'none';\r\n        if ('mediaSession' in navigator) navigator.mediaSession.playbackState = 'paused';\r\n    }\r\n\r\n    playPauseBtn.addEventListener('click', () => {\r\n        if (isPlaying) {\r\n            pauseAudio();\r\n        } else {\r\n            playAudio();\r\n        }\r\n    });\r\n\r\n    \/\/ ---- CONTROL VISUAL Y FUNCIONAL DE VOLUMEN ----\r\n    function updateVolumeVisuals(val) {\r\n        audio.volume = val \/ 100;\r\n        \/\/ Aplica un gradiente din\u00e1mico blindado con setProperty e important\r\n        volumeSlider.style.setProperty('background', `linear-gradient(to right, #3b82f6 ${val}%, #1e3a5f ${val}%)`, 'important');\r\n    }\r\n\r\n    if (isIOS) {\r\n        \/\/ En iOS ocultamos la barra, pues el volumen solo se controla con los botones f\u00edsicos del tel\u00e9fono.\r\n        volumeContainer.style.display = 'none';\r\n    } else {\r\n        \/\/ Inicializar el aspecto de la barra\r\n        updateVolumeVisuals(volumeSlider.value);\r\n        \/\/ Escuchar cuando el usuario desliza la barra\r\n        volumeSlider.addEventListener('input', (e) => {\r\n            updateVolumeVisuals(e.target.value);\r\n        });\r\n    }\r\n\r\n    \/\/ Registrar eventos para la pantalla de bloqueo \/ centro de control\r\n    if ('mediaSession' in navigator) {\r\n        navigator.mediaSession.setActionHandler('play', playAudio);\r\n        navigator.mediaSession.setActionHandler('pause', pauseAudio);\r\n        \/\/ Opcional: Detener (Stop) act\u00faa igual que pause\r\n        navigator.mediaSession.setActionHandler('stop', pauseAudio);\r\n    }\r\n\r\n    \/\/ ---- L\u00d3GICA DE AUTOPLAY SILENCIOSO Y CON INTERACCI\u00d3N ----\r\n    \/\/ Intento 1: Reproducir inmediatamente (Suele funcionar en PC con alto \"engagement\")\r\n    setTimeout(playAudio, 500);\r\n\r\n    \/\/ Intento 2: Reproducir al primer clic, toque o scroll del usuario en CUALQUIER lugar de la web\r\n    const enableAutoplayOnInteraction = () => {\r\n        if (!isPlaying) {\r\n            playAudio();\r\n        }\r\n        \/\/ Limpiamos los eventos para no sobrecargar la p\u00e1gina una vez que ya inici\u00f3\r\n        ['click', 'touchstart', 'scroll', 'keydown'].forEach(evt => {\r\n            document.removeEventListener(evt, enableAutoplayOnInteraction);\r\n        });\r\n    };\r\n\r\n    ['click', 'touchstart', 'scroll', 'keydown'].forEach(evt => {\r\n        document.addEventListener(evt, enableAutoplayOnInteraction, { once: true, passive: true });\r\n    });\r\n\r\n\r\n    \/\/ ---- 2. ACTUALIZACI\u00d3N DE METADATOS, WHATSAPP Y PANTALLA DE BLOQUEO ----\r\n    async function updateRadioInfo() {\r\n        try {\r\n            \/\/ Se usa el timestamp para evitar la memoria cach\u00e9\r\n            const response = await fetch(`${apiUrl}&_=${new Date().getTime()}`);\r\n            const data = await response.json();\r\n            \r\n            if(data && data.title) {\r\n                currentFullTitle = data.title;\r\n                \r\n                let trackTitle = currentFullTitle;\r\n                let trackArtist = \"Bethlehem Radio\";\r\n\r\n                \/\/ Formateamos como se ve en la captura (Ej: \"SPN47-0412 Fe Es La Sustancia - Rev. William Branham\")\r\n                let parts = currentFullTitle.split(' - ');\r\n                if(parts.length > 1) {\r\n                    trackTitle = parts[0];\r\n                    trackArtist = parts[1];\r\n                }\r\n\r\n                \/\/ Actualizar interfaz HTML\r\n                titleEl.innerText = trackTitle;\r\n                artistEl.innerText = trackArtist;\r\n\r\n                \/\/ Actualizar car\u00e1tula HTML\r\n                const coverUrl = data.art || 'https:\/\/stream20.usastreams.com\/cp\/images\/default_cover.jpg';\r\n                if(data.art) coverEl.src = coverUrl;\r\n\r\n                \/\/ Actualizar enlace din\u00e1mico de WhatsApp\r\n                const whatsappMessage = `\ud83c\udfb5 \u00a1Estoy escuchando \"${currentFullTitle}\" en Bethlehem Radio! \ud83d\udcfb Con\u00e9ctate y esc\u00fachalo tambi\u00e9n aqu\u00ed: ${webUrl}`;\r\n                shareBtn.onclick = () => {\r\n                    window.open(`https:\/\/api.whatsapp.com\/send?text=${encodeURIComponent(whatsappMessage)}`, '_blank');\r\n                };\r\n\r\n                \/\/ Actualizar Informaci\u00f3n en Pantalla de Bloqueo (Media Session API)\r\n                if ('mediaSession' in navigator) {\r\n                    navigator.mediaSession.metadata = new MediaMetadata({\r\n                        title: trackTitle,\r\n                        artist: trackArtist,\r\n                        album: 'Bethlehem Radio En Vivo',\r\n                        artwork: [\r\n                            { src: coverUrl, sizes: '96x96',   type: 'image\/jpeg' },\r\n                            { src: coverUrl, sizes: '128x128', type: 'image\/jpeg' },\r\n                            { src: coverUrl, sizes: '192x192', type: 'image\/jpeg' },\r\n                            { src: coverUrl, sizes: '256x256', type: 'image\/jpeg' },\r\n                            { src: coverUrl, sizes: '384x384', type: 'image\/jpeg' },\r\n                            { src: coverUrl, sizes: '512x512', type: 'image\/jpeg' }\r\n                        ]\r\n                    });\r\n                }\r\n            }\r\n        } catch (error) {\r\n            console.error(\"Error obteniendo info de la radio:\", error);\r\n        }\r\n    }\r\n\r\n    \/\/ Llamada inicial y luego cada 10 segundos\r\n    updateRadioInfo();\r\n    setInterval(updateRadioInfo, 10000);\r\n\r\n    \/\/ ---- 3. L\u00d3GICA DE INSTALACI\u00d3N DE APLICACI\u00d3N (PWA) ----\r\n    const installBtn = document.getElementById('br-install-app');\r\n    let deferredPrompt;\r\n    \r\n    \/\/ Detectar si ya est\u00e1 instalada\r\n    const isStandalone = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone;\r\n\r\n    if (!isStandalone) {\r\n        if (isIOS) {\r\n            installBtn.innerHTML = \"<span>\ud83c\udf4f Instalar en iPhone \/ iPad<\/span>\";\r\n            installBtn.style.display = 'flex';\r\n            installBtn.onclick = () => {\r\n                alert(\"Para instalar en iOS:\\n\\n1. Toca el bot\u00f3n de 'Compartir' (el cuadrado con la flecha hacia arriba) en el men\u00fa inferior de Safari.\\n2. Selecciona 'Agregar a la pantalla de inicio'.\");\r\n            };\r\n        } else {\r\n            window.addEventListener('beforeinstallprompt', (e) => {\r\n                e.preventDefault();\r\n                deferredPrompt = e;\r\n                installBtn.style.display = 'flex'; \r\n            });\r\n\r\n            installBtn.addEventListener('click', async () => {\r\n                if (deferredPrompt) {\r\n                    deferredPrompt.prompt();\r\n                    const { outcome } = await deferredPrompt.userChoice;\r\n                    if (outcome === 'accepted') {\r\n                        installBtn.style.display = 'none';\r\n                    }\r\n                    deferredPrompt = null;\r\n                } else {\r\n                    alert(\"Abre el men\u00fa de tu navegador (los 3 puntos) y selecciona 'Instalar aplicaci\u00f3n' o 'Agregar a la pantalla de inicio'.\");\r\n                }\r\n            });\r\n        }\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b28f7d5 e-flex e-con-boxed e-con e-parent\" data-id=\"b28f7d5\" data-element_type=\"container\" data-e-type=\"container\" id=\"horario\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5024743 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-elementskit-accordion\" data-id=\"5024743\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69eee0f4d6c8a\">\n\n            \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-5024743\">\n                        <a href=\"#collapse-d89863769eee0f4d6c8a\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-d89863769eee0f4d6c8a\" aria-expanded=\"false\" aria-controls=\"Collapse-d89863769eee0f4d6c8a\">\n                            \n                            <span class=\"ekit-accordion-title\">Ver Programaci\u00f3n Radio D\u00eda Lunes<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-plus\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-minus\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-d89863769eee0f4d6c8a\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-5024743\" data-parent=\"#accordion-69eee0f4d6c8a\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><em><span style=\"color: #ffffff\">\u25cf SPN64-1221 - \u00a1Por Qu\u00e9 Tuvo Que Ser Pastor! VGR.<\/span><\/em><\/p><p><em><span style=\"color: #ffffff\">\u25cf SPN64-0719M - La Fiesta De Las Trompetas VGR.<\/span><\/em><\/p><p><em><span style=\"color: #ffffff\">\u25cf SPN65-0427 - \u00bfCambia Dios Su Manera De Pensar? VGR.<\/span><\/em><\/p><p><em><span style=\"color: #ffffff\">\u25cf SPN58-0720M - Por La Fe, Mois\u00e9s VGR.<\/span><\/em><\/p><p><em><span style=\"color: #ffffff\">\u25cf SPN58-1005M - Escuchad Su Voz VGR.<\/span><\/em><\/p><p><strong><span style=\"color: #ffffff\">Estudio B\u00edblico Diario:<\/span><\/strong><br \/><em><span style=\"color: #ffffff\">6:30 A.m. - 1:00 P.m. - 9:30 P.m.<\/span><\/em><br \/><em><span style=\"color: #ffffff\">Hoy: 2da. Cr\u00f3nicas 12, 13, 14.<\/span><\/em><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                        <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d217c9 e-flex e-con-boxed e-con e-parent\" data-id=\"4d217c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41aa227 elementor-widget elementor-widget-html\" data-id=\"41aa227\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe src=\"https:\/\/www6.cbox.ws\/box\/?boxid=843885&boxtag=a3KBeN\" width=\"100%\" height=\"700\" allowtransparency=\"yes\" allow=\"autoplay\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"auto\"><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64308bd e-flex e-con-boxed e-con e-parent\" data-id=\"64308bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad11e3c elementor-mobile-align-center elementor-tablet-align-center elementor-widget elementor-widget-button\" data-id=\"ad11e3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#INICIO\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Subir<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b604f2 elementor-widget elementor-widget-text-editor\" data-id=\"6b604f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Bethlehem Radio \u00a9 2010 &#8211; 2025<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Instalar App Bethlehem Radio Cargando transmisi\u00f3n&#8230; Conectando&#8230; Compartir Sinton\u00eda Ver Programaci\u00f3n Radio D\u00eda Lunes \u25cf [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1275,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_regular_price":[],"currency_symbol":[],"footnotes":""},"class_list":["post-193","page","type-page","status-publish","has-post-thumbnail","hentry"],"post_slider_layout_featured_media_urls":{"thumbnail":["https:\/\/bethlehemradio.org\/wp-content\/uploads\/2026\/01\/2-150x150.jpg",150,150,true],"post_slider_layout_landscape_large":["https:\/\/bethlehemradio.org\/wp-content\/uploads\/2026\/01\/2-1200x800.jpg",1200,800,true],"post_slider_layout_portrait_large":["https:\/\/bethlehemradio.org\/wp-content\/uploads\/2026\/01\/2-1200x1080.jpg",1200,1080,true],"post_slider_layout_square_large":["https:\/\/bethlehemradio.org\/wp-content\/uploads\/2026\/01\/2-1200x1080.jpg",1200,1080,true],"post_slider_layout_landscape":["https:\/\/bethlehemradio.org\/wp-content\/uploads\/2026\/01\/2-600x400.jpg",600,400,true],"post_slider_layout_portrait":["https:\/\/bethlehemradio.org\/wp-content\/uploads\/2026\/01\/2-600x900.jpg",600,900,true],"post_slider_layout_square":["https:\/\/bethlehemradio.org\/wp-content\/uploads\/2026\/01\/2-600x600.jpg",600,600,true],"full":["https:\/\/bethlehemradio.org\/wp-content\/uploads\/2026\/01\/2.jpg",1920,1080,false]},"_links":{"self":[{"href":"https:\/\/bethlehemradio.org\/index.php?rest_route=\/wp\/v2\/pages\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bethlehemradio.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bethlehemradio.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bethlehemradio.org\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bethlehemradio.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=193"}],"version-history":[{"count":1303,"href":"https:\/\/bethlehemradio.org\/index.php?rest_route=\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":1646,"href":"https:\/\/bethlehemradio.org\/index.php?rest_route=\/wp\/v2\/pages\/193\/revisions\/1646"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bethlehemradio.org\/index.php?rest_route=\/wp\/v2\/media\/1275"}],"wp:attachment":[{"href":"https:\/\/bethlehemradio.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}