{"id":370,"date":"2025-04-04T19:21:32","date_gmt":"2025-04-05T01:21:32","guid":{"rendered":"https:\/\/webtotal.com.mx\/index.php\/nuestro-proceso-de-trabajo\/"},"modified":"2026-05-29T21:15:27","modified_gmt":"2026-05-30T03:15:27","slug":"nuestro-proceso-de-trabajo","status":"publish","type":"page","link":"https:\/\/webtotal.com.mx\/index.php\/nuestro-proceso-de-trabajo\/","title":{"rendered":"Nuestro proceso de trabajo"},"content":{"rendered":"\n<div id=\"wbt-pipeline\">\n    <style>\n        \/* ========================================================================== \n           WEB TOTAL M\u00c9XICO | PIPELINE PREMIUM\n           Encapsulado para WordPress \/ Twenty Twenty-Three y otros temas.\n           ========================================================================== *\/\n\n        #wbt-pipeline {\n            --wbt-gold: #D4AF37;\n            --wbt-gold-dark: #B8941F;\n            --wbt-cyan: #00F2FE;\n            --wbt-cyan-soft: #4FACFE;\n            --wbt-bg: #020617;\n            --wbt-card: rgba(15, 23, 42, 0.78);\n            --wbt-card-2: rgba(30, 41, 59, 0.56);\n            --wbt-line: rgba(212, 175, 55, 0.28);\n            --wbt-border: rgba(148, 163, 184, 0.16);\n            --wbt-text: #F8FAFC;\n            --wbt-muted: #94A3B8;\n            --wbt-soft: #CBD5E1;\n            position: relative;\n            isolation: isolate;\n            width: min(100%, 1320px);\n            margin: 0 auto;\n            padding: clamp(46px, 6vw, 82px) 16px;\n            color: var(--wbt-text);\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            line-height: 1.6;\n            overflow: hidden;\n        }\n\n        #wbt-pipeline *,\n        #wbt-pipeline *::before,\n        #wbt-pipeline *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        #wbt-pipeline::before {\n            content: \"\";\n            position: absolute;\n            inset: 18px 8px;\n            z-index: -2;\n            border-radius: 34px;\n            background:\n                radial-gradient(circle at 12% 8%, rgba(0, 242, 254, 0.16), transparent 34%),\n                radial-gradient(circle at 92% 12%, rgba(212, 175, 55, 0.16), transparent 32%),\n                radial-gradient(circle at 50% 92%, rgba(79, 172, 254, 0.10), transparent 42%),\n                linear-gradient(145deg, rgba(2, 6, 23, 0.96), rgba(15, 23, 42, 0.92));\n            border: 1px solid rgba(148, 163, 184, 0.10);\n            box-shadow: 0 28px 90px rgba(2, 6, 23, 0.52);\n        }\n\n        #wbt-pipeline::after {\n            content: \"\";\n            position: absolute;\n            inset: 18px 8px;\n            z-index: -1;\n            border-radius: 34px;\n            background-image:\n                linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);\n            background-size: 44px 44px;\n            -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.82), transparent 92%);\n            mask-image: linear-gradient(to bottom, rgba(0,0,0,0.82), transparent 92%);\n            pointer-events: none;\n        }\n\n        #wbt-pipeline .wbt-header {\n            text-align: center;\n            max-width: 900px;\n            margin: 0 auto clamp(34px, 5vw, 58px);\n            position: relative;\n        }\n\n        #wbt-pipeline .wbt-kicker {\n            display: inline-flex;\n            align-items: center;\n            gap: 9px;\n            padding: 7px 13px;\n            margin-bottom: 16px;\n            border: 1px solid rgba(212, 175, 55, 0.28);\n            border-radius: 999px;\n            background: rgba(212, 175, 55, 0.08);\n            color: var(--wbt-gold);\n            font-size: 11px;\n            font-weight: 900;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n        }\n\n        #wbt-pipeline .wbt-kicker span {\n            width: 7px;\n            height: 7px;\n            border-radius: 50%;\n            background: var(--wbt-gold);\n            box-shadow: 0 0 18px rgba(212, 175, 55, 0.7);\n        }\n\n        #wbt-pipeline .wbt-header h2 {\n            color: #FFFFFF;\n            font-size: clamp(28px, 4.2vw, 50px);\n            line-height: 1.04;\n            font-weight: 950;\n            letter-spacing: -1.2px;\n            margin-bottom: 16px;\n        }\n\n        #wbt-pipeline .wbt-gradient {\n            background: linear-gradient(90deg, var(--wbt-gold), #FFE9A3, var(--wbt-cyan));\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n        }\n\n        #wbt-pipeline .wbt-header p {\n            color: var(--wbt-soft);\n            max-width: 820px;\n            margin: 0 auto;\n            font-size: clamp(14px, 1.7vw, 17px);\n            line-height: 1.75;\n        }\n\n        #wbt-pipeline .wbt-process-meta {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 14px;\n            max-width: 980px;\n            margin: 28px auto 0;\n        }\n\n        #wbt-pipeline .wbt-meta-item {\n            padding: 14px 14px 13px;\n            border-radius: 18px;\n            background: rgba(15, 23, 42, 0.74);\n            border: 1px solid rgba(148, 163, 184, 0.12);\n            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);\n        }\n\n        #wbt-pipeline .wbt-meta-item strong {\n            display: block;\n            color: #FFFFFF;\n            font-size: 13px;\n            line-height: 1.25;\n        }\n\n        #wbt-pipeline .wbt-meta-item span {\n            display: block;\n            color: var(--wbt-muted);\n            font-size: 11px;\n            margin-top: 4px;\n        }\n\n        #wbt-pipeline .wbt-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 18px;\n            position: relative;\n        }\n\n        #wbt-pipeline .wbt-grid::before {\n            content: \"\";\n            position: absolute;\n            left: 5%;\n            right: 5%;\n            top: 35px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.65), rgba(0, 242, 254, 0.45), transparent);\n            box-shadow: 0 0 22px rgba(212, 175, 55, 0.26);\n            opacity: 0.75;\n            pointer-events: none;\n        }\n\n        #wbt-pipeline .wbt-step {\n            min-height: 292px;\n            position: relative;\n            z-index: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            padding: 24px 20px 20px;\n            border-radius: 24px;\n            background:\n                linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.84)),\n                radial-gradient(circle at 14% 0%, rgba(212, 175, 55, 0.12), transparent 34%);\n            border: 1px solid var(--wbt-border);\n            box-shadow: 0 18px 48px rgba(2, 6, 23, 0.38);\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(26px);\n            transition: opacity 0.65s ease, transform 0.65s ease, border-color 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;\n        }\n\n        #wbt-pipeline .wbt-step.wbt-reveal {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #wbt-pipeline .wbt-step:hover {\n            border-color: rgba(212, 175, 55, 0.45);\n            box-shadow: 0 22px 62px rgba(2, 6, 23, 0.46), 0 0 34px rgba(212, 175, 55, 0.08);\n            transform: translateY(-6px);\n        }\n\n        #wbt-pipeline .wbt-step::before {\n            content: \"\";\n            position: absolute;\n            inset: 0 auto auto 0;\n            width: 0%;\n            height: 4px;\n            background: linear-gradient(90deg, var(--wbt-gold), var(--wbt-cyan));\n            box-shadow: 0 0 18px rgba(0, 242, 254, 0.34), 0 0 20px rgba(212, 175, 55, 0.34);\n            transition: width 1.35s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        #wbt-pipeline .wbt-step.wbt-filled::before { width: 100%; }\n\n        #wbt-pipeline .wbt-step::after {\n            content: \"\";\n            position: absolute;\n            width: 180px;\n            height: 180px;\n            right: -88px;\n            bottom: -95px;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(0, 242, 254, 0.10), transparent 68%);\n            pointer-events: none;\n        }\n\n        #wbt-pipeline .wbt-number {\n            position: absolute;\n            top: 14px;\n            right: 18px;\n            font-size: 42px;\n            line-height: 1;\n            font-weight: 950;\n            color: rgba(255,255,255,0.045);\n            letter-spacing: -2px;\n        }\n\n        #wbt-pipeline .wbt-icon {\n            width: 54px;\n            height: 54px;\n            display: grid;\n            place-items: center;\n            border-radius: 16px;\n            color: var(--wbt-gold);\n            background: rgba(212, 175, 55, 0.09);\n            border: 1px solid rgba(212, 175, 55, 0.20);\n            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);\n        }\n\n        #wbt-pipeline .wbt-icon svg {\n            width: 25px;\n            height: 25px;\n            stroke-width: 2.2;\n        }\n\n        #wbt-pipeline .wbt-step h3 {\n            color: #FFFFFF;\n            font-size: 17px;\n            line-height: 1.25;\n            font-weight: 850;\n            letter-spacing: -0.2px;\n            padding-right: 46px;\n        }\n\n        #wbt-pipeline .wbt-desc {\n            color: var(--wbt-muted);\n            font-size: 13.5px;\n            line-height: 1.68;\n        }\n\n        #wbt-pipeline .wbt-tag {\n            margin-top: auto;\n            padding-top: 14px;\n            border-top: 1px solid rgba(148, 163, 184, 0.12);\n            color: var(--wbt-gold);\n            font-size: 10.5px;\n            line-height: 1.35;\n            font-weight: 900;\n            letter-spacing: 0.9px;\n            text-transform: uppercase;\n        }\n\n        #wbt-pipeline .wbt-step:nth-child(3n) .wbt-icon {\n            color: var(--wbt-cyan);\n            background: rgba(0, 242, 254, 0.08);\n            border-color: rgba(0, 242, 254, 0.18);\n        }\n\n        #wbt-pipeline .wbt-step:nth-child(3n) .wbt-tag { color: var(--wbt-cyan); }\n\n        #wbt-pipeline .wbt-footer {\n            margin-top: 38px;\n            display: grid;\n            grid-template-columns: 1.2fr 0.8fr;\n            gap: 18px;\n            align-items: stretch;\n        }\n\n        #wbt-pipeline .wbt-footer-card,\n        #wbt-pipeline .wbt-cta-box {\n            border-radius: 24px;\n            padding: 24px;\n            border: 1px solid rgba(148, 163, 184, 0.14);\n            box-shadow: 0 16px 42px rgba(2, 6, 23, 0.34);\n        }\n\n        #wbt-pipeline .wbt-footer-card { background: rgba(15, 23, 42, 0.72); }\n\n        #wbt-pipeline .wbt-footer-card h3 {\n            color: #FFFFFF;\n            font-size: clamp(19px, 2vw, 24px);\n            line-height: 1.18;\n            margin-bottom: 8px;\n            font-weight: 900;\n            letter-spacing: -0.4px;\n        }\n\n        #wbt-pipeline .wbt-footer-card p {\n            color: var(--wbt-muted);\n            font-size: 13.5px;\n            line-height: 1.65;\n        }\n\n        #wbt-pipeline .wbt-cta-box {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 12px;\n            background: radial-gradient(circle at 10% 10%, rgba(212, 175, 55, 0.20), transparent 40%), linear-gradient(145deg, rgba(212, 175, 55, 0.12), rgba(15, 23, 42, 0.86));\n            border-color: rgba(212, 175, 55, 0.24);\n        }\n\n        #wbt-pipeline .wbt-btn {\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            gap: 10px;\n            min-height: 52px;\n            padding: 15px 24px;\n            border-radius: 999px;\n            background: linear-gradient(135deg, var(--wbt-gold), var(--wbt-gold-dark));\n            color: #020617 !important;\n            text-decoration: none;\n            text-transform: uppercase;\n            font-size: 12px;\n            font-weight: 950;\n            letter-spacing: 0.9px;\n            box-shadow: 0 14px 30px rgba(212, 175, 55, 0.22);\n            transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;\n        }\n\n        #wbt-pipeline .wbt-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 18px 42px rgba(212, 175, 55, 0.34);\n            filter: saturate(1.08);\n        }\n\n        #wbt-pipeline .wbt-small-note {\n            color: var(--wbt-soft);\n            font-size: 12px;\n            text-align: center;\n        }\n\n        @media (max-width: 1100px) {\n            #wbt-pipeline .wbt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n            #wbt-pipeline .wbt-grid::before { display: none; }\n            #wbt-pipeline .wbt-process-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n        }\n\n        @media (max-width: 760px) {\n            #wbt-pipeline { padding: 38px 12px; }\n            #wbt-pipeline::before, #wbt-pipeline::after { inset: 10px 4px; border-radius: 26px; }\n            #wbt-pipeline .wbt-grid, #wbt-pipeline .wbt-process-meta, #wbt-pipeline .wbt-footer { grid-template-columns: 1fr; }\n            #wbt-pipeline .wbt-header { margin-bottom: 30px; }\n            #wbt-pipeline .wbt-step { min-height: auto; padding: 22px 18px 18px; }\n            #wbt-pipeline .wbt-step h3 { padding-right: 38px; }\n            #wbt-pipeline .wbt-footer { margin-top: 24px; }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            #wbt-pipeline .wbt-step, #wbt-pipeline .wbt-step::before, #wbt-pipeline .wbt-btn { transition: none !important; }\n        }\n    <\/style>\n\n    <div class=\"wbt-header\">\n        <div class=\"wbt-kicker\"><span><\/span> Proceso oficial Web Total M\u00e9xico<\/div>\n        <h2>De una idea suelta a un <span class=\"wbt-gradient\">ecosistema digital entregable<\/span><\/h2>\n        <p>Nuestro flujo convierte el inter\u00e9s inicial en diagn\u00f3stico, el diagn\u00f3stico en alcance, el alcance en desarrollo y el desarrollo en entrega formal con p\u00f3liza. As\u00ed evitamos improvisaci\u00f3n, protegemos la agenda y construimos cada App Web bajo el nivel correcto: Lite, Plus, Pro, Ultra o Ultra Pro.<\/p>\n\n        <div class=\"wbt-process-meta\">\n            <div class=\"wbt-meta-item\"><strong>15 minutos<\/strong><span>Diagn\u00f3stico inicial sin costo<\/span><\/div>\n            <div class=\"wbt-meta-item\"><strong>Agenda formal<\/strong><span>Se aparta con pago o anticipo<\/span><\/div>\n            <div class=\"wbt-meta-item\"><strong>Actas oficiales<\/strong><span>Inicio, entrega y cierre<\/span><\/div>\n            <div class=\"wbt-meta-item\"><strong>P\u00f3liza incluida<\/strong><span>9+1 o 14+1 post-entrega<\/span><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"wbt-grid\">\n        <div class=\"wbt-step\">\n            <div class=\"wbt-number\">01<\/div>\n            <div class=\"wbt-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 6v6l4 2\"><\/path><\/svg><\/div>\n            <h3>Diagn\u00f3stico inicial sin costo<\/h3>\n            <p class=\"wbt-desc\">Revisamos tu idea en una sesi\u00f3n de hasta 15 minutos para entender objetivo, urgencia, presupuesto, tipo de negocio y complejidad real.<\/p>\n            <div class=\"wbt-tag\">Primera lectura comercial<\/div>\n        <\/div>\n\n        <div class=\"wbt-step\">\n            <div class=\"wbt-number\">02<\/div>\n            <div class=\"wbt-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M4 19V5\"><\/path><path d=\"M4 19h16\"><\/path><path d=\"M8 15l3-3 3 2 5-7\"><\/path><\/svg><\/div>\n            <h3>Clasificaci\u00f3n del nivel correcto<\/h3>\n            <p class=\"wbt-desc\">Definimos si tu proyecto debe iniciar en Lite, Plus, Pro, Ultra o Ultra Pro, seg\u00fan lo que necesitas editar, administrar, controlar o independizar.<\/p>\n            <div class=\"wbt-tag\">La idea se adapta al nivel<\/div>\n        <\/div>\n\n        <div class=\"wbt-step\">\n            <div class=\"wbt-number\">03<\/div>\n            <div class=\"wbt-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><path d=\"M7 15h.01\"><\/path><path d=\"M11 15h2\"><\/path><\/svg><\/div>\n            <h3>Modalidad de pago y agenda<\/h3>\n            <p class=\"wbt-desc\">Eliges pago \u00fanico, MSI, 70-30 o 50-50. La agenda se confirma \u00fanicamente con pago o anticipo; una conversaci\u00f3n previa no aparta espacio.<\/p>\n            <div class=\"wbt-tag\">Pago \u00fanico\/MSI = acelerada<\/div>\n        <\/div>\n\n        <div class=\"wbt-step\">\n            <div class=\"wbt-number\">04<\/div>\n            <div class=\"wbt-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><path d=\"M14 2v6h6\"><\/path><path d=\"M8 13h8\"><\/path><path d=\"M8 17h6\"><\/path><\/svg><\/div>\n            <h3>Acta inicial de proyecto<\/h3>\n            <p class=\"wbt-desc\">Documentamos qu\u00e9 incluye, qu\u00e9 no incluye, alcance, modalidad, tiempos estimados, informaci\u00f3n requerida, entregables y condiciones de implementaci\u00f3n.<\/p>\n            <div class=\"wbt-tag\">Claridad antes de programar<\/div>\n        <\/div>\n\n        <div class=\"wbt-step\">\n            <div class=\"wbt-number\">05<\/div>\n            <div class=\"wbt-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M16 18l6-6-6-6\"><\/path><path d=\"M8 6l-6 6 6 6\"><\/path><\/svg><\/div>\n            <h3>Desarrollo bajo Sinapse OS<\/h3>\n            <p class=\"wbt-desc\">Construimos la app con dise\u00f1o separado de datos, panel de administrador, base cloud, CRM, dashboard y herramientas seg\u00fan el nivel contratado.<\/p>\n            <div class=\"wbt-tag\">Lite 6 \/ Plus 9 \/ Pro 12 pesta\u00f1as<\/div>\n        <\/div>\n\n        <div class=\"wbt-step\">\n            <div class=\"wbt-number\">06<\/div>\n            <div class=\"wbt-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><path d=\"M9 12l2 2 4-4\"><\/path><\/svg><\/div>\n            <h3>QA, seguridad y validaci\u00f3n<\/h3>\n            <p class=\"wbt-desc\">Probamos responsive, formularios, panel, datos, enlaces, seguridad base, funcionamiento del CRM, dashboard y m\u00f3dulos incluidos en el alcance.<\/p>\n            <div class=\"wbt-tag\">Control de calidad real<\/div>\n        <\/div>\n\n        <div class=\"wbt-step\">\n            <div class=\"wbt-number\">07<\/div>\n            <div class=\"wbt-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M20 6L9 17l-5-5\"><\/path><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg><\/div>\n            <h3>Entrega y acta final<\/h3>\n            <p class=\"wbt-desc\">Entregamos enlace, accesos, panel, funciones acordadas y acta final. La entrega confirma lo desarrollado y activa el cierre operativo.<\/p>\n            <div class=\"wbt-tag\">Entrega formal documentada<\/div>\n        <\/div>\n\n        <div class=\"wbt-step\">\n            <div class=\"wbt-number\">08<\/div>\n            <div class=\"wbt-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 2l3 7h7l-5.5 4.5L18.5 21 12 16.7 5.5 21l2-7.5L2 9h7z\"><\/path><\/svg><\/div>\n            <h3>P\u00f3liza, membres\u00eda y evoluci\u00f3n<\/h3>\n            <p class=\"wbt-desc\">Despu\u00e9s de entregar, activamos p\u00f3liza 9+1 o 14+1. Luego puedes mantener tu ecosistema con membres\u00eda o evolucionarlo a un nivel superior.<\/p>\n            <div class=\"wbt-tag\">Soporte, continuidad y upgrades<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"wbt-footer\">\n        <div class=\"wbt-footer-card\">\n            <h3>Un proceso creado para vender, desarrollar y entregar sin confusi\u00f3n.<\/h3>\n            <p>Web Total M\u00e9xico no trabaja con promesas ambiguas. Cada proyecto se diagnostica, se clasifica, se documenta y se entrega con una ruta clara: implementaci\u00f3n inicial, validaci\u00f3n, p\u00f3liza y posibilidad de crecimiento.<\/p>\n        <\/div>\n        <div class=\"wbt-cta-box\">\n            <a href=\"https:\/\/webtotal.com.mx\/index.php\/planes\/\" class=\"wbt-btn\">Ver cat\u00e1logo de planes <svg viewBox=\"0 0 24 24\" width=\"17\" height=\"17\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"M13 5l7 7-7 7\"><\/path><\/svg><\/a>\n            <div class=\"wbt-small-note\">Diagn\u00f3stico inicial sin costo \u2022 Agenda por confirmaci\u00f3n<\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        function initWBTPipeline() {\n            const root = document.querySelector(\"#wbt-pipeline\");\n            if (!root || root.dataset.wbtReady === \"true\") return;\n            root.dataset.wbtReady = \"true\";\n            const steps = root.querySelectorAll(\".wbt-step\");\n            const revealStep = function(step, index) {\n                setTimeout(function() {\n                    step.classList.add(\"wbt-reveal\");\n                    setTimeout(function() { step.classList.add(\"wbt-filled\"); }, 180);\n                }, index * 120);\n            };\n            if (\"IntersectionObserver\" in window) {\n                const observer = new IntersectionObserver(function(entries) {\n                    entries.forEach(function(entry) {\n                        if (entry.isIntersecting) {\n                            const index = Array.prototype.indexOf.call(steps, entry.target);\n                            revealStep(entry.target, index);\n                            observer.unobserve(entry.target);\n                        }\n                    });\n                }, { root: null, threshold: 0.18 });\n                steps.forEach(function(step) { observer.observe(step); });\n            } else {\n                steps.forEach(function(step, index) { revealStep(step, index); });\n            }\n        }\n        if (document.readyState === \"loading\") {\n            document.addEventListener(\"DOMContentLoaded\", initWBTPipeline);\n        } else {\n            initWBTPipeline();\n        }\n    })();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Proceso oficial Web Total M\u00e9xico De una idea suelta a un ecosistema digital entregable Nuestro flujo convierte el inter\u00e9s inicial en diagn\u00f3stico, el diagn\u00f3stico en alcance, el alcance en desarrollo y el desarrollo en entrega formal con p\u00f3liza. As\u00ed evitamos improvisaci\u00f3n, protegemos la agenda y construimos cada App Web bajo el nivel correcto: Lite, Plus, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-370","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nuestro proceso de trabajo - Web Total M\u00e9xico Shop<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webtotal.com.mx\/index.php\/nuestro-proceso-de-trabajo\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nuestro proceso de trabajo - Web Total M\u00e9xico Shop\" \/>\n<meta property=\"og:description\" content=\"Proceso oficial Web Total M\u00e9xico De una idea suelta a un ecosistema digital entregable Nuestro flujo convierte el inter\u00e9s inicial en diagn\u00f3stico, el diagn\u00f3stico en alcance, el alcance en desarrollo y el desarrollo en entrega formal con p\u00f3liza. As\u00ed evitamos improvisaci\u00f3n, protegemos la agenda y construimos cada App Web bajo el nivel correcto: Lite, Plus, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webtotal.com.mx\/index.php\/nuestro-proceso-de-trabajo\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Total M\u00e9xico Shop\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webtotalmx\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-30T03:15:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webtotal.com.mx\/wp-content\/uploads\/2025\/08\/cropped-cropped-LOGO-WEB-TOTAL-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"819\" \/>\n\t<meta property=\"og:image:height\" content=\"819\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@webtotalmx\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/webtotal.com.mx\\\/index.php\\\/nuestro-proceso-de-trabajo\\\/\",\"url\":\"https:\\\/\\\/webtotal.com.mx\\\/index.php\\\/nuestro-proceso-de-trabajo\\\/\",\"name\":\"Nuestro proceso de trabajo - Web Total M\u00e9xico Shop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webtotal.com.mx\\\/#website\"},\"datePublished\":\"2025-04-05T01:21:32+00:00\",\"dateModified\":\"2026-05-30T03:15:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/webtotal.com.mx\\\/index.php\\\/nuestro-proceso-de-trabajo\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/webtotal.com.mx\\\/index.php\\\/nuestro-proceso-de-trabajo\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/webtotal.com.mx\\\/index.php\\\/nuestro-proceso-de-trabajo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/webtotal.com.mx\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nuestro proceso de trabajo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/webtotal.com.mx\\\/#website\",\"url\":\"https:\\\/\\\/webtotal.com.mx\\\/\",\"name\":\"Web Total M\u00e9xico\",\"description\":\"Consultor\u00eda inform\u00e1tica, Dise\u00f1o Web e integraci\u00f3n de inteligencia artificial sustentable\",\"publisher\":{\"@id\":\"https:\\\/\\\/webtotal.com.mx\\\/#organization\"},\"alternateName\":\"Web Total\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/webtotal.com.mx\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/webtotal.com.mx\\\/#organization\",\"name\":\"WebTotal M\u00e9xico\",\"url\":\"https:\\\/\\\/webtotal.com.mx\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/webtotal.com.mx\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/webtotal.com.mx\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/cropped-cropped-LOGO-WEB-TOTAL-1.png\",\"contentUrl\":\"https:\\\/\\\/webtotal.com.mx\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/cropped-cropped-LOGO-WEB-TOTAL-1.png\",\"width\":819,\"height\":819,\"caption\":\"WebTotal M\u00e9xico\"},\"image\":{\"@id\":\"https:\\\/\\\/webtotal.com.mx\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/webtotalmx\",\"https:\\\/\\\/x.com\\\/webtotalmx\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nuestro proceso de trabajo - Web Total M\u00e9xico Shop","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:\/\/webtotal.com.mx\/index.php\/nuestro-proceso-de-trabajo\/","og_locale":"es_MX","og_type":"article","og_title":"Nuestro proceso de trabajo - Web Total M\u00e9xico Shop","og_description":"Proceso oficial Web Total M\u00e9xico De una idea suelta a un ecosistema digital entregable Nuestro flujo convierte el inter\u00e9s inicial en diagn\u00f3stico, el diagn\u00f3stico en alcance, el alcance en desarrollo y el desarrollo en entrega formal con p\u00f3liza. As\u00ed evitamos improvisaci\u00f3n, protegemos la agenda y construimos cada App Web bajo el nivel correcto: Lite, Plus, [&hellip;]","og_url":"https:\/\/webtotal.com.mx\/index.php\/nuestro-proceso-de-trabajo\/","og_site_name":"Web Total M\u00e9xico Shop","article_publisher":"https:\/\/www.facebook.com\/webtotalmx","article_modified_time":"2026-05-30T03:15:27+00:00","og_image":[{"width":819,"height":819,"url":"https:\/\/webtotal.com.mx\/wp-content\/uploads\/2025\/08\/cropped-cropped-LOGO-WEB-TOTAL-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@webtotalmx","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/webtotal.com.mx\/index.php\/nuestro-proceso-de-trabajo\/","url":"https:\/\/webtotal.com.mx\/index.php\/nuestro-proceso-de-trabajo\/","name":"Nuestro proceso de trabajo - Web Total M\u00e9xico Shop","isPartOf":{"@id":"https:\/\/webtotal.com.mx\/#website"},"datePublished":"2025-04-05T01:21:32+00:00","dateModified":"2026-05-30T03:15:27+00:00","breadcrumb":{"@id":"https:\/\/webtotal.com.mx\/index.php\/nuestro-proceso-de-trabajo\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webtotal.com.mx\/index.php\/nuestro-proceso-de-trabajo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/webtotal.com.mx\/index.php\/nuestro-proceso-de-trabajo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/webtotal.com.mx\/"},{"@type":"ListItem","position":2,"name":"Nuestro proceso de trabajo"}]},{"@type":"WebSite","@id":"https:\/\/webtotal.com.mx\/#website","url":"https:\/\/webtotal.com.mx\/","name":"Web Total M\u00e9xico","description":"Consultor\u00eda inform\u00e1tica, Dise\u00f1o Web e integraci\u00f3n de inteligencia artificial sustentable","publisher":{"@id":"https:\/\/webtotal.com.mx\/#organization"},"alternateName":"Web Total","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webtotal.com.mx\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/webtotal.com.mx\/#organization","name":"WebTotal M\u00e9xico","url":"https:\/\/webtotal.com.mx\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/webtotal.com.mx\/#\/schema\/logo\/image\/","url":"https:\/\/webtotal.com.mx\/wp-content\/uploads\/2025\/08\/cropped-cropped-LOGO-WEB-TOTAL-1.png","contentUrl":"https:\/\/webtotal.com.mx\/wp-content\/uploads\/2025\/08\/cropped-cropped-LOGO-WEB-TOTAL-1.png","width":819,"height":819,"caption":"WebTotal M\u00e9xico"},"image":{"@id":"https:\/\/webtotal.com.mx\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webtotalmx","https:\/\/x.com\/webtotalmx"]}]}},"_links":{"self":[{"href":"https:\/\/webtotal.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webtotal.com.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webtotal.com.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webtotal.com.mx\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webtotal.com.mx\/index.php\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":18,"href":"https:\/\/webtotal.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"predecessor-version":[{"id":3330,"href":"https:\/\/webtotal.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/370\/revisions\/3330"}],"wp:attachment":[{"href":"https:\/\/webtotal.com.mx\/index.php\/wp-json\/wp\/v2\/media?parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}