{"id":120,"date":"2024-04-26T17:28:08","date_gmt":"2024-04-26T15:28:08","guid":{"rendered":"https:\/\/coralba.coromariaguerrero.com\/?page_id=120"},"modified":"2026-06-08T21:15:59","modified_gmt":"2026-06-08T19:15:59","slug":"programa-del-festival","status":"publish","type":"page","link":"https:\/\/coralba.coromariaguerrero.com\/index.php\/programa-del-festival\/","title":{"rendered":"Programa del Festival"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"120\" class=\"elementor elementor-120\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9a6b8d e-flex e-con-boxed e-con e-parent\" data-id=\"f9a6b8d\" 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-2a15ab5a elementor-widget elementor-widget-text-editor\" data-id=\"2a15ab5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Haz click o toca el icono junto del escenario para acceder al mismo en Google Maps<\/p>\n<p><!-- \/wp:shortcode --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ebb16b6 e-con-full e-flex e-con e-child\" data-id=\"ebb16b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<a href=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2026\/06\/CORALBA-2026-Programa-Escenarios-Mapa-v1.pdf\" target=\"_self\" class=\"e-c4abcf6-d7b0b2b e-button-base\" data-interaction-id=\"c4abcf6\">\n\t\tHaz click aqu\u00ed para descargar el programa del festival en PDF\n\t<\/a>\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-1311690 e-con e-atomic-element e-div-block-base \" data-id=\"1311690\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"1311690\">\n    <div class=\"elementor-element elementor-element-61ccace e-con e-atomic-element e-flexbox-base e-61ccace-45e7891 \" data-id=\"61ccace\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"61ccace\">\n    \t\t<div class=\"elementor-element elementor-element-066eaa7 elementor-widget elementor-widget-html\" data-id=\"066eaa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <header class=\"header-festival\">\r\n        <div class=\"top-bar-old\">\r\n            <span id=\"edicion\">Cargando...<\/span>\r\n            <span id=\"fecha\">Cargando...<\/span>\r\n        <\/div>\r\n        <div class=\"top-bar-2\">\r\n            <span id=\"nombre-festival\">Cargando...<\/span>\r\n            <span id=\"datos-festival\">Cargando...<\/span>\r\n        <\/div>\r\n        \r\n        <!-- Contenedor del Buscador Interactivo -->\r\n        <div class=\"search-container\">\r\n            <input type=\"text\" id=\"buscador\" placeholder=\"\ud83d\udd0d Buscar por nombre, tipo o estilo de m\u00fasica (ej. Rock, Gospel, Mujeres)...\">\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <main class=\"grid-container\" id=\"grid-programa\">\r\n        <div class=\"grid-header header-esquina\"><\/div>\r\n        <div id=\"headers-horas\" style=\"display: contents;\"><\/div>\r\n        <div id=\"cuerpo-tabla\" style=\"display: contents;\"><\/div>\r\n    <\/main>\r\n\r\n    <footer class=\"footer-final\" id=\"pie-de-pagina\">\r\n        Cargando...\r\n    <\/footer>\r\n\r\n    <script>\r\n        let datosFestival = null;\r\n\r\n        \/\/ URL de tu archivo JSON\r\n        const urlJson = 'https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2026\/06\/programa-coralba-2026-junio.json';\r\n\r\n        \/\/ Carga y renderizado inicial\r\n        fetch(urlJson)\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                datosFestival = data;\r\n                renderTabla(data.filas, \"\");\r\n            })\r\n            .catch(error => console.error('Error cargando los datos:', error));\r\n\r\n        \/\/ Funci\u00f3n encargada de dibujar la tabla y aplicar los filtros\r\n        function renderTabla(filas, filtro) {\r\n            document.getElementById('nombre-festival').innerText = datosFestival.festivalTitulo;\r\n            document.getElementById('datos-festival').innerText = datosFestival.festivalSubTitulo2;\r\n            document.getElementById('pie-de-pagina').innerText = datosFestival.footLine;\r\n            document.getElementById('edicion').innerText = datosFestival.festivalSubTitulo;\r\n            document.getElementById('fecha').innerText = datosFestival.festivalFecha;\r\n            \r\n            const horasContainer = document.getElementById('headers-horas');\r\n            const cuerpoContainer = document.getElementById('cuerpo-tabla');\r\n            \r\n            \r\n            horasContainer.innerHTML = '';\r\n            cuerpoContainer.innerHTML = '';\r\n\r\n            \/\/ Dibujar cabeceras horarias\r\n            datosFestival.horas.forEach(hora => {\r\n                const cell = document.createElement('div');\r\n                cell.className = 'grid-header header-hora';\r\n                cell.innerText = hora;\r\n                horasContainer.appendChild(cell);\r\n            });\r\n\r\n            \/\/ Dibujar filas de ubicaciones y coros\r\n            filas.forEach(fila => {\r\n                const lugarCell = document.createElement('div');\r\n                lugarCell.className = 'grid-lugar';\r\n                \/\/ Inyectamos el texto del lugar y el bot\u00f3n con el icono de Google Maps\r\n                lugarCell.innerHTML = `\r\n                    <span>${fila.lugar}<\/span>\r\n                    <a href=\"${fila.mapa}\" target=\"_blank\" class=\"map-link\" title=\"Ver ubicaci\u00f3n en Google Maps\">\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" class=\"map-icon\">\r\n                            <path fill=\"currentColor\" d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                `;\r\n                cuerpoContainer.appendChild(lugarCell);\r\n\r\n                fila.coros.forEach((coro, index) => {\r\n                    const coroCell = document.createElement('div');\r\n                    const horaAsignada = datosFestival.horas[index]; \/\/ <--- EXTRAE LA HORA DE LA COLUMNA\r\n\r\n                    if (coro) {\r\n                        \/\/ Comprobar si coincide con el texto del buscador\r\n                        const coincide = filtro === \"\" || \r\n                            coro.nombre.toLowerCase().includes(filtro) ||\r\n                            coro.tipo.toLowerCase().includes(filtro) ||\r\n                            coro.estilo.toLowerCase().includes(filtro);\r\n\r\n                        coroCell.className = coincide ? 'grid-coro' : 'grid-coro difuminado ocultar-movil';\r\n                        coroCell.innerHTML = `\r\n                            <div class=\"coro-hora-movil\">${horaAsignada}<\/div>\r\n                            <div class=\"coro-nombre\">${coro.nombre}<\/div>\r\n                            <div class=\"coro-tipo\">${coro.tipo}<\/div>\r\n                            <div class=\"coro-estilo\">${coro.estilo}<\/div>\r\n                        `;\r\n                    } else {\r\n                        coroCell.className = 'grid-coro celda-vacia';\r\n                    }\r\n                    cuerpoContainer.appendChild(coroCell);\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Evento de escucha en tiempo real para el buscador\r\n        document.getElementById('buscador').addEventListener('input', (e) => {\r\n            const textoFiltro = e.target.value.toLowerCase().trim();\r\n            if (datosFestival) {\r\n                renderTabla(datosFestival.filas, textoFiltro);\r\n            }\r\n        });\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<div class=\"elementor-element elementor-element-800ccef elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"800ccef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\t<div class=\"wrap_svl_center\">\r\n\t<div class=\"wrap_svl_center_box\">\r\n\t<div class=\"wrap_svl\" id=\"body_drag_1055\">\r\n\t\t<div class=\"images_wrap\">\r\n                            <img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2026\/04\/CORALBA-2026-Programa-v2.png\" alt=\"\">\r\n            \t\t<\/div>\t\r\n\t\t \t\t \t\t <div class=\"drag_element tips \" style=\"top:16.36%;left:2.26%;\" >\r\n\t\t \t<div class=\"point_style has-hover ihotspot_tooltop_html\" data-placement=\"n\" data-html=\"\t\t \t\t\t \t\t \t\t \">\r\n\t\t \t\t<a href=\"https:\/\/www.google.com\/maps\/place\/Ayuntamiento+de+Collado+Villalba.\/@40.6456128,-3.9921212,71m\" title=\"\" target=\"_blank\">\t\t\t \t\t\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image \" style=\"top:-26px;left:-26px\" alt=\"\">\r\n\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image_hover \"  style=\"top:-26px;left:-26px\" alt=\"\">\t\t \t\t<\/a>\t\t \t<\/div>\r\n\t\t <\/div>\r\n\t\t \t\t <div class=\"drag_element tips \" style=\"top:27.36%;left:2.18%;\" >\r\n\t\t \t<div class=\"point_style has-hover ihotspot_tooltop_html\" data-placement=\"n\" data-html=\"\t\t \t\t\t \t\t \t\t \">\r\n\t\t \t\t<a href=\"https:\/\/www.google.com\/maps\/place\/40%C2%B038&#039;42.0%22N+3%C2%B059&#039;30.9%22W\/@40.645,-3.9919167,208m\" title=\"\" target=\"_blank\">\t\t\t \t\t\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image \" style=\"top:-26px;left:-26px\" alt=\"\">\r\n\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image_hover \"  style=\"top:-26px;left:-26px\" alt=\"\">\t\t \t\t<\/a>\t\t \t<\/div>\r\n\t\t <\/div>\r\n\t\t \t\t <div class=\"drag_element tips \" style=\"top:38.48%;left:2.11%;\" >\r\n\t\t \t<div class=\"point_style has-hover ihotspot_tooltop_html\" data-placement=\"n\" data-html=\"\t\t \t\t\t \t\t \t\t \">\r\n\t\t \t\t<a href=\"https:\/\/www.google.com\/maps\/place\/40%C2%B038&#039;41.3%22N+3%C2%B059&#039;33.2%22W\/@40.6448308,-3.9923755,208m\" title=\"\" target=\"_blank\">\t\t\t \t\t\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image \" style=\"top:-26px;left:-26px\" alt=\"\">\r\n\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image_hover \"  style=\"top:-26px;left:-26px\" alt=\"\">\t\t \t\t<\/a>\t\t \t<\/div>\r\n\t\t <\/div>\r\n\t\t \t\t <div class=\"drag_element tips \" style=\"top:49.69%;left:2.11%;\" >\r\n\t\t \t<div class=\"point_style has-hover ihotspot_tooltop_html\" data-placement=\"n\" data-html=\"\t\t \t\t\t \t\t \t\t \">\r\n\t\t \t\t<a href=\"https:\/\/www.google.com\/maps\/place\/Biblioteca+P%C3%BAblica+Municipal+%E2%80%9CSancho+Panza%E2%80%9D+de+Collado+Villalba.\/@40.6445478,-3.9929653,208m\" title=\"\" target=\"_blank\">\t\t\t \t\t\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image \" style=\"top:-26px;left:-26px\" alt=\"\">\r\n\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image_hover \"  style=\"top:-26px;left:-26px\" alt=\"\">\t\t \t\t<\/a>\t\t \t<\/div>\r\n\t\t <\/div>\r\n\t\t \t\t <div class=\"drag_element tips \" style=\"top:60.7%;left:2.11%;\" >\r\n\t\t \t<div class=\"point_style has-hover ihotspot_tooltop_html\" data-placement=\"n\" data-html=\"\t\t \t\t\t \t\t \t\t \">\r\n\t\t \t\t<a href=\"https:\/\/www.google.com\/maps\/place\/40%C2%B038&#039;35.6%22N+3%C2%B059&#039;32.7%22W\/@40.643222,-3.99242,208m\" title=\"\" target=\"_blank\">\t\t\t \t\t\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image \" style=\"top:-26px;left:-26px\" alt=\"\">\r\n\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image_hover \"  style=\"top:-26px;left:-26px\" alt=\"\">\t\t \t\t<\/a>\t\t \t<\/div>\r\n\t\t <\/div>\r\n\t\t \t\t <div class=\"drag_element tips \" style=\"top:72.01%;left:2.18%;\" >\r\n\t\t \t<div class=\"point_style has-hover ihotspot_tooltop_html\" data-placement=\"n\" data-html=\"\t\t \t\t\t \t\t \t\t \">\r\n\t\t \t\t<a href=\"https:\/\/www.google.com\/maps\/place\/Sala+El+Capricho\/@40.6441028,-3.992789,208m\" title=\"\" target=\"_blank\">\t\t\t \t\t\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image \" style=\"top:-26px;left:-26px\" alt=\"\">\r\n\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image_hover \"  style=\"top:-26px;left:-26px\" alt=\"\">\t\t \t\t<\/a>\t\t \t<\/div>\r\n\t\t <\/div>\r\n\t\t \t\t <div class=\"drag_element tips \" style=\"top:83.03%;left:2.18%;\" >\r\n\t\t \t<div class=\"point_style has-hover ihotspot_tooltop_html\" data-placement=\"n\" data-html=\"\t\t \t\t\t \t\t \t\t \">\r\n\t\t \t\t<a href=\"https:\/\/www.google.com\/maps\/place\/\/@40.6451166,-3.9919377,208m\" title=\"\" target=\"_blank\">\t\t\t \t\t\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image \" style=\"top:-26px;left:-26px\" alt=\"\">\r\n\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2025\/03\/poi-50px.svg\" class=\"pins_image_hover \"  style=\"top:-26px;left:-26px\" alt=\"\">\t\t \t\t<\/a>\t\t \t<\/div>\r\n\t\t <\/div>\r\n\t\t \t\t \r\n\t\t  \t\t \t\r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\t<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Haz click o toca el icono junto del escenario para acceder al mismo en Google Maps Haz click aqu\u00ed para descargar el programa del festival en PDF Cargando&#8230; Cargando&#8230; Cargando&#8230; Cargando&#8230; Cargando&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-120","page","type-page","status-publish","hentry"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"domink","author_link":"https:\/\/coralba.coromariaguerrero.com\/index.php\/author\/domink\/"},"uagb_comment_info":0,"uagb_excerpt":"Haz click o toca el icono junto del escenario para acceder al mismo en Google Maps Haz click aqu\u00ed para descargar el programa del festival en PDF Cargando&#8230; Cargando&#8230; Cargando&#8230; Cargando&#8230; Cargando&#8230;","_links":{"self":[{"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":107,"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":1306,"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/pages\/120\/revisions\/1306"}],"wp:attachment":[{"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}