{"id":18278,"date":"2026-01-21T10:43:07","date_gmt":"2026-01-21T16:43:07","guid":{"rendered":"https:\/\/redporlaciberseguridad.org\/?page_id=18278"},"modified":"2026-04-16T20:05:31","modified_gmt":"2026-04-17T02:05:31","slug":"agente-copilot-ejercicio","status":"publish","type":"page","link":"https:\/\/redporlaciberseguridad.org\/en\/agente-copilot-ejercicio\/","title":{"rendered":"Agente Copilot &#8211; Ejercicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18278\" class=\"elementor elementor-18278\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-449361f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"449361f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8439fd6 elementor-widget elementor-widget-html\" data-id=\"8439fd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Agente Fitness | Semana de la IA<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@500;700;900&family=Fira+Code:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                        tech: ['Orbitron', 'sans-serif'],\r\n                        mono: ['Fira Code', 'monospace'],\r\n                    },\r\n                    colors: {\r\n                        slate: { 950: '#020617' },\r\n                        fitness: {\r\n                            light: '#34d399', \/\/ Emerald 400\r\n                            DEFAULT: '#10b981', \/\/ Emerald 500\r\n                            dark: '#047857', \/\/ Emerald 700\r\n                            glow: 'rgba(16, 185, 129, 0.5)'\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        \/* --- SCOPE (ENCAPSULAMIENTO) --- *\/\r\n        .ia-agent-wrapper {\r\n            background-color: #020617;\r\n            color: #e2e8f0;\r\n            overflow: visible; \r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            isolation: isolate;\r\n        }\r\n\r\n        \/* --- FONDO --- *\/\r\n        .ia-agent-wrapper .cyber-grid {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: \r\n                linear-gradient(rgba(16, 185, 129, 0.05) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(16, 185, 129, 0.05) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            mask-image: linear-gradient(to bottom, black 40%, transparent 100%);\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* --- UI GLASS --- *\/\r\n        .ia-agent-wrapper .glass-panel {\r\n            background: rgba(15, 23, 42, 0.6);\r\n            backdrop-filter: blur(12px);\r\n            border: 1px solid rgba(16, 185, 129, 0.2);\r\n            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        \/* --- TERMINAL BOX (Prompt) --- *\/\r\n        .ia-agent-wrapper .terminal-box {\r\n            background: #0f172a;\r\n            border: 1px solid #1e293b;\r\n            border-left: 4px solid #10b981;\r\n            font-family: 'Fira Code', monospace;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.5s ease-in-out;\r\n        }\r\n        .ia-agent-wrapper .terminal-box::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 2px;\r\n            background: linear-gradient(90deg, transparent, #10b981, transparent);\r\n            animation: scanline 3s infinite linear;\r\n        }\r\n\r\n        @keyframes scanline {\r\n            0% { transform: translateX(-100%); }\r\n            100% { transform: translateX(100%); }\r\n        }\r\n\r\n        \/* --- VIDEO FRAME --- *\/\r\n        .ia-agent-wrapper .phone-frame {\r\n            border: 8px solid #1e293b;\r\n            border-radius: 2rem;\r\n            box-shadow: 0 0 50px rgba(16, 185, 129, 0.2), inset 0 0 20px rgba(0,0,0,0.5);\r\n            background: #000;\r\n            position: relative;\r\n            overflow: hidden;\r\n            aspect-ratio: 9\/16;\r\n            max-height: 80vh;\r\n        }\r\n\r\n        \/* --- BOTONES --- *\/\r\n        .ia-agent-wrapper .btn-action {\r\n            background: linear-gradient(90deg, #10b981, #059669);\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            display: inline-flex;\r\n            text-decoration: none;\r\n        }\r\n        .ia-agent-wrapper .btn-action:hover {\r\n            box-shadow: 0 0 25px rgba(16, 185, 129, 0.6);\r\n            transform: translateY(-2px);\r\n        }\r\n        .ia-agent-wrapper .btn-action::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%; left: -50%; width: 200%; height: 200%;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 60%);\r\n            transform: scale(0);\r\n            transition: transform 0.6s;\r\n        }\r\n        .ia-agent-wrapper .btn-action:hover::after { transform: scale(1); }\r\n\r\n        .ia-agent-wrapper .btn-outline {\r\n            border: 1px solid rgba(16, 185, 129, 0.5);\r\n            background: rgba(16, 185, 129, 0.05);\r\n            transition: all 0.3s;\r\n            cursor: pointer;\r\n            color: #34d399;\r\n        }\r\n        .ia-agent-wrapper .btn-outline:hover {\r\n            background: rgba(16, 185, 129, 0.15);\r\n            border-color: #10b981;\r\n            color: #fff;\r\n        }\r\n\r\n        \/* --- TEXTOS --- *\/\r\n        .ia-agent-wrapper .text-glow { text-shadow: 0 0 10px rgba(16, 185, 129, 0.5); }\r\n        \r\n        \/* --- PASO A PASO --- *\/\r\n        .ia-agent-wrapper .step-circle {\r\n            width: 32px; height: 32px;\r\n            background: rgba(16, 185, 129, 0.2);\r\n            border: 1px solid #10b981;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n            color: #34d399;\r\n            font-family: 'Orbitron', sans-serif;\r\n        }\r\n\r\n        \/* --- ANIMACIONES --- *\/\r\n        .ia-agent-wrapper .reveal {\r\n            opacity: 0; transform: translateY(20px);\r\n            transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\r\n        }\r\n        .ia-agent-wrapper .reveal.active { opacity: 1; transform: translateY(0); }\r\n        .ia-agent-wrapper .delay-100 { transition-delay: 0.1s; }\r\n        .ia-agent-wrapper .delay-200 { transition-delay: 0.2s; }\r\n        .ia-agent-wrapper .delay-300 { transition-delay: 0.3s; }\r\n\r\n        .ia-agent-wrapper .prompt-container {\r\n            max-height: 120px;\r\n            overflow: hidden;\r\n            transition: max-height 0.5s ease-in-out;\r\n        }\r\n        .ia-agent-wrapper .prompt-container.expanded {\r\n            max-height: 1500px;\r\n        }\r\n        \r\n        .ia-agent-wrapper * {\r\n            box-sizing: border-box;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"ia-agent-wrapper font-sans antialiased\">\r\n        \r\n        <div class=\"absolute inset-0 z-0 pointer-events-none overflow-hidden\">\r\n            <div class=\"cyber-grid\"><\/div>\r\n            <div class=\"absolute bottom-0 left-0 w-full h-1\/2 bg-gradient-to-t from-slate-950 to-transparent\"><\/div>\r\n            <div class=\"absolute top-20 right-20 w-96 h-96 bg-green-600\/10 rounded-full blur-[100px] animate-pulse\"><\/div>\r\n            <div class=\"absolute bottom-20 left-20 w-96 h-96 bg-emerald-600\/10 rounded-full blur-[100px] animate-pulse\" style=\"animation-delay: 1s;\"><\/div>\r\n        <\/div>\r\n\r\n        <nav class=\"relative z-40 w-full p-4 md:p-6 flex justify-between items-center border-b border-white\/5 bg-slate-950\/50 backdrop-blur-md\">\r\n            <div class=\"flex items-center gap-3\">\r\n                <a href=\"https:\/\/redporlaciberseguridad.org\/semana-de-la-ia\/\" class=\"text-gray-400 hover:text-white transition-colors flex items-center gap-2 text-xs md:text-sm uppercase tracking-widest font-tech decoration-0 no-underline\">\r\n                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\r\n                    <span class=\"hidden sm:inline\">Volver a <\/span>Inicio\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"flex items-center gap-2\">\r\n                <div class=\"w-2 h-2 rounded-full bg-emerald-500 animate-pulse\"><\/div>\r\n                <span class=\"text-fitness-light font-bold font-tech text-xs md:text-sm\">MODO: FIT<\/span>\r\n            <\/div>\r\n        <\/nav>\r\n\r\n        <main class=\"relative z-10 flex-1 flex flex-col lg:flex-row items-center lg:items-start justify-center gap-8 lg:gap-16 p-4 md:p-6 lg:p-12 max-w-7xl mx-auto w-full pt-8\">\r\n            \r\n            <div class=\"w-full lg:w-[400px] flex-shrink-0 flex justify-center relative lg:sticky lg:top-24 mb-6 lg:mb-0 reveal\">\r\n                <div class=\"phone-frame w-full max-w-[320px] lg:max-w-full group shadow-2xl bg-black relative overflow-hidden\">\r\n                    <iframe \r\n                        id=\"fitnessVideo\"\r\n                        class=\"w-full h-full object-cover\"\r\n                        src=\"https:\/\/www.youtube.com\/embed\/2QjP2xQW8QI?enablejsapi=1&rel=0&modestbranding=1&autoplay=1&mute=1&playsinline=1\" \r\n                        title=\"Asistente Ejercicio\" \r\n                        frameborder=\"0\" \r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n                        referrerpolicy=\"strict-origin-when-cross-origin\" \r\n                        allowfullscreen>\r\n                    <\/iframe>\r\n                    \r\n                    <div id=\"videoOverlay\" onclick=\"playVideo()\" class=\"absolute inset-0 z-30 cursor-pointer bg-black\/40 hover:bg-black\/20 transition-all duration-300 group\">\r\n                        <div class=\"absolute bottom-0 left-0 w-full p-6 bg-gradient-to-t from-black via-black\/80 to-transparent pt-20 z-10\">\r\n                            <h3 class=\"text-white font-bold text-lg text-glow\">Science Fit Coach \ud83d\udcaa<\/h3>\r\n                            <p class=\"text-gray-300 text-sm\">Cambia tu f\u00edsico con ciencia...<\/p>\r\n                            <div class=\"w-full bg-gray-700 h-1 rounded-full mt-3 overflow-hidden\">\r\n                                <div class=\"w-1\/3 h-full bg-emerald-500\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex-1 w-full max-w-2xl reveal delay-100\">\r\n                <div class=\"mb-8 border-b border-gray-800 pb-6\">\r\n                    <div class=\"flex items-center gap-4 mb-2\">\r\n                        <span class=\"text-4xl md:text-5xl\">\ud83d\udcaa<\/span>\r\n                        <div>\r\n                            <h1 class=\"text-2xl md:text-3xl lg:text-5xl font-black text-white font-tech text-glow leading-tight\">AGENTE FITNESS<\/h1>\r\n                            <p class=\"text-fitness-light font-bold uppercase tracking-widest text-xs md:text-sm mt-1\">Science Fit Coach<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"text-gray-400 text-base md:text-lg mt-4 leading-relaxed\">\r\n                        El 99% falla por seguir rutinas gen\u00e9ricas. <span class=\"text-white font-bold\">Crea tu coach personal de talla mundial<\/span> basado 100% en evidencia cient\u00edfica y biomec\u00e1nica.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mb-10 relative\">\r\n                    <h3 class=\"text-white font-bold font-tech text-lg mb-6 flex items-center gap-2\">\r\n                        <span class=\"w-2 h-6 bg-emerald-500 block\"><\/span>\r\n                        C\u00d3MO ACTIVAR TU COACH IA\r\n                    <\/h3>\r\n                    <div class=\"space-y-8 relative pl-4 border-l border-gray-800 ml-2\">\r\n                        <div class=\"relative pl-6\">\r\n                            <div class=\"absolute -left-[27px] step-circle\">1<\/div>\r\n                            <h4 class=\"text-white font-bold text-sm uppercase\">Entra a la IA<\/h4>\r\n                            <p class=\"text-gray-400 text-sm mt-1\">Visita <a href=\"https:\/\/copilot.microsoft.com\/\" target=\"_blank\" class=\"text-emerald-400 underline font-bold hover:text-emerald-300 transition-colors\">Copilot<\/a>.<\/p>\r\n                        <\/div>\r\n                        <div class=\"relative pl-6\">\r\n                            <div class=\"absolute -left-[27px] step-circle\">2<\/div>\r\n                            <h4 class=\"text-white font-bold text-sm uppercase\">Copia el Prompt Maestro<\/h4>\r\n                            <p class=\"text-gray-400 text-sm mt-1\">Usa el bot\u00f3n de abajo para copiar las reglas de entrenamiento.<\/p>\r\n                        <\/div>\r\n                        <div class=\"relative pl-6\">\r\n                            <div class=\"absolute -left-[27px] step-circle\">3<\/div>\r\n                            <h4 class=\"text-white font-bold text-sm uppercase\">Pega y Responde<\/h4>\r\n                            <p class=\"text-gray-400 text-sm mt-1\">La IA te pedir\u00e1 datos f\u00edsicos para personalizar tu rutina.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mb-10 reveal delay-200\">\r\n                    <div class=\"flex justify-between items-end mb-3\">\r\n                        <h3 class=\"text-white font-bold font-tech flex items-center gap-2 text-sm md:text-base\">\r\n                            <span class=\"w-2 h-6 bg-emerald-500 block\"><\/span>\r\n                            EL PROMPT MAESTRO\r\n                        <\/h3>\r\n                        <div class=\"flex gap-2\">\r\n                            <span class=\"text-[10px] md:text-xs text-green-400 uppercase tracking-wider font-mono bg-green-500\/10 px-2 py-1 rounded hidden\" id=\"copySuccess\">\u00a1Copiado!<\/span>\r\n                            <span class=\"text-[10px] md:text-xs text-fitness-light uppercase tracking-wider font-mono bg-emerald-500\/10 px-2 py-1 rounded\">Science Mode<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"terminal-box p-4 md:p-6 rounded-lg text-sm text-gray-300 leading-relaxed shadow-2xl group relative\">\r\n                        <div id=\"promptContainer\" class=\"prompt-container relative\">\r\n                            <p id=\"promptText\" class=\"whitespace-pre-line font-mono text-xs md:text-sm text-gray-300\"><\/p>\r\n                            <div id=\"fadeOverlay\" class=\"absolute bottom-0 left-0 w-full h-20 bg-gradient-to-t from-[#0f172a] to-transparent pointer-events-none transition-opacity duration-300\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"mt-6 flex flex-col sm:flex-row gap-3 pt-4 border-t border-gray-800\">\r\n                            <button onclick=\"copyFullPrompt()\" class=\"w-full sm:flex-1 bg-emerald-600 hover:bg-emerald-500 text-white py-3 sm:py-2 px-4 rounded text-xs font-bold uppercase tracking-wider flex items-center justify-center gap-2 transition-all hover:scale-[1.02] order-1\">\r\n                                Copiar Prompt\r\n                            <\/button>\r\n                            <button onclick=\"togglePrompt()\" id=\"toggleBtn\" class=\"w-full sm:w-auto px-4 py-3 sm:py-2 border border-gray-600 text-gray-400 rounded text-xs font-bold uppercase transition-all order-2\">\r\n                                Ver Todo\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"flex flex-col gap-6 reveal delay-300 border-t border-gray-800 pt-8 pb-10\">\r\n                    <div class=\"flex flex-col sm:flex-row gap-4\">\r\n                        <a id=\"btnConstancia\" href=\"https:\/\/forms.office.com\/r\/dBZe17WDvN\" target=\"_blank\" class=\"btn-action flex-1 py-4 px-6 rounded-lg font-bold text-white font-tech uppercase tracking-wide flex items-center justify-center gap-3 decoration-0 no-underline\">\r\n                            <span>\ud83d\udcdc Obtener Constancia<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/redporlaciberseguridad.org\/semana-de-la-ia\/\" class=\"btn-outline py-4 px-6 rounded-lg font-bold text-fitness-light font-tech uppercase tracking-wide flex-1 flex items-center justify-center gap-2 decoration-0 no-underline\">\r\n                            Ver M\u00e1s Agentes\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/main>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const reveals = document.querySelectorAll('.reveal');\r\n            reveals.forEach((el, index) => {\r\n                setTimeout(() => el.classList.add('active'), index * 100);\r\n            });\r\n            document.getElementById('promptText').innerText = fitnessPrompt;\r\n        });\r\n\r\n        const fitnessPrompt = `Act\u00faa como un Science Fit Coach de talla mundial. Enfoque 100% basado en evidencia cient\u00edfica.\r\nAntes de darme un plan, hazme preguntas sobre: Estatura, Peso, Objetivo, Tiempo, Equipo y Lesiones.`;\r\n\r\n        function togglePrompt() {\r\n            const container = document.getElementById('promptContainer');\r\n            const overlay = document.getElementById('fadeOverlay');\r\n            const btn = document.getElementById('toggleBtn');\r\n            container.classList.toggle('expanded');\r\n            if (container.classList.contains('expanded')) {\r\n                overlay.style.opacity = '0';\r\n                btn.innerHTML = 'Colapsar';\r\n            } else {\r\n                overlay.style.opacity = '1';\r\n                btn.innerHTML = 'Ver Todo';\r\n            }\r\n        }\r\n\r\n        function copyFullPrompt() {\r\n            navigator.clipboard.writeText(fitnessPrompt).then(() => {\r\n                const successMsg = document.getElementById('copySuccess');\r\n                successMsg.classList.remove('hidden');\r\n                setTimeout(() => successMsg.classList.add('hidden'), 3000);\r\n            });\r\n        }\r\n\r\n        function playVideo() {\r\n            const iframe = document.getElementById('fitnessVideo');\r\n            const overlay = document.getElementById('videoOverlay');\r\n            if (iframe && overlay) {\r\n                overlay.style.display = 'none';\r\n                iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*');\r\n            }\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f1dc59 elementor-widget elementor-widget-html\" data-id=\"9f1dc59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Grabaciones | Coach de Ejercicio con IA<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@500;700;900&family=Fira+Code:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                        tech: ['Orbitron', 'sans-serif'],\r\n                        mono: ['Fira Code', 'monospace'],\r\n                    },\r\n                    colors: {\r\n                        teacher: {\r\n                            light: '#60a5fa',\r\n                            DEFAULT: '#3b82f6',\r\n                            dark: '#1d4ed8',\r\n                            glow: 'rgba(59, 130, 246, 0.5)'\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        \/* BASE STYLE - TRANSPARENTE *\/\r\n        body {\r\n            background-color: transparent !important;\r\n            color: #e2e8f0;\r\n            margin: 0;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* AJUSTE DE CONTENEDOR PARA COINCIDIR CON EL DISE\u00d1O SUPERIOR *\/\r\n        .ia-agent-section {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 80rem; \/* max-w-7xl *\/\r\n            margin: 0 auto;\r\n            padding: 4rem 1rem;\r\n            isolation: isolate;\r\n            background: transparent;\r\n        }\r\n\r\n        .text-glow { text-shadow: 0 0 10px rgba(59, 130, 246, 0.6); }\r\n\r\n        \/* VIDEO CARDS - MANTIENEN EFECTO GLASS PERO SOBRE EL FONDO EXTERNO *\/\r\n        .video-card {\r\n            background: rgba(15, 23, 42, 0.7);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(59, 130, 246, 0.2);\r\n            border-radius: 1.25rem;\r\n            overflow: hidden;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n            width: 100%;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .video-card:hover {\r\n            border-color: #3b82f6;\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);\r\n        }\r\n\r\n        \/* REVEAL ANIMATION *\/\r\n        .reveal {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: all 1s cubic-bezier(0.5, 0, 0, 1);\r\n        }\r\n        .reveal.active {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- CONTENEDOR RESTRINGIDO Y TRANSPARENTE -->\r\n    <div class=\"ia-agent-section font-sans\">\r\n        \r\n        <!-- HEADER SECCI\u00d3N -->\r\n        <header class=\"w-full text-center mb-16 reveal\">\r\n            <h1 class=\"text-4xl md:text-6xl font-black text-white font-tech text-glow mb-4 tracking-tighter uppercase\">\r\n                GRABACIONES\r\n            <\/h1>\r\n            <p class=\"text-gray-400 text-sm md:text-lg max-w-2xl mx-auto leading-relaxed\">\r\n                Crea tu propio COACH DE EJERCICIO con IA: rutinas personalizadas, motivaci\u00f3n y acompa\u00f1amiento total.\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <!-- CONTENEDOR DE VIDEO \u00daNICO -->\r\n        <main class=\"flex justify-center px-4\">\r\n            \r\n            <!-- SESI\u00d3N \u00daNICA: COACH DE EJERCICIO -->\r\n            <div class=\"video-card reveal\" style=\"transition-delay: 200ms;\">\r\n                <div class=\"p-5 border-b border-white\/5 bg-white\/5 flex items-center justify-between\">\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <span class=\"text-2xl\">\ud83d\udcaa<\/span>\r\n                        <div>\r\n                            <h3 class=\"text-white font-bold font-tech text-xs md:text-sm uppercase tracking-wider\">Coach de Ejercicio IA<\/h3>\r\n                            <p class=\"text-[10px] text-teacher-light font-mono opacity-70\">Rutinas y Entrenamiento Personalizado<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"h-2 w-2 rounded-full bg-blue-500 animate-pulse\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"aspect-video bg-black relative\">\r\n                    <!-- Nuevo Iframe Coach de Ejercicio -->\r\n                    <iframe \r\n                        src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=314&href=https%3A%2F%2Fwww.facebook.com%2Freel%2F2181116016021552%2F&show_text=false&width=560&t=0\" \r\n                        class=\"absolute inset-0 w-full h-full\"\r\n                        style=\"border:none;overflow:hidden\" \r\n                        scrolling=\"no\" \r\n                        frameborder=\"0\" \r\n                        allowfullscreen=\"true\" \r\n                        allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\">\r\n                    <\/iframe>\r\n                <\/div>\r\n                <div class=\"p-6 bg-slate-900\/30\">\r\n                    <ul class=\"text-xs text-gray-300 space-y-2 font-sans\">\r\n                        <li class=\"flex items-start gap-2\">\r\n                            <span class=\"text-blue-400\">\ud83d\udd25<\/span>\r\n                            <span>Dise\u00f1a rutinas diarias espec\u00edficas seg\u00fan tus objetivos personales.<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-start gap-2\">\r\n                            <span class=\"text-blue-400\">\u2728<\/span>\r\n                            <span>Sin pagar entrenadores: motivaci\u00f3n y gu\u00eda constante con herramientas de IA.<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/main>\r\n\r\n        <!-- FOOTER SIMPLE -->\r\n        <footer class=\"mt-20 text-center reveal\" style=\"transition-delay: 400ms;\">\r\n            <p class=\"text-gray-500 text-[10px] font-tech uppercase tracking-[0.2em]\">Semana de la IA \u00a9 2026<\/p>\r\n        <\/footer>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const reveals = document.querySelectorAll('.reveal');\r\n            setTimeout(() => {\r\n                reveals.forEach(el => {\r\n                    el.classList.add('active');\r\n                });\r\n            }, 100);\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d320d7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3d320d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Agente Fitness | Semana de la IA Volver a Inicio MODO: FIT Science Fit Coach \ud83d\udcaa Cambia tu f\u00edsico con ciencia&#8230; \ud83d\udcaa AGENTE FITNESS Science Fit Coach El 99% falla por seguir rutinas gen\u00e9ricas. Crea tu coach personal de talla mundial basado 100% en evidencia cient\u00edfica y biomec\u00e1nica. C\u00d3MO ACTIVAR TU COACH IA 1 Entra<\/p>","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-18278","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/comments?post=18278"}],"version-history":[{"count":19,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18278\/revisions"}],"predecessor-version":[{"id":19918,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18278\/revisions\/19918"}],"wp:attachment":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/media?parent=18278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}