{"id":245,"date":"2026-04-10T09:33:39","date_gmt":"2026-04-10T13:33:39","guid":{"rendered":"https:\/\/www.cristian.tumarcaagencia.com\/?page_id=245"},"modified":"2026-04-17T10:01:58","modified_gmt":"2026-04-17T14:01:58","slug":"capacitacion","status":"publish","type":"page","link":"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/capacitacion\/","title":{"rendered":"capacitaci\u00f3n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"245\" class=\"elementor elementor-245\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79b175e e-flex e-con-boxed e-con e-parent\" data-id=\"79b175e\" 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-6e53595 elementor-widget elementor-widget-shortcode\" data-id=\"6e53595\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <div class=\"buscador-alumnos\" style=\"margin-bottom: 40px; text-align: center;\">\n        <form method=\"GET\" action=\"\">\n            <input type=\"text\" name=\"s_alumno\" placeholder=\"Nombre, apellido o fecha (AAAA-MM-DD)...\" value=\"\" style=\"padding:12px; width:70%; max-width:400px; border:2px solid #0073aa; border-radius:25px; outline: none;\">\n            <button type=\"submit\" style=\"padding:12px 25px; background:#0073aa; color:white; border:none; border-radius:25px; cursor:pointer; font-weight:bold; transition: 0.3s;\">\ud83d\udd0d Buscar<\/button>\n        <\/form>\n    <\/div>\n\n    <div class=\"contenedor-alumnos\" style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 25px;\">\n                <div class=\"card-alumno\" style=\"background:#fff; border-radius:15px; overflow:hidden; text-align:center; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 20px; border: 1px solid #eee;\">\n                <div style=\"width:110px; height:110px; margin: 0 auto 15px; border-radius: 50%; overflow:hidden; border: 3px solid #0073aa;\">\n                    <img decoding=\"async\" src=\"https:\/\/www.cristian.tumarcaagencia.com\/wp-content\/uploads\/2026\/02\/2_Home_Online_Training-Testimonials_1.jpg\" alt=\"Foto\" style=\"width:100%; height:100%; object-fit:cover;\">\n                <\/div>\n                <h3 style=\"margin:10px 0 5px; color:#333; font-size:1.2em;\">luis ca\u00f1as villamizar<\/h3>\n                <p style=\"color: #888; font-size: 0.9em; margin-bottom: 0;\">\ud83d\udcc5 Nacimiento:<\/p>\n                <p style=\"font-weight:bold; color:#555; margin-top:2px;\">22\/03\/2004<\/p>\n            <\/div>\n                        <div class=\"card-alumno\" style=\"background:#fff; border-radius:15px; overflow:hidden; text-align:center; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 20px; border: 1px solid #eee;\">\n                <div style=\"width:110px; height:110px; margin: 0 auto 15px; border-radius: 50%; overflow:hidden; border: 3px solid #0073aa;\">\n                    <img decoding=\"async\" src=\"https:\/\/www.cristian.tumarcaagencia.com\/wp-content\/uploads\/2026\/02\/2_Home_Online_Training-Testimonials_2.jpg\" alt=\"Foto\" style=\"width:100%; height:100%; object-fit:cover;\">\n                <\/div>\n                <h3 style=\"margin:10px 0 5px; color:#333; font-size:1.2em;\">marco contreras belen<\/h3>\n                <p style=\"color: #888; font-size: 0.9em; margin-bottom: 0;\">\ud83d\udcc5 Nacimiento:<\/p>\n                <p style=\"font-weight:bold; color:#555; margin-top:2px;\">03\/04\/2001<\/p>\n            <\/div>\n                        <div class=\"card-alumno\" style=\"background:#fff; border-radius:15px; overflow:hidden; text-align:center; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 20px; border: 1px solid #eee;\">\n                <div style=\"width:110px; height:110px; margin: 0 auto 15px; border-radius: 50%; overflow:hidden; border: 3px solid #0073aa;\">\n                    <img decoding=\"async\" src=\"https:\/\/www.cristian.tumarcaagencia.com\/wp-content\/uploads\/2026\/02\/2_Home_Online_Training-Testimonials_3.jpg\" alt=\"Foto\" style=\"width:100%; height:100%; object-fit:cover;\">\n                <\/div>\n                <h3 style=\"margin:10px 0 5px; color:#333; font-size:1.2em;\">maria rodriguez salamanca<\/h3>\n                <p style=\"color: #888; font-size: 0.9em; margin-bottom: 0;\">\ud83d\udcc5 Nacimiento:<\/p>\n                <p style=\"font-weight:bold; color:#555; margin-top:2px;\">23\/07\/2011<\/p>\n            <\/div>\n                <\/div>\n    <\/div>\n\t\t\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-935931e e-flex e-con-boxed e-con e-parent\" data-id=\"935931e\" 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-27820da elementor-widget elementor-widget-shortcode\" data-id=\"27820da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n        #game-container {\n            width: 100%;\n            max-width: 800px;\n            margin: 20px auto;\n            text-align: center;\n            font-family: 'Arial', sans-serif;\n            position: relative;\n        }\n        canvas {\n            background: #f0f0f0;\n            border: 2px solid #333;\n            display: block;\n            margin: 0 auto;\n            border-radius: 8px;\n            cursor: pointer;\n        }\n        .stats {\n            display: flex;\n            justify-content: space-around;\n            font-weight: bold;\n            font-size: 20px;\n            margin-bottom: 10px;\n        }\n    <\/style>\n\n    <div id=\"game-container\">\n        <div class=\"stats\">\n            <span>Puntos: <span id=\"score\">0<\/span><\/span>\n            <span>Nivel: <span id=\"level\">1<\/span><\/span>\n        <\/div>\n        <canvas id=\"musicGame\" width=\"800\" height=\"200\"><\/canvas>\n        <p>Presiona <strong>\"W\"<\/strong> para saltar<\/p>\n        <button id=\"start-btn\" style=\"padding: 10px 20px; cursor:pointer; font-weight:bold; background:#FF5733; color:white; border:none; border-radius:5px;\">EMPEZAR JUEGO<\/button>\n    <\/div>\n\n    <script>\n    (function() {\n        const canvas = document.getElementById('musicGame');\n        const ctx = canvas.getContext('2d');\n        const scoreEl = document.getElementById('score');\n        const levelEl = document.getElementById('level');\n        const startBtn = document.getElementById('start-btn');\n\n        \/\/ Cargar imagen de la nota musical\n        const playerImg = new Image();\n        playerImg.src = 'https:\/\/www.cristian.tumarcaagencia.com\/wp-content\/uploads\/2026\/04\/image_bd2966d0-2.png';\n\n        \/\/ Configuraci\u00f3n de audio\n        const audioCtx = new (window.AudioContext || window.webkitAudioContext)();\n        function playSound(freq, type, duration) {\n            const osc = audioCtx.createOscillator();\n            const gain = audioCtx.createGain();\n            osc.type = type;\n            osc.frequency.setValueAtTime(freq, audioCtx.currentTime);\n            gain.gain.setValueAtTime(0.1, audioCtx.currentTime);\n            osc.connect(gain);\n            gain.connect(audioCtx.destination);\n            osc.start();\n            osc.stop(audioCtx.currentTime + duration);\n        }\n\n        let score = 0;\n        let level = 1;\n        let gameRunning = false;\n        let gameSpeed = 5;\n        let animationId;\n\n        const player = {\n            x: 50,\n            y: 140,\n            width: 45,  \/\/ Ajustado al tama\u00f1o de la imagen\n            height: 45, \/\/ Ajustado al tama\u00f1o de la imagen\n            dy: 0,\n            jumpForce: 13,\n            gravity: 0.7,\n            grounded: false,\n            draw() {\n                \/\/ Dibujamos la imagen en lugar de la forma geom\u00e9trica\n                ctx.drawImage(playerImg, this.x, this.y, this.width, this.height);\n            }\n        };\n\n        let obstacles = [];\n\n        function spawnObstacle() {\n            let size = 25 + Math.random() * 20;\n            \/\/ Nivel 3: Algunos c\u00edrculos flotan\n            let yPos = (level === 3 && Math.random() > 0.5) ? 100 : 165;\n            obstacles.push({\n                x: canvas.width,\n                y: yPos,\n                radius: size \/ 2,\n                color: '#333'\n            });\n        }\n\n        function update() {\n            if (!gameRunning) return;\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n            \/\/ Gravedad y Salto\n            player.dy += player.gravity;\n            player.y += player.dy;\n\n            \/\/ Suelo\n            if (player.y + player.height > canvas.height - 10) {\n                player.y = canvas.height - 10 - player.height;\n                player.dy = 0;\n                player.grounded = true;\n            }\n\n            player.draw();\n\n            \/\/ Obst\u00e1culos\n            if (Math.random() < 0.02) { \n                if(obstacles.length === 0 || obstacles[obstacles.length-1].x < canvas.width - 250) {\n                    spawnObstacle();\n                }\n            }\n\n            obstacles.forEach((obs, index) => {\n                obs.x -= gameSpeed;\n                \n                \/\/ Dibujar c\u00edrculo (obst\u00e1culo)\n                ctx.beginPath();\n                ctx.fillStyle = obs.color;\n                ctx.arc(obs.x, obs.y, obs.radius, 0, Math.PI * 2);\n                ctx.fill();\n\n                \/\/ Colisi\u00f3n (ajustada para el centro de la imagen)\n                let playerCenterX = player.x + (player.width \/ 2);\n                let playerCenterY = player.y + (player.height \/ 2);\n                \n                let dx = playerCenterX - obs.x;\n                let dy = playerCenterY - obs.y;\n                let distance = Math.sqrt(dx * dx + dy * dy);\n\n                if (distance < obs.radius + (player.width \/ 3)) {\n                    gameOver();\n                }\n\n                \/\/ Punto ganado\n                if (obs.x + obs.radius < 0) {\n                    obstacles.splice(index, 1);\n                    score++;\n                    scoreEl.innerText = score;\n                    playSound(523, 'sine', 0.05); \/\/ Do agudo\n\n                    if (score === 10 && level === 1) nextLevel(2, 8);\n                    if (score === 20 && level === 2) nextLevel(3, 11);\n                }\n            });\n\n            animationId = requestAnimationFrame(update);\n        }\n\n        function nextLevel(newLvl, newSpeed) {\n            level = newLvl;\n            gameSpeed = newSpeed;\n            levelEl.innerText = level;\n            playSound(659, 'square', 0.2); \/\/ Mi\n            canvas.style.background = level === 2 ? '#e8f5e9' : '#fff3e0';\n        }\n\n        function gameOver() {\n            gameRunning = false;\n            cancelAnimationFrame(animationId);\n            playSound(220, 'sawtooth', 0.5); \n            alert(\"\u00a1Game Over! Puntos: \" + score);\n            resetGame();\n        }\n\n        function resetGame() {\n            score = 0;\n            level = 1;\n            gameSpeed = 5;\n            obstacles = [];\n            player.y = 140;\n            scoreEl.innerText = score;\n            levelEl.innerText = level;\n            canvas.style.background = '#f0f0f0';\n        }\n\n        window.addEventListener('keydown', (e) => {\n            if (e.key.toLowerCase() === 'w' && player.grounded) {\n                player.dy = -player.jumpForce;\n                player.grounded = false;\n                playSound(392, 'triangle', 0.1); \/\/ Sol\n            }\n        });\n\n        startBtn.addEventListener('click', () => {\n            if (!gameRunning) {\n                if (audioCtx.state === 'suspended') {\n                    audioCtx.resume();\n                }\n                resetGame();\n                gameRunning = true;\n                update();\n            }\n        });\n    })();\n    <\/script>\n    <\/div>\n\t\t\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-be14d08 e-flex e-con-boxed e-con e-parent\" data-id=\"be14d08\" 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-3bf9c0f elementor-widget elementor-widget-shortcode\" data-id=\"3bf9c0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[tetris_game]<\/div>\n\t\t\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-3cd6333 e-flex e-con-boxed e-con e-parent\" data-id=\"3cd6333\" 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-418daa4 elementor-widget elementor-widget-heading\" data-id=\"418daa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">header IA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c82150 elementor-widget elementor-widget-shortcode\" data-id=\"3c82150\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><nav class=\"custom-header-nav\"><ul id=\"menu-manjar\" class=\"menu\"><li id=\"menu-item-138\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-138\"><a href=\"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/inicio-2\/\">INICIO<\/a><\/li>\n<li id=\"menu-item-137\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-137\"><a href=\"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/productos\/\">Productos<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-257\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-257\"><a href=\"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/capacitacion\/\">capacitaci\u00f3n<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-140\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-140\"><a href=\"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/contacto\/\">Contacto<\/a><\/li>\n<li id=\"menu-item-139\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-139\"><a href=\"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/nosotros\/\">Nosotros<\/a><\/li>\n<\/ul><\/nav><\/div>\n\t\t\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>[tetris_game] header IA<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-245","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":16,"href":"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/245\/revisions"}],"predecessor-version":[{"id":270,"href":"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/245\/revisions\/270"}],"wp:attachment":[{"href":"https:\/\/www.cristian.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/media?parent=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}