{"id":294,"date":"2026-03-02T23:22:03","date_gmt":"2026-03-02T23:22:03","guid":{"rendered":"https:\/\/xworkin.com\/index.php\/2026\/03\/02\/guia-sin-titulo\/"},"modified":"2026-03-02T23:22:03","modified_gmt":"2026-03-02T23:22:03","slug":"guia-sin-titulo","status":"publish","type":"post","link":"https:\/\/xworkin.com\/index.php\/2026\/03\/02\/guia-sin-titulo\/","title":{"rendered":"Gu\u00eda sin T\u00edtulo"},"content":{"rendered":"<div class=\"header\">\n<h1>Gu\u00eda sin T\u00edtulo<\/h1>\n<\/p><\/div>\n<div style=\"text-align: center;\">\n                <button id=\"play-guide-btn\" class=\"play-guide-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"24\" height=\"24\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><span>Reproducir<\/span><\/button>\n            <\/div>\n<div id=\"step-step_1772494103077\" class=\"step-container normal\" style=\"margin-left: 0px;\">\n<div class=\"step-number-wrapper\">\n<div class=\"step-number-circle\">1<\/div>\n<\/div>\n<div class=\"step-content\">\n<h2 style=\"font-size: 1.5em;\">Nuevo Paso<\/h2>\n<div class=\"rte-content\">\n<p>A\u00f1ade aqu\u00ed tu descripci\u00f3n.<\/p>\n<\/div><\/div>\n<\/div>\n<div id=\"image-overlay\" class=\"image-overlay\" onclick=\"hideImage()\">\n<div class=\"overlay-image-container\"><img decoding=\"async\" id=\"image-overlay-img\" src=\"\" alt=\"Vista ampliada\" \/><\/p>\n<div id=\"overlay-ripple\" class=\"click-ripple\" style=\"display: none;\"><\/div>\n<\/div>\n<\/div>\n<div id=\"tts-controls\" class=\"tts-controls\">\n                <button id=\"tts-prev-btn\" title=\"Anterior\" disabled><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"24\" height=\"24\"><path d=\"M6 6h2v12H6zm3.5 6 8.5 6V6z\"><\/path><\/svg><\/button><br \/>\n                <button id=\"tts-play-pause-btn\" title=\"Reproducir\/Pausar\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"24\" height=\"24\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/button><br \/>\n                <button id=\"tts-next-btn\" title=\"Siguiente\" disabled><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"24\" height=\"24\"><path d=\"M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z\"><\/path><\/svg><\/button><br \/>\n                <button id=\"tts-stop-btn\" title=\"Detener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"24\" height=\"24\"><path d=\"M6 6h12v12H6z\"><\/path><\/svg><\/button>\n            <\/div>\n<p>            <script>\n        function showImage(src, clickX, clickY) { document.getElementById('image-overlay-img').src = src; var ripple = document.getElementById('overlay-ripple'); if (clickX !== undefined && clickY !== undefined) { ripple.style.left = (clickX * 100) + '%'; ripple.style.top = (clickY * 100) + '%'; ripple.style.display = 'block'; } else { ripple.style.display = 'none'; } document.getElementById('image-overlay').style.display = 'flex'; }\n        function hideImage() { document.getElementById('image-overlay').style.display = 'none'; document.getElementById('overlay-ripple').style.display = 'none'; }\n        const stepsData = [{\"id\":\"step-step_1772494103077\",\"text\":\"Nuevo Paso. A\u00f1ade aqu\u00ed tu descripci\u00f3n.\"}];\n        const guideLang = \"es-ES\";\n        let currentStepIndex = -1, isPaused = false;\n        const playIcon = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"24\" height=\"24\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg>`, pauseIcon = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"24\" height=\"24\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"><\/path><\/svg>`;\n        const controls = document.getElementById('tts-controls'), playPauseBtn = document.getElementById('tts-play-pause-btn'), prevBtn = document.getElementById('tts-prev-btn'), nextBtn = document.getElementById('tts-next-btn');\n        function highlightStep(index) { \n            document.querySelectorAll('.step-container.playing').forEach(el => el.classList.remove('playing')); \n            if (index >= 0 && index < stepsData.length) {\n                const stepElement = document.getElementById(stepsData[index].id);\n                if (stepElement) {\n                    stepElement.classList.add('playing');\n                    stepElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                }\n            }\n        }\n        function updateNavButtons() { if(!prevBtn || !nextBtn) return; prevBtn.disabled = currentStepIndex <= 0; nextBtn.disabled = currentStepIndex >= stepsData.length - 1; }\n        function stopPlayback() { window.speechSynthesis.cancel(); isPaused = false; currentStepIndex = -1; controls.classList.remove('active'); playPauseBtn.innerHTML = playIcon; highlightStep(-1); }\n        function speakStep(index) { if (index >= stepsData.length || index < 0) { stopPlayback(); return; } currentStepIndex = index; highlightStep(index); updateNavButtons(); const utterance = new SpeechSynthesisUtterance(stepsData[index].text); utterance.lang = guideLang; utterance.onend = () => setTimeout(() => { if (!isPaused && currentStepIndex !== -1) speakStep(index + 1); }, 750); utterance.onerror = e => { if (e.error !== 'interrupted') stopPlayback(); }; window.speechSynthesis.cancel(); setTimeout(() => { if (currentStepIndex !== -1 && !isPaused) window.speechSynthesis.speak(utterance); }, 50); }\n        function startPlayback() { if (stepsData.length === 0 || window.speechSynthesis.speaking) return; isPaused = false; controls.classList.add('active'); playPauseBtn.innerHTML = pauseIcon; speakStep(0); }\n        function togglePlayPause() { if (currentStepIndex === -1) startPlayback(); else if (isPaused) { window.speechSynthesis.resume(); isPaused = false; playPauseBtn.innerHTML = pauseIcon; } else { window.speechSynthesis.pause(); isPaused = true; playPauseBtn.innerHTML = playIcon; } }\n        function playNext() { if (currentStepIndex < stepsData.length - 1) { isPaused = false; playPauseBtn.innerHTML = pauseIcon; speakStep(currentStepIndex + 1); } }\n        function playPrev() { if (currentStepIndex > 0) { isPaused = false; playPauseBtn.innerHTML = pauseIcon; speakStep(currentStepIndex - 1); } }\n        document.getElementById('play-guide-btn').addEventListener('click', startPlayback);\n        playPauseBtn.addEventListener('click', togglePlayPause); prevBtn.addEventListener('click', playPrev); nextBtn.addEventListener('click', playNext); document.getElementById('tts-stop-btn').addEventListener('click', stopPlayback);\n        window.addEventListener('beforeunload', () => window.speechSynthesis.cancel());\n    <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gu\u00eda sin T\u00edtulo Reproducir 1 Nuevo Paso A\u00f1ade aqu\u00ed tu descripci\u00f3n.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-294","post","type-post","status-publish","format-standard","hentry","category-aaaa"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/xworkin.com\/index.php\/wp-json\/wp\/v2\/posts\/294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xworkin.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xworkin.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xworkin.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xworkin.com\/index.php\/wp-json\/wp\/v2\/comments?post=294"}],"version-history":[{"count":0,"href":"https:\/\/xworkin.com\/index.php\/wp-json\/wp\/v2\/posts\/294\/revisions"}],"wp:attachment":[{"href":"https:\/\/xworkin.com\/index.php\/wp-json\/wp\/v2\/media?parent=294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xworkin.com\/index.php\/wp-json\/wp\/v2\/categories?post=294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xworkin.com\/index.php\/wp-json\/wp\/v2\/tags?post=294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}