{"id":4293,"date":"2025-12-28T10:56:18","date_gmt":"2025-12-28T10:56:18","guid":{"rendered":"https:\/\/whiteraventech.com\/escaparate\/"},"modified":"2025-12-28T12:38:24","modified_gmt":"2025-12-28T12:38:24","slug":"escaparate","status":"publish","type":"page","link":"https:\/\/whiteraventech.com\/es\/escaparate\/","title":{"rendered":"Escaparate"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4293\" class=\"elementor elementor-4293 elementor-4290\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af16f05 e-con-full e-flex e-con e-parent\" data-id=\"af16f05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8f2ee1 elementor-widget elementor-widget-html\" data-id=\"a8f2ee1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\r\n\r\n\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"ancho=ancho del dispositivo, escala inicial=1.0\">\r\n    <title>Soluciones de automatizaci\u00f3n con IA | White Raven Technologies<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            \/* White Raven Brand Colors *\/\r\n            --color-lightest: #DADAE5;\r\n            --color-light: #A8B0BE;\r\n            --color-mid: #495F6D;\r\n            --color-dark: #344E59;\r\n            --color-darkest: #1E363A;\r\n            --color-accent: #7D1417;\r\n            \r\n            \/* Extended palette *\/\r\n            --bg-page: #f4f4f7;\r\n            --bg-white: #ffffff;\r\n            --shadow-sm: 0 1px 3px rgba(30, 54, 58, 0.06);\r\n            --shadow-md: 0 4px 20px rgba(30, 54, 58, 0.08);\r\n            --shadow-lg: 0 12px 40px rgba(30, 54, 58, 0.12);\r\n            --radius-sm: 6px;\r\n            --radius-md: 12px;\r\n            --radius-lg: 16px;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            background: var(--bg-page);\r\n            color: var(--color-dark);\r\n            line-height: 1.6;\r\n            font-size: 15px;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        h1, h2, h3, h4, h5 {\r\n            font-weight: 600;\r\n            color: var(--color-darkest);\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1140px;\r\n            margin: 0 auto;\r\n            padding: 0 24px;\r\n        }\r\n\r\n        \/* ========== HERO ========== *\/\r\n        .hero {\r\n            background: var(--bg-white);\r\n            padding: 80px 0 60px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--color-accent), var(--color-dark));\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 720px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .hero-tag {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(125, 20, 23, 0.08);\r\n            padding: 8px 16px;\r\n            border-radius: 100px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            color: var(--color-accent);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .hero-tag::before {\r\n            content: '';\r\n            width: 6px;\r\n            height: 6px;\r\n            background: var(--color-accent);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: clamp(32px, 5vw, 48px);\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 17px;\r\n            color: var(--color-mid);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* ========== MAIN CONTENT ========== *\/\r\n        .main-content {\r\n            padding: 60px 0 80px;\r\n        }\r\n\r\n        \/* ========== AUTOMATION CARD ========== *\/\r\n        .automation-card {\r\n            background: var(--bg-white);\r\n            border-radius: var(--radius-lg);\r\n            box-shadow: var(--shadow-md);\r\n            overflow: hidden;\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        \/* Workflow Image *\/\r\n        .workflow-visual {\r\n            background: linear-gradient(135deg, #f8f9fb 0%, #eef0f4 100%);\r\n            padding: 48px;\r\n            position: relative;\r\n        }\r\n\r\n        .workflow-visual::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 48px;\r\n            right: 48px;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, var(--color-lightest), transparent);\r\n        }\r\n\r\n        .workflow-frame {\r\n            background: var(--bg-white);\r\n            border-radius: var(--radius-md);\r\n            box-shadow: var(--shadow-lg);\r\n            overflow: hidden;\r\n            max-width: 960px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .workflow-frame.svg-workflow {\r\n            padding: 40px 20px;\r\n            background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);\r\n        }\r\n\r\n        .workflow-frame img {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        \/* Production Status Line *\/\r\n        .production-status {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            margin-top: 20px;\r\n            padding: 12px 20px;\r\n            background: rgba(30, 54, 58, 0.06);\r\n            border-radius: 100px;\r\n            font-size: 13px;\r\n            color: var(--color-mid);\r\n            max-width: fit-content;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .status-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #22c55e;\r\n            border-radius: 50%;\r\n            animation: pulse-green 2s infinite;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        @keyframes pulse-green {\r\n            0%, 100% { \r\n                opacity: 1; \r\n                box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);\r\n            }\r\n            50% { \r\n                opacity: 0.8; \r\n                box-shadow: 0 0 0 6px rgba(34, 197, 94, 0);\r\n            }\r\n        }\r\n\r\n        \/* Card Body *\/\r\n        .card-body {\r\n            padding: 48px;\r\n        }\r\n\r\n        \/* Card Header *\/\r\n        .card-header {\r\n            margin-bottom: 40px;\r\n            padding-bottom: 32px;\r\n            border-bottom: 1px solid var(--color-lightest);\r\n        }\r\n\r\n        .card-eyebrow {\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: var(--color-accent);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.15em;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 28px;\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            letter-spacing: -0.01em;\r\n        }\r\n\r\n        .card-subtitle {\r\n            font-size: 16px;\r\n            color: var(--color-mid);\r\n            max-width: 640px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* ========== TWO COLUMN SECTION ========== *\/\r\n        .two-col {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 32px;\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .two-col { grid-template-columns: 1fr; }\r\n        }\r\n\r\n        .info-card {\r\n            background: var(--bg-white);\r\n            border-radius: var(--radius-lg);\r\n            padding: 32px 36px;\r\n            position: relative;\r\n            box-shadow: 0 2px 16px rgba(30, 54, 58, 0.06);\r\n            border: 1px solid rgba(168, 176, 190, 0.2);\r\n        }\r\n\r\n        .info-card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 16px;\r\n            border-bottom: 1px solid var(--color-lightest);\r\n        }\r\n\r\n        .info-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: white;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .problem .info-icon {\r\n            background: var(--color-mid);\r\n        }\r\n\r\n        .solution .info-icon {\r\n            background: var(--color-accent);\r\n        }\r\n\r\n        .info-card h4 {\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n        }\r\n\r\n        .problem h4 {\r\n            color: var(--color-mid);\r\n        }\r\n\r\n        .solution h4 {\r\n            color: var(--color-accent);\r\n        }\r\n\r\n        .info-card p {\r\n            font-size: 15px;\r\n            color: var(--color-dark);\r\n            line-height: 1.8;\r\n            letter-spacing: 0.01em;\r\n        }\r\n\r\n        .info-card ul {\r\n            list-style: none;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .info-card li {\r\n            font-size: 15px;\r\n            color: var(--color-dark);\r\n            line-height: 1.7;\r\n            padding: 8px 0;\r\n            padding-left: 24px;\r\n            position: relative;\r\n            border-bottom: 1px solid rgba(218, 218, 229, 0.5);\r\n        }\r\n\r\n        .info-card li:last-child {\r\n            border-bottom: none;\r\n            padding-bottom: 0;\r\n        }\r\n\r\n        .info-card li::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 16px;\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .problem li::before {\r\n            background: var(--color-light);\r\n        }\r\n\r\n        .solution li::before {\r\n            background: var(--color-accent);\r\n            opacity: 0.6;\r\n        }\r\n\r\n        \/* ========== SECTION TITLE ========== *\/\r\n        .section-title {\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            color: var(--color-dark);\r\n            margin-bottom: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            flex: 1;\r\n            height: 1px;\r\n            background: var(--color-lightest);\r\n        }\r\n\r\n        \/* ========== STEPS GRID ========== *\/\r\n        .steps-section {\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        .steps-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .steps-grid { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .steps-grid { grid-template-columns: 1fr; }\r\n        }\r\n\r\n        .step-card {\r\n            background: var(--bg-page);\r\n            border-radius: var(--radius-md);\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid transparent;\r\n        }\r\n\r\n        .step-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: var(--shadow-md);\r\n            border-color: var(--color-lightest);\r\n        }\r\n\r\n        .step-image {\r\n            height: 140px;\r\n            background: linear-gradient(135deg, var(--color-lightest) 0%, #e8e8ef 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .step-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .step-image-placeholder {\r\n            text-align: center;\r\n            padding: 20px;\r\n        }\r\n\r\n        .step-image-placeholder svg {\r\n            width: 32px;\r\n            height: 32px;\r\n            stroke: var(--color-light);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .step-image-placeholder span {\r\n            display: block;\r\n            font-size: 11px;\r\n            color: var(--color-light);\r\n        }\r\n\r\n        .step-body {\r\n            padding: 20px;\r\n        }\r\n\r\n        .step-number {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 28px;\r\n            height: 28px;\r\n            background: var(--color-accent);\r\n            color: white;\r\n            border-radius: 50%;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .step-body h5 {\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .step-body p {\r\n            font-size: 13px;\r\n            color: var(--color-mid);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ========== RESULTS ========== *\/\r\n        .results-section {\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        .results-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(6, 1fr);\r\n            gap: 12px;\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .results-grid { grid-template-columns: repeat(3, 1fr); }\r\n        }\r\n\r\n        @media (max-width: 500px) {\r\n            .results-grid { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n\r\n        .result-card {\r\n            background: var(--color-darkest);\r\n            border-radius: var(--radius-md);\r\n            padding: 20px 16px;\r\n            text-align: center;\r\n            color: white;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .result-card:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .result-card:nth-child(even) {\r\n            background: var(--color-accent);\r\n        }\r\n\r\n        .result-label {\r\n            font-size: 10px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            opacity: 0.7;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .result-value {\r\n            font-size: 26px;\r\n            font-weight: 700;\r\n            line-height: 1;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .result-detail {\r\n            font-size: 10px;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        \/* ========== BENEFITS ========== *\/\r\n        .benefits-section {\r\n            background: var(--bg-page);\r\n            border-radius: var(--radius-md);\r\n            padding: 28px;\r\n        }\r\n\r\n        .benefits-section h4 {\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .benefits-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .benefits-grid { grid-template-columns: 1fr; }\r\n        }\r\n\r\n        .benefit-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            font-size: 14px;\r\n            color: var(--color-dark);\r\n            padding: 12px 16px;\r\n            background: var(--bg-white);\r\n            border-radius: var(--radius-sm);\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .benefit-item:hover {\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        .benefit-check {\r\n            width: 20px;\r\n            height: 20px;\r\n            background: var(--color-darkest);\r\n            color: white;\r\n            border-radius: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 11px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* ========== OPERATIONS \/ IN PRODUCTION ========== *\/\r\n        .operations-section {\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        .operations-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .operations-grid { grid-template-columns: 1fr; }\r\n        }\r\n\r\n        .ops-card {\r\n            background: linear-gradient(135deg, var(--color-darkest) 0%, var(--color-dark) 100%);\r\n            border-radius: var(--radius-md);\r\n            padding: 28px 24px;\r\n            text-align: center;\r\n            color: white;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .ops-card:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .ops-icon {\r\n            width: 48px;\r\n            height: 48px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 16px;\r\n        }\r\n\r\n        .ops-icon svg {\r\n            width: 24px;\r\n            height: 24px;\r\n            stroke: rgba(255, 255, 255, 0.9);\r\n        }\r\n\r\n        .ops-card h5 {\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: white;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .ops-card p {\r\n            font-size: 13px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* ========== CTA ========== *\/\r\n        .cta-section {\r\n            padding: 0 0 80px;\r\n        }\r\n\r\n        .cta-card {\r\n            background: linear-gradient(135deg, var(--color-darkest) 0%, var(--color-dark) 100%);\r\n            border-radius: var(--radius-lg);\r\n            padding: 64px 48px;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -25%;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(125, 20, 23, 0.15) 0%, transparent 60%);\r\n        }\r\n\r\n        .cta-card h2 {\r\n            font-size: 32px;\r\n            color: white;\r\n            margin-bottom: 12px;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-card p {\r\n            font-size: 16px;\r\n            color: rgba(255,255,255,0.7);\r\n            max-width: 480px;\r\n            margin: 0 auto 32px;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            background: var(--color-accent);\r\n            color: white;\r\n            padding: 16px 32px;\r\n            border-radius: var(--radius-sm);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            background: #921a1e;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 24px rgba(125, 20, 23, 0.4);\r\n        }\r\n\r\n        .cta-button svg {\r\n            width: 16px;\r\n            height: 16px;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .cta-button:hover svg {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        .cta-meta {\r\n            margin-top: 20px;\r\n            font-size: 13px;\r\n            color: rgba(255,255,255,0.5);\r\n            position: relative;\r\n        }\r\n\r\n        \/* ========== ANIMATIONS ========== *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .animate {\r\n            animation: fadeInUp 0.6s ease-out forwards;\r\n        }\r\n\r\n        .delay-1 { animation-delay: 0.1s; }\r\n        .delay-2 { animation-delay: 0.2s; }\r\n        .delay-3 { animation-delay: 0.3s; }\r\n    <\/style>\r\n\r\n\r\n\r\n    <!-- Hero -->\r\n    <section class=\"hero\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-content\">\r\n                <div class=\"hero-tag\">Servicios de IA<\/div>\r\n                <h1>Soluciones de automatizaci\u00f3n inteligente<\/h1>\r\n                <p>Flujos de trabajo personalizados que eliminan tareas repetitivas, reducen errores y escalan tus operaciones. Impulsados por IA e integraciones fluidas. <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Main Content -->\r\n    <main class=\"main-content\">\r\n        <div class=\"container\">\r\n\r\n            <!-- ==================== AUTOMATION 1 ==================== -->\r\n            <article class=\"automation-card\">\r\n                <div class=\"workflow-visual\">\r\n                    <div class=\"workflow-frame svg-workflow\">\r\n                        <!-- Embedded SVG Workflow Diagram for Appointment Booking -->\r\n                        <svg width=\"100%\" height=\"320\" viewbox=\"0 0 1000 320\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"max-width: 1000px; margin: 0 auto; display: block;\">\r\n                            <!-- Background decorative elements -->\r\n                            <defs>\r\n                                <!-- Shadow filter -->\r\n                                <filter id=\"shadow1\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n                                    <fedropshadow dx=\"0\" dy=\"4\" stddeviation=\"8\" flood-color=\"#1E363A\" flood-opacity=\"0.15\"\/>\r\n                                <\/filter>\r\n                            <\/defs>\r\n                            \r\n                            <!-- Title -->\r\n                            <text x=\"500\" y=\"35\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#7D1417\" letter-spacing=\"0.1em\">AUTOMATED BOOKING WORKFLOW<\/text>\r\n                            \r\n                            <!-- Connection lines with animated dashes -->\r\n                            <g stroke=\"#DADAE5\" stroke-width=\"2\" stroke-dasharray=\"8 4\">\r\n                                <line x1=\"145\" y1=\"160\" x2=\"235\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"345\" y1=\"160\" x2=\"435\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"545\" y1=\"160\" x2=\"635\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"745\" y1=\"160\" x2=\"835\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                            <\/g>\r\n                            \r\n                            <!-- Arrow heads -->\r\n                            <g fill=\"#495F6D\">\r\n                                <polygon points=\"235,155 235,165 248,160\"\/>\r\n                                <polygon points=\"435,155 435,165 448,160\"\/>\r\n                                <polygon points=\"635,155 635,165 648,160\"\/>\r\n                                <polygon points=\"835,155 835,165 848,160\"\/>\r\n                            <\/g>\r\n                            \r\n                            <!-- Node 1: Webhook (Input) -->\r\n                            <g filter=\"url(#shadow1)\">\r\n                                <circle cx=\"90\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"90\" cy=\"160\" r=\"48\" fill=\"#f8f9fa\"\/>\r\n                                <!-- Webhook icon -->\r\n                                <g transform=\"translate(90, 160)\">\r\n                                    <rect x=\"-24\" y=\"-24\" width=\"48\" height=\"48\" rx=\"10\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                    <circle cx=\"12\" cy=\"-10\" r=\"5\" fill=\"#1E363A\"\/>\r\n                                    <circle cx=\"-8\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                                    <path d=\"M-8 10 L8 0 M8 0 L8 -6 M-8 10 L-14 2\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                                <\/g>\r\n                            <\/g>\r\n                            <text x=\"90\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Webhook<\/text>\r\n                            <text x=\"90\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Receive Request<\/text>\r\n                            <circle cx=\"125\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"125\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">1<\/text>\r\n                            \r\n                            <!-- Node 2: Airtable (Check) -->\r\n                            <g filter=\"url(#shadow1)\">\r\n                                <circle cx=\"290\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#FCBF00\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"290\" cy=\"160\" r=\"48\" fill=\"#fffef5\"\/>\r\n                                <!-- Airtable logo -->\r\n                                <g transform=\"translate(290, 155)\">\r\n                                    <path d=\"M-18 -15 L18 -15 L18 5 L-18 5 Z\" fill=\"#FCBF00\"\/>\r\n                                    <path d=\"M-18 -15 L0 -5 L0 15 L-18 5 Z\" fill=\"#18BFFF\"\/>\r\n                                    <path d=\"M18 -15 L0 -5 L0 15 L18 5 Z\" fill=\"#F82B60\"\/>\r\n                                <\/g>\r\n                            <\/g>\r\n                            <text x=\"290\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Airtable<\/text>\r\n                            <text x=\"290\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Check Availability<\/text>\r\n                            <circle cx=\"325\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"325\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">2<\/text>\r\n                            \r\n                            <!-- Node 3: Zoom -->\r\n                            <g filter=\"url(#shadow1)\">\r\n                                <circle cx=\"490\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#2D8CFF\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"490\" cy=\"160\" r=\"48\" fill=\"#f0f7ff\"\/>\r\n                                <!-- Zoom logo -->\r\n                                <rect x=\"462\" y=\"138\" width=\"56\" height=\"44\" rx=\"12\" fill=\"#2D8CFF\"\/>\r\n                                <rect x=\"472\" y=\"150\" width=\"24\" height=\"20\" rx=\"4\" fill=\"white\"\/>\r\n                                <path d=\"M496 155 L510 148 L510 172 L496 165 Z\" fill=\"white\"\/>\r\n                            <\/g>\r\n                            <text x=\"490\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Zoom<\/text>\r\n                            <text x=\"490\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Create Meeting<\/text>\r\n                            <circle cx=\"525\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"525\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">3<\/text>\r\n                            \r\n                            <!-- Node 4: Airtable (Save) -->\r\n                            <g filter=\"url(#shadow1)\">\r\n                                <circle cx=\"690\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#FCBF00\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"690\" cy=\"160\" r=\"48\" fill=\"#fffef5\"\/>\r\n                                <!-- Airtable logo -->\r\n                                <g transform=\"translate(690, 155)\">\r\n                                    <path d=\"M-18 -15 L18 -15 L18 5 L-18 5 Z\" fill=\"#FCBF00\"\/>\r\n                                    <path d=\"M-18 -15 L0 -5 L0 15 L-18 5 Z\" fill=\"#18BFFF\"\/>\r\n                                    <path d=\"M18 -15 L0 -5 L0 15 L18 5 Z\" fill=\"#F82B60\"\/>\r\n                                <\/g>\r\n                            <\/g>\r\n                            <text x=\"690\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Airtable<\/text>\r\n                            <text x=\"690\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Save Booking<\/text>\r\n                            <circle cx=\"725\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"725\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">4<\/text>\r\n                            \r\n                            <!-- Node 5: Webhook (Response) -->\r\n                            <g filter=\"url(#shadow1)\">\r\n                                <circle cx=\"890\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"890\" cy=\"160\" r=\"48\" fill=\"#f8f9fa\"\/>\r\n                                <!-- Webhook icon with check -->\r\n                                <g transform=\"translate(890, 160)\">\r\n                                    <rect x=\"-24\" y=\"-24\" width=\"48\" height=\"48\" rx=\"10\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                    <circle cx=\"12\" cy=\"-10\" r=\"5\" fill=\"#1E363A\"\/>\r\n                                    <circle cx=\"-8\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                                    <path d=\"M-8 10 L8 0 M8 0 L8 -6 M-8 10 L-14 2\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                                <\/g>\r\n                                <circle cx=\"910\" cy=\"175\" r=\"12\" fill=\"#22c55e\"\/>\r\n                                <path d=\"M904 175 L908 179 L916 171\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/g>\r\n                            <text x=\"890\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Webhook<\/text>\r\n                            <text x=\"890\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Send Confirmation<\/text>\r\n                            <circle cx=\"925\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"925\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">5<\/text>\r\n                            \r\n                            <!-- Bottom tagline -->\r\n                            <text x=\"500\" y=\"300\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"12\" fill=\"#A8B0BE\">From booking request to confirmed meeting in under 30 seconds<\/text>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"production-status\">\r\n                        <span class=\"status-dot\"><\/span>\r\n  Este flujo de trabajo se ejecuta en producci\u00f3n con monitoreo en tiempo real, manejo de errores y optimizaci\u00f3n continua.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"card-body\">\r\n                    <header class=\"card-header\">\r\n                        <div class=\"card-eyebrow\">Caso de uso 01<\/div>\r\n                        <h2 class=\"card-title\">Reserva inteligente de citas y automatizaci\u00f3n de reuniones de Zoom<\/h2>\r\n                        <p class=\"card-subtitle\">Un sistema de reservas totalmente automatizado, disponible las 24 horas del d\u00eda, los 7 d\u00edas de la semana, que transforma la programaci\u00f3n de citas de un proceso manual que consume mucho tiempo en una operaci\u00f3n instant\u00e1nea y sin errores.<\/p>\r\n                    <\/header>\r\n\r\n                    <!-- Problem \/ Solution -->\r\n                    <div class=\"two-col\">\r\n                        <div class=\"info-card problem\">\r\n                            <div class=\"info-card-header\">\r\n                                <div class=\"info-icon\">!<\/div>\r\n                                <h4>El problema<\/h4>\r\n                            <\/div>\r\n                            <ul>\r\n                                <li>Los equipos pierden entre 20 y 30 minutos por cita coordinando manualmente los horarios<\/li>\r\n                                <li>Comprobar disponibilidad, enviar enlaces de Zoom e ingresar datos en CRM<\/li>\r\n                                <li>Para evitar las reservas duplicadas es necesario mantener una vigilancia constante<\/li>\r\n                                <li>Provoca respuestas tard\u00edas, conflictos de programaci\u00f3n y agotamiento del personal.<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <div class=\"info-card solution\">\r\n                            <div class=\"info-card-header\">\r\n                                <div class=\"info-icon\">\u2713<\/div>\r\n                                <h4>La soluci\u00f3n<\/h4>\r\n                            <\/div>\r\n                            <ul>\r\n                                <li>Sistema de reservas totalmente automatizado que funciona 24 horas al d\u00eda, 7 d\u00edas a la semana<\/li>\r\n                                <li>Los clientes reservan en l\u00ednea y todo lo dem\u00e1s sucede autom\u00e1ticamente.<\/li>\r\n                                <li>Validaci\u00f3n, creaci\u00f3n de reuniones, actualizaciones de CRM y confirmaciones<\/li>\r\n                                <li>No se requiere intervenci\u00f3n manual<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- How It Works -->\r\n                    <div class=\"steps-section\">\r\n                        <h3 class=\"section-title\">C\u00f3mo funciona<\/h3>\r\n                        <div class=\"steps-grid\">\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\r\n                                        <span>Agregar captura de pantalla del formulario de reserva<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">1<\/div>\r\n                                    <h5>Libros de clientes en l\u00ednea<\/h5>\r\n                                    <p>Selecciona servicio, consultor, fecha, hora y zona horaria.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\r\n                                        <span>Agregar captura de pantalla de validaci\u00f3n<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">2<\/div>\r\n                                    <h5>Validaci\u00f3n inteligente<\/h5>\r\n                                    <p>Previene reservas duplicadas con detecci\u00f3n de duplicados<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\r\n                                        <span>Agregar captura de pantalla de Zoom<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">3<\/div>\r\n                                    <h5>Reuni\u00f3n de Zoom creada<\/h5>\r\n                                    <p>Generaci\u00f3n instant\u00e1nea de reuniones con todos los detalles.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\r\n                                        <span>Agregar captura de pantalla de Airtable<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">4<\/div>\r\n                                    <h5>CRM actualizado<\/h5>\r\n                                    <p>Informaci\u00f3n del cliente y detalles de la cita guardados<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n                                        <span>Agregar captura de pantalla de correo electr\u00f3nico<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">5<\/div>\r\n                                    <h5>Confirmaci\u00f3n enviada<\/h5>\r\n                                    <p>El cliente recibe un correo electr\u00f3nico con los detalles de la reuni\u00f3n.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\r\n                                        <span>Agregar captura de pantalla de notificaci\u00f3n<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">6<\/div>\r\n                                    <h5>Equipo notificado<\/h5>\r\n                                    <p>Alerta interna para seguimiento y preparaci\u00f3n<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Results -->\r\n                    <div class=\"results-section\">\r\n                        <h3 class=\"section-title\">Resultados e impacto<\/h3>\r\n                        <div class=\"results-grid\">\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Hora de reserva<\/div>\r\n                                <div class=\"result-value\">95%<\/div>\r\n                                <div class=\"result-detail\">m\u00e1s r\u00e1pido<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Exactitud<\/div>\r\n                                <div class=\"result-value\">100%<\/div>\r\n                                <div class=\"result-detail\">no se permiten reservas dobles<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Tiempo ahorrado<\/div>\r\n                                <div class=\"result-value\">10 horas<\/div>\r\n                                <div class=\"result-detail\">por semana<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Ahorro anual<\/div>\r\n                                <div class=\"result-value\">$25 mil<\/div>\r\n                                <div class=\"result-detail\">costos laborales<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Respuesta<\/div>\r\n                                <div class=\"result-value\">Instante<\/div>\r\n                                <div class=\"result-detail\">confirmaci\u00f3n<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">No se presenta<\/div>\r\n                                <div class=\"result-value\">67%<\/div>\r\n                                <div class=\"result-detail\">reducci\u00f3n<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- In Production -->\r\n                    <div class=\"operations-section\">\r\n                        <h3 class=\"section-title\">En producci\u00f3n<\/h3>\r\n                        <div class=\"operations-grid\">\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Operaci\u00f3n continua<\/h5>\r\n                                <p>Funciona 24 horas al d\u00eda, 7 d\u00edas a la semana, con reintentos autom\u00e1ticos y gesti\u00f3n de conmutaci\u00f3n por error.<\/p>\r\n                            <\/div>\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Manejo de errores<\/h5>\r\n                                <p>Respaldos inteligentes, comprobaciones de validaci\u00f3n y alertas instant\u00e1neas<\/p>\r\n                            <\/div>\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"M18 17V9\"\/><path d=\"M13 17V5\"\/><path d=\"M8 17v-3\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Monitoreo del rendimiento<\/h5>\r\n                                <p>Paneles de control en tiempo real e informes de optimizaci\u00f3n semanales<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Benefits -->\r\n                    <div class=\"benefits-section\">\r\n                        <h4>\u00bfQui\u00e9n se beneficia?<\/h4>\r\n                        <div class=\"benefits-grid\">\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Consultor\u00eda y Servicios Profesionales gesti\u00f3n de llamadas de descubrimiento\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Atenci\u00f3n m\u00e9dica y bienestar: programaci\u00f3n de citas de telesalud\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Empresas de SaaS y tecnolog\u00eda reservan demostraciones de productos\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Sesiones de coordinaci\u00f3n de Educaci\u00f3n y Formaci\u00f3n\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Servicios creativos que programan consultas con clientes\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Cualquier empresa con m\u00e1s de 10 reuniones externas por semana\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- ==================== AUTOMATION 2 ==================== -->\r\n            <article class=\"automation-card\">\r\n                <div class=\"workflow-visual\">\r\n                    <div class=\"workflow-frame svg-workflow\">\r\n                        <!-- Embedded SVG Workflow Diagram -->\r\n                        <svg width=\"100%\" height=\"320\" viewbox=\"0 0 1000 320\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"max-width: 1000px; margin: 0 auto; display: block;\">\r\n                            <!-- Background decorative elements -->\r\n                            <defs>\r\n                                <!-- Shadow filter -->\r\n                                <filter id=\"shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n                                    <fedropshadow dx=\"0\" dy=\"4\" stddeviation=\"8\" flood-color=\"#1E363A\" flood-opacity=\"0.15\"\/>\r\n                                <\/filter>\r\n                            <\/defs>\r\n                            \r\n                            <!-- Title -->\r\n                            <text x=\"500\" y=\"35\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#7D1417\" letter-spacing=\"0.1em\">AI POWERED WORKFLOW<\/text>\r\n                            \r\n                            <!-- Connection lines with animated dashes -->\r\n                            <g stroke=\"#DADAE5\" stroke-width=\"2\" stroke-dasharray=\"8 4\">\r\n                                <line x1=\"145\" y1=\"160\" x2=\"235\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"345\" y1=\"160\" x2=\"435\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"545\" y1=\"160\" x2=\"635\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"745\" y1=\"160\" x2=\"835\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                            <\/g>\r\n                            \r\n                            <!-- Arrow heads -->\r\n                            <g fill=\"#495F6D\">\r\n                                <polygon points=\"235,155 235,165 248,160\"\/>\r\n                                <polygon points=\"435,155 435,165 448,160\"\/>\r\n                                <polygon points=\"635,155 635,165 648,160\"\/>\r\n                                <polygon points=\"835,155 835,165 848,160\"\/>\r\n                            <\/g>\r\n                            \r\n                            <!-- Node 1: Mail (Input) -->\r\n                            <g filter=\"url(#shadow)\">\r\n                                <circle cx=\"90\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"90\" cy=\"160\" r=\"48\" fill=\"#f8f9fa\"\/>\r\n                                <rect x=\"62\" y=\"145\" width=\"56\" height=\"38\" rx=\"4\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                                <path d=\"M62 149 L90 168 L118 149\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                            <\/g>\r\n                            <text x=\"90\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Email<\/text>\r\n                            <text x=\"90\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Incoming Request<\/text>\r\n                            <circle cx=\"125\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"125\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">1<\/text>\r\n                            \r\n                            <!-- Node 2: ChatGPT -->\r\n                            <g filter=\"url(#shadow)\">\r\n                                <circle cx=\"290\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#10a37f\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"290\" cy=\"160\" r=\"48\" fill=\"#f0fdf9\"\/>\r\n                                <g transform=\"translate(290, 160)\">\r\n                                    <circle cx=\"0\" cy=\"0\" r=\"22\" fill=\"none\" stroke=\"#10a37f\" stroke-width=\"3\"\/>\r\n                                    <circle cx=\"0\" cy=\"-14\" r=\"4\" fill=\"#10a37f\"\/>\r\n                                    <circle cx=\"12\" cy=\"7\" r=\"4\" fill=\"#10a37f\"\/>\r\n                                    <circle cx=\"-12\" cy=\"7\" r=\"4\" fill=\"#10a37f\"\/>\r\n                                    <line x1=\"0\" y1=\"-10\" x2=\"0\" y2=\"0\" stroke=\"#10a37f\" stroke-width=\"2.5\"\/>\r\n                                    <line x1=\"9\" y1=\"5\" x2=\"0\" y2=\"0\" stroke=\"#10a37f\" stroke-width=\"2.5\"\/>\r\n                                    <line x1=\"-9\" y1=\"5\" x2=\"0\" y2=\"0\" stroke=\"#10a37f\" stroke-width=\"2.5\"\/>\r\n                                <\/g>\r\n                            <\/g>\r\n                            <text x=\"290\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">ChatGPT<\/text>\r\n                            <text x=\"290\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">AI Classification<\/text>\r\n                            <circle cx=\"325\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"325\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">2<\/text>\r\n                            \r\n                            <!-- Node 3: Jira -->\r\n                            <g filter=\"url(#shadow)\">\r\n                                <circle cx=\"490\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#0052CC\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"490\" cy=\"160\" r=\"48\" fill=\"#f0f7ff\"\/>\r\n                                <rect x=\"462\" y=\"138\" width=\"56\" height=\"44\" rx=\"8\" fill=\"#0052CC\"\/>\r\n                                <path d=\"M480 150 L490 140 L500 150 L490 160 Z\" fill=\"white\"\/>\r\n                                <path d=\"M490 160 L500 170 L490 180 L480 170 Z\" fill=\"white\" opacity=\"0.7\"\/>\r\n                            <\/g>\r\n                            <text x=\"490\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Jira<\/text>\r\n                            <text x=\"490\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Create Ticket<\/text>\r\n                            <circle cx=\"525\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"525\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">3<\/text>\r\n                            \r\n                            <!-- Node 4: Slack -->\r\n                            <g filter=\"url(#shadow)\">\r\n                                <circle cx=\"690\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#4A154B\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"690\" cy=\"160\" r=\"48\" fill=\"#fdf4ff\"\/>\r\n                                <g transform=\"translate(690, 160)\">\r\n                                    <rect x=\"-20\" y=\"-12\" width=\"8\" height=\"20\" rx=\"4\" fill=\"#E01E5A\"\/>\r\n                                    <rect x=\"-20\" y=\"10\" width=\"8\" height=\"8\" rx=\"4\" fill=\"#E01E5A\"\/>\r\n                                    <rect x=\"-8\" y=\"-20\" width=\"8\" height=\"20\" rx=\"4\" fill=\"#36C5F0\"\/>\r\n                                    <rect x=\"-8\" y=\"2\" width=\"8\" height=\"8\" rx=\"4\" fill=\"#36C5F0\"\/>\r\n                                    <rect x=\"4\" y=\"-8\" width=\"8\" height=\"20\" rx=\"4\" fill=\"#2EB67D\"\/>\r\n                                    <rect x=\"4\" y=\"-18\" width=\"8\" height=\"8\" rx=\"4\" fill=\"#2EB67D\"\/>\r\n                                    <rect x=\"14\" y=\"0\" width=\"8\" height=\"20\" rx=\"4\" fill=\"#ECB22E\"\/>\r\n                                    <rect x=\"14\" y=\"-10\" width=\"8\" height=\"8\" rx=\"4\" fill=\"#ECB22E\"\/>\r\n                                <\/g>\r\n                            <\/g>\r\n                            <text x=\"690\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Slack<\/text>\r\n                            <text x=\"690\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Notify Team<\/text>\r\n                            <circle cx=\"725\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"725\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">4<\/text>\r\n                            \r\n                            <!-- Node 5: Mail (Output) -->\r\n                            <g filter=\"url(#shadow)\">\r\n                                <circle cx=\"890\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"890\" cy=\"160\" r=\"48\" fill=\"#f8f9fa\"\/>\r\n                                <rect x=\"862\" y=\"145\" width=\"56\" height=\"38\" rx=\"4\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                                <path d=\"M862 149 L890 168 L918 149\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                                <circle cx=\"910\" cy=\"175\" r=\"12\" fill=\"#22c55e\"\/>\r\n                                <path d=\"M904 175 L908 179 L916 171\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/g>\r\n                            <text x=\"890\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Email<\/text>\r\n                            <text x=\"890\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Confirmation Sent<\/text>\r\n                            <circle cx=\"925\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"925\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">5<\/text>\r\n                            \r\n                            <!-- Bottom tagline -->\r\n                            <text x=\"500\" y=\"300\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"12\" fill=\"#A8B0BE\">Fully automated ticket routing in under 30 seconds<\/text>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"production-status\">\r\n                        <span class=\"status-dot\"><\/span>\r\n  Este flujo de trabajo se ejecuta en producci\u00f3n con monitoreo en tiempo real, manejo de errores y optimizaci\u00f3n continua.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"card-body\">\r\n                    <header class=\"card-header\">\r\n                        <div class=\"card-eyebrow\">Caso de uso 02<\/div>\r\n                        <h2 class=\"card-title\">Automatizaci\u00f3n de tickets de soporte de TI impulsada por IA<\/h2>\r\n                        <p class=\"card-subtitle\">Un flujo de trabajo inteligente de extremo a extremo que transforma el procesamiento de correos electr\u00f3nicos de soporte de un cuello de botella manual a una operaci\u00f3n instant\u00e1nea y sin inconvenientes.<\/p>\r\n                    <\/header>\r\n\r\n                    <!-- Problem \/ Solution -->\r\n                    <div class=\"two-col\">\r\n                        <div class=\"info-card problem\">\r\n                            <div class=\"info-card-header\">\r\n                                <div class=\"info-icon\">!<\/div>\r\n                                <h4>El problema<\/h4>\r\n                            <\/div>\r\n                            <ul>\r\n                                <li>Los equipos de soporte de TI pasan horas procesando manualmente los correos electr\u00f3nicos entrantes<\/li>\r\n                                <li>Leer cada solicitud y determinar la prioridad requiere un tiempo valioso<\/li>\r\n                                <li>Identificar el departamento correcto y crear tickets de Jira manualmente<\/li>\r\n                                <li>Provoca retrasos, billetes mal enrutados y personal sobrecargado.<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <div class=\"info-card solution\">\r\n                            <div class=\"info-card-header\">\r\n                                <div class=\"info-icon\">\u2713<\/div>\r\n                                <h4>La soluci\u00f3n<\/h4>\r\n                            <\/div>\r\n                            <ul>\r\n                                <li>La IA analiza los correos electr\u00f3nicos entrantes para clasificar el contenido al instante<\/li>\r\n                                <li>Determina autom\u00e1ticamente la prioridad y las rutas al equipo correcto<\/li>\r\n                                <li>Tickets de Jira creados con etiquetas y asignaciones adecuadas<\/li>\r\n                                <li>Los equipos son notificados a trav\u00e9s de Slack y los clientes reciben confirmaci\u00f3n instant\u00e1nea<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- How It Works -->\r\n                    <div class=\"steps-section\">\r\n                        <h3 class=\"section-title\">C\u00f3mo funciona<\/h3>\r\n                        <div class=\"steps-grid\">\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n                                        <span>Agregar captura de pantalla de correo electr\u00f3nico<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">1<\/div>\r\n                                    <h5>Llega el correo electr\u00f3nico<\/h5>\r\n                                    <p>Correo electr\u00f3nico de soporte capturado por el sistema de automatizaci\u00f3n<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n                                        <span>Agregar captura de pantalla de an\u00e1lisis de IA<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">2<\/div>\r\n                                    <h5>An\u00e1lisis de IA<\/h5>\r\n                                    <p>Determina la prioridad y el enrutamiento del departamento.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><path d=\"M14 2v6h6\"\/><\/svg>\r\n                                        <span>Agregar captura de pantalla de Jira<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">3<\/div>\r\n                                    <h5>Ticket creado<\/h5>\r\n                                    <p>Ticket de Jira con etiquetas y asignaciones adecuadas<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n                                        <span>Agregar captura de pantalla de Slack<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">4<\/div>\r\n                                    <h5>Equipo notificado<\/h5>\r\n                                    <p>Alerta instant\u00e1nea de Slack con detalles del ticket<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"m9 11 3 3L22 4\"\/><\/svg>\r\n                                        <span>Agregar captura de pantalla de confirmaci\u00f3n<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">5<\/div>\r\n                                    <h5>Cliente confirmado<\/h5>\r\n                                    <p>Correo electr\u00f3nico autom\u00e1tico con n\u00famero de ticket y detalles<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Results -->\r\n                    <div class=\"results-section\">\r\n                        <h3 class=\"section-title\">Resultados e impacto<\/h3>\r\n                        <div class=\"results-grid\">\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Respuesta<\/div>\r\n                                <div class=\"result-value\">80%<\/div>\r\n                                <div class=\"result-detail\">enrutamiento m\u00e1s r\u00e1pido<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Exactitud<\/div>\r\n                                <div class=\"result-value\">95%<\/div>\r\n                                <div class=\"result-detail\">asignaci\u00f3n correcta<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Tiempo ahorrado<\/div>\r\n                                <div class=\"result-value\">15 metros<\/div>\r\n                                <div class=\"result-detail\">por boleto<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Mensual<\/div>\r\n                                <div class=\"result-value\">$1.2K<\/div>\r\n                                <div class=\"result-detail\">ahorros<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Configuraci\u00f3n<\/div>\r\n                                <div class=\"result-value\">3 a 4 horas<\/div>\r\n                                <div class=\"result-detail\">implementaci\u00f3n<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">ROI<\/div>\r\n                                <div class=\"result-value\">1400%<\/div>\r\n                                <div class=\"result-detail\">devolver<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- In Production -->\r\n                    <div class=\"operations-section\">\r\n                        <h3 class=\"section-title\">En producci\u00f3n<\/h3>\r\n                        <div class=\"operations-grid\">\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Operaci\u00f3n continua<\/h5>\r\n                                <p>Funciona 24 horas al d\u00eda, 7 d\u00edas a la semana, con reintentos autom\u00e1ticos y gesti\u00f3n de conmutaci\u00f3n por error.<\/p>\r\n                            <\/div>\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Manejo de errores<\/h5>\r\n                                <p>Respaldos inteligentes, comprobaciones de validaci\u00f3n y alertas instant\u00e1neas<\/p>\r\n                            <\/div>\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"M18 17V9\"\/><path d=\"M13 17V5\"\/><path d=\"M8 17v-3\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Monitoreo del rendimiento<\/h5>\r\n                                <p>Paneles de control en tiempo real e informes de optimizaci\u00f3n semanales<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Benefits -->\r\n                    <div class=\"benefits-section\">\r\n                        <h4>\u00bfQui\u00e9n se beneficia?<\/h4>\r\n                        <div class=\"benefits-grid\">\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Empresas de SaaS y tecnolog\u00eda que gestionan el soporte a escala\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Proveedores de servicios de TI que gestionan m\u00faltiples clientes\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Empresas de comercio electr\u00f3nico con altos vol\u00famenes de tickets\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Organizaciones que utilizan Jira y Slack para soporte\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <!-- CTA -->\r\n    <section class=\"cta-section\">\r\n        <div class=\"container\">\r\n            <div class=\"cta-card\">\r\n                <h2>\u00bfEst\u00e1 listo para automatizar sus flujos de trabajo?<\/h2>\r\n                <p>Analicemos c\u00f3mo la automatizaci\u00f3n personalizada puede transformar sus operaciones y liberar a su equipo para que se concentre en lo que importa.<\/p>\r\n                <a href=\"https:\/\/whiteraventech.com\/es\/programar-cita\/\" class=\"cta-button\">\r\n  Programe una consulta\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                <\/a>\r\n                <p class=\"cta-meta\">Totalmente personalizable | Implementaci\u00f3n en 3 a 4 horas<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Soluciones de automatizaci\u00f3n con IA | White Raven Technologies Servicios de IA Soluciones de automatizaci\u00f3n inteligente Flujos de trabajo personalizados que eliminan tareas repetitivas, reducen errores y escalan tus operaciones. Impulsados por IA e integraciones fluidas. AUTOMATED BOOKING WORKFLOW Webhook Receive Request 1 Airtable Check Availability 2 Zoom Create Meeting 3 Airtable Save Booking 4&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-4293","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/whiteraventech.com\/es\/wp-json\/wp\/v2\/pages\/4293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/whiteraventech.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/whiteraventech.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/whiteraventech.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/whiteraventech.com\/es\/wp-json\/wp\/v2\/comments?post=4293"}],"version-history":[{"count":2,"href":"https:\/\/whiteraventech.com\/es\/wp-json\/wp\/v2\/pages\/4293\/revisions"}],"predecessor-version":[{"id":4298,"href":"https:\/\/whiteraventech.com\/es\/wp-json\/wp\/v2\/pages\/4293\/revisions\/4298"}],"wp:attachment":[{"href":"https:\/\/whiteraventech.com\/es\/wp-json\/wp\/v2\/media?parent=4293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}