{"id":1298,"date":"2026-06-08T21:12:00","date_gmt":"2026-06-08T19:12:00","guid":{"rendered":"https:\/\/coralba.coromariaguerrero.com\/?page_id=1298"},"modified":"2026-06-09T21:56:04","modified_gmt":"2026-06-09T19:56:04","slug":"cartel-escenario-fragmento","status":"publish","type":"page","link":"https:\/\/coralba.coromariaguerrero.com\/index.php\/cartel-escenario-fragmento\/","title":{"rendered":"cartel-escenario"},"content":{"rendered":"\n<script data-wp-block-html=\"js\">\nwindow.addEventListener('load', () => {\n    const loader = document.getElementById('loader');\n    loader.classList.add('hidden'); \/\/ A\u00f1ade la clase que lo oculta con suavidad\n});\n\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\/\/ Detecta si la ventana actual est\u00e1 dentro de un iframe\nif (window.self !== window.top) {\n    const adminBar = document.getElementById('wpadminbar');\n    if (adminBar) {\n        adminBar.style.setProperty('display', 'none', 'important');\n        document.documentElement.style.setProperty('margin-top', '0px', 'important');\n    }\n}\n});\n\nconst urlParams = new URLSearchParams(window.location.search);\nlet escenarioIndex = parseInt(urlParams.get('escenario')) - 1;\n\nif (isNaN(escenarioIndex) || escenarioIndex < 0) {\nescenarioIndex = 0;\n}\n\n\/\/ URL de tu archivo JSON\nconst urlJson = 'https:\/\/coralba.coromariaguerrero.com\/wp-content\/uploads\/2026\/06\/programa-coralba-2026-junio.json';\n\nfetch(urlJson)\n.then(response => response.json())\n.then(data => {\n    const filaEscenario = data.filas[escenarioIndex];\n    if (!filaEscenario) {\n        document.getElementById('nombre-escenario').innerText = \"Escenario no encontrado\";\n        return;\n    }\n\n    \/\/ Extraemos n\u00famero y nombre por separado\n    const ps = filaEscenario.lugar.indexOf('.');\n    const numero = filaEscenario.lugar.substring(0, ps).trim();\n    const nombre = filaEscenario.lugar.substring(ps + 1).trim();\n\n    document.getElementById('numero-escenario').innerText = `Escenario ${numero}`;\n    document.getElementById('nombre-escenario').innerText = nombre;\n\n    const listaContainer = document.getElementById('lista-actuaciones');\n    const actuacionesValidas = filaEscenario.coros.filter(c => c !== null);\n\n    actuacionesValidas.forEach((coro, index) => {\n        const horaAsignada = data.horas[index] || \"--:--\";\n        const filaActuacion = document.createElement('div');\n        filaActuacion.className = 'actuacion-item';\n\n        filaActuacion.innerHTML = `\n            <div class=\"hora-actuacion-movil\">${horaAsignada}<\/div>\n            <div class=\"hora-bloque\">\n                <span class=\"hora-texto\">${horaAsignada.replace(' a ', '<br>a<br>')}<\/span>\n            <\/div>\n            <div class=\"info-bloque\">\n                <h3 class=\"coro-titulo\">${coro.nombre}<\/h3>\n                <p class=\"coro-detalles\">\n                    <span class=\"tipo\">${coro.tipo}.<\/span> \n                    <span class=\"estilo\">${coro.estilo}<\/span>\n                <\/p>\n            <\/div>\n        `;\n        listaContainer.appendChild(filaActuacion);\n    });\n})\n.catch(error => console.error('Error cargando el cartel:', error));\n\n<\/script>\n\n  <!-- Pantalla de carga -->\n  <div id=\"loader\">\n    <div class=\"spinner\"><\/div>\n  <\/div>\n\n<!-- Bloque del Escenario -->\n        <div class=\"escenario-block\">\n            <h2 id=\"numero-escenario\">Escenario &#8211;<\/h2>\n            <h1 id=\"nombre-escenario\">Cargando&#8230;<\/h1>\n        <\/div>\n\n        <!-- Lista Din\u00e1mica de Actuaciones (Se estira autom\u00e1ticamente) -->\n        <main class=\"actuaciones-lista\" id=\"lista-actuaciones\">\n            <!-- Se inyectan con JavaScript -->\n        <\/main>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Escenario &#8211; Cargando&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1298","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":"Escenario &#8211; Cargando&#8230;","_links":{"self":[{"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/pages\/1298","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=1298"}],"version-history":[{"count":26,"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/pages\/1298\/revisions"}],"predecessor-version":[{"id":1371,"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/pages\/1298\/revisions\/1371"}],"wp:attachment":[{"href":"https:\/\/coralba.coromariaguerrero.com\/index.php\/wp-json\/wp\/v2\/media?parent=1298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}