{"id":1259,"date":"2024-09-27T09:19:38","date_gmt":"2024-09-27T09:19:38","guid":{"rendered":"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/?page_id=1259"},"modified":"2024-09-27T17:07:51","modified_gmt":"2024-09-27T17:07:51","slug":"juego","status":"publish","type":"page","link":"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/?page_id=1259","title":{"rendered":"JUEGO"},"content":{"rendered":"\n<main class=\"wp-block-group alignfull site-content is-layout-flow wp-block-group-is-layout-flow\" id=\"header\" style=\"margin-top:0\">\n<div class=\"wp-block-cover alignfull\" style=\"padding-top:0px;min-height:473px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-40 has-background-dim\"><\/span><img decoding=\"async\" width=\"1488\" height=\"800\" class=\"wp-block-cover__image-background wp-image-1282\" alt=\"\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/u8664825617_Create_an_image_of_an_ancient_Celtic_village_loca_e5b2c5d1-2100-4e35-b5fc-8f52ffe44bde_0.png\" style=\"object-position:56% 53%\" data-object-fit=\"cover\" data-object-position=\"56% 53%\" srcset=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/u8664825617_Create_an_image_of_an_ancient_Celtic_village_loca_e5b2c5d1-2100-4e35-b5fc-8f52ffe44bde_0.png 1488w, https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/u8664825617_Create_an_image_of_an_ancient_Celtic_village_loca_e5b2c5d1-2100-4e35-b5fc-8f52ffe44bde_0-300x161.png 300w, https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/u8664825617_Create_an_image_of_an_ancient_Celtic_village_loca_e5b2c5d1-2100-4e35-b5fc-8f52ffe44bde_0-1024x551.png 1024w\" sizes=\"(max-width: 1488px) 100vw, 1488px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group is-style-default has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">\u00a1Bienvenido al Centro de Interpretaci\u00f3n Celta!<\/h2>\n\n\n\n<h2 class=\"wp-block-heading has-white-color has-text-color has-max-48-font-size\">JUGAMOS??<\/h2>\n\n\n\n<div style=\"height:63px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div><\/div>\n<\/main>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n    body {\n        font-family: Arial, sans-serif;\n        text-align: center;\n        background-color: #f5f5f5; \/* Gris muy claro *\/\n        margin: 0;\n        padding: 0;\n    }\n    #game-container {\n        max-width: 800px;\n        margin: 0 auto;\n        padding: 20px;\n    }\n    .hidden {\n        display: none;\n    }\n    #name-input {\n        margin-top: 50px;\n    }\n    img {\n        width: 100%;\n        height: auto;\n        border-radius: 10px;\n    }\n    .bocadillo {\n        background: #f5f5f5;\n        border: 1px solid #3f4d55;\n        border-radius: 10px;\n        padding: 20px;\n        margin-top: 20px;\n        text-align: left;\n        box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n    }\n    .bocadillo h2 {\n        margin-top: 0;\n    }\n    .options button {\n        display: block;\n        margin: 10px auto;\n        padding: 10px 20px;\n        font-size: 16px;\n        cursor: pointer;\n        width: 90%;\n        max-width: 400px;\n        border: none;\n        border-radius: 5px;\n        background-color: #2f9892; \n        color: white;\n        transition: background-color 0.1s;\n    }\n    .options button:hover {\n        background-color: #7fbfbb; \n    }\n    .feedback {\n        margin-top: 10px;\n        font-weight: bold;\n    }\n    #final-message {\n        margin-top: 50px;\n    }\n    \/* Estilos para el Juego de 3 en Raya *\/\n    #tictactoe-screen {\n        margin-top: 20px;\n    }\n    #tictactoe-board {\n        display: grid;\n        grid-template-columns: repeat(3, 100px);\n        grid-template-rows: repeat(3, 100px);\n        gap: 5px;\n        justify-content: center;\n        margin: 0 auto;\n    }\n    .cell {\n        background-color: #ffffff;\n        border: 2px solid #000;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 48px;\n        cursor: pointer;\n        transition: background-color 0.3s;\n    }\n    .cell:hover {\n        background-color: #e0e0e0;\n    }\n    .cell.disabled {\n        cursor: not-allowed;\n        background-color: #f0f0f0;\n    }\n    #tictactoe-message {\n        margin-top: 20px;\n        font-size: 20px;\n        font-weight: bold;\n    }\n    #tictactoe-buttons button {\n        margin: 10px;\n        padding: 10px 20px;\n        font-size: 16px;\n        cursor: pointer;\n        border: none;\n        border-radius: 5px;\n        background-color: #2196F3;\n        color: white;\n        transition: background-color 0.3s;\n    }\n    #tictactoe-buttons button:hover {\n        background-color: #0b7dda;\n    }\n    \/* Responsive Design *\/\n    @media (max-width: 600px) {\n        .bocadillo {\n            padding: 15px;\n        }\n        .options button {\n            font-size: 14px;\n            padding: 8px 16px;\n        }\n        #tictactoe-board {\n            grid-template-columns: repeat(3, 80px);\n            grid-template-rows: repeat(3, 80px);\n        }\n        .cell {\n            font-size: 36px;\n        }\n    }\n<\/style>\n\n<div id=\"game-container\">\n    <!-- Pantalla de Inicio -->\n    <div id=\"start-screen\">\n        <img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/imagen1.jpg.webp\" alt=\"Portada del Juego\" id=\"portada\">\n        <div class=\"bocadillo\">\n            <h2>\u00a1Bienvenido al Centro de Interpretaci\u00f3n Celta!<\/h2>\n            <p>Por favor, introduce tu nombre para comenzar tu aventura.<\/p>\n            <input type=\"text\" id=\"player-name\" placeholder=\"Tu nombre\">\n            <br><br>\n            <button onclick=\"startGame()\">Comenzar<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Vi\u00f1eta 1: Paisaje Celta -->\n    <div id=\"scene-1\" class=\"hidden\">\n        <img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/imagen3.jpg.webp\" alt=\"Paisaje Celta\">\n        <div class=\"bocadillo\">\n            <p>Hola, <span id=\"player-display\"><\/span>. Soy tu gu\u00eda en esta aventura por el mundo celta. Acomp\u00e1\u00f1ame mientras exploramos los hermosos paisajes donde viv\u00edan nuestros ancestros.<\/p>\n            <p><strong>\u00bfPor qu\u00e9 los celtas eligieron estos valles para establecerse?<\/strong><\/p>\n            <div class=\"options\">\n                <button onclick=\"checkAnswer(1, 'A')\">A) Por la riqueza en minerales<\/button>\n                <button onclick=\"checkAnswer(1, 'B')\">B) Para la ganader\u00eda y la agricultura, y por su posici\u00f3n defensiva<\/button>\n                <button onclick=\"checkAnswer(1, 'C')\">C) Porque eran los \u00fanicos lugares disponibles<\/button>\n                <button onclick=\"checkAnswer(1, 'D')\">D) Por la belleza del paisaje<\/button>\n            <\/div>\n            <div id=\"feedback-1\" class=\"feedback\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Vi\u00f1eta 2: Entrada al Poblado -->\n    <div id=\"scene-2\" class=\"hidden\">\n        <img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/imagen4.jpg.webp\" alt=\"Entrada al Poblado\">\n        <div class=\"bocadillo\">\n            <p>Hemos llegado al coraz\u00f3n del poblado celta. Observa c\u00f3mo est\u00e1n organizadas las casas y la vida diaria de sus habitantes.<\/p>\n            <p><strong>\u00bfC\u00f3mo se estructuraba la jerarqu\u00eda dentro de un poblado celta?<\/strong><\/p>\n            <div class=\"options\">\n                <button onclick=\"checkAnswer(2, 'A')\">A) No ten\u00edan una jerarqu\u00eda definida<\/button>\n                <button onclick=\"checkAnswer(2, 'B')\">B) Hab\u00eda un jefe de poblado y diferentes roles como agricultores y artesanos<\/button>\n                <button onclick=\"checkAnswer(2, 'C')\">C) Todos eran iguales y tomaban decisiones en conjunto<\/button>\n                <button onclick=\"checkAnswer(2, 'D')\">D) Solo los guerreros ten\u00edan autoridad<\/button>\n            <\/div>\n            <div id=\"feedback-2\" class=\"feedback\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Vi\u00f1eta 3: Interior de una Casa -->\n    <div id=\"scene-3\" class=\"hidden\">\n        <img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/magnific-YIP9vaZCiIBRxGHZQXjL-u8664825617_Interior_of_a_Celtic_cabin_depicting_daily_life_f_7d872e7f-7cf5-435e-b1ca-dd7671ae648f_0.webp\" alt=\"Interior de una Casa Celta\">\n        <div class=\"bocadillo\">\n            <p>Entramos a una casa t\u00edpica celta. Observa c\u00f3mo viv\u00edan, las herramientas que utilizaban y c\u00f3mo organizaban su espacio.<\/p>\n            <p><strong>\u00bfQu\u00e9 actividades se realizaban com\u00fanmente dentro de las casas celtas?<\/strong><\/p>\n            <div class=\"options\">\n                <button onclick=\"checkAnswer(3, 'A')\">A) Fabricaci\u00f3n de armas y armaduras<\/button>\n                <button onclick=\"checkAnswer(3, 'B')\">B) Agricultura y cr\u00eda de animales<\/button>\n                <button onclick=\"checkAnswer(3, 'C')\">C) Artesan\u00eda, cocina y reuni\u00f3n familiar<\/button>\n                <button onclick=\"checkAnswer(3, 'D')\">D) Comercio con otras tribus<\/button>\n            <\/div>\n            <div id=\"feedback-3\" class=\"feedback\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Vi\u00f1eta 4: Actividades en el Poblado -->\n    <div id=\"scene-4\" class=\"hidden\">\n        <img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/imagen4.jpg.webp\" alt=\"Actividades en el Poblado\">\n        <div class=\"bocadillo\">\n            <p>Mira c\u00f3mo los celtas se dedican a diferentes actividades: agricultores cultivando la tierra, artesanos creando herramientas y textiles, y guerreros entrenando para proteger el poblado.<\/p>\n            <p><strong>\u00bfCu\u00e1l era una de las principales responsabilidades de los guerreros celtas?<\/strong><\/p>\n            <div class=\"options\">\n                <button onclick=\"checkAnswer(4, 'A')\">A) Ense\u00f1ar a los ni\u00f1os<\/button>\n                <button onclick=\"checkAnswer(4, 'B')\">B) Proteger el poblado de posibles enemigos<\/button>\n                <button onclick=\"checkAnswer(4, 'C')\">C) Cultivar la tierra<\/button>\n                <button onclick=\"checkAnswer(4, 'D')\">D) Cuidar a los animales<\/button>\n            <\/div>\n            <div id=\"feedback-4\" class=\"feedback\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Vi\u00f1eta 5: Celebraciones y Tradiciones -->\n    <div id=\"scene-5\" class=\"hidden\">\n        <img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/imagen1.jpg.webp\" alt=\"Celebraciones y Tradiciones Celtas\">\n        <div class=\"bocadillo\">\n            <p>Las celebraciones y tradiciones eran fundamentales en la vida celta. Participaban en festivales que honraban a sus dioses y marcaban las estaciones del a\u00f1o.<\/p>\n            <p><strong>\u00bfQu\u00e9 papel jugaban las festividades en la cultura celta?<\/strong><\/p>\n            <div class=\"options\">\n                <button onclick=\"checkAnswer(5, 'A')\">A) Eran exclusivamente para los l\u00edderes<\/button>\n                <button onclick=\"checkAnswer(5, 'B')\">B) Eran momentos para la convivencia, el honor a los dioses y la celebraci\u00f3n de las estaciones<\/button>\n                <button onclick=\"checkAnswer(5, 'C')\">C) No ten\u00edan importancia cultural<\/button>\n                <button onclick=\"checkAnswer(5, 'D')\">D) Solo se celebraban en tiempos de guerra<\/button>\n            <\/div>\n            <div id=\"feedback-5\" class=\"feedback\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Vi\u00f1eta Final: Reflexi\u00f3n -->\n    <div id=\"final-screen\" class=\"hidden\">\n        <img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/imagen1.jpg.webp\" alt=\"Final del Poblado\">\n        <div class=\"bocadillo\" id=\"final-message\">\n            <p>\u00a1Felicidades, <span id=\"final-player\"><\/span>! Has completado tu recorrido por el poblado celta y has aprendido sobre su forma de vida, cultura y tradiciones. Ahora, para consolidar tu liderazgo, desaf\u00eda al jefe de la tribu en un juego de 3 en raya.<\/p>\n            <button onclick=\"startTicTacToe()\">Desafiar al Jefe<\/button>\n            <button onclick=\"restartGame()\">Volver al inicio<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Pantalla de 3 en Raya -->\n    <div id=\"tictactoe-screen\" class=\"hidden\">\n        <img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/imagen1.jpg.webp\" alt=\"Juego de 3 en Raya\">\n        <div class=\"bocadillo\" id=\"tictactoe-message\">\n            <p>\u00a1Desaf\u00eda al Jefe de la Tribu Celta en un juego de 3 en raya!<\/p>\n        <\/div>\n        <div id=\"tictactoe-board\">\n            <div class=\"cell\" data-index=\"0\"><\/div>\n            <div class=\"cell\" data-index=\"1\"><\/div>\n            <div class=\"cell\" data-index=\"2\"><\/div>\n            <div class=\"cell\" data-index=\"3\"><\/div>\n            <div class=\"cell\" data-index=\"4\"><\/div>\n            <div class=\"cell\" data-index=\"5\"><\/div>\n            <div class=\"cell\" data-index=\"6\"><\/div>\n            <div class=\"cell\" data-index=\"7\"><\/div>\n            <div class=\"cell\" data-index=\"8\"><\/div>\n        <\/div>\n        <div id=\"tictactoe-buttons\">\n            <button onclick=\"restartTicTacToe()\">Reiniciar Juego<\/button>\n            <button onclick=\"endGame()\">Finalizar Juego<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Pantalla de Resultado del Juego de 3 en Raya -->\n    <div id=\"tictactoe-result-screen\" class=\"hidden\">\n        <img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/imagen1.jpg.webp\" alt=\"Resultado del Juego\">\n        <div class=\"bocadillo\" id=\"tictactoe-result-message\">\n            <p><\/p>\n            <button onclick=\"restartGame()\">Volver al inicio<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        let playerName = '';\n        let currentScene = 1;\n\n        function startGame() {\n            const nameInput = document.getElementById('player-name').value.trim();\n            if (nameInput === '') {\n                alert('Por favor, introduce tu nombre para comenzar.');\n                return;\n            }\n            playerName = nameInput;\n            document.getElementById('player-display').textContent = playerName;\n            document.getElementById('final-player').textContent = playerName;\n            document.getElementById('start-screen').classList.add('hidden');\n            document.getElementById('scene-1').classList.remove('hidden');\n        }\n\n        function checkAnswer(scene, answer) {\n            let correct = false;\n            switch(scene) {\n                case 1:\n                    if(answer === 'B') {\n                        correct = true;\n                    }\n                    break;\n                case 2:\n                    if(answer === 'B') {\n                        correct = true;\n                    }\n                    break;\n                case 3:\n                    if(answer === 'C') {\n                        correct = true;\n                    }\n                    break;\n                case 4:\n                    if(answer === 'B') {\n                        correct = true;\n                    }\n                    break;\n                case 5:\n                    if(answer === 'B') {\n                        correct = true;\n                    }\n                    break;\n                default:\n                    break;\n            }\n\n            if(correct) {\n                document.getElementById(`feedback-${scene}`).textContent = '\u00a1Correcto!';\n                document.getElementById(`feedback-${scene}`).style.color = 'green';\n                \/\/ Avanza a la siguiente escena despu\u00e9s de un breve retraso\n                setTimeout(() => {\n                    document.getElementById(`scene-${scene}`).classList.add('hidden');\n                    if(scene < 5) {\n                        document.getElementById(`scene-${scene + 1}`).classList.remove('hidden');\n                    } else {\n                        document.getElementById('final-screen').classList.remove('hidden');\n                    }\n                }, 1000);\n            } else {\n                document.getElementById(`feedback-${scene}`).textContent = 'Respuesta incorrecta. Int\u00e9ntalo de nuevo.';\n                document.getElementById(`feedback-${scene}`).style.color = 'red';\n            }\n        }\n\n        function restartGame() {\n            \/\/ Reinicia todas las escenas y vuelve a la pantalla de inicio\n            for(let i = 1; i <=5; i++) {\n                const scene = document.getElementById(`scene-${i}`);\n                if(scene) scene.classList.add('hidden');\n                const feedback = document.getElementById(`feedback-${i}`);\n                if(feedback) feedback.textContent = '';\n            }\n            const finalScreen = document.getElementById('final-screen');\n            if(finalScreen) finalScreen.classList.add('hidden');\n            const startScreen = document.getElementById('start-screen');\n            if(startScreen) startScreen.classList.remove('hidden');\n            const nameInput = document.getElementById('player-name');\n            if(nameInput) nameInput.value = '';\n        }\n\n        \/* \n        \/\/ Funci\u00f3n opcional para compartir en redes sociales\n        function shareGame() {\n            const shareText = `He completado el juego educativo celta en [Tu Sitio Web]!`;\n            const shareURL = window.location.href;\n            window.open(`https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(shareText)}&#038;url=${encodeURIComponent(shareURL)}`, '_blank');\n        }\n        *\/\n\n        \/\/ Funciones para el Juego de 3 en Raya\n        let board = ['', '', '', '', '', '', '', '', ''];\n        let currentPlayer = 'X'; \/\/ Jugador es 'X' (Jugador), Jefe es 'O'\n        let gameActive = true;\n\n        const winningConditions = [\n            [0,1,2],\n            [3,4,5],\n            [6,7,8],\n            [0,3,6],\n            [1,4,7],\n            [2,5,8],\n            [0,4,8],\n            [2,4,6]\n        ];\n\n        const cells = document.querySelectorAll('.cell');\n\n        cells.forEach(cell => {\n            cell.addEventListener('click', handleCellClick);\n        });\n\n        function startTicTacToe() {\n            document.getElementById('final-screen').classList.add('hidden');\n            document.getElementById('tictactoe-screen').classList.remove('hidden');\n            resetTicTacToe();\n        }\n\n        function handleCellClick(e) {\n            const clickedCell = e.target;\n            const clickedIndex = parseInt(clickedCell.getAttribute('data-index'));\n\n            if(board[clickedIndex] !== '' || !gameActive) {\n                return;\n            }\n\n            updateCell(clickedCell, clickedIndex, currentPlayer);\n            checkResult();\n            if(gameActive) {\n                \/\/ Jefe realiza su movimiento despu\u00e9s de un breve retraso\n                setTimeout(() => {\n                    jefeMove();\n                    checkResult();\n                }, 500);\n            }\n        }\n\n        function updateCell(cell, index, player) {\n            board[index] = player;\n            if(player === 'X') {\n                cell.innerHTML = `<img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/jugador_1.png\" alt=\"Jugador\" style=\"width: 80%; height: 80%;\">`;\n            } else if(player === 'O') {\n                cell.innerHTML = `<img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/jugador_2.png\" alt=\"Jefe\" style=\"width: 80%; height: 80%;\">`;\n            }\n            cell.classList.add('disabled');\n        }\n\n        function checkResult() {\n            let roundWon = false;\n            let winningCombination = [];\n\n            for(let i = 0; i < winningConditions.length; i++) {\n                const [a, b, c] = winningConditions[i];\n                if(board[a] &#038;&#038; board[a] === board[b] &#038;&#038; board[a] === board[c]) {\n                    roundWon = true;\n                    winningCombination = [a, b, c];\n                    break;\n                }\n            }\n\n            if(roundWon) {\n                gameActive = false;\n                if(currentPlayer === 'X') {\n                    \/\/ Jugador gana\n                    setTimeout(() => {\n                        highlightWinningCells(winningCombination);\n                        showTicTacToeResult('\u00a1Felicidades! Has derrotado al jefe y ahora controlas el poblado.');\n                    }, 500);\n                } else {\n                    \/\/ Jefe gana\n                    setTimeout(() => {\n                        highlightWinningCells(winningCombination);\n                        showTicTacToeResult('Has perdido. El jefe mantiene el control del poblado.');\n                    }, 500);\n                }\n                return;\n            }\n\n            if(!board.includes('')) {\n                gameActive = false;\n                setTimeout(() => {\n                    showTicTacToeResult('\u00a1Es un empate! El jefe y t\u00fa comparten el liderazgo del poblado.');\n                }, 500);\n                return;\n            }\n\n            \/\/ Cambiar turno\n            currentPlayer = currentPlayer === 'X' ? 'O' : 'X';\n        }\n\n        function jefeMove() {\n            \/\/ Estrategia simple: elegir una casilla vac\u00eda al azar\n            const availableIndices = board.map((val, idx) => val === '' ? idx : null).filter(val => val !== null);\n            if(availableIndices.length === 0) return;\n\n            const randomIndex = availableIndices[Math.floor(Math.random() * availableIndices.length)];\n            const jefePlayer = 'O';\n            const cell = document.querySelector(`.cell[data-index='${randomIndex}']`);\n            updateCell(cell, randomIndex, jefePlayer);\n        }\n\n        function showTicTacToeResult(message) {\n            document.getElementById('tictactoe-screen').classList.add('hidden');\n            document.getElementById('tictactoe-result-screen').classList.remove('hidden');\n            document.getElementById('tictactoe-result-message').innerHTML = `<p>${message}<\/p>`;\n        }\n\n        function restartTicTacToe() {\n            resetTicTacToe();\n        }\n\n        function resetTicTacToe() {\n            board = ['', '', '', '', '', '', '', '', ''];\n            currentPlayer = 'X';\n            gameActive = true;\n            cells.forEach(cell => {\n                cell.innerHTML = '';\n                cell.classList.remove('disabled');\n            });\n            document.getElementById('tictactoe-message').textContent = '\u00a1Desaf\u00eda al Jefe de la Tribu Celta en un juego de 3 en raya!';\n            document.getElementById('tictactoe-result-screen').classList.add('hidden');\n            document.getElementById('tictactoe-screen').classList.remove('hidden');\n        }\n\n        function endGame() {\n            document.getElementById('tictactoe-screen').classList.add('hidden');\n            document.getElementById('final-screen').classList.remove('hidden');\n        }\n\n        function highlightWinningCells(indices) {\n            indices.forEach(index => {\n                const cell = document.querySelector(`.cell[data-index='${index}']`);\n                if(cell) {\n                    cell.style.backgroundColor = '#FFD700'; \/\/ Dorado para resaltar\n                }\n            });\n        }\n\n        \/\/ Asignar funciones al objeto window para que sean accesibles globalmente\n        window.startGame = startGame;\n        window.checkAnswer = checkAnswer;\n        window.restartGame = restartGame;\n        window.startTicTacToe = startTicTacToe;\n        window.restartTicTacToe = restartTicTacToe;\n        window.endGame = endGame;\n    });\n<\/script>\n\n\n\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_1313\">\r\n\t\t<div class=\"images_wrap\">\r\n                            <img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/imagen3.jpg.webp\" alt=\"\">\r\n            \t\t<\/div>\t\r\n\t\t \t\t \t\t <div class=\"drag_element tips \" style=\"top:21.58%;left:90.80%;\" >\r\n\t\t \t<div class=\"point_style  ihotspot_tooltop_html\" data-placement=\"n\" data-html=\"\t\t \t\t\t                  &lt;div class=&quot;box_view_html&quot;&gt;&lt;span class=&quot;close_ihp&quot;&gt;&lt;svg version=&quot;1.1&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; xmlns:xlink=&quot;http:\/\/www.w3.org\/1999\/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; viewBox=&quot;0 0 1000 1000&quot; enable-background=&quot;new 0 0 1000 1000&quot; xml:space=&quot;preserve&quot;&gt;&lt;g&gt;&lt;path d=&quot;M153.7,153.7C57.9,249.5,10,365.3,10,499c0,135.7,47.9,251.5,143.7,347.3l0,0C249.5,942.1,363.3,990,499,990c135.7,0,251.5-47.9,347.3-143.7C942.1,750.5,990,634.7,990,499c0-135.7-47.9-249.5-143.7-345.3l0,0C750.5,57.9,634.7,10,499,10C365.3,10,249.5,57.9,153.7,153.7z M209.6,211.6l2-2C289.4,129.7,387.2,89.8,499,89.8c113.8,0,209.6,39.9,291.4,121.8c79.8,77.8,119.8,175.6,119.8,287.4c0,113.8-39.9,209.6-119.8,291.4C708.6,870.3,612.8,910.2,499,910.2c-111.8,0-209.6-39.9-287.4-119.8C129.8,708.6,89.8,612.8,89.8,499C89.8,387.2,129.8,289.4,209.6,211.6z&quot;\/&gt;&lt;path d=&quot;M293.4,331.3c0,12,4,22,12,29.9L443.1,497L305.4,632.7c-8,8-12,18-12,29.9c0,10,4,18,12,26c8,8,18,12,28,12c12,0,20-4,27.9-10L499,552.9l135.7,137.7c8,6,16,10,28,10c12,0,21.9-4,27.9-10c8-8,12-18,12-28c0-12-4-21.9-12-29.9L554.9,497l135.7-135.7c8-8,12-18,12-27.9c0-12-4-22-12-29.9c-6-8-16-12-25.9-12c-12,0-21.9,4-29.9,12L499,441.1L363.3,303.4c-8-8-18-12-29.9-12c-10,0-20,4-28,12C297.4,311.4,293.4,321.4,293.4,331.3z&quot;\/&gt;&lt;\/g&gt;&lt;\/svg&gt;&lt;\/span&gt;&lt;p&gt;Los celtas, expertos agricultores, practicaban la rotaci\u00f3n de cultivos y utilizaban herramientas sencillas, como azadas y arados de madera, para labrar la tierra. Sus principales cultivos inclu\u00edan cebada, avena y trigo, con los que produc\u00edan pan y cerveza. Tambi\u00e9n aprovechaban el lino y la cebada para textiles y alimento para el ganado. La agricultura celta depend\u00eda de las estaciones y estaba profundamente conectada con sus creencias espirituales, venerando a dioses de la fertilidad para asegurar buenas cosechas.&lt;\/p&gt;\n&lt;\/div&gt;\r\n\t\t\t \t\t \t\t \">\r\n\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t<div class=\"pins_animation ihotspot_pulse\" style=\"top:-83.9985px;left:-83.9985px;height:167px;width:167px\"><\/div>\r\n\t\t\t \t\t\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/lupa-B.png\" class=\"pins_image ihotspot_hastooltop\" style=\"top:-83.9985px;left:-83.9985px\" alt=\"\">\r\n\t\t\t \t\t\t\t \t\t\t\t \t<\/div>\r\n\t\t <\/div>\r\n\t\t \t\t <div class=\"drag_element tips \" style=\"top:56.00%;left:30.95%;\" >\r\n\t\t \t<div class=\"point_style  ihotspot_tooltop_html\" data-placement=\"n\" data-html=\"\t\t \t\t\t                  &lt;div class=&quot;box_view_html&quot;&gt;&lt;span class=&quot;close_ihp&quot;&gt;&lt;svg version=&quot;1.1&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; xmlns:xlink=&quot;http:\/\/www.w3.org\/1999\/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; viewBox=&quot;0 0 1000 1000&quot; enable-background=&quot;new 0 0 1000 1000&quot; xml:space=&quot;preserve&quot;&gt;&lt;g&gt;&lt;path d=&quot;M153.7,153.7C57.9,249.5,10,365.3,10,499c0,135.7,47.9,251.5,143.7,347.3l0,0C249.5,942.1,363.3,990,499,990c135.7,0,251.5-47.9,347.3-143.7C942.1,750.5,990,634.7,990,499c0-135.7-47.9-249.5-143.7-345.3l0,0C750.5,57.9,634.7,10,499,10C365.3,10,249.5,57.9,153.7,153.7z M209.6,211.6l2-2C289.4,129.7,387.2,89.8,499,89.8c113.8,0,209.6,39.9,291.4,121.8c79.8,77.8,119.8,175.6,119.8,287.4c0,113.8-39.9,209.6-119.8,291.4C708.6,870.3,612.8,910.2,499,910.2c-111.8,0-209.6-39.9-287.4-119.8C129.8,708.6,89.8,612.8,89.8,499C89.8,387.2,129.8,289.4,209.6,211.6z&quot;\/&gt;&lt;path d=&quot;M293.4,331.3c0,12,4,22,12,29.9L443.1,497L305.4,632.7c-8,8-12,18-12,29.9c0,10,4,18,12,26c8,8,18,12,28,12c12,0,20-4,27.9-10L499,552.9l135.7,137.7c8,6,16,10,28,10c12,0,21.9-4,27.9-10c8-8,12-18,12-28c0-12-4-21.9-12-29.9L554.9,497l135.7-135.7c8-8,12-18,12-27.9c0-12-4-22-12-29.9c-6-8-16-12-25.9-12c-12,0-21.9,4-29.9,12L499,441.1L363.3,303.4c-8-8-18-12-29.9-12c-10,0-20,4-28,12C297.4,311.4,293.4,321.4,293.4,331.3z&quot;\/&gt;&lt;\/g&gt;&lt;\/svg&gt;&lt;\/span&gt;&lt;p&gt;Las casas celtas eran sencillas pero funcionales, construidas con materiales naturales como madera, piedra y barro. Sol\u00edan ser redondas, con techos c\u00f3nicos de paja o juncos, dise\u00f1ados para resistir el clima. Los muros eran gruesos para proteger del fr\u00edo, y algunas viviendas m\u00e1s avanzadas usaban t\u00e9cnicas de entramado de madera y barro. El interior, iluminado por una hoguera central, serv\u00eda como espacio para cocinar, calentar y reunirse en familia.&lt;\/p&gt;\n&lt;p&gt;&lt;img decoding=&quot;async&quot; class=&quot;size-medium wp-image-1268 aligncenter&quot; src=&quot;https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/magnific-YIP9vaZCiIBRxGHZQXjL-u8664825617_Interior_of_a_Celtic_cabin_depicting_daily_life_f_7d872e7f-7cf5-435e-b1ca-dd7671ae648f_0-300x182.webp&quot; alt=&quot;&quot; width=&quot;300&quot; height=&quot;182&quot; srcset=&quot;https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/magnific-YIP9vaZCiIBRxGHZQXjL-u8664825617_Interior_of_a_Celtic_cabin_depicting_daily_life_f_7d872e7f-7cf5-435e-b1ca-dd7671ae648f_0-300x182.webp 300w, https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/magnific-YIP9vaZCiIBRxGHZQXjL-u8664825617_Interior_of_a_Celtic_cabin_depicting_daily_life_f_7d872e7f-7cf5-435e-b1ca-dd7671ae648f_0-1024x620.webp 1024w, https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/magnific-YIP9vaZCiIBRxGHZQXjL-u8664825617_Interior_of_a_Celtic_cabin_depicting_daily_life_f_7d872e7f-7cf5-435e-b1ca-dd7671ae648f_0.webp 1136w&quot; sizes=&quot;(max-width: 300px) 100vw, 300px&quot; \/&gt;Estas viviendas reflejaban la estrecha relaci\u00f3n de los celtas con la naturaleza y su entorno.&lt;\/p&gt;\n&lt;\/div&gt;\r\n\t\t\t \t\t \t\t \">\r\n\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t<div class=\"pins_animation ihotspot_pulse\" style=\"top:-83.9985px;left:-83.9985px;height:167px;width:167px\"><\/div>\r\n\t\t\t \t\t\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/lupa-B.png\" class=\"pins_image ihotspot_hastooltop\" style=\"top:-83.9985px;left:-83.9985px\" alt=\"\">\r\n\t\t\t \t\t\t\t \t\t\t\t \t<\/div>\r\n\t\t <\/div>\r\n\t\t \t\t <div class=\"drag_element tips \" style=\"top:42.73%;left:53.97%;\" >\r\n\t\t \t<div class=\"point_style  ihotspot_tooltop_html\" data-placement=\"n\" data-html=\"\t\t \t\t\t                  &lt;div class=&quot;box_view_html&quot;&gt;&lt;span class=&quot;close_ihp&quot;&gt;&lt;svg version=&quot;1.1&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; xmlns:xlink=&quot;http:\/\/www.w3.org\/1999\/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; viewBox=&quot;0 0 1000 1000&quot; enable-background=&quot;new 0 0 1000 1000&quot; xml:space=&quot;preserve&quot;&gt;&lt;g&gt;&lt;path d=&quot;M153.7,153.7C57.9,249.5,10,365.3,10,499c0,135.7,47.9,251.5,143.7,347.3l0,0C249.5,942.1,363.3,990,499,990c135.7,0,251.5-47.9,347.3-143.7C942.1,750.5,990,634.7,990,499c0-135.7-47.9-249.5-143.7-345.3l0,0C750.5,57.9,634.7,10,499,10C365.3,10,249.5,57.9,153.7,153.7z M209.6,211.6l2-2C289.4,129.7,387.2,89.8,499,89.8c113.8,0,209.6,39.9,291.4,121.8c79.8,77.8,119.8,175.6,119.8,287.4c0,113.8-39.9,209.6-119.8,291.4C708.6,870.3,612.8,910.2,499,910.2c-111.8,0-209.6-39.9-287.4-119.8C129.8,708.6,89.8,612.8,89.8,499C89.8,387.2,129.8,289.4,209.6,211.6z&quot;\/&gt;&lt;path d=&quot;M293.4,331.3c0,12,4,22,12,29.9L443.1,497L305.4,632.7c-8,8-12,18-12,29.9c0,10,4,18,12,26c8,8,18,12,28,12c12,0,20-4,27.9-10L499,552.9l135.7,137.7c8,6,16,10,28,10c12,0,21.9-4,27.9-10c8-8,12-18,12-28c0-12-4-21.9-12-29.9L554.9,497l135.7-135.7c8-8,12-18,12-27.9c0-12-4-22-12-29.9c-6-8-16-12-25.9-12c-12,0-21.9,4-29.9,12L499,441.1L363.3,303.4c-8-8-18-12-29.9-12c-10,0-20,4-28,12C297.4,311.4,293.4,321.4,293.4,331.3z&quot;\/&gt;&lt;\/g&gt;&lt;\/svg&gt;&lt;\/span&gt;&lt;p&gt;La ganader\u00eda era fundamental para los celtas, quienes criaban principalmente ganado vacuno, ovejas y cerdos. Estos animales proporcionaban carne, leche, cuero y lana, productos esenciales para su subsistencia. Los celtas eran conocidos por su habilidad en el pastoreo y manejaban sus reba\u00f1os en grandes \u00e1reas de pastizales. El ganado tambi\u00e9n ten\u00eda un valor simb\u00f3lico y social, ya que a menudo representaba riqueza y estatus en la comunidad.&lt;\/p&gt;\n&lt;\/div&gt;\r\n\t\t\t \t\t \t\t \">\r\n\t\t \t\t\t\t\t \t\t\t\t\t \t\t\t<div class=\"pins_animation ihotspot_pulse\" style=\"top:-83.9985px;left:-83.9985px;height:167px;width:167px\"><\/div>\r\n\t\t\t \t\t\t\t\t \t\t<img decoding=\"async\" src=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/wp-content\/uploads\/2024\/09\/lupa-B.png\" class=\"pins_image ihotspot_hastooltop\" style=\"top:-83.9985px;left:-83.9985px\" alt=\"\">\r\n\t\t\t \t\t\t\t \t\t\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\n\n\n\n<!-- Vi\u00f1eta 3: Interior de una Casa -->\n<div id=\"scene-3\" class=\"hidden\">\n    <?php echo do_shortcode('[devvn_ihotspot id=\"1313\"]'); ?> \n    <div class=\"bocadillo\">\n        <p>Entramos a una casa t\u00edpica celta. Observa c\u00f3mo viv\u00edan, las herramientas que utilizaban y c\u00f3mo organizaban su espacio.<\/p>\n        <p><strong>\u00bfQu\u00e9 actividades se realizaban com\u00fanmente dentro de las casas celtas?<\/strong><\/p>\n        <div class=\"options\">\n            <button onclick=\"checkAnswer(3, 'A')\">A) Fabricaci\u00f3n de armas y armaduras<\/button>\n            <button onclick=\"checkAnswer(3, 'B')\">B) Agricultura y cr\u00eda de animales<\/button>\n            <button onclick=\"checkAnswer(3, 'C')\">C) Artesan\u00eda, cocina y reuni\u00f3n familiar<\/button>\n            <button onclick=\"checkAnswer(3, 'D')\">D) Comercio con otras tribus<\/button>\n        <\/div>\n        <div id=\"feedback-3\" class=\"feedback\"><\/div>\n    <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u00a1Bienvenido al Centro de Interpretaci\u00f3n Celta! Por favor, introduce tu nombre para comenzar tu aventura. Comenzar Hola, . Soy tu gu\u00eda en esta aventura por el mundo celta. Acomp\u00e1\u00f1ame mientras exploramos los hermosos paisajes donde viv\u00edan nuestros ancestros. \u00bfPor qu\u00e9 los celtas eligieron estos valles para establecerse? A) Por la riqueza en minerales B) Para &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/?page_id=1259\" class=\"more-link\">Leer m\u00e1s<span class=\"screen-reader-text\"> \u00abJUEGO\u00bb<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"inspiro_hide_featured_image":false,"footnotes":""},"class_list":["post-1259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/index.php?rest_route=\/wp\/v2\/pages\/1259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1259"}],"version-history":[{"count":53,"href":"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/index.php?rest_route=\/wp\/v2\/pages\/1259\/revisions"}],"predecessor-version":[{"id":1333,"href":"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/index.php?rest_route=\/wp\/v2\/pages\/1259\/revisions\/1333"}],"wp:attachment":[{"href":"https:\/\/xn--cardeosacastrodelascogotas-lrc.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}