{"id":108,"date":"2023-10-01T08:56:46","date_gmt":"2023-10-01T08:56:46","guid":{"rendered":"https:\/\/webiman.net\/home\/"},"modified":"2026-01-25T14:23:40","modified_gmt":"2026-01-25T17:23:40","slug":"home","status":"publish","type":"page","link":"https:\/\/webiman.net\/","title":{"rendered":"Desarrollo web, Marketing digital, Aulas virtuales y Sistemas a medida"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"108\" class=\"elementor elementor-108\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"aux-parallax-section elementor-element elementor-element-8bdb7bd e-con-full e-transform e-flex e-con e-parent\" data-id=\"8bdb7bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bb320f elementor-widget elementor-widget-text-editor\" data-id=\"0bb320f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div id=\"tech-nebula-cyber-framed\">\n    <style>\n        \/* =========================================\n           FUENTES & VARIABLES\n        ========================================= *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Chakra+Petch:wght@500;700&family=Orbitron:wght@700;900&display=swap');\n\n        #tech-nebula-cyber-framed {\n            \/* Paleta Base *\/\n            --c-dark: #05080c;\n            --c-panel: rgba(5, 12, 18, 0.85);\n            \n            position: relative;\n            width: 100%;\n            height: 650px;\n            background: var(--c-dark);\n            overflow: hidden;\n            font-family: 'Chakra Petch', sans-serif;\n            color: #fff;\n            transform: translateZ(0); \/* Aceleraci\u00f3n GPU *\/\n        }\n\n        \/* --- FONDO ATMOSF\u00c9RICO (LUCES DE FOCO \/ SPOTLIGHTS) --- *\/\n        .spotlight-container {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 1; pointer-events: none;\n        }\n\n        .cyber-beam {\n            position: absolute;\n            bottom: -50px; \/* Nacen desde abajo *\/\n            height: 120%;  \/* Se extienden hasta arriba *\/\n            transform-origin: bottom center;\n            mix-blend-mode: screen;\n            opacity: 0.6;\n            filter: blur(20px); \/* Suavizado para efecto de luz *\/\n            will-change: transform, opacity;\n        }\n\n        \/* Forma C\u00f3nica: Ancha abajo, delgada arriba *\/\n        .beam-shape {\n            width: 100%; height: 100%;\n            clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);\n        }\n\n        \/* Foco 1: Verde (Izquierda) *\/\n        .beam-1 {\n            left: 10%; width: 200px;\n            background: linear-gradient(to top, rgba(118, 195, 89, 0.4), transparent 80%);\n            animation: swayBeam 8s infinite ease-in-out alternate;\n        }\n\n        \/* Foco 2: Cian (Centro) *\/\n        .beam-2 {\n            left: 45%; width: 300px;\n            background: linear-gradient(to top, rgba(0, 242, 255, 0.3), transparent 90%);\n            animation: swayBeam 12s infinite ease-in-out alternate-reverse;\n        }\n\n        \/* Foco 3: P\u00farpura (Derecha) *\/\n        .beam-3 {\n            right: 15%; width: 250px;\n            background: linear-gradient(to top, rgba(157, 80, 187, 0.4), transparent 85%);\n            animation: swayBeam 10s infinite ease-in-out alternate;\n        }\n\n        @keyframes swayBeam {\n            0% { transform: rotate(-5deg) scaleY(1); opacity: 0.4; }\n            100% { transform: rotate(5deg) scaleY(1.1); opacity: 0.7; }\n        }\n\n        \/* --- CANVAS (PARTICULAS) --- *\/\n        #snow-canvas-framed {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;\n        }\n        \n        .overlay-scanlines {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.15));\n            background-size: 100% 4px; z-index: 3; pointer-events: none;\n        }\n\n        \/* --- LAYOUT DEL CONTENIDO (Ajustado para el Men\u00fa) --- *\/\n        .content-layer {\n            position: absolute;\n            \/* AJUSTE ESPACIO MEN\u00da: Centrado + Desplazamiento hacia abajo *\/\n            top: 50%; \n            transform: translateY(-50%);\n            margin-top: 60px; \/* Aqu\u00ed agregamos los 60px extra hacia abajo *\/\n            \n            right: 10%; \n            left: auto;\n            width: 90%;\n            max-width: 580px;\n            z-index: 10;\n            text-align: left;\n        }\n\n        \/* --- TARJETAS CYBERPUNK (FRAMES) --- *\/\n        .info-card {\n            display: none;\n            position: relative;\n            padding: 40px 40px 40px 50px; \n            background: var(--c-panel);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-left: none; \n            backdrop-filter: blur(8px);\n            -webkit-backdrop-filter: blur(8px);\n            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        }\n\n        \/* Franja Hazard *\/\n        .info-card::before {\n            content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 100%;\n            background-color: rgba(0,0,0,0.3);\n            background-image: repeating-linear-gradient(45deg, var(--slide-color), var(--slide-color) 10px, transparent 10px, transparent 20px);\n            border-right: 1px solid var(--slide-color); z-index: 2;\n        }\n\n        \/* Borde superior *\/\n        .info-card::after {\n            content: ''; position: absolute; top: 0; left: 12px; right: 0; height: 2px;\n            background: linear-gradient(90deg, var(--slide-color), transparent);\n        }\n\n        .info-card.active {\n            display: block;\n            animation: cyberSlideIn 0.5s cubic-bezier(0.2, 0.9, 0.4, 1) forwards;\n        }\n\n        @keyframes cyberSlideIn {\n            from { opacity: 0; transform: translateX(50px); clip-path: polygon(0 0, 100% 0, 100% 0, 100% 0, 0 0); }\n            to { opacity: 1; transform: translateX(0); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); }\n        }\n\n        \/* Colores por Tema *\/\n        .theme-web { --slide-color: #76c359; }\n        .theme-ecom { --slide-color: #d600ff; }\n        .theme-crm { --slide-color: #FFD700; }\n        .theme-eng { --slide-color: #00F2FF; }\n        .theme-edu { --slide-color: #FF4500; }\n\n        \/* Textos *\/\n        .icon-container { margin-bottom: 20px; color: var(--slide-color); }\n        .tech-svg { width: 48px; height: 48px; fill: currentColor; filter: drop-shadow(0 0 5px currentColor); }\n        .hacker-text { font-family: 'Courier New', monospace; font-weight: 700; }\n        .card-label { font-size: 0.9rem; color: var(--slide-color); letter-spacing: 3px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; }\n        \n        .info-card h2 {\n            font-family: 'Orbitron', sans-serif; font-size: 2.8rem; line-height: 1; font-weight: 900;\n            text-transform: uppercase; margin: 0 0 15px 0; color: #fff; letter-spacing: 1px;\n            text-shadow: 2px 2px 0px rgba(0,0,0,0.5);\n        }\n        \n        .info-card p {\n            font-size: 1.1rem; color: #ccc; line-height: 1.6; margin-bottom: 30px;\n            border-left: 2px solid rgba(255,255,255,0.1); padding-left: 15px;\n        }\n\n        \/* Bot\u00f3n *\/\n        .btn-tech {\n            display: inline-block; padding: 14px 40px; border: 1px solid var(--slide-color);\n            color: var(--slide-color); text-decoration: none; text-transform: uppercase;\n            font-weight: 700; font-size: 1rem; letter-spacing: 2px; transition: 0.3s;\n            background: rgba(0,0,0,0.3); font-family: 'Chakra Petch', sans-serif;\n            position: relative; overflow: hidden;\n        }\n        .btn-tech::before {\n            content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%;\n            background: var(--slide-color); z-index: -1; transition: 0.3s ease;\n        }\n        .btn-tech:hover { color: #000; box-shadow: 0 0 20px var(--slide-color); }\n        .btn-tech:hover::before { width: 100%; }\n\n        \/* Navegaci\u00f3n *\/\n        .nav-dots {\n            position: absolute; bottom: 40px; right: 10%; display: flex; gap: 12px; z-index: 20;\n        }\n        .nav-dot {\n            width: 12px; height: 12px; background: rgba(255,255,255,0.2);\n            clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);\n            cursor: pointer; transition: 0.3s;\n        }\n        .nav-dot.active { background: #fff; box-shadow: 0 0 10px #fff; transform: scale(1.2); }\n\n        @media (max-width: 900px) {\n            .content-layer { \n                right: auto; left: 5%; width: 90%; text-align: left;\n                margin-top: 80px; \/* M\u00e1s espacio en m\u00f3vil si el men\u00fa ocupa m\u00e1s *\/\n            }\n            .info-card { padding: 30px 20px 30px 30px; }\n            .nav-dots { right: auto; left: 10%; }\n            .info-card h2 { font-size: 2rem; }\n            .beam-2 { display: none; } \n        }\n    <\/style>\n\n    <div class=\"spotlight-container\">\n        <div class=\"cyber-beam beam-1\"><div class=\"beam-shape\"><\/div><\/div>\n        <div class=\"cyber-beam beam-2\"><div class=\"beam-shape\"><\/div><\/div>\n        <div class=\"cyber-beam beam-3\"><div class=\"beam-shape\"><\/div><\/div>\n    <\/div>\n\n    <div class=\"overlay-scanlines\"><\/div>\n    <canvas id=\"snow-canvas-framed\"><\/canvas>\n\n    <div class=\"content-layer\">\n        \n        <div class=\"info-card theme-web active\">\n            <div class=\"icon-container\">\n                <svg class=\"tech-svg\" viewBox=\"0 0 24 24\"><path d=\"M3 3h18v18H3V3m16 16V5H5v14h14M7 7h10v2H7V7m0 4h10v2H7v-2m0 4h7v2H7v-2z\"\/><\/svg>\n            <\/div>\n            <div class=\"card-label hacker-text\" data-original=\"Fase 01 \/\/ FRONTEND\">Fase 01 \/\/ FRONTEND<\/div>\n            <h2 class=\"hacker-text\" data-original=\"DISE\u00d1O WEB\">DISE\u00d1O WEB<\/h2>\n            <p>Arquitectura digital de \u00e9lite. Sitios web r\u00e1pidos y optimizados que proyectan autoridad y capturan clientes globales.<\/p>\n            <a class=\"btn-tech\" href=\"#web\">Ver Proyectos<\/a>\n        <\/div>\n\n        <div class=\"info-card theme-ecom\">\n            <div class=\"icon-container\">\n                <svg class=\"tech-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 13a5 5 0 0 1-5-5h2a3 3 0 0 0 3 3 3 3 0 0 0 3-3h2a5 5 0 0 1-5 5m0-10a3 3 0 0 1 3 3H9a3 3 0 0 1 3-3m7 3h-2a5 5 0 0 0-5-5 5 5 0 0 0-5 5H5c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2z\"\/><\/svg>\n            <\/div>\n            <div class=\"card-label hacker-text\" data-original=\"Fase 02 \/\/ SALES_CORE\">Fase 02 \/\/ SALES_CORE<\/div>\n            <h2 class=\"hacker-text\" data-original=\"TIENDAS ONLINE\">TIENDAS ONLINE<\/h2>\n            <p>Infraestructura de ventas blindada. Pasarelas de pago seguras y UX dise\u00f1ada para maximizar la conversi\u00f3n.<\/p>\n            <a class=\"btn-tech\" href=\"#ecommerce\">Ver Demo<\/a>\n        <\/div>\n\n        <div class=\"info-card theme-crm\">\n            <div class=\"icon-container\">\n                <svg class=\"tech-svg\" viewBox=\"0 0 24 24\"><path d=\"M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18-.21 0-.41-.06-.57-.18l-7.9-4.44A.991.991 0 0 1 3 16.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18.21 0 .41.06.57.18l7.9 4.44c.32.17.53.5.53.88v9M12 4.15L6.04 7.5L12 10.85l5.96-3.35L12 4.15M5 15.91l6 3.38v-6.71L5 9.21v6.7m14 0v-6.7l-6 3.37v6.71l6-3.38z\"\/><\/svg>\n            <\/div>\n            <div class=\"card-label hacker-text\" data-original=\"Fase 03 \/\/ CUSTOM_DEV\">Fase 03 \/\/ CUSTOM_DEV<\/div>\n            <h2 class=\"hacker-text\" data-original=\"SISTEMAS &#038; CRM\">SISTEMAS &#038; CRM<\/h2>\n            <p>Desarrollo a medida. Creamos el CRM y software de gesti\u00f3n exacto que tu empresa necesita para automatizar flujos.<\/p>\n            <a class=\"btn-tech\" href=\"#crm\">Cotizar Sistema<\/a>\n        <\/div>\n\n        <div class=\"info-card theme-eng\">\n            <div class=\"icon-container\">\n                <svg class=\"tech-svg\" viewBox=\"0 0 24 24\"><path d=\"M12.89 3l1.96.4L11.11 21l-1.96-.4L12.89 3m6.7 9L16 8.41V5.58L22.42 12L16 18.41v-2.83L19.59 12M1.58 12L8 5.58v2.83L4.41 12L8 15.58v2.83L1.58 12z\"\/><\/svg>\n            <\/div>\n            <div class=\"card-label hacker-text\" data-original=\"Fase 04 \/\/ BACKEND\">Fase 04 \/\/ BACKEND<\/div>\n            <h2 class=\"hacker-text\" data-original=\"INGENIER\u00cdA\">INGENIER\u00cdA<\/h2>\n            <p>Optimizaci\u00f3n y Snippets. Soluciones t\u00e9cnicas de backend para resolver problemas complejos de rendimiento.<\/p>\n            <a class=\"btn-tech\" href=\"#ingenieria\">Detalles<\/a>\n        <\/div>\n\n        <div class=\"info-card theme-edu\">\n            <div class=\"icon-container\">\n                <svg class=\"tech-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3m6.82 6L12 12.72L5.18 9L12 5.28L18.82 9M17 16l-5 2.72L7 16v-3.73L12 15l5-2.73V16z\"\/><\/svg>\n            <\/div>\n            <div class=\"card-label hacker-text\" data-original=\"Fase 05 \/\/ LMS_SENCE\">Fase 05 \/\/ LMS_SENCE<\/div>\n            <h2 class=\"hacker-text\" data-original=\"AULA VIRTUAL\">AULA VIRTUAL<\/h2>\n            <p>Moodle + SENCE. Plataformas e-learning robustas y normadas para la capacitaci\u00f3n corporativa masiva.<\/p>\n            <a class=\"btn-tech\" href=\"#elearning\">Ver Plataforma<\/a>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"nav-dots\">\n        <div class=\"nav-dot active\"><\/div>\n        <div class=\"nav-dot\"><\/div>\n        <div class=\"nav-dot\"><\/div>\n        <div class=\"nav-dot\"><\/div>\n        <div class=\"nav-dot\"><\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            const isMobile = window.innerWidth < 900;\n            \n            \/\/ --- 1. CANVAS CONFIG (PART\u00cdCULAS HACIA ARRIBA) ---\n            const canvas = document.getElementById('snow-canvas-framed');\n            const ctx = canvas.getContext('2d', { alpha: true });\n            let width, height;\n            const icons = ['<\/>', '{;}', 'DB', 'CRM', 'API', '\/\/\/', '::', 'GIT', '01'];\n            let particles = [];\n\n            function resize() {\n                width = canvas.width = canvas.parentElement.offsetWidth;\n                height = canvas.height = canvas.parentElement.offsetHeight;\n            }\n\n            class Particle {\n                constructor() { this.reset(true); }\n                \n                reset(initial = false) {\n                    this.x = Math.random() * width;\n                    \/\/ Cambio: Iniciar en el fondo o aleatorio, para subir\n                    this.y = initial ? Math.random() * height : height + 20; \n                    this.speed = 0.5 + Math.random() * 0.8; \/\/ Velocidad hacia arriba\n                    this.size = 10 + Math.random() * 8;\n                    this.icon = icons[Math.floor(Math.random() * icons.length)];\n                    this.opacity = 0.1 + Math.random() * 0.3;\n                }\n                \n                update() {\n                    \/\/ CAMBIO CLAVE: Restar a Y para que suba\n                    this.y -= this.speed; \n                    \n                    \/\/ Resetear si sale por arriba (y < -30)\n                    if (this.y < -30) this.reset(); \n                }\n                \n                draw() {\n                    ctx.font = `bold ${this.size}px monospace`;\n                    ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`;\n                    ctx.fillText(this.icon, this.x, this.y);\n                }\n            }\n\n            function initCanvas() {\n                resize(); particles = [];\n                const count = isMobile ? 25 : 55;\n                for(let i=0; i<count; i++) particles.push(new Particle());\n                loop();\n            }\n\n            function loop() {\n                ctx.clearRect(0, 0, width, height);\n                for(let i=0; i<particles.length; i++) { \n                    particles[i].update(); \n                    particles[i].draw(); \n                } \n                requestAnimationFrame(loop); \n            } \n            \n            window.addEventListener('resize', resize); \n            initCanvas();\n\n            \/\/ --- 2. EFECTO MATRIX (TEXTO) ---\n            const letters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\"; \n            function runMatrix(element) { \n                if (!element) return; \n                if (element.dataset.running === \"true\") clearInterval(element.matrixInterval); \n                const originalText = element.dataset.original; \n                element.innerText = originalText; \n                element.dataset.running = \"true\"; \n                let iterations = 0; \n                element.matrixInterval = setInterval(() => {\n                    element.innerText = originalText.split(\"\").map((letter, index) => {\n                        if(index < iterations) return originalText[index]; \n                        return letters[Math.floor(Math.random() * letters.length)]; \n                    }).join(\"\"); \n                    if(iterations >= originalText.length) { \n                        clearInterval(element.matrixInterval); \n                        element.dataset.running = \"false\";\n                    }\n                    iterations += 1 \/ 2;\n                }, 30);\n            }\n\n            \/\/ --- 3. SLIDER AUTOM\u00c1TICO ---\n            const cards = document.querySelectorAll('.info-card');\n            const dots = document.querySelectorAll('.nav-dot');\n            let currentIndex = 0;\n            let slideTimer;\n\n            function showSlide(index) {\n                cards.forEach(c => c.classList.remove('active'));\n                dots.forEach(d => d.classList.remove('active'));\n                \n                cards[index].classList.add('active');\n                if(dots[index]) dots[index].classList.add('active');\n                \n                const texts = cards[index].querySelectorAll('.hacker-text');\n                texts.forEach(t => runMatrix(t));\n                currentIndex = index;\n            }\n\n            function nextSlide() { showSlide((currentIndex + 1) % cards.length); }\n            function startSlider() {\n                if(slideTimer) clearInterval(slideTimer); \n                slideTimer = setInterval(nextSlide, 7000);\n            }\n\n            \/\/ Inicializaci\u00f3n\n            const firstTexts = cards[0].querySelectorAll('.hacker-text');\n            firstTexts.forEach(t => runMatrix(t));\n            startSlider();\n\n            dots.forEach((dot, idx) => {\n                dot.addEventListener('click', () => { showSlide(idx); startSlider(); });\n            });\n        })();\n    <\/script>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-aeaca83 e-flex e-con-boxed e-con e-parent\" data-id=\"aeaca83\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfd5322 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"cfd5322\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div id=\"cyber-certs-module-v2\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chakra+Petch:wght@500;700&#038;family=Orbitron:wght@700;900&#038;display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* =========================================\n           CERTIFICACIONES V2 - MORADO + MOBILE FIX\n        ========================================= *\/\n        #cyber-certs-module-v2 {\n            --c-purple: #bd00ff;       \/* Color Principal *\/\n            --c-glow-white: rgba(255, 255, 255, 0.9); \/* Nuevo halo de luz para contraste *\/\n            --c-bg-dark: #05080c;\n            --c-panel: rgba(15, 5, 20, 0.95);\n            \n            background-color: var(--c-bg-dark);\n            padding: 40px 20px;\n            overflow: hidden;\n            width: 100%;\n            font-family: 'Chakra Petch', sans-serif;\n            display: flex;\n            justify-content: center;\n        }\n\n        .cert-container {\n            width: 100%;\n            max-width: 1240px;\n            position: relative;\n            \n            \/* EST\u00c9TICA CRM PURPLE *\/\n            background: var(--c-panel);\n            border: 1px solid var(--c-purple);\n            border-left: 8px solid var(--c-purple); \/* Borde grueso *\/\n            \n            padding: 30px 50px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 40px;\n            \n            \/* Fondo de esc\u00e1ner *\/\n            background-image: repeating-linear-gradient(\n                45deg,\n                transparent,\n                transparent 10px,\n                rgba(189, 0, 255, 0.05) 10px,\n                rgba(189, 0, 255, 0.05) 20px\n            );\n            box-shadow: 0 0 40px rgba(189, 0, 255, 0.15);\n        }\n\n        \/* TEXTO *\/\n        .cert-info h3 {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1.8rem;\n            color: #fff;\n            text-transform: uppercase;\n            margin: 0;\n            line-height: 1;\n            text-shadow: 0 0 15px var(--c-purple);\n            white-space: nowrap;\n        }\n        .cert-label {\n            color: var(--c-purple);\n            font-size: 0.9rem;\n            letter-spacing: 2px;\n            font-weight: 700;\n            margin-bottom: 5px;\n            display: block;\n        }\n\n        \/* SLIDER WRAPPER *\/\n        .cert-slider-wrapper {\n            flex: 1;\n            height: 120px; \/* Altura fija para desktop *\/\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            \/* Marco sutil interno *\/\n            background: rgba(0,0,0,0.3);\n            border: 1px solid rgba(255,255,255,0.1);\n            max-width: 500px;\n        }\n\n        .cert-slide {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            display: flex; justify-content: center; align-items: center;\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.1s;\n        }\n\n        .cert-slide.active {\n            opacity: 1;\n            visibility: visible;\n            z-index: 2;\n        }\n\n        \/* IM\u00c1GENES CON HALO DE LUZ (CONTRASTE) *\/\n        .cert-img {\n            max-height: 90px;\n            width: auto;\n            max-width: 90%;\n            \/* Truco para contraste: Sombra blanca s\u00f3lida pegada + Sombra morada difusa *\/\n            filter: drop-shadow(0 0 1px white) drop-shadow(0 0 5px white) drop-shadow(0 0 20px var(--c-purple));\n            transition: transform 0.3s;\n        }\n        .cert-img:hover {\n            transform: scale(1.05);\n            \/* Al hover brilla m\u00e1s *\/\n            filter: drop-shadow(0 0 2px white) drop-shadow(0 0 8px white) drop-shadow(0 0 25px var(--c-purple));\n        }\n\n        \/* GLITCH ANIMATION *\/\n        .glitch-effect .cert-img {\n            animation: glitch-anim 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;\n        }\n\n        @keyframes glitch-anim {\n            0% { transform: translate(0); }\n            20% { clip-path: inset(10% 0 80% 0); transform: translate(-2px, 2px); }\n            40% { clip-path: inset(80% 0 5% 0); transform: translate(2px, -2px); }\n            60% { clip-path: inset(0 0 0 0); transform: translate(0); }\n            80% { clip-path: inset(40% 0 40% 0); transform: translate(-2px, 0); }\n            100% { transform: translate(0); }\n        }\n\n        \/* BOT\u00d3N LOADING *\/\n        .btn-cyber-load {\n            position: relative;\n            display: inline-block;\n            padding: 15px 35px;\n            background: transparent;\n            border: 1px solid var(--c-purple);\n            color: #fff;\n            font-family: 'Orbitron', sans-serif;\n            font-weight: 700;\n            text-transform: uppercase;\n            text-decoration: none;\n            letter-spacing: 2px;\n            overflow: hidden;\n            \/* Recorte esquina *\/\n            clip-path: polygon(0 0, 100% 0, 100% 70%, 90% 100%, 0 100%);\n            transition: 0.3s;\n            white-space: nowrap;\n        }\n\n        .btn-cyber-load::before {\n            content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%;\n            background: var(--c-purple); z-index: -1;\n            transition: width 0.4s ease-in-out;\n        }\n\n        .btn-cyber-load:hover {\n            box-shadow: 0 0 20px var(--c-purple);\n            color: #fff;\n        }\n        .btn-cyber-load:hover::before { width: 100%; }\n\n        \/* --- RESPONSIVE FIX (CRUCIAL) --- *\/\n        @media (max-width: 900px) {\n            .cert-container {\n                flex-direction: column;\n                text-align: center;\n                padding: 30px 20px;\n                gap: 25px;\n            }\n            \n            .cert-info h3 { font-size: 1.5rem; white-space: normal; } \/* Permitir salto de l\u00ednea en t\u00edtulo *\/\n            \n            \/* Soluci\u00f3n al problema de im\u00e1genes invisibles *\/\n            .cert-slider-wrapper {\n                width: 100%;\n                max-width: 100%;\n                \/* Damos altura expl\u00edcita para que el absolute no colapse el div *\/\n                height: 140px; \n                margin: 10px 0;\n            }\n            \n            .cert-img { max-height: 100px; } \/* Ajustar imagen al nuevo alto *\/\n            \n            .btn-cyber-load { width: 100%; text-align: center; }\n        }\n    <\/style>\n\n    <div class=\"cert-container\">\n        <div class=\"cert-info\">\n            <span class=\"cert-label\">VERIFIED_PARTNER<\/span>\n            <h3>Nuestras Certificaciones:<\/h3>\n        <\/div>\n\n        <div class=\"cert-slider-wrapper\">\n            \n            <a href=\"https:\/\/skillshop.credential.net\/4c877ffd-6313-467a-8ba0-5877bd6c0a4e#acc.PEmXlhyT\" target=\"_blank\" class=\"cert-slide active\">\n                <img decoding=\"async\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2023\/02\/sdsdf.png\" alt=\"Google Skillshop\" class=\"cert-img\">\n            <\/a>\n\n            <a href=\"https:\/\/moodle.academy\/badges\/badge.php?hash=523a5f3846824bd4b8b0ffaa38925c9b3f250e13\" target=\"_blank\" class=\"cert-slide\">\n                <img decoding=\"async\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2023\/02\/sadasd2d2d2.png\" alt=\"Moodle Educator\" class=\"cert-img\">\n            <\/a>\n\n        <\/div>\n\n        <div class=\"cert-action\">\n            <a href=\"https:\/\/webiman.net\/services\/\" class=\"btn-cyber-load\">M\u00e1s Servicios<\/a>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            const slides = document.querySelectorAll('.cert-slide');\n            let currentIdx = 0;\n            const intervalTime = 4000;\n\n            function rotateSlides() {\n                \/\/ Actual\n                const currentSlide = slides[currentIdx];\n                \n                \/\/ Siguiente\n                currentIdx = (currentIdx + 1) % slides.length;\n                const nextSlide = slides[currentIdx];\n\n                \/\/ Activar Glitch en Salida\n                const currentImg = currentSlide.querySelector('img');\n                if(currentImg) currentImg.parentElement.classList.add('glitch-effect');\n\n                setTimeout(() => {\n                    \/\/ Cambio de estado\n                    currentSlide.classList.remove('active');\n                    if(currentImg) currentImg.parentElement.classList.remove('glitch-effect');\n                    \n                    nextSlide.classList.add('active');\n                    \n                    \/\/ Glitch en Entrada\n                    const nextImg = nextSlide.querySelector('img');\n                    if(nextImg) nextImg.parentElement.classList.add('glitch-effect');\n\n                    setTimeout(() => {\n                        if(nextImg) nextImg.parentElement.classList.remove('glitch-effect');\n                    }, 400);\n\n                }, 200); \/\/ Peque\u00f1o delay\n            }\n\n            setInterval(rotateSlides, intervalTime);\n        })();\n    <\/script>\n<\/div>\t\t\t\t\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=\"aux-parallax-section elementor-element elementor-element-3c67ffa e-flex e-con-boxed e-con e-parent\" data-id=\"3c67ffa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;opacity-tilt&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfe06e5 elementor-widget elementor-widget-menu-anchor\" data-id=\"dfe06e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"planes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01ca45a elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"01ca45a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div id=\"tech-pricing-cyber-v3\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chakra+Petch:wght@500;700&#038;family=Orbitron:wght@700;900&#038;display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* =========================================\n           ESTILO CYBERPUNK - PRICING & SERVICES\n        ========================================= *\/\n        #tech-pricing-cyber-v3 {\n            --c-dark: #05080c;\n            --c-panel: rgba(5, 12, 18, 0.85);\n            --c-text: #aebbc9;\n            \n            background-color: var(--c-dark);\n            \/* Rejilla de fondo *\/\n            background-image: \n                linear-gradient(rgba(0, 242, 255, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(0, 242, 255, 0.03) 1px, transparent 1px);\n            background-size: 40px 40px;\n            \n            font-family: 'Chakra Petch', sans-serif;\n            color: var(--c-text);\n            padding-top: 40px;\n            overflow: hidden; \/* Para contener animaciones *\/\n        }\n\n        .wf-section {\n            max-width: 1240px;\n            margin: 0 auto;\n            padding: 80px 20px;\n            position: relative;\n        }\n\n        \/* --- ANIMACI\u00d3N DE ENTRADA (H.U.D. LOAD) --- *\/\n        \/* Estado inicial: Oculto y desplazado *\/\n        .hud-animate {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n            will-change: opacity, transform;\n        }\n\n        \/* Estado final: Visible *\/\n        .hud-animate.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Retrasos para efecto cascada (stagger) *\/\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n        .delay-3 { transition-delay: 0.3s; }\n\n        \/* ----- T\u00cdTULOS ----- *\/\n        .wf-title { \n            text-align: center; \n            font-family: 'Orbitron', sans-serif; \n            font-size: 3rem; \n            font-weight: 900; \n            margin-bottom: 5px; \n            color: #fff !important; \n            text-transform: uppercase; \n            letter-spacing: 2px;\n            text-shadow: 0 0 15px rgba(255,255,255,0.1);\n        }\n        \n        .wf-subtitle { \n            text-align: center; \n            margin-bottom: 60px; \n            font-size: 1rem; \n            font-weight: 700; \n            color: #00F2FF !important; \n            text-transform: uppercase; \n            letter-spacing: 4px; \n        }\n\n        .wf-grid { \n            display: grid; \n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); \n            gap: 40px; \n            align-items: stretch;\n        }\n\n        \/* ----- TARJETAS CYBER ----- *\/\n        .wf-card {\n            position: relative;\n            padding: 40px 30px 40px 50px; \/* Padding izq para franja *\/\n            background: var(--c-panel);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-left: none; \n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n            \n            \/* Recorte esquina inferior derecha *\/\n            clip-path: polygon(\n                0 0, \n                100% 0, \n                100% calc(100% - 20px), \n                calc(100% - 20px) 100%, \n                0 100%\n            );\n            \n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            display: flex; flex-direction: column;\n        }\n\n        \/* Franja Lateral \"Hazard\" *\/\n        .wf-card::before {\n            content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 100%;\n            background-color: rgba(0,0,0,0.3);\n            background-image: repeating-linear-gradient(\n                45deg,\n                var(--accent-color),\n                var(--accent-color) 10px,\n                transparent 10px,\n                transparent 20px\n            );\n            border-right: 1px solid var(--accent-color);\n            z-index: 2;\n        }\n\n        .wf-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 40px rgba(0,0,0,0.6);\n        }\n\n        \/* Colores por Tipo *\/\n        .bg-blue-organic   { --accent-color: #00F2FF; } \n        .bg-orange-organic { --accent-color: #FF4500; } \n        .bg-green-organic  { --accent-color: #76c359; } \n        .bg-purple-organic { --accent-color: #d600ff; } \n        .bg-red-organic    { --accent-color: #FF2A2A; } \n\n        \/* Tipograf\u00eda Interna *\/\n        .wf-card h3 {\n            font-family: 'Orbitron', sans-serif !important;\n            color: #fff !important; font-size: 1.8rem !important;\n            font-weight: 900; text-transform: uppercase;\n            margin-bottom: 20px !important; letter-spacing: 1px; line-height: 1;\n        }\n\n        .wf-card ul { padding: 0; margin: 25px 0; list-style: none; }\n        .wf-card li { \n            margin-bottom: 12px; padding-left: 0; color: #cfd8e3 !important;\n            font-size: 0.95rem; display: flex; align-items: flex-start; gap: 12px;\n        }\n        .wf-card li::before { \n            content: '>'; color: var(--accent-color); \n            font-family: monospace; font-weight: bold;\n        }\n        .wf-card li::first-letter { font-size: 0; } \n\n        .wf-price-tag { \n            font-family: 'Orbitron', sans-serif; font-size: 2.2rem !important; \n            font-weight: 700 !important; color: #fff !important; \n            margin: auto 0 5px 0 !important; text-align: center;\n            text-shadow: 0 0 10px rgba(255,255,255,0.2);\n        }\n\n        .wf-card p[style*=\"color: #667\"] {\n            color: rgba(255,255,255,0.4) !important; font-size: 0.8rem !important;\n            text-transform: uppercase; letter-spacing: 2px; text-align: center; \n            margin-bottom: 25px; font-family: 'Chakra Petch', sans-serif;\n        }\n        .wf-card p[style*=\"color: #556\"] { \n            color: var(--c-text) !important; font-style: italic; opacity: 0.9;\n            border-left: 1px solid rgba(255,255,255,0.1); padding-left: 15px;\n        }\n\n        \/* Botones *\/\n        .wf-btn {\n            display: block; width: 100%; text-align: center; padding: 15px 0;\n            font-weight: 700; text-transform: uppercase; letter-spacing: 2px;\n            text-decoration: none; background: transparent !important; \n            color: var(--accent-color) !important; \n            border: 1px solid var(--accent-color); position: relative; overflow: hidden; \n            transition: 0.3s; font-family: 'Chakra Petch', sans-serif; margin-top: 20px;\n        }\n        .wf-btn::before {\n            content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%;\n            background: var(--accent-color); z-index: -1; transition: 0.3s ease-in-out;\n        }\n        .wf-btn:hover { color: #000 !important; box-shadow: 0 0 20px var(--accent-color); }\n        .wf-btn:hover::before { width: 100%; }\n\n        \/* SEO BOX & DEV BANNER *\/\n        .wf-seo-box, .wf-dev-banner {\n            background: var(--c-panel);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            padding: 40px; margin-bottom: 80px;\n            backdrop-filter: blur(10px);\n            border-top: 4px solid var(--box-accent, #00F2FF);\n            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);\n        }\n        .wf-seo-content { display: flex; gap: 40px; align-items: center; flex-wrap: wrap; }\n        .wf-seo-img { \n            width: 100%; border-radius: 4px; border: 1px solid #00F2FF;\n            box-shadow: 0 0 15px rgba(0, 242, 255, 0.2); \n        }\n        .wf-seo-text h1[style] {\n            font-family: 'Orbitron', sans-serif !important; font-size: 2.5rem !important;\n            font-weight: 900 !important; text-transform: uppercase; color: #fff !important; \n            margin-bottom: 20px !important; line-height: 1.1 !important;\n        }\n        .wf-seo-text p[style] {\n            color: var(--c-text) !important; font-size: 1.1rem !important;\n            border-left: 2px solid #76c359; padding-left: 20px;\n        }\n\n        \/* Banner CRM *\/\n        .wf-dev-banner {\n            --box-accent: #FFD700;\n            border-left: 12px solid #FFD700; border-top: 1px solid #FFD700; margin-top: 100px;\n            display: flex; justify-content: space-between; align-items: center; gap: 40px;\n            background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 215, 0, 0.05) 10px, rgba(255, 215, 0, 0.05) 20px);\n        }\n        .dev-label {\n            color: #FFD700; font-size: 0.9rem; letter-spacing: 3px;\n            text-transform: uppercase; font-weight: 700; margin-bottom: 10px;\n        }\n        .wf-dev-banner h3 {\n            font-family: 'Orbitron', sans-serif; font-size: 2.2rem; color: #fff;\n            text-transform: uppercase; margin-bottom: 15px; line-height: 1;\n        }\n        .btn-gold {\n            display: inline-block; padding: 16px 40px;\n            border: 1px solid #FFD700; color: #FFD700;\n            font-weight: 700; text-transform: uppercase; letter-spacing: 2px;\n            text-decoration: none; transition: 0.3s; position: relative; overflow: hidden;\n            font-family: 'Chakra Petch', sans-serif;\n        }\n        .btn-gold:hover { background: #FFD700; color: #000; box-shadow: 0 0 30px rgba(255, 215, 0, 0.5); }\n\n        @media (max-width: 768px) {\n            .wf-section { padding: 40px 15px; }\n            .wf-seo-content, .wf-dev-banner { flex-direction: column; text-align: center; }\n            .wf-card { padding: 30px 20px 30px 30px; }\n            .dev-action { width: 100%; }\n            .wf-title { font-size: 2.2rem; }\n            .wf-seo-text h1[style] { font-size: 1.8rem !important; }\n            .btn-gold { width: 100%; text-align: center; }\n        }\n    <\/style>\n\n    <section class=\"wf-section\">\n        \n        <div class=\"wf-seo-box hud-animate\">\n            <div class=\"wf-seo-content\">\n                <div style=\"flex: 1; min-width: 260px;\">\n                    <img decoding=\"async\" class=\"wf-seo-img\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2025\/12\/imagen_2025-12-07_002950077.png\" alt=\"Dise\u00f1o web profesional en Chile\" \/>\n                <\/div>\n                <div class=\"wf-seo-text\" style=\"flex: 1; min-width: 300px;\">\n                    <h1 style=\"font-size: 32px; font-weight: bold; margin-bottom: 15px; color: #c67dff;\">Dise\u00f1o Web o Aula Virtual Profesional para Impulsar tu Crecimiento<\/h1>\n                    <p style=\"font-size: 18px; line-height: 1.6; color: #445;\">Especialistas en <strong>landing pages enfocadas en conversi\u00f3n<\/strong>, <strong>sitios corporativos<\/strong> y <strong>soluciones web de alto rendimiento<\/strong>. Implementaciones r\u00e1pidas, seguras y totalmente optimizadas para SEO en Chile.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <h2 id=\"websites\" class=\"wf-title hud-animate\">Websites Esenciales<\/h2>\n        <p class=\"wf-subtitle hud-animate\">Landing Page &amp; Sitios de Presentaci\u00f3n<\/p>\n        \n        <div class=\"wf-grid\">\n            <div class=\"wf-card bg-blue-organic hud-animate delay-1\">\n                <h3 style=\"color: #0a2540;\">Start Web<\/h3>\n                <ul>\n                    <li>\u2714 Secciones incluidas: <strong>hasta 4<\/strong><\/li>\n                    <li>\u2714 Correos corporativos: <strong>2 cuentas<\/strong><\/li>\n                    <li>\u2714 Formularios: <strong>1 formulario de contacto<\/strong><\/li>\n                    <li>\u2714 Dominio + hosting: <strong>1 a\u00f1o incluido<\/strong><\/li>\n                    <li>\u2714 Certificado SSL y seguridad b\u00e1sica<\/li>\n                    <li>\u2714 Dise\u00f1o responsive (m\u00f3vil + desktop)<\/li>\n                <\/ul>\n                <p style=\"color: #556;\">Ideal para estar online r\u00e1pido sin perder semanas coordinando proveedores.<\/p>\n                <p class=\"wf-price-tag\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>164,99<\/bdi><\/span> + IVA<\/p>\n                <p style=\"color: #667; font-size: 0.9em;\">Hosting y dominio, Valor anual.<\/p>\n                <a class=\"wf-btn\" href=\"https:\/\/webiman.net\/configura-tu-web\/?pid=337\" target=\"_blank\" rel=\"noopener\">Cotizar ahora<\/a>\n            <\/div>\n            \n            <div class=\"wf-card bg-orange-organic hud-animate delay-2\">\n                <h3 style=\"color: #0a2540;\">Pro Web<\/h3>\n                <ul>\n                    <li>\u2714 Secciones incluidas: <strong>hasta 7<\/strong><\/li>\n                    <li>\u2714 Correos corporativos: <strong>5 cuentas<\/strong><\/li>\n                    <li>\u2714 Formularios: <strong>hasta 2<\/strong><\/li>\n                    <li>\u2714 Integraci\u00f3n WhatsApp, mapas y correo<\/li>\n                    <li>\u2714 Optimizaci\u00f3n de velocidad y SEO base<\/li>\n                    <li>\u2714 Hosting alto rendimiento incluido<\/li>\n                <\/ul>\n                <p style=\"color: #556;\">Pensado para empresas que valoran orden, velocidad y profesionalismo.<\/p>\n                <p class=\"wf-price-tag\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>197,99<\/bdi><\/span> + IVA<\/p>\n                <p style=\"color: #667; font-size: 0.9em;\">Hosting clase A+ incluido.<\/p>\n                <a class=\"wf-btn\" href=\"https:\/\/webiman.net\/configura-tu-web\/?pid=486\" target=\"_blank\" rel=\"noopener\">Contratar<\/a>\n            <\/div>\n            \n            <div class=\"wf-card bg-green-organic hud-animate delay-3\">\n                <h3 style=\"color: #0a2540;\">Business Web<\/h3>\n                <ul>\n                    <li>\u2714 Secciones incluidas: <strong>hasta 10<\/strong><\/li>\n                    <li>\u2714 Correos corporativos: <strong>10 cuentas<\/strong><\/li>\n                    <li>\u2714 Formularios avanzados: <strong>hasta 3<\/strong><\/li>\n                    <li>\u2714 Optimizaci\u00f3n SEO t\u00e9cnica avanzada<\/li>\n                    <li>\u2714 Backups autom\u00e1ticos y seguridad reforzada<\/li>\n                    <li>\u2714 Preparado para campa\u00f1as y alto tr\u00e1fico<\/li>\n                <\/ul>\n                <p style=\"color: #556;\">Reduce redise\u00f1os futuros y protege tu inversi\u00f3n digital.<\/p>\n                <p class=\"wf-price-tag\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>219,99<\/bdi><\/span> + IVA<\/p>\n                <p style=\"color: #667; font-size: 0.9em;\">Velocidad + SEO + seguridad.<\/p>\n                <a class=\"wf-btn\" href=\"https:\/\/webiman.net\/configura-tu-web\/?pid=486\" target=\"_blank\" rel=\"noopener\">Solicitar propuesta<\/a>\n            <\/div>\n        <\/div>\n\n        <h2 id=\"ecommerce\" class=\"wf-title hud-animate\" style=\"margin-top: 100px;\">Soluciones E-Commerce<\/h2>\n        <p class=\"wf-subtitle hud-animate\">Tiendas con WooCommerce<\/p>\n        \n        <div class=\"wf-grid\">\n            <div class=\"wf-card bg-purple-organic hud-animate delay-1\">\n                <h3 style=\"color: #0a2540;\">E-Com Lite<\/h3>\n                <ul>\n                    <li>\u2714 Productos cargados: <strong>hasta 20<\/strong><\/li>\n                    <li>\u2714 Correos corporativos: <strong>5 cuentas<\/strong><\/li>\n                    <li>\u2714 Medios de pago configurados<\/li>\n                    <li>\u2714 Flujo de compra funcional<\/li>\n                    <li>\u2714 Seguridad + SSL<\/li>\n                    <li>\u2714 Capacitaci\u00f3n incluida: <strong>Modulo asincr\u00f3nico<\/strong><\/li>\n                <\/ul>\n                <p style=\"color: #556;\">Para vender sin depender de terceros ni aprender WooCommerce desde cero.<\/p>\n                <p class=\"wf-price-tag\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>263,99<\/bdi><\/span> + IVA<\/p>\n                <p style=\"color: #667; font-size: 0.9em;\">Ideal para emprendimientos.<\/p>\n                <a class=\"wf-btn\" href=\"https:\/\/webiman.net\/configura-tu-web\/?pid=850\" target=\"_blank\" rel=\"noopener\">Cotizar tienda<\/a>\n            <\/div>\n            \n            <div class=\"wf-card bg-red-organic hud-animate delay-2\">\n                <h3 style=\"color: #0a2540;\">E-Com Pro<\/h3>\n                <ul>\n                    <li>\u2714 Productos cargados: <strong>hasta 50<\/strong><\/li>\n                    <li>\u2714 Correos corporativos: <strong>10 cuentas<\/strong><\/li>\n                    <li>\u2714 Pagos + despachos integrados<\/li>\n                    <li>\u2714 Automatizaci\u00f3n de correos de compra<\/li>\n                    <li>\u2714 Optimizaci\u00f3n de velocidad y seguridad<\/li>\n                    <li>\u2714 Capacitaci\u00f3n incluida: <strong>2 sesiones (2 horas)<\/strong><\/li>\n                <\/ul>\n                <p style=\"color: #556;\">Reduce errores operativos y libera horas de gesti\u00f3n cada semana.<\/p>\n                <p class=\"wf-price-tag\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>296,99<\/bdi><\/span> + IVA<\/p>\n                <p style=\"color: #667; font-size: 0.9em;\">Despacho + integraciones.<\/p>\n                <a class=\"wf-btn\" href=\"https:\/\/webiman.net\/configura-tu-web\/?pid=854\" target=\"_blank\" rel=\"noopener\">Contratar<\/a>\n            <\/div>\n            \n            <div class=\"wf-card bg-green-organic hud-animate delay-3\">\n                <h3 style=\"color: #0a2540;\">E-Com Full<\/h3>\n                <ul>\n                    <li>\u2714 Productos cargados: <strong>hasta 100<\/strong><\/li>\n                    <li>\u2714 Correos corporativos: <strong>20 cuentas<\/strong><\/li>\n                    <li>\u2714 Infraestructura para alto tr\u00e1fico<\/li>\n                    <li>\u2714 Seguridad avanzada + monitoreo<\/li>\n                    <li>\u2714 Integraciones personalizadas<\/li>\n                    <li>\u2714 Capacitaci\u00f3n incluida: <strong>3 sesiones (3 horas)<\/strong><\/li>\n                <\/ul>\n                <p style=\"color: #556;\">Dise\u00f1ado para que la tecnolog\u00eda acompa\u00f1e el crecimiento, no lo frene.<\/p>\n                <p class=\"wf-price-tag\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>329,99<\/bdi><\/span> + IVA<\/p>\n                <p style=\"color: #667; font-size: 0.9em;\">Para negocios con tr\u00e1fico real.<\/p>\n                <a class=\"wf-btn\" href=\"https:\/\/webiman.net\/configura-tu-web\/?pid=858\" target=\"_blank\" rel=\"noopener\">Solicitar propuesta<\/a>\n            <\/div>\n        <\/div>\n\n        <h2 id=\"aulas\" class=\"wf-title hud-animate\" style=\"margin-top: 100px;\">Aulas Virtuales<\/h2>\n        <p class=\"wf-subtitle hud-animate\">Implementaci\u00f3n Moodle<\/p>\n        \n        <div style=\"display: flex; justify-content: center;\">\n            <div class=\"wf-card bg-blue-organic hud-animate delay-1\" style=\"max-width: 400px; width: 100%;\">\n                <h3 style=\"color: #0a2540;\">Aula Virtual Pro<\/h3>\n                <ul>\n                    <li>\u2714 Instalaci\u00f3n completa de Moodle<\/li>\n                    <li>\u2714 Usuarios y roles configurados<\/li>\n                    <li>\u2714 Correos institucionales: <strong>hasta 20<\/strong><\/li>\n                    <li>\u2714 Seguridad, backups y rendimiento optimizado<\/li>\n                    <li>\u2714 Plataforma lista para operar<\/li>\n                <\/ul>\n                <p style=\"color: #556;\">Evita meses de prueba-error y dependencia t\u00e9cnica futura.<\/p>\n                <p class=\"wf-price-tag\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>1.099,99<\/bdi><\/span> + IVA<\/p>\n                <p style=\"color: #667; font-size: 0.9em;\">Compatible con hosting WP Cloud.<\/p>\n                <a class=\"wf-btn\" href=\"https:\/\/webiman.net\/configura-tu-web\/?pid=863\" target=\"_blank\" rel=\"noopener\">Implementar Aula<\/a>\n            <\/div>\n        <\/div>\n\n        <div id=\"crm\" class=\"wf-dev-banner hud-animate delay-2\">\n            <div class=\"dev-content\">\n                <div class=\"dev-label\">INGENIER\u00cdA AVANZADA<\/div>\n                <h3>Sistemas &amp; CRM a Medida<\/h3>\n                <p>\u00bfNecesitas algo m\u00e1s espec\u00edfico? Desarrollamos CRMs personalizados, integraciones API complejas y software de automatizaci\u00f3n para flujos de trabajo \u00fanicos. Tu l\u00f3gica de negocio hecha c\u00f3digo.<\/p>\n            <\/div>\n            <div class=\"dev-action\">\n                <a class=\"btn-gold\" href=\"https:\/\/webiman.net\/formulario-de-reunion\/\" target=\"_blank\" rel=\"noopener\">Consultar Factibilidad<\/a>\n            <\/div>\n        <\/div>\n\n    <\/section>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const observerOptions = {\n                root: null,\n                rootMargin: '0px',\n                threshold: 0.15 \/\/ Se activa cuando el 15% del elemento es visible\n            };\n\n            const observer = new IntersectionObserver((entries, observer) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('visible');\n                        observer.unobserve(entry.target); \/\/ Dejar de observar una vez animado\n                    }\n                });\n            }, observerOptions);\n\n            \/\/ Seleccionar elementos a animar\n            const animateElements = document.querySelectorAll('.hud-animate');\n            animateElements.forEach(el => observer.observe(el));\n        });\n    <\/script>\n<\/div>\t\t\t\t\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=\"aux-parallax-section elementor-element elementor-element-af7f926 e-flex e-con-boxed e-con e-parent\" data-id=\"af7f926\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b522ff elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"6b522ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chakra+Petch:wght@500;700&family=Orbitron:wght@700;900&display=swap\" rel=\"stylesheet\">\n\n    <div id=\"webiman-cyber-wrapper\">\n        \n        <style>\n            #webiman-cyber-wrapper {\n                \/* Variables de Branding *\/\n                --cy-dark: #05080c;\n                --cy-cyan: #00F2FF;\n                --cy-panel: rgba(5, 12, 18, 0.95);\n                --cy-font-title: 'Orbitron', sans-serif;\n                --cy-font-body: 'Chakra Petch', sans-serif;\n                \n                position: relative;\n                width: 100%;\n                background-color: var(--cy-dark);\n                \/* Fondo HUD *\/\n                background-image: \n                    linear-gradient(rgba(0, 242, 255, 0.03) 1px, transparent 1px),\n                    linear-gradient(90deg, rgba(0, 242, 255, 0.03) 1px, transparent 1px);\n                background-size: 40px 40px;\n                padding: 60px 20px 100px 20px;\n                box-sizing: border-box;\n                overflow: hidden;\n            }\n\n            \/* Header *\/\n            #webiman-cyber-wrapper .w-header {\n                text-align: center; max-width: 900px; margin: 0 auto 50px auto;\n            }\n            #webiman-cyber-wrapper h2 {\n                font-family: var(--cy-font-title) !important;\n                font-size: 3rem !important;\n                color: #fff !important;\n                text-transform: uppercase;\n                margin-bottom: 20px !important;\n                text-shadow: 0 0 20px rgba(0, 242, 255, 0.4);\n                line-height: 1.1 !important;\n            }\n            #webiman-cyber-wrapper p.desc {\n                font-family: var(--cy-font-body);\n                color: #aebbc9; font-size: 1.1rem; line-height: 1.6;\n            }\n\n            \/* Slider Container *\/\n            .w-swiper-container {\n                width: 100%;\n                max-width: 1400px;\n                margin: 0 auto;\n                position: relative;\n                \/* Altura FIJA necesaria para el Grid de 2 filas en Desktop *\/\n                height: 700px; \n            }\n\n            \/* Slide Individual *\/\n            #webiman-cyber-wrapper .swiper-slide {\n                \/* Calculo: (100% altura - espacio gap) \/ 2 filas *\/\n                height: calc((100% - 30px) \/ 2) !important;\n                display: flex; \/* Asegura que la tarjeta llene el slide *\/\n                box-sizing: border-box;\n            }\n\n            \/* Tarjeta de Proyecto (Dise\u00f1o HUD) *\/\n            .w-card {\n                position: relative;\n                width: 100%;\n                height: 100%;\n                background: #000;\n                border: 1px solid rgba(0, 242, 255, 0.2);\n                cursor: pointer;\n                overflow: hidden;\n                transition: all 0.3s ease;\n                \/* Clip Path Tecnol\u00f3gico *\/\n                clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);\n            }\n\n            \/* Imagen Adaptada *\/\n            .w-card img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover; \/* Recorta la imagen para que llene el cuadro sin deformarse *\/\n                object-position: center;\n                filter: grayscale(100%) contrast(1.1) brightness(0.8);\n                transition: 0.5s ease;\n                display: block;\n            }\n\n            \/* Hover Effects *\/\n            .w-card:hover {\n                border-color: var(--cy-cyan);\n                box-shadow: 0 0 20px rgba(0, 242, 255, 0.2);\n            }\n            .w-card:hover img {\n                filter: grayscale(0%) contrast(1) brightness(1);\n                transform: scale(1.05);\n            }\n\n            \/* Overlay Info *\/\n            .w-overlay {\n                position: absolute;\n                bottom: 0; left: 0; width: 100%;\n                padding: 20px;\n                background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);\n                transform: translateY(20px);\n                opacity: 0;\n                transition: 0.3s;\n                z-index: 2;\n                pointer-events: none; \/* Click traspasa a la tarjeta *\/\n            }\n            .w-card:hover .w-overlay { transform: translateY(0); opacity: 1; }\n\n            .w-cat { font-family: var(--cy-font-body); color: var(--cy-cyan); font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; }\n            .w-title { font-family: var(--cy-font-title); color: #fff; font-size: 1.2rem; line-height: 1.2; text-transform: uppercase; }\n\n            \/* Decoraci\u00f3n Esquina *\/\n            .w-corner {\n                position: absolute; top: 0; right: 0; width: 30px; height: 30px;\n                border-top: 3px solid var(--cy-cyan); border-right: 3px solid var(--cy-cyan);\n                z-index: 5; opacity: 0; transition: 0.3s;\n            }\n            .w-card:hover .w-corner { opacity: 1; }\n\n            \/* Controles Slider *\/\n            .swiper-pagination-bullet { background: #fff !important; opacity: 0.3; }\n            .swiper-pagination-bullet-active { background: var(--cy-cyan) !important; opacity: 1; }\n            .swiper-button-next, .swiper-button-prev { color: var(--cy-cyan) !important; background: rgba(0,0,0,0.6); width: 40px; height: 40px; border: 1px solid var(--cy-cyan); backdrop-filter: blur(4px); }\n            .swiper-button-next::after, .swiper-button-prev::after { font-size: 18px !important; font-weight: bold; }\n\n            \/* MODAL (Popup) *\/\n            #w-modal {\n                position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n                background: rgba(0, 5, 10, 0.95); z-index: 999999;\n                display: flex; justify-content: center; align-items: center;\n                opacity: 0; pointer-events: none; transition: 0.3s;\n                backdrop-filter: blur(10px);\n            }\n            #w-modal.open { opacity: 1; pointer-events: all; }\n            \n            .w-modal-box {\n                width: 90%; max-width: 1000px;\n                background: #0a0f14; border: 1px solid var(--cy-cyan);\n                display: flex; position: relative;\n                box-shadow: 0 0 60px rgba(0, 242, 255, 0.1);\n            }\n            .w-modal-close {\n                position: absolute; top: -20px; right: -20px; width: 40px; height: 40px;\n                background: var(--cy-cyan); color: #000; font-size: 24px;\n                display: flex; justify-content: center; align-items: center;\n                cursor: pointer; font-weight: bold; z-index: 10;\n                border: none;\n            }\n            .w-modal-img { flex: 1.5; height: 500px; overflow: hidden; position: relative; }\n            .w-modal-img img { width: 100%; height: 100%; object-fit: cover; }\n            .w-modal-content { flex: 1; padding: 50px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid rgba(255,255,255,0.1); }\n            \n            .w-modal-title { font-family: var(--cy-font-title); font-size: 2.2rem; color: #fff; margin-bottom: 20px; line-height: 1.1; }\n            .w-modal-cat { color: var(--cy-cyan); text-transform: uppercase; margin-bottom: 10px; font-weight: bold; letter-spacing: 2px; }\n            .w-modal-desc { font-family: var(--cy-font-body); color: #ccc; line-height: 1.6; font-size: 1rem; }\n\n            \/* RESPONSIVE *\/\n            @media (max-width: 1024px) {\n                 \/* En m\u00f3vil y tablet, altura autom\u00e1tica para el slider simple *\/\n                .w-swiper-container { height: auto; padding-bottom: 60px; }\n                #webiman-cyber-wrapper .swiper-slide { height: 350px !important; }\n                .w-modal-box { flex-direction: column; height: 90vh; overflow-y: auto; }\n                .w-modal-img { height: 300px; flex: none; }\n                .w-modal-content { padding: 30px; flex: none; }\n                #webiman-cyber-wrapper h2 { font-size: 2rem !important; }\n            }\n        <\/style>\n\n        <div class=\"w-header\">\n            <h2>Proyectos Destacados<\/h2>\n            <p class=\"desc\">\n                En Webiman, nuestra misi\u00f3n es entregar soluciones digitales de excelencia a trav\u00e9s de servicios estrat\u00e9gicos que impulsan el crecimiento de las PyMEs con profesionalismo.\n            <\/p>\n        <\/div>\n\n        <div class=\"swiper w-swiper-container\">\n            <div class=\"swiper-wrapper\">\n                                \n                <div class=\"swiper-slide\">\n                    <div class=\"w-card\" onclick='openWebimanModal(\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/asd21d2d2d.png\", \"StarGym.cl \u00b7 Dise\u00f1o Web + E-commerce + Optimizaci\u00f3n SEO para Gimnasios.\", \"Desarrollo Web\", \"StarGym.cl es la plataforma digital de Star Gym, un centro de entrenamiento enfocado en el bienestar f\u00edsico, el acondicionamiento integral y la mejora del rendimiento personal. Su propuesta combina disciplina, constancia y una experiencia de entrenamiento orientada a resultados. Desde Webflux desarrollamos una presencia digital clara, funcional y orientada al crecimiento org\u00e1nico. Nuestro trabajo incluy\u00f3: [&hellip;]\")'>\n                        <div class=\"w-corner\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/asd21d2d2d.png\" alt=\"StarGym.cl \u00b7 Dise\u00f1o Web + E-commerce + Optimizaci\u00f3n SEO para Gimnasios.\">\n                        <div class=\"w-overlay\">\n                            <div class=\"w-cat\">Desarrollo Web<\/div>\n                            <div class=\"w-title\">StarGym.cl \u00b7 Dise\u00f1o Web + E-commerce + Optimizaci\u00f3n SEO para Gimnasios.<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                \n                <div class=\"swiper-slide\">\n                    <div class=\"w-card\" onclick='openWebimanModal(\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/ad22d2d2d2d.png\", \"Lazeez \u2013 Dise\u00f1o web gastron\u00f3mico enfocado en impacto visual y conversi\u00f3n\", \"Desarrollo Web\", \"El sitio web de Lazeez fue desarrollado para generar impacto inmediato y apetito visual desde el primer pantallazo. En la imagen principal se observa un hero de alto impacto, donde el shawarma en primer plano, acompa\u00f1ado de dulces \u00e1rabes y platos tradicionales, comunica de forma directa la propuesta gastron\u00f3mica sin necesidad de explicaciones adicionales. El [&hellip;]\")'>\n                        <div class=\"w-corner\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/ad22d2d2d2d.png\" alt=\"Lazeez \u2013 Dise\u00f1o web gastron\u00f3mico enfocado en impacto visual y conversi\u00f3n\">\n                        <div class=\"w-overlay\">\n                            <div class=\"w-cat\">Desarrollo Web<\/div>\n                            <div class=\"w-title\">Lazeez \u2013 Dise\u00f1o web gastron\u00f3mico enfocado en impacto visual y conversi\u00f3n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                \n                <div class=\"swiper-slide\">\n                    <div class=\"w-card\" onclick='openWebimanModal(\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/sad2d2d.jpg\", \"YasinOnline.com\", \"Aula Virtual (LMS)\", \"YasinOnline.com es una academia online enfocada en la formaci\u00f3n de excelencia, ofreciendo cursos asincr\u00f3nicos de alta calidad que combinan metodolog\u00edas pedag\u00f3gicas modernas con tecnolog\u00edas innovadoras. La plataforma est\u00e1 dise\u00f1ada para estudiantes que buscan aprendizaje flexible, interactivo y enriquecido con herramientas digitales avanzadas. Desde Webflux desarrollamos la infraestructura y el dise\u00f1o del proyecto, incluyendo: El resultado [&hellip;]\")'>\n                        <div class=\"w-corner\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/sad2d2d.jpg\" alt=\"YasinOnline.com\">\n                        <div class=\"w-overlay\">\n                            <div class=\"w-cat\">Aula Virtual (LMS)<\/div>\n                            <div class=\"w-title\">YasinOnline.com<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                \n                <div class=\"swiper-slide\">\n                    <div class=\"w-card\" onclick='openWebimanModal(\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/la-magia-de-la-vida.jpg\", \"La Magia de la Vida\", \"Desarrollo Web\", \"MagiaDeLaVida.com es un proyecto orientado al desarrollo personal y la difusi\u00f3n de contenidos inspiradores, con un enfoque cercano, positivo y centrado en la experiencia del lector. Para este cliente, en Webflux desarrollamos una soluci\u00f3n creativa integral que combin\u00f3 presencia digital con producci\u00f3n editorial completa. Nuestro trabajo incluy\u00f3: El resultado fue un ecosistema creativo cohesivo: una [&hellip;]\")'>\n                        <div class=\"w-corner\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/la-magia-de-la-vida.jpg\" alt=\"La Magia de la Vida\">\n                        <div class=\"w-overlay\">\n                            <div class=\"w-cat\">Desarrollo Web<\/div>\n                            <div class=\"w-title\">La Magia de la Vida<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                \n                <div class=\"swiper-slide\">\n                    <div class=\"w-card\" onclick='openWebimanModal(\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/realaction.jpg\", \"Real Action\", \"Desarrollo Web\", \"RealAction.cl es una tienda especializada en airsoft, reconocida por ofrecer r\u00e9plicas, equipamiento t\u00e1ctico y accesorios de alto rendimiento. Adem\u00e1s, son representantes oficiales y distribuidores de diversas marcas internacionales, entre ellas Specna Arms, lo que refuerza su posicionamiento dentro de la comunidad airsofter. Desde Webflux desarrollamos una plataforma e-commerce robusta, dise\u00f1ada para administrar un cat\u00e1logo t\u00e9cnico [&hellip;]\")'>\n                        <div class=\"w-corner\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/realaction.jpg\" alt=\"Real Action\">\n                        <div class=\"w-overlay\">\n                            <div class=\"w-cat\">Desarrollo Web<\/div>\n                            <div class=\"w-title\">Real Action<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                \n                <div class=\"swiper-slide\">\n                    <div class=\"w-card\" onclick='openWebimanModal(\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/dadasd.jpg\", \"Megafrenos\", \"Desarrollo Web\", \"Megafrenos es una empresa especializada en repuestos para camiones y camiones mixer, con un cat\u00e1logo amplio que abarca desde sistemas de frenos hasta componentes mec\u00e1nicos, hidr\u00e1ulicos y piezas cr\u00edticas para el transporte pesado y la construcci\u00f3n. Desde Webflux desarrollamos una modernizaci\u00f3n digital integral que incluy\u00f3: El resultado fue un ecosistema digital s\u00f3lido, moderno y eficiente, [&hellip;]\")'>\n                        <div class=\"w-corner\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/dadasd.jpg\" alt=\"Megafrenos\">\n                        <div class=\"w-overlay\">\n                            <div class=\"w-cat\">Desarrollo Web<\/div>\n                            <div class=\"w-title\">Megafrenos<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                \n                <div class=\"swiper-slide\">\n                    <div class=\"w-card\" onclick='openWebimanModal(\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/ybh.jpg\", \"Your Blue House\", \"Aula Virtual (LMS)\", \"YourBlueHouse.com es la plataforma oficial de Your House School Foundation, una instituci\u00f3n dedicada a acompa\u00f1ar a personas neurodiversas, familias y profesionales mediante programas formativos basados en evidencia cient\u00edfica. Su enfoque centrado en fortalezas, autonom\u00eda y bienestar emocional la convierte en una referencia confiable dentro del ecosistema educativo digital. Como Webflux, desarroll\u00e9 y estructur\u00e9 todo el [&hellip;]\")'>\n                        <div class=\"w-corner\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/ybh.jpg\" alt=\"Your Blue House\">\n                        <div class=\"w-overlay\">\n                            <div class=\"w-cat\">Aula Virtual (LMS)<\/div>\n                            <div class=\"w-title\">Your Blue House<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                \n                <div class=\"swiper-slide\">\n                    <div class=\"w-card\" onclick='openWebimanModal(\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/vivaruso.jpg\", \"VivaRuso.com\", \"Aula Virtual (LMS)\", \"Vivaruso.com es la plataforma oficial de Vivaruso Academia, una instituci\u00f3n reconocida por su excelencia en la ense\u00f1anza del idioma ruso y su s\u00f3lida trayectoria educativa. La academia destaca por su capacidad para atraer y formar estudiantes de todo el mundo, consolidando una comunidad internacional comprometida con el aprendizaje cultural y ling\u00fc\u00edstico. Como Webflux, lider\u00e9 el [&hellip;]\")'>\n                        <div class=\"w-corner\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2024\/01\/vivaruso.jpg\" alt=\"VivaRuso.com\">\n                        <div class=\"w-overlay\">\n                            <div class=\"w-cat\">Aula Virtual (LMS)<\/div>\n                            <div class=\"w-title\">VivaRuso.com<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                            <\/div>\n            \n            <div class=\"swiper-pagination\"><\/div>\n            <div class=\"swiper-button-next\"><\/div>\n            <div class=\"swiper-button-prev\"><\/div>\n        <\/div>\n\n    <\/div> <div id=\"w-modal\">\n        <div class=\"w-modal-box\">\n            <button class=\"w-modal-close\" onclick=\"closeWebimanModal()\">\u00d7<\/button>\n            <div class=\"w-modal-img\">\n                <img decoding=\"async\" id=\"wm-img\" src=\"\" alt=\"\">\n            <\/div>\n            <div class=\"w-modal-content\">\n                <div id=\"wm-cat\" class=\"w-modal-cat\">CATEGOR\u00cdA<\/div>\n                <h3 id=\"wm-title\" class=\"w-modal-title\">T\u00edtulo del Proyecto<\/h3>\n                <p id=\"wm-desc\" class=\"w-modal-desc\">Descripci\u00f3n...<\/p>\n                <br>\n                <a href=\"https:\/\/webiman.net\/contacto\" target=\"_blank\" style=\"display:inline-block; padding:12px 30px; background:transparent; border:1px solid #00F2FF; color:#00F2FF; text-transform:uppercase; font-weight:bold; text-decoration:none; text-align:center; margin-top:auto;\">Cotizar Similar<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Inicializar Swiper con Grid\n            const swiper = new Swiper('.w-swiper-container', {\n                slidesPerView: 1, \/\/ M\u00f3vil\n                spaceBetween: 20,\n                grid: {\n                    rows: 1, \/\/ M\u00f3vil simple\n                    fill: 'row'\n                },\n                pagination: { el: '.swiper-pagination', clickable: true },\n                navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },\n                breakpoints: {\n                    768: {\n                        slidesPerView: 2,\n                        grid: { rows: 2 },\n                        spaceBetween: 30,\n                    },\n                    1200: {\n                        slidesPerView: 4, \/\/ Desktop: 4 col\n                        grid: { rows: 2 }, \/\/ Desktop: 2 filas\n                        spaceBetween: 30,\n                    }\n                }\n            });\n        });\n\n        \/\/ Funciones Modal\n        const wModal = document.getElementById('w-modal');\n        const wmImg = document.getElementById('wm-img');\n        const wmTitle = document.getElementById('wm-title');\n        const wmCat = document.getElementById('wm-cat');\n        const wmDesc = document.getElementById('wm-desc');\n\n        function openWebimanModal(img, title, cat, desc) {\n            wmImg.src = img;\n            wmTitle.innerText = title;\n            wmCat.innerText = cat;\n            wmDesc.innerText = desc;\n            wModal.classList.add('open');\n            document.body.style.overflow = 'hidden'; \/\/ Bloquear scroll\n        }\n\n        function closeWebimanModal() {\n            wModal.classList.remove('open');\n            document.body.style.overflow = 'auto'; \/\/ Reactivar scroll\n        }\n\n        wModal.addEventListener('click', (e) => {\n            if(e.target === wModal) closeWebimanModal();\n        });\n    <\/script>\n\n    <\/div>\n\t\t\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=\"aux-parallax-section elementor-element elementor-element-10f124d e-flex e-con-boxed e-con e-parent\" data-id=\"10f124d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35bb755 elementor-widget elementor-widget-text-editor\" data-id=\"35bb755\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div id=\"tech-support-metrics\">\n<style>\n    \/* =========================================\n       SECCI\u00d3N SOPORTE & HUD METRICS\n    ========================================= *\/\n    #tech-support-metrics {\n        \/* Heredamos variables del bloque anterior si est\u00e1n en el mismo CSS, \n           pero las redefinimos aqu\u00ed por seguridad *\/\n        --hud-dark: #05080c;\n        --hud-cyan: #00F2FF;\n        --hud-green: #76c359;\n        --hud-text: #aebbc9;\n        --hud-panel-dark: rgba(5, 10, 15, 0.8);\n        \n        background-color: var(--hud-dark);\n        \/* Continuaci\u00f3n del patr\u00f3n de rejilla *\/\n        background-image: \n            linear-gradient(rgba(0, 242, 255, 0.03) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(0, 242, 255, 0.03) 1px, transparent 1px);\n        background-size: 40px 40px;\n        \n        font-family: 'Rajdhani', sans-serif;\n        color: #fff;\n        padding-bottom: 80px; \/* Espacio final *\/\n        overflow: hidden;\n    }\n\n    .metrics-container {\n        max-width: 1240px;\n        margin: 0 auto;\n        padding: 0 20px;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: center;\n    }\n\n    \/* --- COLUMNA IZQUIERDA: TEXTO --- *\/\n    .support-content {\n        position: relative;\n        z-index: 2;\n    }\n\n    .hud-subtitle {\n        color: var(--hud-green);\n        font-size: 0.9rem;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        font-weight: 700;\n        margin-bottom: 15px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n    .hud-subtitle::before { content: ''; width: 20px; height: 2px; background: var(--hud-green); }\n\n    .support-content h2 {\n        font-family: 'Syne', sans-serif;\n        font-size: 2.5rem;\n        line-height: 1.1;\n        text-transform: uppercase;\n        margin-bottom: 25px;\n        background: linear-gradient(90deg, #fff, #aebbc9);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .support-content p {\n        color: var(--hud-text);\n        font-size: 1.1rem;\n        line-height: 1.6;\n        margin-bottom: 35px;\n        border-left: 1px solid rgba(255, 255, 255, 0.1);\n        padding-left: 20px;\n    }\n\n    \/* Bot\u00f3n Meeting *\/\n    .btn-meeting {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        padding: 15px 35px;\n        background: rgba(0, 242, 255, 0.1);\n        border: 1px solid var(--hud-cyan);\n        color: var(--hud-cyan);\n        text-transform: uppercase;\n        font-weight: 700;\n        letter-spacing: 2px;\n        text-decoration: none;\n        transition: 0.3s;\n        clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);\n    }\n    .btn-meeting:hover {\n        background: var(--hud-cyan);\n        color: #000;\n        box-shadow: 0 0 25px rgba(0, 242, 255, 0.4);\n    }\n\n    \/* --- VELOC\u00cdMETROS (GAUGES) --- *\/\n    .stats-row {\n        display: flex;\n        gap: 30px;\n        margin-top: 50px;\n        flex-wrap: wrap;\n    }\n\n    .gauge-wrapper {\n        position: relative;\n        width: 100px;\n        text-align: center;\n    }\n\n    .gauge-svg {\n        width: 100px;\n        height: 50px; \/* Medio c\u00edrculo *\/\n        overflow: visible;\n    }\n\n    .gauge-bg {\n        fill: none;\n        stroke: rgba(255,255,255,0.1);\n        stroke-width: 8;\n    }\n\n    .gauge-fill {\n        fill: none;\n        stroke: var(--hud-cyan);\n        stroke-width: 8;\n        stroke-dasharray: 157; \/* Pi * Radio (aprox 50) *\/\n        stroke-dashoffset: 157; \/* Empieza vac\u00edo *\/\n        transition: stroke-dashoffset 2s cubic-bezier(0.2, 0.8, 0.2, 1);\n        stroke-linecap: round;\n    }\n    \n    \/* Variaciones de color para los gauges *\/\n    .g-green .gauge-fill { stroke: var(--hud-green); }\n    .g-cyan .gauge-fill { stroke: var(--hud-cyan); }\n    .g-white .gauge-fill { stroke: #fff; }\n\n    .stat-number {\n        font-family: 'Syne', sans-serif;\n        font-size: 2rem;\n        font-weight: 800;\n        color: #fff;\n        margin-top: -10px;\n        display: block;\n    }\n    .stat-label {\n        font-size: 0.75rem;\n        color: var(--hud-text);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        display: block;\n        margin-top: 5px;\n    }\n\n    \/* --- COLUMNA DERECHA: IMAGEN HUD --- *\/\n    .hud-image-frame {\n        position: relative;\n        padding: 10px;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        background: rgba(0,0,0,0.3);\n    }\n\n    \/* Esquinas decorativas *\/\n    .hud-image-frame::before {\n        content: ''; position: absolute; top: -1px; left: -1px; width: 20px; height: 20px;\n        border-top: 2px solid var(--hud-cyan); border-left: 2px solid var(--hud-cyan);\n    }\n    .hud-image-frame::after {\n        content: ''; position: absolute; bottom: -1px; right: -1px; width: 20px; height: 20px;\n        border-bottom: 2px solid var(--hud-cyan); border-right: 2px solid var(--hud-cyan);\n    }\n\n    .hud-img-inner {\n        position: relative;\n        overflow: hidden;\n        border-radius: 2px;\n    }\n\n    .hud-image-frame img {\n        width: 100%;\n        height: auto;\n        display: block;\n        filter: contrast(1.1) brightness(0.9);\n        transition: 0.5s;\n    }\n    \n    \/* Efecto Scanline sobre la imagen *\/\n    .scan-overlay {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background: linear-gradient(to bottom, transparent 50%, rgba(0, 242, 255, 0.05) 50%);\n        background-size: 100% 4px;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    \/* Animaci\u00f3n de entrada *\/\n    .fade-up-element {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: 0.8s ease-out;\n    }\n    .fade-up-element.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    @media (max-width: 900px) {\n        .metrics-container { grid-template-columns: 1fr; gap: 40px; }\n        .support-content { text-align: left; }\n        .stats-row { justify-content: space-around; }\n        .support-content h2 { font-size: 2rem; }\n    }\n<\/style>\n\n<div class=\"metrics-container\">\n    \n    <div class=\"support-content fade-up-element\">\n        <div class=\"hud-subtitle\">SLA &#038; CONTROL<\/div>\n        <h2>Soporte Profesional y<br>Control Total del Proyecto<\/h2>\n        <p>\n            En Webflux trabajamos con procesos claros, plazos definidos y soporte activo real. \n            Cada proyecto se gestiona bajo SLA establecidos, con fechas concretas y compromisos medibles. \n            Nuestros clientes tienen acceso a sistemas de seguimiento en tiempo real para validar hitos \n            y asegurar entregas exactas. Menos incertidumbre, m\u00e1s resultados.\n        <\/p>\n        \n        <a href=\"https:\/\/webiman.net\/formulario-de-reunion\/\" class=\"btn-meeting\">\n            Agendar Reuni\u00f3n <span>\u279c<\/span>\n        <\/a>\n\n        <div class=\"stats-row\">\n            <div class=\"gauge-wrapper\">\n                <svg class=\"gauge-svg\" viewBox=\"0 0 100 55\">\n                    <path class=\"gauge-bg\" d=\"M 10 50 A 40 40 0 0 1 90 50\" \/>\n                    <path class=\"gauge-fill g-cyan\" data-target=\"157\" d=\"M 10 50 A 40 40 0 0 1 90 50\" \/>\n                <\/svg>\n                <span class=\"stat-number\" data-count=\"137\">0<\/span>\n                <span class=\"stat-label\">Proyectos<\/span>\n            <\/div>\n\n            <div class=\"gauge-wrapper\">\n                <svg class=\"gauge-svg\" viewBox=\"0 0 100 55\">\n                    <path class=\"gauge-bg\" d=\"M 10 50 A 40 40 0 0 1 90 50\" \/>\n                    <path class=\"gauge-fill g-green\" data-target=\"110\" d=\"M 10 50 A 40 40 0 0 1 90 50\" \/>\n                <\/svg>\n                <span class=\"stat-number\" data-count=\"27\">0<\/span>\n                <span class=\"stat-label\">Clientes<\/span>\n            <\/div>\n\n            <div class=\"gauge-wrapper\">\n                <svg class=\"gauge-svg\" viewBox=\"0 0 100 55\">\n                    <path class=\"gauge-bg\" d=\"M 10 50 A 40 40 0 0 1 90 50\" \/>\n                    <path class=\"gauge-fill g-white\" data-target=\"157\" d=\"M 10 50 A 40 40 0 0 1 90 50\" \/>\n                <\/svg>\n                <span class=\"stat-number\" data-count=\"10\">0<\/span>\n                <span class=\"stat-label\">A\u00f1os Exp.<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"hud-image-frame fade-up-element\">\n        <div class=\"hud-img-inner\">\n            <div class=\"scan-overlay\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/webiman.net\/wp-content\/uploads\/2025\/12\/imagen_2025-12-15_112032006.png\" alt=\"Plataforma de seguimiento Webflux\">\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const observerOptions = {\n            root: null,\n            threshold: 0.3 \/* Se activa cuando el 30% es visible *\/\n        };\n\n        const observer = new IntersectionObserver((entries, observer) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    \n                    \/\/ 1. Animar Fade Up\n                    entry.target.classList.add('visible');\n\n                    \/\/ 2. Animar Gauges y N\u00fameros (Solo si es el contenedor de texto)\n                    if(entry.target.querySelector('.gauge-fill')) {\n                        animateGauges(entry.target);\n                    }\n                    \n                    \/\/ Dejar de observar para que no se repita\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observar elementos\n        document.querySelectorAll('.fade-up-element').forEach(el => observer.observe(el));\n\n        function animateGauges(container) {\n            \/\/ Animar arcos (SVG Stroke)\n            const fills = container.querySelectorAll('.gauge-fill');\n            fills.forEach(fill => {\n                const targetDash = 157 - parseFloat(fill.getAttribute('data-target')); \/\/ Invertido para stroke-dashoffset\n                setTimeout(() => {\n                    fill.style.strokeDashoffset = targetDash; \/\/ La magia de CSS transition hace el resto\n                }, 200);\n            });\n\n            \/\/ Animar N\u00fameros (Counter)\n            const counters = container.querySelectorAll('.stat-number');\n            counters.forEach(counter => {\n                const target = +counter.getAttribute('data-count');\n                const duration = 2000; \/\/ 2 segundos\n                const start = 0;\n                const startTime = performance.now();\n\n                function updateCount(currentTime) {\n                    const elapsed = currentTime - startTime;\n                    const progress = Math.min(elapsed \/ duration, 1);\n                    \n                    \/\/ Easing (suavizado de salida)\n                    const easeOut = 1 - Math.pow(1 - progress, 3);\n\n                    const currentVal = Math.floor(easeOut * target);\n                    counter.innerText = currentVal + \"+\";\n\n                    if (progress < 1) {\n                        requestAnimationFrame(updateCount);\n                    } else {\n                        counter.innerText = target + \"+\";\n                    }\n                }\n                requestAnimationFrame(updateCount);\n            });\n        }\n    });\n<\/script>\n<\/div>\t\t\t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fase 01 \/\/ FRONTEND DISE\u00d1O WEB Arquitectura digital de \u00e9lite. Sitios web r\u00e1pidos y optimizados que proyectan autoridad y capturan clientes globales. Ver Proyectos Fase 02 \/\/ SALES_CORE TIENDAS ONLINE Infraestructura de ventas blindada. Pasarelas de pago seguras y UX dise\u00f1ada para maximizar la conversi\u00f3n. Ver Demo Fase 03 \/\/ CUSTOM_DEV SISTEMAS &#038; CRM Desarrollo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-builder-content.php","meta":{"footnotes":""},"class_list":["post-108","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Creaci\u00f3n de Web y Aulas Virtuales en Chile: Tu Soluci\u00f3n - WebIman<\/title>\n<meta name=\"description\" content=\"Descubre soluciones web optimizadas en Chile, incluyendo landing pages y sitios corporativos enfocados en conversi\u00f3n.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webiman.net\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creaci\u00f3n de Web y Aulas Virtuales en Chile: Tu Soluci\u00f3n - WebIman\" \/>\n<meta property=\"og:description\" content=\"Descubre soluciones web optimizadas en Chile, incluyendo landing pages y sitios corporativos enfocados en conversi\u00f3n.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webiman.net\/\" \/>\n<meta property=\"og:site_name\" content=\"WebIman\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61585573025150\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-25T17:23:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webiman.net\/wp-content\/uploads\/2023\/02\/sdsdf.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@webimann\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webiman.net\/\",\"url\":\"https:\/\/webiman.net\/\",\"name\":\"Creaci\u00f3n de Web y Aulas Virtuales en Chile: Tu Soluci\u00f3n - WebIman\",\"isPartOf\":{\"@id\":\"https:\/\/webiman.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webiman.net\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webiman.net\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webiman.net\/wp-content\/uploads\/2023\/02\/sdsdf.png\",\"datePublished\":\"2023-10-01T08:56:46+00:00\",\"dateModified\":\"2026-01-25T17:23:40+00:00\",\"description\":\"Descubre soluciones web optimizadas en Chile, incluyendo landing pages y sitios corporativos enfocados en conversi\u00f3n.\",\"breadcrumb\":{\"@id\":\"https:\/\/webiman.net\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webiman.net\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/webiman.net\/#primaryimage\",\"url\":\"https:\/\/webiman.net\/wp-content\/uploads\/2023\/02\/sdsdf.png\",\"contentUrl\":\"https:\/\/webiman.net\/wp-content\/uploads\/2023\/02\/sdsdf.png\",\"width\":540,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webiman.net\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webiman.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo web, Marketing digital, Aulas virtuales y Sistemas a medida\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webiman.net\/#website\",\"url\":\"https:\/\/webiman.net\/\",\"name\":\"WebIman\",\"description\":\"Tu Salto Digital\",\"publisher\":{\"@id\":\"https:\/\/webiman.net\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webiman.net\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webiman.net\/#organization\",\"name\":\"WebIman\",\"url\":\"https:\/\/webiman.net\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/webiman.net\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webiman.net\/wp-content\/uploads\/2025\/12\/12w1ww1w12w.png\",\"contentUrl\":\"https:\/\/webiman.net\/wp-content\/uploads\/2025\/12\/12w1ww1w12w.png\",\"width\":1080,\"height\":1080,\"caption\":\"WebIman\"},\"image\":{\"@id\":\"https:\/\/webiman.net\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=61585573025150\",\"https:\/\/x.com\/webimann\",\"https:\/\/www.linkedin.com\/company\/webiman\",\"https:\/\/www.instagram.com\/webiman.agency\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creaci\u00f3n de Web y Aulas Virtuales en Chile: Tu Soluci\u00f3n - WebIman","description":"Descubre soluciones web optimizadas en Chile, incluyendo landing pages y sitios corporativos enfocados en conversi\u00f3n.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webiman.net\/","og_locale":"es_ES","og_type":"article","og_title":"Creaci\u00f3n de Web y Aulas Virtuales en Chile: Tu Soluci\u00f3n - WebIman","og_description":"Descubre soluciones web optimizadas en Chile, incluyendo landing pages y sitios corporativos enfocados en conversi\u00f3n.","og_url":"https:\/\/webiman.net\/","og_site_name":"WebIman","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61585573025150","article_modified_time":"2026-01-25T17:23:40+00:00","og_image":[{"url":"https:\/\/webiman.net\/wp-content\/uploads\/2023\/02\/sdsdf.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@webimann","twitter_misc":{"Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/webiman.net\/","url":"https:\/\/webiman.net\/","name":"Creaci\u00f3n de Web y Aulas Virtuales en Chile: Tu Soluci\u00f3n - WebIman","isPartOf":{"@id":"https:\/\/webiman.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webiman.net\/#primaryimage"},"image":{"@id":"https:\/\/webiman.net\/#primaryimage"},"thumbnailUrl":"https:\/\/webiman.net\/wp-content\/uploads\/2023\/02\/sdsdf.png","datePublished":"2023-10-01T08:56:46+00:00","dateModified":"2026-01-25T17:23:40+00:00","description":"Descubre soluciones web optimizadas en Chile, incluyendo landing pages y sitios corporativos enfocados en conversi\u00f3n.","breadcrumb":{"@id":"https:\/\/webiman.net\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webiman.net\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/webiman.net\/#primaryimage","url":"https:\/\/webiman.net\/wp-content\/uploads\/2023\/02\/sdsdf.png","contentUrl":"https:\/\/webiman.net\/wp-content\/uploads\/2023\/02\/sdsdf.png","width":540,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/webiman.net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webiman.net\/"},{"@type":"ListItem","position":2,"name":"Desarrollo web, Marketing digital, Aulas virtuales y Sistemas a medida"}]},{"@type":"WebSite","@id":"https:\/\/webiman.net\/#website","url":"https:\/\/webiman.net\/","name":"WebIman","description":"Tu Salto Digital","publisher":{"@id":"https:\/\/webiman.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webiman.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/webiman.net\/#organization","name":"WebIman","url":"https:\/\/webiman.net\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/webiman.net\/#\/schema\/logo\/image\/","url":"https:\/\/webiman.net\/wp-content\/uploads\/2025\/12\/12w1ww1w12w.png","contentUrl":"https:\/\/webiman.net\/wp-content\/uploads\/2025\/12\/12w1ww1w12w.png","width":1080,"height":1080,"caption":"WebIman"},"image":{"@id":"https:\/\/webiman.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61585573025150","https:\/\/x.com\/webimann","https:\/\/www.linkedin.com\/company\/webiman","https:\/\/www.instagram.com\/webiman.agency\/"]}]}},"_links":{"self":[{"href":"https:\/\/webiman.net\/index.php?rest_route=\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webiman.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webiman.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webiman.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webiman.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=108"}],"version-history":[{"count":558,"href":"https:\/\/webiman.net\/index.php?rest_route=\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":1419,"href":"https:\/\/webiman.net\/index.php?rest_route=\/wp\/v2\/pages\/108\/revisions\/1419"}],"wp:attachment":[{"href":"https:\/\/webiman.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}