Misi\u00f3n y Visi\u00f3n - InnovacTion 4.0<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary: #4a00e0;\r\n --secondary: #8e2de2;\r\n --accent: #00c6ff;\r\n --dark: #2d3748;\r\n --light: #ffffff;\r\n --gray-light: #f7fafc;\r\n --gray: #e2e8f0;\r\n --text: #4a5568;\r\n --gradient: linear-gradient(135deg, var(--primary), var(--secondary), var(--accent));\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n body {\r\n background: var(--light);\r\n color: var(--text);\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 2rem;\r\n }\r\n \r\n header {\r\n text-align: center;\r\n padding: 3rem 0;\r\n position: relative;\r\n }\r\n \r\n .logo {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n background: var(--gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n margin-bottom: 1rem;\r\n display: inline-block;\r\n }\r\n .container header .logo {\r\n background: linear-gradient(135deg, #4a00e0, #8e2de2, #00c6ff) !important;\r\n -webkit-background-clip: text !important;\r\n background-clip: text !important;\r\n color: transparent !important;\r\n}\r\n \r\n .subtitle {\r\n font-size: 1.2rem;\r\n color: var(--text);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n opacity: 0.8;\r\n }\r\n \r\n .cards-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin-top: 2rem;\r\n }\r\n \r\n .card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 2.5rem;\r\n width: 100%;\r\n max-width: 550px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n border: 1px solid var(--gray);\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform 0.5s ease, box-shadow 0.5s ease;\r\n }\r\n \r\n .card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 15px 40px rgba(74, 0, 224, 0.15);\r\n }\r\n \r\n .card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: var(--gradient);\r\n }\r\n \r\n .card-icon {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.5rem;\r\n background: var(--gray-light);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n .card-icon i {\r\n font-size: 2.5rem;\r\n background: var(--gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n \r\n .card-title {\r\n font-size: 2rem;\r\n margin-bottom: 1.5rem;\r\n position: relative;\r\n padding-bottom: 0.5rem;\r\n color: var(--dark);\r\n }\r\n \r\n .card-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 60px;\r\n height: 3px;\r\n background: var(--accent);\r\n border-radius: 3px;\r\n }\r\n \r\n .card-content {\r\n line-height: 1.7;\r\n font-size: 1.1rem;\r\n color: var(--text);\r\n }\r\n \r\n .card-content p {\r\n margin-bottom: 1.2rem;\r\n }\r\n \r\n .highlight {\r\n color: var(--primary);\r\n font-weight: 600;\r\n position: relative;\r\n }\r\n \r\n .highlight::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -2px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: var(--accent);\r\n opacity: 0.3;\r\n }\r\n \r\n .timeline {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 3rem 0;\r\n position: relative;\r\n }\r\n \r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: var(--gray);\r\n transform: translateY(-50%);\r\n }\r\n \r\n .timeline-dot {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: var(--light);\r\n border: 3px solid var(--accent);\r\n position: relative;\r\n z-index: 2;\r\n box-shadow: 0 0 0 5px rgba(0, 198, 255, 0.2);\r\n }\r\n \r\n .timeline-text {\r\n position: absolute;\r\n top: -40px;\r\n font-weight: 600;\r\n color: var(--accent);\r\n background: var(--light);\r\n padding: 5px 15px;\r\n border-radius: 20px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n .stats-container {\r\n display: flex;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin: 3rem 0;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .stat {\r\n text-align: center;\r\n padding: 1.5rem;\r\n border-radius: 15px;\r\n background: var(--gray-light);\r\n min-width: 150px;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .stat:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .stat-number {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n background: var(--gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n margin-bottom: 0.5rem;\r\n }\r\n \r\n .stat-text {\r\n font-size: 0.9rem;\r\n color: var(--text);\r\n opacity: 0.8;\r\n }\r\n \r\n footer {\r\n text-align: center;\r\n padding: 2rem 0;\r\n margin-top: 3rem;\r\n color: var(--text);\r\n border-top: 1px solid var(--gray);\r\n opacity: 0.7;\r\n }\r\n \r\n .pulse {\r\n animation: pulse 2s infinite;\r\n }\r\n \r\n @keyframes pulse {\r\n 0% { transform: scale(1); }\r\n 50% { transform: scale(1.05); }\r\n 100% { transform: scale(1); }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .cards-container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .card {\r\n padding: 2rem;\r\n }\r\n \r\n .card-title {\r\n fontSize: 1.7rem;\r\n }\r\n \r\n .stats-container {\r\n gap: 1rem;\r\n }\r\n \r\n .stat {\r\n min-width: 120px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <header>\r\n <h1 class=\"logo pulse\">InnovacTion 4.0<\/h1>\r\n <p class=\"subtitle\">Articulando capacidades tecnol\u00f3gicas para la transformaci\u00f3n digital<\/p>\r\n \r\n <div class=\"timeline\">\r\n <div class=\"timeline-dot\"><\/div>\r\n <div class=\"timeline-text\">2025 \u2192 2030<\/div>\r\n <\/div>\r\n <\/header>\r\n \r\n <div class=\"cards-container\">\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-bullseye\"><\/i>\r\n <\/div>\r\n <h2 class=\"card-title\">Misi\u00f3n<\/h2>\r\n <div class=\"card-content\">\r\n <p>La <span class=\"highlight\">Red InnovacTion 4.0<\/span> tiene como misi\u00f3n articular y potenciar las capacidades tecnol\u00f3gicas, productivas y consultivas del sector empresarial para <span class=\"highlight\">cocrear, desarrollar y madurar proyectos<\/span> basados en tecnolog\u00edas 4.0.<\/p>\r\n \r\n <p>Fortalecemos la <span class=\"highlight\">productividad, competitividad y transformaci\u00f3n digital<\/span> de las organizaciones integrantes a trav\u00e9s del liderazgo del Centro de Innovaci\u00f3n y Productividad INNOVACTion.<\/p>\r\n \r\n <p>Impulsamos la <span class=\"highlight\">innovaci\u00f3n colaborativa<\/span>, la transferencia de conocimiento, la validaci\u00f3n tecnol\u00f3gica TRL y la generaci\u00f3n de soluciones de alto impacto aplicadas a los desaf\u00edos del entorno productivo y territorial.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-eye\"><\/i>\r\n <\/div>\r\n <h2 class=\"card-title\">Visi\u00f3n 2030<\/h2>\r\n <div class=\"card-content\">\r\n <p>Para el a\u00f1o <span class=\"highlight\">2030<\/span>, la Red InnovacTion 4.0 ser\u00e1 reconocida como la <span class=\"highlight\">red empresarial l\u00edder<\/span> en co-creaci\u00f3n, maduraci\u00f3n e implementaci\u00f3n de tecnolog\u00edas 4.0 en Colombia y la regi\u00f3n.<\/p>\r\n \r\n <p>Integraremos empresas innovadoras capaces de desarrollar <span class=\"highlight\">soluciones avanzadas<\/span> que transformen procesos productivos, modelos de negocio y cadenas de valor.<\/p>\r\n \r\n <p>Nos consolidaremos como un <span class=\"highlight\">ecosistema din\u00e1mico, sostenible y altamente competitivo<\/span>, referente en transformaci\u00f3n digital, omnicanalidad, automatizaci\u00f3n, inteligencia artificial y validaci\u00f3n tecnol\u00f3gica aplicada a proyectos empresariales de alto impacto.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n <script>\r\n \/\/ Efecto de aparici\u00f3n de las tarjetas al hacer scroll\r\n function initScrollEffects() {\r\n const cards = document.querySelectorAll('.card');\r\n const stats = document.querySelectorAll('.stat');\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n \r\n cards.forEach(card => {\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(50px)';\r\n card.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n observer.observe(card);\r\n });\r\n \r\n stats.forEach(stat => {\r\n stat.style.opacity = '0';\r\n stat.style.transform = 'translateY(30px)';\r\n stat.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n observer.observe(stat);\r\n });\r\n }\r\n \r\n \/\/ Efecto de escritura para el t\u00edtulo\r\n function typeWriterEffect() {\r\n const title = document.querySelector('.logo');\r\n const text = title.textContent;\r\n title.textContent = '';\r\n \r\n let i = 0;\r\n const timer = setInterval(() => {\r\n if (i < text.length) {\r\n title.textContent += text.charAt(i);\r\n i++;\r\n } else {\r\n clearInterval(timer);\r\n }\r\n }, 100);\r\n }\r\n \r\n \/\/ Animaci\u00f3n de n\u00fameros para las estad\u00edsticas\r\n function animateStats() {\r\n const statNumbers = document.querySelectorAll('.stat-number');\r\n \r\n statNumbers.forEach(stat => {\r\n const target = parseInt(stat.textContent);\r\n let current = 0;\r\n const increment = target \/ 50;\r\n const timer = setInterval(() => {\r\n current += increment;\r\n if (current >= target) {\r\n stat.textContent = target + (stat.textContent.includes('+') ? '+' : '');\r\n clearInterval(timer);\r\n } else {\r\n stat.textContent = Math.floor(current) + (stat.textContent.includes('+') ? '+' : '');\r\n }\r\n }, 30);\r\n });\r\n }\r\n \r\n \/\/ Inicializar cuando se carga la p\u00e1gina\r\n window.addEventListener('load', () => {\r\n initScrollEffects();\r\n typeWriterEffect();\r\n \r\n \/\/ Animar estad\u00edsticas despu\u00e9s de un breve retraso\r\n setTimeout(animateStats, 1000);\r\n \r\n \/\/ Efecto de interacci\u00f3n con las tarjetas\r\n const cards = document.querySelectorAll('.card');\r\n cards.forEach(card => {\r\n card.addEventListener('mouseenter', () => {\r\n card.style.background = 'var(--gray-light)';\r\n });\r\n \r\n card.addEventListener('mouseleave', () => {\r\n card.style.background = 'var(--light)';\r\n });\r\n });\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63f6a9f e-flex e-con-boxed e-con e-parent\" data-id=\"63f6a9f\" 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-963a459 elementor-widget elementor-widget-html\" data-id=\"963a459\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Valores Innovacttion 4.0<\/title>\r\n <style>\r\n :root {\r\n --primary-color: #4a00e0;\r\n --secondary-color: #8e2de2;\r\n --accent-color: #00c6ff;\r\n --text-color: #333;\r\n --light-bg: #f8f9fa;\r\n --card-bg: rgba(255, 255, 255, 0.9);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n color: var(--text-color);\r\n overflow-x: hidden;\r\n min-height: 100vh;\r\n padding-bottom: 50px;\r\n }\r\n\r\n \/* --- PART\u00cdCULAS DE FONDO MEJORADAS --- *\/\r\n .particles-container {\r\n position: fixed;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 0;\r\n overflow: hidden;\r\n pointer-events: none;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n background: var(--primary-color);\r\n border-radius: 50%;\r\n opacity: 0.15; \/* M\u00e1s opacas *\/\r\n filter: blur(8px); \/* Desenfoque aplicado *\/\r\n animation: float 20s infinite ease-in-out;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { \r\n transform: translate(0, 0) rotate(0deg) scale(1);\r\n opacity: 0.1;\r\n }\r\n 25% { \r\n transform: translate(20px, 40px) rotate(5deg) scale(1.1);\r\n opacity: 0.2;\r\n }\r\n 50% { \r\n transform: translate(-15px, 60px) rotate(-5deg) scale(0.9);\r\n opacity: 0.15;\r\n }\r\n 75% { \r\n transform: translate(10px, 30px) rotate(3deg) scale(1.05);\r\n opacity: 0.18;\r\n }\r\n }\r\n\r\n \/* --- T\u00cdTULO --- *\/\r\n .title-container {\r\n position: relative;\r\n z-index: 2;\r\n padding: 100px 20px 50px;\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n\r\n h2.title {\r\n font-size: 3.5rem;\r\n background: linear-gradient(45deg, var(--primary-color), var(--accent-color));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n margin-bottom: 20px;\r\n font-weight: 900;\r\n letter-spacing: -1px;\r\n position: relative;\r\n display: inline-block;\r\n animation: titleFloat 3s ease-in-out infinite;\r\n }\r\n\r\n @keyframes titleFloat {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n\r\n h2.title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 100px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary-color), var(--accent-color));\r\n border-radius: 2px;\r\n }\r\n\r\n .subtitle {\r\n font-size: 1.2rem;\r\n color: #666;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n animation: fadeIn 1.5s ease-out;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* --- GRID DE VALORES --- *\/\r\n .values-container {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n padding: 0 40px 80px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- TARJETA ULTRAMODERNA CON RESPLANDOR GRADIENTE --- *\/\r\n .value-box {\r\n background: var(--card-bg);\r\n backdrop-filter: blur(10px);\r\n padding: 30px;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: cardAppear 0.8s ease forwards;\r\n }\r\n\r\n @keyframes cardAppear {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .value-box:nth-child(1) { animation-delay: 0.1s; }\r\n .value-box:nth-child(2) { animation-delay: 0.2s; }\r\n .value-box:nth-child(3) { animation-delay: 0.3s; }\r\n .value-box:nth-child(4) { animation-delay: 0.4s; }\r\n .value-box:nth-child(5) { animation-delay: 0.5s; }\r\n .value-box:nth-child(6) { animation-delay: 0.6s; }\r\n .value-box:nth-child(7) { animation-delay: 0.7s; }\r\n .value-box:nth-child(8) { animation-delay: 0.8s; }\r\n\r\n .value-box::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--primary-color), var(--accent-color));\r\n }\r\n\r\n .value-box:hover {\r\n transform: translateY(-15px) scale(1.03);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .value-box::after {\r\n content: \"\";\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at center,\r\n rgba(142, 45, 226, 0.1),\r\n rgba(74, 0, 224, 0.05),\r\n transparent 70%);\r\n z-index: -1;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n }\r\n\r\n .value-box:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n \/* --- N\u00daMERO DEL VALOR --- *\/\r\n .value-number {\r\n position: absolute;\r\n top: 15px;\r\n right: 20px;\r\n font-size: 3rem;\r\n font-weight: 900;\r\n color: rgba(74, 0, 224, 0.1);\r\n line-height: 1;\r\n }\r\n\r\n \/* --- T\u00cdTULOS DE CADA CARD --- *\/\r\n .value-box h3 {\r\n margin-top: 0;\r\n color: var(--primary-color);\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n position: relative;\r\n padding-bottom: 10px;\r\n }\r\n\r\n .value-box h3::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 40px;\r\n height: 3px;\r\n background: var(--accent-color);\r\n border-radius: 2px;\r\n }\r\n\r\n .value-box p {\r\n color: #555;\r\n line-height: 1.6;\r\n font-size: 1rem;\r\n }\r\n\r\n \/* --- ICONOS --- *\/\r\n .icon-container {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n box-shadow: 0 5px 15px rgba(74, 0, 224, 0.3);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .value-box:hover .icon-container {\r\n transform: rotate(15deg) scale(1.1);\r\n }\r\n\r\n .icon {\r\n width: 30px;\r\n height: 30px;\r\n color: white;\r\n }\r\n\r\n \/* --- BOT\u00d3N FLOTANTE --- *\/\r\n .floating-btn {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 1.5rem;\r\n box-shadow: 0 5px 20px rgba(74, 0, 224, 0.4);\r\n cursor: pointer;\r\n z-index: 100;\r\n transition: all 0.3s ease;\r\n opacity: 0;\r\n visibility: hidden;\r\n }\r\n\r\n .floating-btn.visible {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .floating-btn:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 8px 25px rgba(74, 0, 224, 0.6);\r\n }\r\n\r\n \/* --- RESPONSIVE --- *\/\r\n @media (max-width: 768px) {\r\n h2.title {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .values-container {\r\n grid-template-columns: 1fr;\r\n padding: 0 20px 60px;\r\n gap: 25px;\r\n }\r\n \r\n .value-box {\r\n padding: 25px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"particles-container\" id=\"particlesContainer\"><\/div>\r\n\r\n \r\n <div class=\"title-container\">\r\n <h2 class=\"title\">Valores Corporativos<\/h2>\r\n <p class=\"subtitle\">\r\n Nuestros principios fundamentales que gu\u00edan cada proyecto y decisi\u00f3n en Innovacttion 4.0\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"values-container\">\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">1<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M13 2L3 14h6l-4 8 12-12h-6l4-8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Innovaci\u00f3n continua<\/h3>\r\n <p>Desarrollamos soluciones disruptivas basadas en tecnolog\u00edas emergentes y mejora constante.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">2<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Colaboraci\u00f3n interempresarial<\/h3>\r\n <p>Unimos capacidades para construir soluciones m\u00e1s fuertes que la suma de sus partes.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">3<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\r\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Confidencialidad y \u00e9tica<\/h3>\r\n <p>Protegemos la informaci\u00f3n estrat\u00e9gica con integridad, respeto y transparencia.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">4<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Excelencia t\u00e9cnica<\/h3>\r\n <p>Aplicamos metodolog\u00edas rigurosas y est\u00e1ndares de alta calidad para validar tecnolog\u00edas.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">5<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3.5 13.5l9 9 9-9\"\/>\r\n <path d=\"M12.5 22.5v-20\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Productividad sostenible<\/h3>\r\n <p>Fomentamos modelos eficientes, rentables y responsables con el entorno empresarial.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">6<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\r\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Transformaci\u00f3n digital responsable<\/h3>\r\n <p>Adoptamos tecnolog\u00edas 4.0 con enfoque \u00e9tico, seguro y generador de valor.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">7<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Enfoque en resultados<\/h3>\r\n <p>Buscamos impactos reales, medibles y replicables dentro del sector productivo.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">8<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"\/>\r\n <line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"\/>\r\n <line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Integraci\u00f3n y diversidad empresarial<\/h3>\r\n <p>Valoramos la complementariedad sectorial para enriquecer las soluciones desarrolladas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"floating-btn\" id=\"scrollTopBtn\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"18 15 12 9 6 15\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Crear part\u00edculas de fondo mejoradas\r\n function createParticles() {\r\n const container = document.getElementById('particlesContainer');\r\n const particleCount = 40; \/\/ Menos part\u00edculas para mejor rendimiento\r\n \r\n for (let i = 0; i < particleCount; i++) {\r\n const particle = document.createElement('div');\r\n particle.classList.add('particle');\r\n \r\n \/\/ Tama\u00f1o aleatorio m\u00e1s variado\r\n const size = Math.random() * 80 + 20; \/\/ Part\u00edculas m\u00e1s grandes\r\n particle.style.width = `${size}px`;\r\n particle.style.height = `${size}px`;\r\n \r\n \/\/ Posici\u00f3n aleatoria\r\n particle.style.left = `${Math.random() * 100}%`;\r\n particle.style.top = `${Math.random() * 100}%`;\r\n \r\n \/\/ Opacidad m\u00e1s alta\r\n const opacity = Math.random() * 0.15 + 0.1;\r\n particle.style.opacity = opacity;\r\n \r\n \/\/ Color aleatorio entre los colores del gradiente con variaci\u00f3n\r\n const colors = [\r\n 'rgba(74, 0, 224, 0.4)', \/\/ M\u00e1s opaco\r\n 'rgba(142, 45, 226, 0.35)', \/\/ M\u00e1s opaco\r\n 'rgba(0, 198, 255, 0.3)' \/\/ M\u00e1s opaco\r\n ];\r\n const color = colors[Math.floor(Math.random() * colors.length)];\r\n particle.style.background = color;\r\n \r\n \/\/ Animaci\u00f3n m\u00e1s suave\r\n const duration = Math.random() * 25 + 15;\r\n const delay = Math.random() * 10;\r\n particle.style.animation = `float ${duration}s ${delay}s infinite ease-in-out`;\r\n \r\n \/\/ A\u00f1adir al contenedor\r\n container.appendChild(particle);\r\n }\r\n }\r\n\r\n \/\/ Bot\u00f3n para volver al inicio\r\n document.getElementById('scrollTopBtn').addEventListener('click', () => {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: 'smooth'\r\n });\r\n });\r\n\r\n \/\/ Mostrar\/ocultar bot\u00f3n seg\u00fan el scroll\r\n window.addEventListener('scroll', () => {\r\n const scrollTopBtn = document.getElementById('scrollTopBtn');\r\n if (window.scrollY > 300) {\r\n scrollTopBtn.classList.add('visible');\r\n } else {\r\n scrollTopBtn.classList.remove('visible');\r\n }\r\n });\r\n\r\n \/\/ Efecto de movimiento con el mouse (parallax) m\u00e1s sutil\r\n document.addEventListener('mousemove', (e) => {\r\n const cards = document.querySelectorAll('.value-box');\r\n const x = (e.clientX \/ window.innerWidth - 0.5) * 8; \/\/ Menor movimiento\r\n const y = (e.clientY \/ window.innerHeight - 0.5) * 8; \/\/ Menor movimiento\r\n \r\n cards.forEach((card, index) => {\r\n \/\/ Aplicar un efecto de parallax m\u00e1s sutil\r\n const delay = index * 0.03;\r\n setTimeout(() => {\r\n if (!card.classList.contains('hover')) {\r\n card.style.transform = `translateY(-5px) rotateX(${y}deg) rotateY(${x}deg)`;\r\n }\r\n }, delay * 1000);\r\n });\r\n });\r\n\r\n \/\/ Inicializar cuando se carga la p\u00e1gina\r\n window.addEventListener('load', () => {\r\n createParticles();\r\n \r\n \/\/ A\u00f1adir clase hover cuando el mouse est\u00e1 sobre la tarjeta\r\n const cards = document.querySelectorAll('.value-box');\r\n cards.forEach(card => {\r\n card.addEventListener('mouseenter', () => {\r\n card.classList.add('hover');\r\n });\r\n \r\n card.addEventListener('mouseleave', () => {\r\n card.classList.remove('hover');\r\n });\r\n });\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7840c6 e-flex e-con-boxed e-con e-parent\" data-id=\"d7840c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6862452 e-con-full e-flex e-con e-child\" data-id=\"6862452\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-325dd93 elementor-widget elementor-widget-heading\" data-id=\"325dd93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OBJETIVOS ESTRAT\u00c9GICOS 2025\u20132030<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f706a6 e-con-full e-flex e-con e-child\" data-id=\"3f706a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32519b7 elementor-widget elementor-widget-html\" data-id=\"32519b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ===== RESET ===== *\/\r\n*{\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: \"Segoe UI\", Arial, sans-serif;\r\n}\r\n\r\n\/* ===== CONTENEDOR GENERAL ===== *\/\r\n.modern-objectives {\r\n max-width: 1300px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n}\r\n\r\n.modern-objectives h2 {\r\n text-align: center;\r\n font-size: 40px;\r\n color: #4a00e0;\r\n font-weight: 900;\r\n margin-bottom: 50px;\r\n letter-spacing: 1px;\r\n}\r\n\r\n\/* ===== GRID DE CARDS ===== *\/\r\n.modern-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 35px;\r\n}\r\n\r\n\/* ===== CARD MODERNA ===== *\/\r\n.modern-card {\r\n background: rgba(255,255,255,0.7);\r\n border-radius: 20px;\r\n padding: 30px;\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255,255,255,0.4);\r\n box-shadow: \r\n 8px 8px 20px rgba(0,0,0,0.08),\r\n -4px -4px 18px rgba(255,255,255,0.7);\r\n transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n display: flex;\r\n gap: 20px;\r\n align-items: flex-start;\r\n}\r\n\r\n\/* ===== EFECTO HOVER ===== *\/\r\n.modern-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: \r\n 14px 14px 28px rgba(0,0,0,0.12),\r\n -4px -4px 18px rgba(255,255,255,0.9);\r\n}\r\n\r\n\/* ===== ICONO DE LA CARD ===== *\/\r\n.modern-icon {\r\n min-width: 70px;\r\n height: 70px;\r\n border-radius: 18px;\r\n background: linear-gradient(135deg, #4a00e0, #8e2de2);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 15px;\r\n}\r\n\r\n.modern-icon img {\r\n width: 45px;\r\n height: 45px;\r\n filter: brightness(0) invert(1);\r\n}\r\n\r\n\/* ===== TEXTOS ===== *\/\r\n.modern-card h3 {\r\n font-size: 20px;\r\n color: #4a00e0;\r\n font-weight: 800;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.modern-card p {\r\n color: #444;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n <div class=\"modern-grid\">\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/857\/857681.png\"><\/div>\r\n <div>\r\n <h3>1. Cocrear y madurar 15 proyectos 4.0<\/h3>\r\n <p>En IA, IoT, automatizaci\u00f3n, omnicanalidad y agro-tecnolog\u00eda.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3209\/3209265.png\"><\/div>\r\n <div>\r\n <h3>2. Consolidar un ecosistema articulado<\/h3>\r\n <p>De al menos 20 empresas miembros con liderazgo coordinado.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/2983\/2983706.png\"><\/div>\r\n <div>\r\n <h3>3. Tecnolog\u00edas con TRL 6\u20139<\/h3>\r\n <p>Validadas en TIC, agro, servicios y omnicanalidad.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/992\/992661.png\"><\/div>\r\n <div>\r\n <h3>4. Laboratorio de Innovaci\u00f3n 4.0<\/h3>\r\n <p>Para pruebas, validaci\u00f3n y prototipado operativo.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1828\/1828884.png\"><\/div>\r\n <div>\r\n <h3>5. Transformaci\u00f3n digital<\/h3>\r\n <p>Incrementando al menos 15% la productividad.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3135\/3135715.png\"><\/div>\r\n <div>\r\n <h3>6. Posicionamiento nacional de la Red<\/h3>\r\n <p>Como referente en innovaci\u00f3n colaborativa 4.0.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/284\/284443.png\"><\/div>\r\n <div>\r\n <h3>7. Sostenibilidad financiera<\/h3>\r\n <p>A trav\u00e9s de proyectos, servicios y alianzas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/992\/992651.png\"><\/div>\r\n <div>\r\n <h3>8. Sistema de gobernanza robusto<\/h3>\r\n <p>Basado en transparencia, trazabilidad y decisiones t\u00e9cnicas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-303fda7 e-con-full e-flex e-con e-parent\" data-id=\"303fda7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee15d7b elementor-widget elementor-widget-html\" data-id=\"ee15d7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Miembros - InnovacTion 4.0<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary: #4a00e0;\r\n --secondary: #8e2de2;\r\n --accent: #00c6ff;\r\n --dark: #2d3748;\r\n --light: #ffffff;\r\n --gray-light: #f7fafc;\r\n --gray: #e2e8f0;\r\n --gray-dark: #718096;\r\n --text: #4a5568;\r\n --gradient: linear-gradient(135deg, var(--primary), var(--secondary), var(--accent));\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n body {\r\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n color: var(--text);\r\n min-height: 100vh;\r\n padding: 2rem 0;\r\n }\r\n \r\n .container {\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n }\r\n \r\n header {\r\n text-align: center;\r\n padding: 2rem 0 3rem;\r\n position: relative;\r\n }\r\n \r\n .logo {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n background: var(--gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n margin-bottom: 1.5rem;\r\n display: inline-block;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.3rem;\r\n color: var(--text);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n opacity: 0.8;\r\n line-height: 1.5;\r\n }\r\n \r\n .members-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 2rem;\r\n margin-top: 2.5rem;\r\n }\r\n \r\n .member-card {\r\n background: var(--light);\r\n border-radius: 20px;\r\n padding: 3rem 2rem;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n border: 1px solid var(--gray);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n cursor: pointer;\r\n min-height: 280px;\r\n }\r\n \r\n .member-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(74, 0, 224, 0.2);\r\n }\r\n \r\n .member-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: var(--gradient);\r\n }\r\n \r\n .logo-container {\r\n position: relative;\r\n margin-bottom: 2rem;\r\n width: 180px;\r\n height: 120px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s ease;\r\n }\r\n \r\n .company-logo {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n transition: all 0.5s ease;\r\n filter: grayscale(30%);\r\n }\r\n \r\n .member-card:hover .company-logo {\r\n filter: grayscale(0%);\r\n transform: scale(1.2);\r\n }\r\n \r\n .logo-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 16px;\r\n background: var(--gradient);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .member-card:hover .logo-overlay {\r\n opacity: 0.1;\r\n }\r\n \r\n .company-name {\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n color: var(--dark);\r\n line-height: 1.4;\r\n transition: all 0.3s ease;\r\n max-width: 100%;\r\n padding: 0 0.5rem;\r\n }\r\n \r\n .member-card:hover .company-name {\r\n color: var(--primary);\r\n transform: scale(1.05);\r\n }\r\n \r\n footer {\r\n text-align: center;\r\n padding: 4rem 0 2rem;\r\n margin-top: 5rem;\r\n color: var(--text);\r\n border-top: 1px solid var(--gray);\r\n opacity: 0.7;\r\n }\r\n \r\n \/* Media Queries Mejoradas *\/\r\n @media (min-width: 1800px) {\r\n .members-container {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2.5rem;\r\n }\r\n \r\n .member-card {\r\n padding: 3.5rem 2.5rem;\r\n min-height: 320px;\r\n }\r\n \r\n .logo-container {\r\n width: 200px;\r\n height: 140px;\r\n }\r\n \r\n .company-name {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n \r\n @media (min-width: 1200px) and (max-width: 1799px) {\r\n .members-container {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n }\r\n \r\n .member-card {\r\n padding: 3rem 2rem;\r\n }\r\n \r\n .logo-container {\r\n width: 170px;\r\n height: 110px;\r\n }\r\n \r\n .company-name {\r\n font-size: 1.1rem;\r\n }\r\n }\r\n \r\n @media (max-width: 1199px) and (min-width: 992px) {\r\n .members-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.8rem;\r\n }\r\n \r\n .member-card {\r\n padding: 2.5rem 1.8rem;\r\n }\r\n \r\n .logo-container {\r\n width: 160px;\r\n height: 100px;\r\n }\r\n }\r\n \r\n @media (max-width: 991px) and (min-width: 768px) {\r\n .members-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.5rem;\r\n }\r\n \r\n .container {\r\n padding: 0 1.5rem;\r\n }\r\n \r\n .member-card {\r\n padding: 2.5rem 1.5rem;\r\n }\r\n \r\n .logo-container {\r\n width: 150px;\r\n height: 90px;\r\n }\r\n }\r\n \r\n @media (max-width: 767px) and (min-width: 576px) {\r\n .members-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.5rem;\r\n }\r\n \r\n .container {\r\n padding: 0 1rem;\r\n }\r\n \r\n .member-card {\r\n padding: 2rem 1.5rem;\r\n min-height: 250px;\r\n }\r\n \r\n .logo-container {\r\n width: 140px;\r\n height: 80px;\r\n margin-bottom: 1.5rem;\r\n }\r\n \r\n .company-name {\r\n font-size: 1rem;\r\n }\r\n }\r\n \r\n @media (max-width: 575px) {\r\n .members-container {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n gap: 1.5rem;\r\n }\r\n \r\n .container {\r\n padding: 0 1rem;\r\n }\r\n \r\n .logo {\r\n font-size: 2.3rem;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.1rem;\r\n }\r\n \r\n header {\r\n padding: 1.5rem 0 2rem;\r\n }\r\n \r\n .member-card {\r\n padding: 2.5rem 1.5rem;\r\n min-height: 240px;\r\n }\r\n \r\n .logo-container {\r\n width: 150px;\r\n height: 90px;\r\n margin-bottom: 1.5rem;\r\n }\r\n \r\n .company-name {\r\n font-size: 1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <header>\r\n <h1 class=\"logo\">Miembros<\/h1>\r\n <p class=\"subtitle\">Empresas que forman parte de nuestra red de innovaci\u00f3n y transformaci\u00f3n digital<\/p>\r\n <\/header>\r\n \r\n <div class=\"members-container\">\r\n \r\n <div class=\"member-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/3.jpg\" alt=\"Centro de innovaci\u00f3n y productividad SAS\" class=\"company-logo\">\r\n <div class=\"logo-overlay\"><\/div>\r\n <\/div>\r\n <h3 class=\"company-name\">Centro de innovaci\u00f3n y productividad SAS<\/h3>\r\n <\/div>\r\n \r\n \r\n <div class=\"member-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/4.jpg\" alt=\"Fourin SAS\" class=\"company-logo\">\r\n <div class=\"logo-overlay\"><\/div>\r\n <\/div>\r\n <h3 class=\"company-name\">Fourin SAS<\/h3>\r\n <\/div>\r\n \r\n \r\n <div class=\"member-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/5.jpg\" alt=\"STANDARD CONSULTORES INTEGRALES SAS B.I.C\" class=\"company-logo\">\r\n <div class=\"logo-overlay\"><\/div>\r\n <\/div>\r\n <h3 class=\"company-name\">STANDARD CONSULTORES INTEGRALES SAS B.I.C<\/h3>\r\n <\/div>\r\n \r\n \r\n <div class=\"member-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/2.jpg\" alt=\"Empresa De Base Tecnol\u00f3gica AgrovacTion S A S\" class=\"company-logo\">\r\n <div class=\"logo-overlay\"><\/div>\r\n <\/div>\r\n <h3 class=\"company-name\">Empresa De Base Tecnol\u00f3gica AgrovacTion S A S<\/h3>\r\n <\/div>\r\n \r\n \r\n <div class=\"member-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/1.jpg\" alt=\"BUSSINESS PROJECT INNOVATION S.A.S\" class=\"company-logo\">\r\n <div class=\"logo-overlay\"><\/div>\r\n <\/div>\r\n <h3 class=\"company-name\">BUSSINESS PROJECT INNOVATION S.A.S<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Efecto de aparici\u00f3n de las tarjetas al hacer scroll\r\n function initScrollEffects() {\r\n const cards = document.querySelectorAll('.member-card');\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n \r\n cards.forEach(card => {\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(30px)';\r\n card.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n observer.observe(card);\r\n });\r\n }\r\n \r\n \/\/ Precargar im\u00e1genes de logos para mejor experiencia\r\n function preloadLogos() {\r\n const logoUrls = [\r\n 'https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/1.jpg',\r\n 'https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/2.jpg',\r\n 'https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/3.jpg',\r\n 'https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/4.jpg',\r\n 'https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/5.jpg'\r\n ];\r\n \r\n logoUrls.forEach(url => {\r\n const img = new Image();\r\n img.src = url;\r\n });\r\n }\r\n \r\n \/\/ Inicializar cuando se carga la p\u00e1gina\r\n window.addEventListener('load', () => {\r\n initScrollEffects();\r\n preloadLogos();\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Misi\u00f3n y Visi\u00f3n – InnovacTion 4.0 InnovacTion 4.0 Articulando capacidades tecnol\u00f3gicas para la transformaci\u00f3n digital 2025 \u2192 2030 Misi\u00f3n La Red InnovacTion 4.0 tiene como misi\u00f3n articular y potenciar las capacidades tecnol\u00f3gicas, productivas y consultivas del sector empresarial para cocrear, desarrollar y madurar proyectos basados en tecnolog\u00edas 4.0. Fortalecemos la productividad, competitividad y transformaci\u00f3n digital […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","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":"","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-2482","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/pages\/2482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/innovaction.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2482"}],"version-history":[{"count":114,"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/pages\/2482\/revisions"}],"predecessor-version":[{"id":2618,"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/pages\/2482\/revisions\/2618"}],"wp:attachment":[{"href":"https:\/\/innovaction.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Misi\u00f3n y Visi\u00f3n - InnovacTion 4.0<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary: #4a00e0;\r\n --secondary: #8e2de2;\r\n --accent: #00c6ff;\r\n --dark: #2d3748;\r\n --light: #ffffff;\r\n --gray-light: #f7fafc;\r\n --gray: #e2e8f0;\r\n --text: #4a5568;\r\n --gradient: linear-gradient(135deg, var(--primary), var(--secondary), var(--accent));\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n body {\r\n background: var(--light);\r\n color: var(--text);\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 2rem;\r\n }\r\n \r\n header {\r\n text-align: center;\r\n padding: 3rem 0;\r\n position: relative;\r\n }\r\n \r\n .logo {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n background: var(--gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n margin-bottom: 1rem;\r\n display: inline-block;\r\n }\r\n .container header .logo {\r\n background: linear-gradient(135deg, #4a00e0, #8e2de2, #00c6ff) !important;\r\n -webkit-background-clip: text !important;\r\n background-clip: text !important;\r\n color: transparent !important;\r\n}\r\n \r\n .subtitle {\r\n font-size: 1.2rem;\r\n color: var(--text);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n opacity: 0.8;\r\n }\r\n \r\n .cards-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin-top: 2rem;\r\n }\r\n \r\n .card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 2.5rem;\r\n width: 100%;\r\n max-width: 550px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n border: 1px solid var(--gray);\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform 0.5s ease, box-shadow 0.5s ease;\r\n }\r\n \r\n .card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 15px 40px rgba(74, 0, 224, 0.15);\r\n }\r\n \r\n .card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: var(--gradient);\r\n }\r\n \r\n .card-icon {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.5rem;\r\n background: var(--gray-light);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n .card-icon i {\r\n font-size: 2.5rem;\r\n background: var(--gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n \r\n .card-title {\r\n font-size: 2rem;\r\n margin-bottom: 1.5rem;\r\n position: relative;\r\n padding-bottom: 0.5rem;\r\n color: var(--dark);\r\n }\r\n \r\n .card-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 60px;\r\n height: 3px;\r\n background: var(--accent);\r\n border-radius: 3px;\r\n }\r\n \r\n .card-content {\r\n line-height: 1.7;\r\n font-size: 1.1rem;\r\n color: var(--text);\r\n }\r\n \r\n .card-content p {\r\n margin-bottom: 1.2rem;\r\n }\r\n \r\n .highlight {\r\n color: var(--primary);\r\n font-weight: 600;\r\n position: relative;\r\n }\r\n \r\n .highlight::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -2px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: var(--accent);\r\n opacity: 0.3;\r\n }\r\n \r\n .timeline {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 3rem 0;\r\n position: relative;\r\n }\r\n \r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: var(--gray);\r\n transform: translateY(-50%);\r\n }\r\n \r\n .timeline-dot {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: var(--light);\r\n border: 3px solid var(--accent);\r\n position: relative;\r\n z-index: 2;\r\n box-shadow: 0 0 0 5px rgba(0, 198, 255, 0.2);\r\n }\r\n \r\n .timeline-text {\r\n position: absolute;\r\n top: -40px;\r\n font-weight: 600;\r\n color: var(--accent);\r\n background: var(--light);\r\n padding: 5px 15px;\r\n border-radius: 20px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n .stats-container {\r\n display: flex;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin: 3rem 0;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .stat {\r\n text-align: center;\r\n padding: 1.5rem;\r\n border-radius: 15px;\r\n background: var(--gray-light);\r\n min-width: 150px;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .stat:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .stat-number {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n background: var(--gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n margin-bottom: 0.5rem;\r\n }\r\n \r\n .stat-text {\r\n font-size: 0.9rem;\r\n color: var(--text);\r\n opacity: 0.8;\r\n }\r\n \r\n footer {\r\n text-align: center;\r\n padding: 2rem 0;\r\n margin-top: 3rem;\r\n color: var(--text);\r\n border-top: 1px solid var(--gray);\r\n opacity: 0.7;\r\n }\r\n \r\n .pulse {\r\n animation: pulse 2s infinite;\r\n }\r\n \r\n @keyframes pulse {\r\n 0% { transform: scale(1); }\r\n 50% { transform: scale(1.05); }\r\n 100% { transform: scale(1); }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .cards-container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .card {\r\n padding: 2rem;\r\n }\r\n \r\n .card-title {\r\n fontSize: 1.7rem;\r\n }\r\n \r\n .stats-container {\r\n gap: 1rem;\r\n }\r\n \r\n .stat {\r\n min-width: 120px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <header>\r\n <h1 class=\"logo pulse\">InnovacTion 4.0<\/h1>\r\n <p class=\"subtitle\">Articulando capacidades tecnol\u00f3gicas para la transformaci\u00f3n digital<\/p>\r\n \r\n <div class=\"timeline\">\r\n <div class=\"timeline-dot\"><\/div>\r\n <div class=\"timeline-text\">2025 \u2192 2030<\/div>\r\n <\/div>\r\n <\/header>\r\n \r\n <div class=\"cards-container\">\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-bullseye\"><\/i>\r\n <\/div>\r\n <h2 class=\"card-title\">Misi\u00f3n<\/h2>\r\n <div class=\"card-content\">\r\n <p>La <span class=\"highlight\">Red InnovacTion 4.0<\/span> tiene como misi\u00f3n articular y potenciar las capacidades tecnol\u00f3gicas, productivas y consultivas del sector empresarial para <span class=\"highlight\">cocrear, desarrollar y madurar proyectos<\/span> basados en tecnolog\u00edas 4.0.<\/p>\r\n \r\n <p>Fortalecemos la <span class=\"highlight\">productividad, competitividad y transformaci\u00f3n digital<\/span> de las organizaciones integrantes a trav\u00e9s del liderazgo del Centro de Innovaci\u00f3n y Productividad INNOVACTion.<\/p>\r\n \r\n <p>Impulsamos la <span class=\"highlight\">innovaci\u00f3n colaborativa<\/span>, la transferencia de conocimiento, la validaci\u00f3n tecnol\u00f3gica TRL y la generaci\u00f3n de soluciones de alto impacto aplicadas a los desaf\u00edos del entorno productivo y territorial.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-eye\"><\/i>\r\n <\/div>\r\n <h2 class=\"card-title\">Visi\u00f3n 2030<\/h2>\r\n <div class=\"card-content\">\r\n <p>Para el a\u00f1o <span class=\"highlight\">2030<\/span>, la Red InnovacTion 4.0 ser\u00e1 reconocida como la <span class=\"highlight\">red empresarial l\u00edder<\/span> en co-creaci\u00f3n, maduraci\u00f3n e implementaci\u00f3n de tecnolog\u00edas 4.0 en Colombia y la regi\u00f3n.<\/p>\r\n \r\n <p>Integraremos empresas innovadoras capaces de desarrollar <span class=\"highlight\">soluciones avanzadas<\/span> que transformen procesos productivos, modelos de negocio y cadenas de valor.<\/p>\r\n \r\n <p>Nos consolidaremos como un <span class=\"highlight\">ecosistema din\u00e1mico, sostenible y altamente competitivo<\/span>, referente en transformaci\u00f3n digital, omnicanalidad, automatizaci\u00f3n, inteligencia artificial y validaci\u00f3n tecnol\u00f3gica aplicada a proyectos empresariales de alto impacto.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n <script>\r\n \/\/ Efecto de aparici\u00f3n de las tarjetas al hacer scroll\r\n function initScrollEffects() {\r\n const cards = document.querySelectorAll('.card');\r\n const stats = document.querySelectorAll('.stat');\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n \r\n cards.forEach(card => {\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(50px)';\r\n card.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n observer.observe(card);\r\n });\r\n \r\n stats.forEach(stat => {\r\n stat.style.opacity = '0';\r\n stat.style.transform = 'translateY(30px)';\r\n stat.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n observer.observe(stat);\r\n });\r\n }\r\n \r\n \/\/ Efecto de escritura para el t\u00edtulo\r\n function typeWriterEffect() {\r\n const title = document.querySelector('.logo');\r\n const text = title.textContent;\r\n title.textContent = '';\r\n \r\n let i = 0;\r\n const timer = setInterval(() => {\r\n if (i < text.length) {\r\n title.textContent += text.charAt(i);\r\n i++;\r\n } else {\r\n clearInterval(timer);\r\n }\r\n }, 100);\r\n }\r\n \r\n \/\/ Animaci\u00f3n de n\u00fameros para las estad\u00edsticas\r\n function animateStats() {\r\n const statNumbers = document.querySelectorAll('.stat-number');\r\n \r\n statNumbers.forEach(stat => {\r\n const target = parseInt(stat.textContent);\r\n let current = 0;\r\n const increment = target \/ 50;\r\n const timer = setInterval(() => {\r\n current += increment;\r\n if (current >= target) {\r\n stat.textContent = target + (stat.textContent.includes('+') ? '+' : '');\r\n clearInterval(timer);\r\n } else {\r\n stat.textContent = Math.floor(current) + (stat.textContent.includes('+') ? '+' : '');\r\n }\r\n }, 30);\r\n });\r\n }\r\n \r\n \/\/ Inicializar cuando se carga la p\u00e1gina\r\n window.addEventListener('load', () => {\r\n initScrollEffects();\r\n typeWriterEffect();\r\n \r\n \/\/ Animar estad\u00edsticas despu\u00e9s de un breve retraso\r\n setTimeout(animateStats, 1000);\r\n \r\n \/\/ Efecto de interacci\u00f3n con las tarjetas\r\n const cards = document.querySelectorAll('.card');\r\n cards.forEach(card => {\r\n card.addEventListener('mouseenter', () => {\r\n card.style.background = 'var(--gray-light)';\r\n });\r\n \r\n card.addEventListener('mouseleave', () => {\r\n card.style.background = 'var(--light)';\r\n });\r\n });\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63f6a9f e-flex e-con-boxed e-con e-parent\" data-id=\"63f6a9f\" 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-963a459 elementor-widget elementor-widget-html\" data-id=\"963a459\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Valores Innovacttion 4.0<\/title>\r\n <style>\r\n :root {\r\n --primary-color: #4a00e0;\r\n --secondary-color: #8e2de2;\r\n --accent-color: #00c6ff;\r\n --text-color: #333;\r\n --light-bg: #f8f9fa;\r\n --card-bg: rgba(255, 255, 255, 0.9);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n color: var(--text-color);\r\n overflow-x: hidden;\r\n min-height: 100vh;\r\n padding-bottom: 50px;\r\n }\r\n\r\n \/* --- PART\u00cdCULAS DE FONDO MEJORADAS --- *\/\r\n .particles-container {\r\n position: fixed;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 0;\r\n overflow: hidden;\r\n pointer-events: none;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n background: var(--primary-color);\r\n border-radius: 50%;\r\n opacity: 0.15; \/* M\u00e1s opacas *\/\r\n filter: blur(8px); \/* Desenfoque aplicado *\/\r\n animation: float 20s infinite ease-in-out;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { \r\n transform: translate(0, 0) rotate(0deg) scale(1);\r\n opacity: 0.1;\r\n }\r\n 25% { \r\n transform: translate(20px, 40px) rotate(5deg) scale(1.1);\r\n opacity: 0.2;\r\n }\r\n 50% { \r\n transform: translate(-15px, 60px) rotate(-5deg) scale(0.9);\r\n opacity: 0.15;\r\n }\r\n 75% { \r\n transform: translate(10px, 30px) rotate(3deg) scale(1.05);\r\n opacity: 0.18;\r\n }\r\n }\r\n\r\n \/* --- T\u00cdTULO --- *\/\r\n .title-container {\r\n position: relative;\r\n z-index: 2;\r\n padding: 100px 20px 50px;\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n\r\n h2.title {\r\n font-size: 3.5rem;\r\n background: linear-gradient(45deg, var(--primary-color), var(--accent-color));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n margin-bottom: 20px;\r\n font-weight: 900;\r\n letter-spacing: -1px;\r\n position: relative;\r\n display: inline-block;\r\n animation: titleFloat 3s ease-in-out infinite;\r\n }\r\n\r\n @keyframes titleFloat {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n\r\n h2.title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 100px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary-color), var(--accent-color));\r\n border-radius: 2px;\r\n }\r\n\r\n .subtitle {\r\n font-size: 1.2rem;\r\n color: #666;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n animation: fadeIn 1.5s ease-out;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* --- GRID DE VALORES --- *\/\r\n .values-container {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n padding: 0 40px 80px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- TARJETA ULTRAMODERNA CON RESPLANDOR GRADIENTE --- *\/\r\n .value-box {\r\n background: var(--card-bg);\r\n backdrop-filter: blur(10px);\r\n padding: 30px;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: cardAppear 0.8s ease forwards;\r\n }\r\n\r\n @keyframes cardAppear {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .value-box:nth-child(1) { animation-delay: 0.1s; }\r\n .value-box:nth-child(2) { animation-delay: 0.2s; }\r\n .value-box:nth-child(3) { animation-delay: 0.3s; }\r\n .value-box:nth-child(4) { animation-delay: 0.4s; }\r\n .value-box:nth-child(5) { animation-delay: 0.5s; }\r\n .value-box:nth-child(6) { animation-delay: 0.6s; }\r\n .value-box:nth-child(7) { animation-delay: 0.7s; }\r\n .value-box:nth-child(8) { animation-delay: 0.8s; }\r\n\r\n .value-box::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--primary-color), var(--accent-color));\r\n }\r\n\r\n .value-box:hover {\r\n transform: translateY(-15px) scale(1.03);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .value-box::after {\r\n content: \"\";\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at center,\r\n rgba(142, 45, 226, 0.1),\r\n rgba(74, 0, 224, 0.05),\r\n transparent 70%);\r\n z-index: -1;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n }\r\n\r\n .value-box:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n \/* --- N\u00daMERO DEL VALOR --- *\/\r\n .value-number {\r\n position: absolute;\r\n top: 15px;\r\n right: 20px;\r\n font-size: 3rem;\r\n font-weight: 900;\r\n color: rgba(74, 0, 224, 0.1);\r\n line-height: 1;\r\n }\r\n\r\n \/* --- T\u00cdTULOS DE CADA CARD --- *\/\r\n .value-box h3 {\r\n margin-top: 0;\r\n color: var(--primary-color);\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n position: relative;\r\n padding-bottom: 10px;\r\n }\r\n\r\n .value-box h3::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 40px;\r\n height: 3px;\r\n background: var(--accent-color);\r\n border-radius: 2px;\r\n }\r\n\r\n .value-box p {\r\n color: #555;\r\n line-height: 1.6;\r\n font-size: 1rem;\r\n }\r\n\r\n \/* --- ICONOS --- *\/\r\n .icon-container {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n box-shadow: 0 5px 15px rgba(74, 0, 224, 0.3);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .value-box:hover .icon-container {\r\n transform: rotate(15deg) scale(1.1);\r\n }\r\n\r\n .icon {\r\n width: 30px;\r\n height: 30px;\r\n color: white;\r\n }\r\n\r\n \/* --- BOT\u00d3N FLOTANTE --- *\/\r\n .floating-btn {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 1.5rem;\r\n box-shadow: 0 5px 20px rgba(74, 0, 224, 0.4);\r\n cursor: pointer;\r\n z-index: 100;\r\n transition: all 0.3s ease;\r\n opacity: 0;\r\n visibility: hidden;\r\n }\r\n\r\n .floating-btn.visible {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .floating-btn:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 8px 25px rgba(74, 0, 224, 0.6);\r\n }\r\n\r\n \/* --- RESPONSIVE --- *\/\r\n @media (max-width: 768px) {\r\n h2.title {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .values-container {\r\n grid-template-columns: 1fr;\r\n padding: 0 20px 60px;\r\n gap: 25px;\r\n }\r\n \r\n .value-box {\r\n padding: 25px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"particles-container\" id=\"particlesContainer\"><\/div>\r\n\r\n \r\n <div class=\"title-container\">\r\n <h2 class=\"title\">Valores Corporativos<\/h2>\r\n <p class=\"subtitle\">\r\n Nuestros principios fundamentales que gu\u00edan cada proyecto y decisi\u00f3n en Innovacttion 4.0\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"values-container\">\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">1<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M13 2L3 14h6l-4 8 12-12h-6l4-8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Innovaci\u00f3n continua<\/h3>\r\n <p>Desarrollamos soluciones disruptivas basadas en tecnolog\u00edas emergentes y mejora constante.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">2<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Colaboraci\u00f3n interempresarial<\/h3>\r\n <p>Unimos capacidades para construir soluciones m\u00e1s fuertes que la suma de sus partes.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">3<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\r\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Confidencialidad y \u00e9tica<\/h3>\r\n <p>Protegemos la informaci\u00f3n estrat\u00e9gica con integridad, respeto y transparencia.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">4<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Excelencia t\u00e9cnica<\/h3>\r\n <p>Aplicamos metodolog\u00edas rigurosas y est\u00e1ndares de alta calidad para validar tecnolog\u00edas.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">5<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3.5 13.5l9 9 9-9\"\/>\r\n <path d=\"M12.5 22.5v-20\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Productividad sostenible<\/h3>\r\n <p>Fomentamos modelos eficientes, rentables y responsables con el entorno empresarial.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">6<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\r\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Transformaci\u00f3n digital responsable<\/h3>\r\n <p>Adoptamos tecnolog\u00edas 4.0 con enfoque \u00e9tico, seguro y generador de valor.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">7<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Enfoque en resultados<\/h3>\r\n <p>Buscamos impactos reales, medibles y replicables dentro del sector productivo.<\/p>\r\n <\/div>\r\n <div class=\"value-box\">\r\n <div class=\"value-number\">8<\/div>\r\n <div class=\"icon-container\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"\/>\r\n <line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"\/>\r\n <line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Integraci\u00f3n y diversidad empresarial<\/h3>\r\n <p>Valoramos la complementariedad sectorial para enriquecer las soluciones desarrolladas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"floating-btn\" id=\"scrollTopBtn\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"18 15 12 9 6 15\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Crear part\u00edculas de fondo mejoradas\r\n function createParticles() {\r\n const container = document.getElementById('particlesContainer');\r\n const particleCount = 40; \/\/ Menos part\u00edculas para mejor rendimiento\r\n \r\n for (let i = 0; i < particleCount; i++) {\r\n const particle = document.createElement('div');\r\n particle.classList.add('particle');\r\n \r\n \/\/ Tama\u00f1o aleatorio m\u00e1s variado\r\n const size = Math.random() * 80 + 20; \/\/ Part\u00edculas m\u00e1s grandes\r\n particle.style.width = `${size}px`;\r\n particle.style.height = `${size}px`;\r\n \r\n \/\/ Posici\u00f3n aleatoria\r\n particle.style.left = `${Math.random() * 100}%`;\r\n particle.style.top = `${Math.random() * 100}%`;\r\n \r\n \/\/ Opacidad m\u00e1s alta\r\n const opacity = Math.random() * 0.15 + 0.1;\r\n particle.style.opacity = opacity;\r\n \r\n \/\/ Color aleatorio entre los colores del gradiente con variaci\u00f3n\r\n const colors = [\r\n 'rgba(74, 0, 224, 0.4)', \/\/ M\u00e1s opaco\r\n 'rgba(142, 45, 226, 0.35)', \/\/ M\u00e1s opaco\r\n 'rgba(0, 198, 255, 0.3)' \/\/ M\u00e1s opaco\r\n ];\r\n const color = colors[Math.floor(Math.random() * colors.length)];\r\n particle.style.background = color;\r\n \r\n \/\/ Animaci\u00f3n m\u00e1s suave\r\n const duration = Math.random() * 25 + 15;\r\n const delay = Math.random() * 10;\r\n particle.style.animation = `float ${duration}s ${delay}s infinite ease-in-out`;\r\n \r\n \/\/ A\u00f1adir al contenedor\r\n container.appendChild(particle);\r\n }\r\n }\r\n\r\n \/\/ Bot\u00f3n para volver al inicio\r\n document.getElementById('scrollTopBtn').addEventListener('click', () => {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: 'smooth'\r\n });\r\n });\r\n\r\n \/\/ Mostrar\/ocultar bot\u00f3n seg\u00fan el scroll\r\n window.addEventListener('scroll', () => {\r\n const scrollTopBtn = document.getElementById('scrollTopBtn');\r\n if (window.scrollY > 300) {\r\n scrollTopBtn.classList.add('visible');\r\n } else {\r\n scrollTopBtn.classList.remove('visible');\r\n }\r\n });\r\n\r\n \/\/ Efecto de movimiento con el mouse (parallax) m\u00e1s sutil\r\n document.addEventListener('mousemove', (e) => {\r\n const cards = document.querySelectorAll('.value-box');\r\n const x = (e.clientX \/ window.innerWidth - 0.5) * 8; \/\/ Menor movimiento\r\n const y = (e.clientY \/ window.innerHeight - 0.5) * 8; \/\/ Menor movimiento\r\n \r\n cards.forEach((card, index) => {\r\n \/\/ Aplicar un efecto de parallax m\u00e1s sutil\r\n const delay = index * 0.03;\r\n setTimeout(() => {\r\n if (!card.classList.contains('hover')) {\r\n card.style.transform = `translateY(-5px) rotateX(${y}deg) rotateY(${x}deg)`;\r\n }\r\n }, delay * 1000);\r\n });\r\n });\r\n\r\n \/\/ Inicializar cuando se carga la p\u00e1gina\r\n window.addEventListener('load', () => {\r\n createParticles();\r\n \r\n \/\/ A\u00f1adir clase hover cuando el mouse est\u00e1 sobre la tarjeta\r\n const cards = document.querySelectorAll('.value-box');\r\n cards.forEach(card => {\r\n card.addEventListener('mouseenter', () => {\r\n card.classList.add('hover');\r\n });\r\n \r\n card.addEventListener('mouseleave', () => {\r\n card.classList.remove('hover');\r\n });\r\n });\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7840c6 e-flex e-con-boxed e-con e-parent\" data-id=\"d7840c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6862452 e-con-full e-flex e-con e-child\" data-id=\"6862452\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-325dd93 elementor-widget elementor-widget-heading\" data-id=\"325dd93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OBJETIVOS ESTRAT\u00c9GICOS 2025\u20132030<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f706a6 e-con-full e-flex e-con e-child\" data-id=\"3f706a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32519b7 elementor-widget elementor-widget-html\" data-id=\"32519b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ===== RESET ===== *\/\r\n*{\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: \"Segoe UI\", Arial, sans-serif;\r\n}\r\n\r\n\/* ===== CONTENEDOR GENERAL ===== *\/\r\n.modern-objectives {\r\n max-width: 1300px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n}\r\n\r\n.modern-objectives h2 {\r\n text-align: center;\r\n font-size: 40px;\r\n color: #4a00e0;\r\n font-weight: 900;\r\n margin-bottom: 50px;\r\n letter-spacing: 1px;\r\n}\r\n\r\n\/* ===== GRID DE CARDS ===== *\/\r\n.modern-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 35px;\r\n}\r\n\r\n\/* ===== CARD MODERNA ===== *\/\r\n.modern-card {\r\n background: rgba(255,255,255,0.7);\r\n border-radius: 20px;\r\n padding: 30px;\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255,255,255,0.4);\r\n box-shadow: \r\n 8px 8px 20px rgba(0,0,0,0.08),\r\n -4px -4px 18px rgba(255,255,255,0.7);\r\n transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n display: flex;\r\n gap: 20px;\r\n align-items: flex-start;\r\n}\r\n\r\n\/* ===== EFECTO HOVER ===== *\/\r\n.modern-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: \r\n 14px 14px 28px rgba(0,0,0,0.12),\r\n -4px -4px 18px rgba(255,255,255,0.9);\r\n}\r\n\r\n\/* ===== ICONO DE LA CARD ===== *\/\r\n.modern-icon {\r\n min-width: 70px;\r\n height: 70px;\r\n border-radius: 18px;\r\n background: linear-gradient(135deg, #4a00e0, #8e2de2);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 15px;\r\n}\r\n\r\n.modern-icon img {\r\n width: 45px;\r\n height: 45px;\r\n filter: brightness(0) invert(1);\r\n}\r\n\r\n\/* ===== TEXTOS ===== *\/\r\n.modern-card h3 {\r\n font-size: 20px;\r\n color: #4a00e0;\r\n font-weight: 800;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.modern-card p {\r\n color: #444;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n <div class=\"modern-grid\">\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/857\/857681.png\"><\/div>\r\n <div>\r\n <h3>1. Cocrear y madurar 15 proyectos 4.0<\/h3>\r\n <p>En IA, IoT, automatizaci\u00f3n, omnicanalidad y agro-tecnolog\u00eda.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3209\/3209265.png\"><\/div>\r\n <div>\r\n <h3>2. Consolidar un ecosistema articulado<\/h3>\r\n <p>De al menos 20 empresas miembros con liderazgo coordinado.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/2983\/2983706.png\"><\/div>\r\n <div>\r\n <h3>3. Tecnolog\u00edas con TRL 6\u20139<\/h3>\r\n <p>Validadas en TIC, agro, servicios y omnicanalidad.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/992\/992661.png\"><\/div>\r\n <div>\r\n <h3>4. Laboratorio de Innovaci\u00f3n 4.0<\/h3>\r\n <p>Para pruebas, validaci\u00f3n y prototipado operativo.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1828\/1828884.png\"><\/div>\r\n <div>\r\n <h3>5. Transformaci\u00f3n digital<\/h3>\r\n <p>Incrementando al menos 15% la productividad.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3135\/3135715.png\"><\/div>\r\n <div>\r\n <h3>6. Posicionamiento nacional de la Red<\/h3>\r\n <p>Como referente en innovaci\u00f3n colaborativa 4.0.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/284\/284443.png\"><\/div>\r\n <div>\r\n <h3>7. Sostenibilidad financiera<\/h3>\r\n <p>A trav\u00e9s de proyectos, servicios y alianzas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modern-card\">\r\n <div class=\"modern-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/992\/992651.png\"><\/div>\r\n <div>\r\n <h3>8. Sistema de gobernanza robusto<\/h3>\r\n <p>Basado en transparencia, trazabilidad y decisiones t\u00e9cnicas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-303fda7 e-con-full e-flex e-con e-parent\" data-id=\"303fda7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee15d7b elementor-widget elementor-widget-html\" data-id=\"ee15d7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Miembros - InnovacTion 4.0<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary: #4a00e0;\r\n --secondary: #8e2de2;\r\n --accent: #00c6ff;\r\n --dark: #2d3748;\r\n --light: #ffffff;\r\n --gray-light: #f7fafc;\r\n --gray: #e2e8f0;\r\n --gray-dark: #718096;\r\n --text: #4a5568;\r\n --gradient: linear-gradient(135deg, var(--primary), var(--secondary), var(--accent));\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n body {\r\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n color: var(--text);\r\n min-height: 100vh;\r\n padding: 2rem 0;\r\n }\r\n \r\n .container {\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n }\r\n \r\n header {\r\n text-align: center;\r\n padding: 2rem 0 3rem;\r\n position: relative;\r\n }\r\n \r\n .logo {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n background: var(--gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n margin-bottom: 1.5rem;\r\n display: inline-block;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.3rem;\r\n color: var(--text);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n opacity: 0.8;\r\n line-height: 1.5;\r\n }\r\n \r\n .members-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 2rem;\r\n margin-top: 2.5rem;\r\n }\r\n \r\n .member-card {\r\n background: var(--light);\r\n border-radius: 20px;\r\n padding: 3rem 2rem;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n border: 1px solid var(--gray);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n cursor: pointer;\r\n min-height: 280px;\r\n }\r\n \r\n .member-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(74, 0, 224, 0.2);\r\n }\r\n \r\n .member-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: var(--gradient);\r\n }\r\n \r\n .logo-container {\r\n position: relative;\r\n margin-bottom: 2rem;\r\n width: 180px;\r\n height: 120px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s ease;\r\n }\r\n \r\n .company-logo {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n transition: all 0.5s ease;\r\n filter: grayscale(30%);\r\n }\r\n \r\n .member-card:hover .company-logo {\r\n filter: grayscale(0%);\r\n transform: scale(1.2);\r\n }\r\n \r\n .logo-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 16px;\r\n background: var(--gradient);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .member-card:hover .logo-overlay {\r\n opacity: 0.1;\r\n }\r\n \r\n .company-name {\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n color: var(--dark);\r\n line-height: 1.4;\r\n transition: all 0.3s ease;\r\n max-width: 100%;\r\n padding: 0 0.5rem;\r\n }\r\n \r\n .member-card:hover .company-name {\r\n color: var(--primary);\r\n transform: scale(1.05);\r\n }\r\n \r\n footer {\r\n text-align: center;\r\n padding: 4rem 0 2rem;\r\n margin-top: 5rem;\r\n color: var(--text);\r\n border-top: 1px solid var(--gray);\r\n opacity: 0.7;\r\n }\r\n \r\n \/* Media Queries Mejoradas *\/\r\n @media (min-width: 1800px) {\r\n .members-container {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2.5rem;\r\n }\r\n \r\n .member-card {\r\n padding: 3.5rem 2.5rem;\r\n min-height: 320px;\r\n }\r\n \r\n .logo-container {\r\n width: 200px;\r\n height: 140px;\r\n }\r\n \r\n .company-name {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n \r\n @media (min-width: 1200px) and (max-width: 1799px) {\r\n .members-container {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n }\r\n \r\n .member-card {\r\n padding: 3rem 2rem;\r\n }\r\n \r\n .logo-container {\r\n width: 170px;\r\n height: 110px;\r\n }\r\n \r\n .company-name {\r\n font-size: 1.1rem;\r\n }\r\n }\r\n \r\n @media (max-width: 1199px) and (min-width: 992px) {\r\n .members-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.8rem;\r\n }\r\n \r\n .member-card {\r\n padding: 2.5rem 1.8rem;\r\n }\r\n \r\n .logo-container {\r\n width: 160px;\r\n height: 100px;\r\n }\r\n }\r\n \r\n @media (max-width: 991px) and (min-width: 768px) {\r\n .members-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.5rem;\r\n }\r\n \r\n .container {\r\n padding: 0 1.5rem;\r\n }\r\n \r\n .member-card {\r\n padding: 2.5rem 1.5rem;\r\n }\r\n \r\n .logo-container {\r\n width: 150px;\r\n height: 90px;\r\n }\r\n }\r\n \r\n @media (max-width: 767px) and (min-width: 576px) {\r\n .members-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.5rem;\r\n }\r\n \r\n .container {\r\n padding: 0 1rem;\r\n }\r\n \r\n .member-card {\r\n padding: 2rem 1.5rem;\r\n min-height: 250px;\r\n }\r\n \r\n .logo-container {\r\n width: 140px;\r\n height: 80px;\r\n margin-bottom: 1.5rem;\r\n }\r\n \r\n .company-name {\r\n font-size: 1rem;\r\n }\r\n }\r\n \r\n @media (max-width: 575px) {\r\n .members-container {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n gap: 1.5rem;\r\n }\r\n \r\n .container {\r\n padding: 0 1rem;\r\n }\r\n \r\n .logo {\r\n font-size: 2.3rem;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.1rem;\r\n }\r\n \r\n header {\r\n padding: 1.5rem 0 2rem;\r\n }\r\n \r\n .member-card {\r\n padding: 2.5rem 1.5rem;\r\n min-height: 240px;\r\n }\r\n \r\n .logo-container {\r\n width: 150px;\r\n height: 90px;\r\n margin-bottom: 1.5rem;\r\n }\r\n \r\n .company-name {\r\n font-size: 1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <header>\r\n <h1 class=\"logo\">Miembros<\/h1>\r\n <p class=\"subtitle\">Empresas que forman parte de nuestra red de innovaci\u00f3n y transformaci\u00f3n digital<\/p>\r\n <\/header>\r\n \r\n <div class=\"members-container\">\r\n \r\n <div class=\"member-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/3.jpg\" alt=\"Centro de innovaci\u00f3n y productividad SAS\" class=\"company-logo\">\r\n <div class=\"logo-overlay\"><\/div>\r\n <\/div>\r\n <h3 class=\"company-name\">Centro de innovaci\u00f3n y productividad SAS<\/h3>\r\n <\/div>\r\n \r\n \r\n <div class=\"member-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/4.jpg\" alt=\"Fourin SAS\" class=\"company-logo\">\r\n <div class=\"logo-overlay\"><\/div>\r\n <\/div>\r\n <h3 class=\"company-name\">Fourin SAS<\/h3>\r\n <\/div>\r\n \r\n \r\n <div class=\"member-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/5.jpg\" alt=\"STANDARD CONSULTORES INTEGRALES SAS B.I.C\" class=\"company-logo\">\r\n <div class=\"logo-overlay\"><\/div>\r\n <\/div>\r\n <h3 class=\"company-name\">STANDARD CONSULTORES INTEGRALES SAS B.I.C<\/h3>\r\n <\/div>\r\n \r\n \r\n <div class=\"member-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/2.jpg\" alt=\"Empresa De Base Tecnol\u00f3gica AgrovacTion S A S\" class=\"company-logo\">\r\n <div class=\"logo-overlay\"><\/div>\r\n <\/div>\r\n <h3 class=\"company-name\">Empresa De Base Tecnol\u00f3gica AgrovacTion S A S<\/h3>\r\n <\/div>\r\n \r\n \r\n <div class=\"member-card\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/1.jpg\" alt=\"BUSSINESS PROJECT INNOVATION S.A.S\" class=\"company-logo\">\r\n <div class=\"logo-overlay\"><\/div>\r\n <\/div>\r\n <h3 class=\"company-name\">BUSSINESS PROJECT INNOVATION S.A.S<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Efecto de aparici\u00f3n de las tarjetas al hacer scroll\r\n function initScrollEffects() {\r\n const cards = document.querySelectorAll('.member-card');\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n \r\n cards.forEach(card => {\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(30px)';\r\n card.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n observer.observe(card);\r\n });\r\n }\r\n \r\n \/\/ Precargar im\u00e1genes de logos para mejor experiencia\r\n function preloadLogos() {\r\n const logoUrls = [\r\n 'https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/1.jpg',\r\n 'https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/2.jpg',\r\n 'https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/3.jpg',\r\n 'https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/4.jpg',\r\n 'https:\/\/innovaction.cloud\/wp-content\/uploads\/2025\/11\/5.jpg'\r\n ];\r\n \r\n logoUrls.forEach(url => {\r\n const img = new Image();\r\n img.src = url;\r\n });\r\n }\r\n \r\n \/\/ Inicializar cuando se carga la p\u00e1gina\r\n window.addEventListener('load', () => {\r\n initScrollEffects();\r\n preloadLogos();\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Misi\u00f3n y Visi\u00f3n – InnovacTion 4.0 InnovacTion 4.0 Articulando capacidades tecnol\u00f3gicas para la transformaci\u00f3n digital 2025 \u2192 2030 Misi\u00f3n La Red InnovacTion 4.0 tiene como misi\u00f3n articular y potenciar las capacidades tecnol\u00f3gicas, productivas y consultivas del sector empresarial para cocrear, desarrollar y madurar proyectos basados en tecnolog\u00edas 4.0. Fortalecemos la productividad, competitividad y transformaci\u00f3n digital […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","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":"","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-2482","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/pages\/2482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/innovaction.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2482"}],"version-history":[{"count":114,"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/pages\/2482\/revisions"}],"predecessor-version":[{"id":2618,"href":"https:\/\/innovaction.cloud\/index.php?rest_route=\/wp\/v2\/pages\/2482\/revisions\/2618"}],"wp:attachment":[{"href":"https:\/\/innovaction.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}