{"id":14,"date":"2025-04-03T20:11:14","date_gmt":"2025-04-04T02:11:14","guid":{"rendered":"https:\/\/webtotal.com.mx\/index.php\/colibri-wp\/"},"modified":"2026-05-29T20:49:08","modified_gmt":"2026-05-30T02:49:08","slug":"web-total-mexico","status":"publish","type":"page","link":"https:\/\/webtotal.com.mx\/","title":{"rendered":""},"content":{"rendered":"<!-- WEB TOTAL M\u00c9XICO | HOME \/ LANDING CORPORATIVA PREMIUM\n     C\u00f3digo actualizado para insertar en WordPress > Bloque HTML personalizado.\n     Compatible con Twenty Twenty-Three y adaptable a otros temas.\n     Mantiene fondo neuronal a pantalla completa y men\u00fa flotante separado del borde superior.\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n\n<div id=\"wtm-ecosystem-page\">\n    <canvas id=\"wtm-canvas-bg\" aria-hidden=\"true\"><\/canvas>\n    <div class=\"wtm-bg-noise\" aria-hidden=\"true\"><\/div>\n    <div class=\"wtm-bg-orb wtm-bg-orb-one\" aria-hidden=\"true\"><\/div>\n    <div class=\"wtm-bg-orb wtm-bg-orb-two\" aria-hidden=\"true\"><\/div>\n\n    <nav class=\"wtm-nav\" aria-label=\"Navegaci\u00f3n principal Web Total M\u00e9xico\">\n        <div class=\"wtm-nav-inner\">\n            <button type=\"button\" class=\"wtm-brand\" onclick=\"WTMNav.to('inicio')\" aria-label=\"Ir al inicio\">\n                <span class=\"wtm-brand-icon\"><i class=\"fa-solid fa-code\"><\/i><\/span>\n                <span class=\"wtm-brand-text\">Web Total <em>M\u00e9xico<\/em><\/span>\n            <\/button>\n\n            <div class=\"wtm-menu-desktop\" role=\"menubar\">\n                <button type=\"button\" class=\"wtm-nav-link wtm-active\" data-target=\"inicio\" onclick=\"WTMNav.to('inicio')\">Inicio<\/button>\n                <button type=\"button\" class=\"wtm-nav-link\" data-target=\"niveles\" onclick=\"WTMNav.to('niveles')\">Niveles<\/button>\n                <button type=\"button\" class=\"wtm-nav-link\" data-target=\"proceso\" onclick=\"WTMNav.to('proceso')\">Proceso<\/button>\n                <button type=\"button\" class=\"wtm-nav-link\" data-target=\"info\" onclick=\"WTMNav.to('info')\">FAQs<\/button>\n                <button type=\"button\" class=\"wtm-nav-cta\" onclick=\"WTMNav.to('diagnostico')\">Diagn\u00f3stico<\/button>\n            <\/div>\n\n            <button type=\"button\" class=\"wtm-mobile-toggle\" onclick=\"WTMNav.toggleMobile()\" aria-label=\"Abrir men\u00fa m\u00f3vil\">\n                <i class=\"fa-solid fa-bars\"><\/i>\n            <\/button>\n        <\/div>\n\n        <div id=\"wtm-mobile-menu\" class=\"wtm-mobile-menu\" aria-label=\"Men\u00fa m\u00f3vil\">\n            <button type=\"button\" onclick=\"WTMNav.to('inicio'); WTMNav.toggleMobile(false)\">Inicio<\/button>\n            <button type=\"button\" onclick=\"WTMNav.to('niveles'); WTMNav.toggleMobile(false)\">Niveles<\/button>\n            <button type=\"button\" onclick=\"WTMNav.to('proceso'); WTMNav.toggleMobile(false)\">Proceso &#038; Agenda<\/button>\n            <button type=\"button\" onclick=\"WTMNav.to('info'); WTMNav.toggleMobile(false)\">FAQs &#038; Comparativa<\/button>\n            <button type=\"button\" class=\"wtm-mobile-highlight\" onclick=\"WTMNav.to('diagnostico'); WTMNav.toggleMobile(false)\">Diagn\u00f3stico sin costo<\/button>\n        <\/div>\n    <\/nav>\n\n    <main class=\"wtm-main\">\n        <!-- ================= INICIO ================= -->\n        <section id=\"wtm-tab-inicio\" class=\"wtm-tab-content wtm-active\">\n            <div class=\"wtm-hero\">\n                <div class=\"wtm-pill\"><span><\/span> Desarrollo web inteligente \u00b7 Sinapse OS<\/div>\n                <h1>Tu idea, convertida en <strong>ecosistema digital.<\/strong><\/h1>\n                <p class=\"wtm-hero-copy\">No vendemos p\u00e1ginas gen\u00e9ricas ni paquetes r\u00edgidos. Adaptamos tu idea al nivel correcto: desde una App Web Lite administrable hasta una plataforma aut\u00f3noma Ultra con infraestructura propia.<\/p>\n                <div class=\"wtm-hero-actions\">\n                    <button type=\"button\" class=\"wtm-btn wtm-btn-primary\" onclick=\"WTMNav.to('diagnostico')\">Iniciar diagn\u00f3stico sin costo<\/button>\n                    <button type=\"button\" class=\"wtm-btn wtm-btn-ghost\" onclick=\"WTMNav.to('niveles')\">Explorar niveles<\/button>\n                <\/div>\n                <div class=\"wtm-hero-strip\" aria-label=\"Resumen de niveles Web Total M\u00e9xico\">\n                    <div><b>Lite<\/b><span>Muestra<\/span><\/div>\n                    <div><b>Plus<\/b><span>Administra<\/span><\/div>\n                    <div><b>Pro<\/b><span>Controla<\/span><\/div>\n                    <div><b>Ultra<\/b><span>Independiza<\/span><\/div>\n                    <div><b>Ultra Pro<\/b><span>Publica<\/span><\/div>\n                <\/div>\n            <\/div>\n\n            <section class=\"wtm-section wtm-glass wtm-two-col\">\n                <div>\n                    <span class=\"wtm-kicker\">Diferenciador real<\/span>\n                    <h2>Otros te venden categor\u00edas. Nosotros adaptamos tu idea.<\/h2>\n                    <p>Si pides ecommerce, academia, cat\u00e1logo, reservas o CRM, no te mandamos autom\u00e1ticamente al paquete m\u00e1s caro. Primero definimos el nivel de implementaci\u00f3n adecuado: esencial, administrable, operativo o aut\u00f3nomo.<\/p>\n                    <p>La diferencia no est\u00e1 en si \u201cse puede\u201d, sino en qu\u00e9 tan editable, administrable, compleja e independiente debe ser la soluci\u00f3n.<\/p>\n                <\/div>\n                <div class=\"wtm-stack-cards\">\n                    <article class=\"wtm-mini-card wtm-left-gray\">\n                        <i class=\"fa-solid fa-eye\"><\/i>\n                        <div><h3>Lite<\/h3><p>Presencia profesional, CRM Lite, estad\u00edsticas Lite y edici\u00f3n esencial.<\/p><\/div>\n                    <\/article>\n                    <article class=\"wtm-mini-card wtm-left-brand\">\n                        <i class=\"fa-solid fa-sliders\"><\/i>\n                        <div><h3>Plus \/ Pro<\/h3><p>M\u00e1s pesta\u00f1as de panel, control de contenido, operaci\u00f3n, usuarios y seguimiento.<\/p><\/div>\n                    <\/article>\n                    <article class=\"wtm-mini-card wtm-left-orange\">\n                        <i class=\"fa-solid fa-server\"><\/i>\n                        <div><h3>Ultra<\/h3><p>Infraestructura aut\u00f3noma, servidores, open source, backups y automatizaciones.<\/p><\/div>\n                    <\/article>\n                <\/div>\n            <\/section>\n\n            <section class=\"wtm-section\">\n                <div class=\"wtm-section-head\">\n                    <span class=\"wtm-kicker\">Base garantizada<\/span>\n                    <h2>Todos los proyectos nacen con una base profesional.<\/h2>\n                    <p>La diferencia entre niveles est\u00e1 en cu\u00e1nto control, administraci\u00f3n, complejidad e independencia se agrega.<\/p>\n                <\/div>\n                <div class=\"wtm-grid-four\">\n                    <article class=\"wtm-feature-card\"><i class=\"fa-solid fa-diagram-project\"><\/i><h3>M\u00e9todo Sinapse OS<\/h3><p>Arquitectura clara, dise\u00f1o separado de datos y estructura lista para crecer con IA.<\/p><\/article>\n                    <article class=\"wtm-feature-card\"><i class=\"fa-solid fa-shield-halved\"><\/i><h3>Seguridad Total<\/h3><p>SSL, mitigaci\u00f3n de abusos, detecci\u00f3n de bots y reglas de red autom\u00e1ticas.<\/p><\/article>\n                    <article class=\"wtm-feature-card\"><i class=\"fa-solid fa-database\"><\/i><h3>Base de Datos Cloud<\/h3><p>Preparaci\u00f3n para almacenar leads, estad\u00edsticas, contenido, m\u00f3dulos y registros.<\/p><\/article>\n                    <article class=\"wtm-feature-card\"><i class=\"fa-solid fa-envelope-open-text\"><\/i><h3>Correo Corporativo<\/h3><p>Correo con dominio propio cuando aplique, con configuraci\u00f3n inicial profesional.<\/p><\/article>\n                <\/div>\n            <\/section>\n\n            <section class=\"wtm-section wtm-cta-panel\">\n                <h2>\u00bfListo para saber qu\u00e9 nivel necesita tu negocio?<\/h2>\n                <p>El diagn\u00f3stico inicial dura hasta 15 minutos y te ayuda a no pagar por funciones que todav\u00eda no necesitas.<\/p>\n                <button type=\"button\" class=\"wtm-btn wtm-btn-light\" onclick=\"WTMNav.to('diagnostico')\">Ir al diagn\u00f3stico<\/button>\n            <\/section>\n        <\/section>\n\n        <!-- ================= NIVELES ================= -->\n        <section id=\"wtm-tab-niveles\" class=\"wtm-tab-content\">\n            <div class=\"wtm-section-head wtm-top-head\">\n                <span class=\"wtm-kicker\">Productos oficiales<\/span>\n                <h2>Niveles de implementaci\u00f3n Web Total M\u00e9xico<\/h2>\n                <p>Lite, Plus y Pro son niveles de control del panel. Ultra y Ultra Pro son niveles de independencia tecnol\u00f3gica.<\/p>\n            <\/div>\n\n            <div class=\"wtm-plan-list\">\n                <article class=\"wtm-plan wtm-plan-lite\">\n                    <div class=\"wtm-plan-main\">\n                        <span class=\"wtm-plan-tag\">Presencia administrable<\/span>\n                        <h3>App Web Lite<\/h3>\n                        <p class=\"wtm-plan-phrase\">\u201cMuestra tu idea.\u201d<\/p>\n                        <p>Landing profesional con estilo corporativo para PC y estilo app para tablet\/celular. Ideal para validar, mostrar servicios y recibir contactos sin construir todav\u00eda un sistema complejo.<\/p>\n                        <ul>\n                            <li>Landing page con hasta 5 secciones.<\/li>\n                            <li>Panel Lite con 6 pesta\u00f1as: Estad\u00edsticas Lite, CRM Lite, Editar textos, Multimedios, Datos personales y Acceso.<\/li>\n                            <li>Formulario a WhatsApp, animaciones b\u00e1sicas y dise\u00f1o responsive.<\/li>\n                            <li>Cat\u00e1logo, cursos o reservas en versi\u00f3n esencial, si aplica al alcance.<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"wtm-plan-price\"><strong>$2,319.99<\/strong><span>MXN \u00b7 IVA incluido<\/span><button type=\"button\" onclick=\"WTMNav.to('diagnostico')\">Seleccionar Lite<\/button><\/div>\n                <\/article>\n\n                <article class=\"wtm-plan wtm-plan-plus wtm-featured-plan\">\n                    <div class=\"wtm-ribbon\">M\u00e1s solicitado<\/div>\n                    <div class=\"wtm-plan-main\">\n                        <span class=\"wtm-plan-tag\">Administraci\u00f3n y contenido<\/span>\n                        <h3>App Web Plus<\/h3>\n                        <p class=\"wtm-plan-phrase\">\u201cAdministra tu idea.\u201d<\/p>\n                        <p>El salto de presencia a administraci\u00f3n. Permite gestionar m\u00e1s contenido, movimientos, blog, apariencia b\u00e1sica y registros desde un panel m\u00e1s completo.<\/p>\n                        <ul>\n                            <li>Todo lo de Lite, con Dashboard Tipo II y CRM Plus.<\/li>\n                            <li>Panel Plus con 9 pesta\u00f1as: agrega Movimientos, Blog\/Entradas y Apariencia b\u00e1sica.<\/li>\n                            <li>Blog editable, edici\u00f3n de colores b\u00e1sicos y mejor control de contenido.<\/li>\n                            <li>1 m\u00f3dulo de administrador a la medida.<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"wtm-plan-price\"><strong>$3,479.99<\/strong><span>MXN \u00b7 IVA incluido<\/span><button type=\"button\" onclick=\"WTMNav.to('diagnostico')\">Seleccionar Plus<\/button><\/div>\n                <\/article>\n\n                <article class=\"wtm-plan wtm-plan-pro\">\n                    <div class=\"wtm-plan-main\">\n                        <span class=\"wtm-plan-tag\">Control operativo<\/span>\n                        <h3>App Web Pro<\/h3>\n                        <p class=\"wtm-plan-phrase\">\u201cControla y escala tu app web.\u201d<\/p>\n                        <p>El nivel m\u00e1s alto dentro de las apps web administrables. Ideal para proyectos con seguimiento, estructura flexible, bloques, usuarios b\u00e1sicos y operaci\u00f3n interna.<\/p>\n                        <ul>\n                            <li>Todo lo de Plus, con Dashboard Tipo III y CRM Pro.<\/li>\n                            <li>Panel Pro con 12 pesta\u00f1as: agrega Pipeline\/Seguimiento, Bloques y secciones, Usuarios y permisos b\u00e1sicos.<\/li>\n                            <li>Control estructural de secciones, contenido y procesos.<\/li>\n                            <li>2 m\u00f3dulos de administrador a la medida.<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"wtm-plan-price\"><strong>$4,639.99<\/strong><span>MXN \u00b7 IVA incluido<\/span><button type=\"button\" onclick=\"WTMNav.to('diagnostico')\">Seleccionar Pro<\/button><\/div>\n                <\/article>\n\n                <article class=\"wtm-plan wtm-plan-ultra\">\n                    <div class=\"wtm-plan-main\">\n                        <span class=\"wtm-plan-tag\">Infraestructura aut\u00f3noma<\/span>\n                        <h3>App Web Ultra<\/h3>\n                        <p class=\"wtm-plan-phrase\">\u201cConvierte tu app en plataforma aut\u00f3noma.\u201d<\/p>\n                        <p>Para empresas que necesitan servidores propios o cloud, herramientas open source, automatizaciones, backups, logs, ambientes y arquitectura preparada para operar con mayor independencia.<\/p>\n                        <ul>\n                            <li>Plataforma web avanzada a cotizaci\u00f3n.<\/li>\n                            <li>Infraestructura aut\u00f3noma: VPS, cloud, Docker, Coolify, Oracle o equivalente.<\/li>\n                            <li>Backups, documentaci\u00f3n t\u00e9cnica, automatizaciones y seguridad seg\u00fan diagn\u00f3stico.<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"wtm-plan-price\"><strong>A cotizar<\/strong><span>Auditor\u00eda t\u00e9cnica previa<\/span><button type=\"button\" onclick=\"WTMNav.to('diagnostico')\">Solicitar auditor\u00eda<\/button><\/div>\n                <\/article>\n\n                <article class=\"wtm-plan wtm-plan-ultrapro\">\n                    <div class=\"wtm-plan-main\">\n                        <span class=\"wtm-plan-tag\">Publicaci\u00f3n m\u00f3vil<\/span>\n                        <h3>App Ultra Pro<\/h3>\n                        <p class=\"wtm-plan-phrase\">\u201cLleva tu plataforma al ecosistema m\u00f3vil oficial.\u201d<\/p>\n                        <p>Incluye el enfoque Ultra y suma adaptaci\u00f3n m\u00f3vil, empaquetado, recursos, pruebas y acompa\u00f1amiento para publicaci\u00f3n en Google Play y Apple App Store.<\/p>\n                        <ul>\n                            <li>Todo lo de Ultra, m\u00e1s experiencia m\u00f3vil tipo app.<\/li>\n                            <li>Builds, recursos de tienda, versiones y acompa\u00f1amiento de publicaci\u00f3n.<\/li>\n                            <li>Costos de terceros y cuentas de desarrollador se cotizan por separado.<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"wtm-plan-price\"><strong>A cotizar<\/strong><span>Diagn\u00f3stico t\u00e9cnico y m\u00f3vil<\/span><button type=\"button\" onclick=\"WTMNav.to('diagnostico')\">Cotizar Ultra Pro<\/button><\/div>\n                <\/article>\n            <\/div>\n\n            <section class=\"wtm-section wtm-glass\">\n                <div class=\"wtm-section-head wtm-table-title\">\n                    <span class=\"wtm-kicker\">Evoluci\u00f3n del panel<\/span>\n                    <h2>El panel crece por 3 bases: Operaciones, Page Builder y Herramientas.<\/h2>\n                <\/div>\n                <div class=\"wtm-table-scroll\">\n                    <table class=\"wtm-table\">\n                        <thead>\n                            <tr><th>Nivel<\/th><th>Panel de Operaciones<\/th><th>Page Builder \/ Contenido<\/th><th>Herramientas \/ Seguridad<\/th><th>Total<\/th><\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr><td><b>Lite<\/b><\/td><td>Estad\u00edsticas Lite \u00b7 CRM Lite<\/td><td>Editar textos \u00b7 Multimedios<\/td><td>Datos personales \u00b7 Acceso<\/td><td>6 pesta\u00f1as<\/td><\/tr>\n                            <tr><td><b>Plus<\/b><\/td><td>Dashboard Tipo II \u00b7 CRM Plus \u00b7 Movimientos<\/td><td>Editar textos \u00b7 Multimedios \u00b7 Blog\/Entradas<\/td><td>Datos personales \u00b7 Acceso \u00b7 Apariencia b\u00e1sica<\/td><td>9 pesta\u00f1as<\/td><\/tr>\n                            <tr><td><b>Pro<\/b><\/td><td>Dashboard Tipo III \u00b7 CRM Pro \u00b7 Movimientos \u00b7 Pipeline\/Seguimiento<\/td><td>Editar textos \u00b7 Multimedios \u00b7 Blog\/Entradas \u00b7 Bloques y secciones<\/td><td>Datos personales \u00b7 Acceso \u00b7 Apariencia b\u00e1sica \u00b7 Usuarios y permisos b\u00e1sicos<\/td><td>12 pesta\u00f1as<\/td><\/tr>\n                            <tr><td><b>Ultra<\/b><\/td><td colspan=\"3\">Panel a medida seg\u00fan infraestructura, automatizaciones, servicios, logs, backups, integraciones y operaci\u00f3n t\u00e9cnica.<\/td><td>A medida<\/td><\/tr>\n                            <tr><td><b>Ultra Pro<\/b><\/td><td colspan=\"3\">Panel a medida con infraestructura Ultra + builds, recursos de tienda, versiones m\u00f3viles y publicaci\u00f3n.<\/td><td>A medida<\/td><\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/section>\n        <\/section>\n\n        <!-- ================= PROCESO ================= -->\n        <section id=\"wtm-tab-proceso\" class=\"wtm-tab-content\">\n            <div class=\"wtm-section-head wtm-top-head\">\n                <span class=\"wtm-kicker\">Proceso formal<\/span>\n                <h2>De diagn\u00f3stico a entrega documentada.<\/h2>\n                <p>Trabajamos por agenda, actas y alcance claro. La informaci\u00f3n se mantiene, pero el espacio se aparta hasta confirmar pago o anticipo.<\/p>\n            <\/div>\n\n            <section class=\"wtm-process-grid\">\n                <article><span>01<\/span><h3>Diagn\u00f3stico inicial<\/h3><p>Hasta 15 minutos sin costo para entender objetivo, presupuesto, urgencia y nivel correcto.<\/p><\/article>\n                <article><span>02<\/span><h3>Selecci\u00f3n de nivel<\/h3><p>Definimos Lite, Plus, Pro, Ultra o Ultra Pro, y modalidad de implementaci\u00f3n.<\/p><\/article>\n                <article><span>03<\/span><h3>Pago y agenda<\/h3><p>La agenda se asigna con pago \u00fanico, MSI, 70-30 o 50-50 confirmado.<\/p><\/article>\n                <article><span>04<\/span><h3>Acta inicial<\/h3><p>Documentamos alcance, incluidos, exclusiones, tiempos y datos requeridos.<\/p><\/article>\n                <article><span>05<\/span><h3>Desarrollo<\/h3><p>Dise\u00f1o, estructura, programaci\u00f3n, panel, base de datos y funciones seg\u00fan nivel.<\/p><\/article>\n                <article><span>06<\/span><h3>Revisi\u00f3n<\/h3><p>Validaci\u00f3n por etapas, ajustes dentro de alcance y preparaci\u00f3n de entrega.<\/p><\/article>\n                <article><span>07<\/span><h3>Acta final<\/h3><p>Entrega de accesos, link final, funcionamiento y documentaci\u00f3n de cierre.<\/p><\/article>\n                <article><span>08<\/span><h3>P\u00f3liza<\/h3><p>Activaci\u00f3n de p\u00f3liza 9+1 o 14+1 para estabilizaci\u00f3n post-entrega.<\/p><\/article>\n            <\/section>\n\n            <section class=\"wtm-section wtm-three-col\">\n                <article class=\"wtm-feature-card wtm-top-green\"><h3>Pago \u00fanico \/ MSI<\/h3><span>Acelerada<\/span><p>El proyecto queda cubierto desde el inicio y entra con mayor continuidad operativa.<\/p><\/article>\n                <article class=\"wtm-feature-card wtm-top-blue\"><h3>Anticipo 70-30<\/h3><span>Normal<\/span><p>70% para iniciar y 30% al finalizar o antes de entrega final.<\/p><\/article>\n                <article class=\"wtm-feature-card wtm-top-orange\"><h3>Pago 50-50<\/h3><span>Por etapas<\/span><p>50% para iniciar y 50% en segunda etapa. Tiempo m\u00ednimo de 5 a 7 d\u00edas h\u00e1biles.<\/p><\/article>\n            <\/section>\n\n            <section class=\"wtm-section wtm-warning-panel\">\n                <i class=\"fa-solid fa-calendar-check\"><\/i>\n                <h2>Pol\u00edtica estricta de agenda<\/h2>\n                <p>Los espacios y tiempos de entrega se asignan \u00fanicamente cuando el proyecto queda confirmado mediante pago o anticipo. Una conversaci\u00f3n previa, cotizaci\u00f3n o intenci\u00f3n de compra no aparta lugar.<\/p>\n            <\/section>\n        <\/section>\n\n        <!-- ================= INFO ================= -->\n        <section id=\"wtm-tab-info\" class=\"wtm-tab-content\">\n            <div class=\"wtm-section-head wtm-top-head\">\n                <span class=\"wtm-kicker\">Comparativa y continuidad<\/span>\n                <h2>Preguntas frecuentes, tabla r\u00e1pida y membres\u00edas.<\/h2>\n                <p>La app se construye una vez. La membres\u00eda la mantiene viva, actualizada y lista para crecer.<\/p>\n            <\/div>\n\n            <section class=\"wtm-section wtm-glass\">\n                <div class=\"wtm-table-scroll\">\n                    <table class=\"wtm-table\">\n                        <thead><tr><th>Caracter\u00edstica<\/th><th>Lite<\/th><th>Plus<\/th><th>Pro<\/th><th>Ultra<\/th><th>Ultra Pro<\/th><\/tr><\/thead>\n                        <tbody>\n                            <tr><td>Panel total<\/td><td>6 pesta\u00f1as<\/td><td>9 pesta\u00f1as<\/td><td>12 pesta\u00f1as<\/td><td>A medida<\/td><td>A medida<\/td><\/tr>\n                            <tr><td>CRM y Dashboard<\/td><td>Lite<\/td><td>Tipo II<\/td><td>Tipo III<\/td><td>Avanzado<\/td><td>Avanzado + m\u00f3vil<\/td><\/tr>\n                            <tr><td>Contenido<\/td><td>Textos e im\u00e1genes<\/td><td>Blog y apariencia<\/td><td>Bloques y secciones<\/td><td>Plantillas\/m\u00f3dulos<\/td><td>Vistas m\u00f3viles<\/td><\/tr>\n                            <tr><td>Usuarios<\/td><td>No avanzado<\/td><td>No avanzado<\/td><td>B\u00e1sicos<\/td><td>A medida<\/td><td>A medida<\/td><\/tr>\n                            <tr><td>Infraestructura propia<\/td><td>No<\/td><td>No<\/td><td>No<\/td><td>S\u00ed<\/td><td>S\u00ed + tiendas<\/td><\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/section>\n\n            <section class=\"wtm-section\">\n                <div class=\"wtm-section-head\"><span class=\"wtm-kicker\">Membres\u00edas<\/span><h2>Continuidad despu\u00e9s de la p\u00f3liza.<\/h2><\/div>\n                <div class=\"wtm-grid-three\">\n                    <article class=\"wtm-membership-card\">\n                        <h3>Mantenimiento Esencial<\/h3>\n                        <strong>$299 <span>MXN\/mes<\/span><\/strong>\n                        <p>Para apps Lite o clientes que necesitan revisi\u00f3n y cambios m\u00ednimos.<\/p>\n                        <ul><li>Revisi\u00f3n mensual b\u00e1sica.<\/li><li>1 ajuste menor al mes.<\/li><li>Revisi\u00f3n de enlaces y contacto.<\/li><\/ul>\n                    <\/article>\n                    <article class=\"wtm-membership-card wtm-membership-featured\">\n                        <div class=\"wtm-ribbon-small\">Recomendada<\/div>\n                        <h3>Crecimiento Pro<\/h3>\n                        <strong>$999 <span>MXN\/mes<\/span><\/strong>\n                        <p>Para negocios que quieren mejorar contenido, formularios y conversi\u00f3n cada mes.<\/p>\n                        <ul><li>Hasta 5 ajustes menores.<\/li><li>1 mejora ligera mensual.<\/li><li>Mini reporte y recomendaciones.<\/li><\/ul>\n                    <\/article>\n                    <article class=\"wtm-membership-card\">\n                        <h3>Soporte Ultra<\/h3>\n                        <strong>Desde $2,499 <span>MXN\/mes<\/span><\/strong>\n                        <p>Para plataformas con infraestructura, servidores, automatizaciones o apps publicables.<\/p>\n                        <ul><li>Revisi\u00f3n t\u00e9cnica avanzada.<\/li><li>Backups\/logs seg\u00fan diagn\u00f3stico.<\/li><li>Roadmap t\u00e9cnico.<\/li><\/ul>\n                    <\/article>\n                <\/div>\n            <\/section>\n\n            <section class=\"wtm-section wtm-faq-wrap\">\n                <h2>Preguntas frecuentes<\/h2>\n                <div class=\"wtm-faq-item\"><button type=\"button\" onclick=\"WTMNav.toggleFaq(this)\">\u00bfPuedo pedir ecommerce en App Web Lite?<i class=\"fa-solid fa-chevron-down\"><\/i><\/button><div><p>S\u00ed. En Lite se implementa como cat\u00e1logo simple con imagen, descripci\u00f3n y bot\u00f3n a WhatsApp o pago externo. Si necesitas inventario, usuarios o flujos m\u00e1s complejos, se eval\u00faa Plus, Pro o Ultra.<\/p><\/div><\/div>\n                <div class=\"wtm-faq-item\"><button type=\"button\" onclick=\"WTMNav.toggleFaq(this)\">\u00bfQu\u00e9 cambia entre Lite, Plus y Pro?<i class=\"fa-solid fa-chevron-down\"><\/i><\/button><div><p>Cambia el nivel de control del panel: Lite tiene 6 pesta\u00f1as, Plus 9 y Pro 12. Lite edita y muestra; Plus administra; Pro controla operaci\u00f3n, estructura y usuarios b\u00e1sicos.<\/p><\/div><\/div>\n                <div class=\"wtm-faq-item\"><button type=\"button\" onclick=\"WTMNav.toggleFaq(this)\">\u00bfPor qu\u00e9 Ultra y Ultra Pro son a cotizaci\u00f3n?<i class=\"fa-solid fa-chevron-down\"><\/i><\/button><div><p>Porque requieren diagn\u00f3stico t\u00e9cnico de infraestructura, servidores, herramientas open source, automatizaciones, seguridad, despliegues y, en Ultra Pro, publicaci\u00f3n m\u00f3vil en tiendas oficiales.<\/p><\/div><\/div>\n                <div class=\"wtm-faq-item\"><button type=\"button\" onclick=\"WTMNav.toggleFaq(this)\">\u00bfLa forma de pago cambia el alcance?<i class=\"fa-solid fa-chevron-down\"><\/i><\/button><div><p>No cambia lo contratado, pero s\u00ed puede modificar ritmo, prioridad y forma de implementaci\u00f3n: pago \u00fanico\/MSI es acelerado, 70-30 normal y 50-50 por etapas.<\/p><\/div><\/div>\n            <\/section>\n        <\/section>\n\n        <!-- ================= DIAGN\u00d3STICO ================= -->\n        <section id=\"wtm-tab-diagnostico\" class=\"wtm-tab-content\">\n            <div class=\"wtm-section-head wtm-top-head\">\n                <span class=\"wtm-kicker\">Diagn\u00f3stico sin costo<\/span>\n                <h2>Descubre qu\u00e9 nivel necesita tu proyecto.<\/h2>\n                <p>Responde lo esencial y genera una solicitud lista para enviar por WhatsApp.<\/p>\n            <\/div>\n\n            <form id=\"wtm-client-form\" class=\"wtm-form\" onsubmit=\"WTMNav.handleDiagnostico(event)\">\n                <div class=\"wtm-form-grid\">\n                    <label>Nombre completo<input name=\"nombre\" type=\"text\" required placeholder=\"Ej. Luis Sandoval\"><\/label>\n                    <label>WhatsApp<input name=\"telefono\" type=\"tel\" required placeholder=\"Ej. 55 0000 0000\"><\/label>\n                    <label class=\"wtm-full\">Nombre del proyecto o negocio<input name=\"negocio\" type=\"text\" required placeholder=\"Ej. Cerrajer\u00eda, academia, consultor\u00eda, ecommerce...\"><\/label>\n                    <label>Necesidad principal<select name=\"necesidad\" required><option value=\"\">Elige una opci\u00f3n<\/option><option>Presencia y contacto<\/option><option>Administrar leads, blog y contenido<\/option><option>Control avanzado, usuarios o \u00e1reas internas<\/option><option>Infraestructura aut\u00f3noma o app en tiendas<\/option><\/select><\/label>\n                    <label>Nivel de edici\u00f3n deseado<select name=\"edicion\" required><option value=\"\">Elige una opci\u00f3n<\/option><option>Lite: editar textos, im\u00e1genes y datos b\u00e1sicos<\/option><option>Plus: blog, movimientos y apariencia b\u00e1sica<\/option><option>Pro: bloques, pipeline, usuarios y permisos b\u00e1sicos<\/option><option>Ultra: plataforma e infraestructura a medida<\/option><\/select><\/label>\n                    <label>Modalidad preferida<select name=\"modalidad\" required><option value=\"\">Elige una opci\u00f3n<\/option><option>Pago \u00fanico \/ MSI \u00b7 acelerada<\/option><option>70-30 \u00b7 normal<\/option><option>50-50 \u00b7 por etapas<\/option><option>A\u00fan no s\u00e9<\/option><\/select><\/label>\n                    <label>Presupuesto inicial<select name=\"presupuesto\" required><option value=\"\">Elige una opci\u00f3n<\/option><option>Desde Lite<\/option><option>Desde Plus<\/option><option>Desde Pro<\/option><option>Necesito cotizar Ultra \/ Ultra Pro<\/option><\/select><\/label>\n                    <label class=\"wtm-full\">Describe tu idea<textarea name=\"idea\" rows=\"5\" placeholder=\"Cu\u00e9ntanos qu\u00e9 quieres lograr, qu\u00e9 funciones imaginas y qu\u00e9 necesitas que el cliente pueda hacer.\"><\/textarea><\/label>\n                <\/div>\n                <button type=\"submit\" class=\"wtm-btn wtm-btn-primary wtm-form-submit\">Enviar diagn\u00f3stico por WhatsApp<\/button>\n                <p class=\"wtm-form-note\">Puedes editar el n\u00famero de WhatsApp en el JavaScript del final del c\u00f3digo: <b>WTM_WHATSAPP_NUMBER<\/b>.<\/p>\n            <\/form>\n        <\/section>\n    <\/main>\n\n    <footer class=\"wtm-footer\">\n        <p>\u00a9 2026 Web Total M\u00e9xico \u00b7 Tu idea, convertida en ecosistema digital.<\/p>\n    <\/footer>\n<\/div>\n\n<style>\n    \/* ========================\n       WEB TOTAL M\u00c9XICO \u00b7 CSS PREMIUM ENCAPSULADO\n       Compatible con WordPress \/ Twenty Twenty-Three \/ temas variables.\n       ======================== *\/\n    #wtm-ecosystem-page,\n    #wtm-ecosystem-page * { box-sizing: border-box; }\n\n    #wtm-ecosystem-page {\n        --wtm-bg: #020617;\n        --wtm-surface: rgba(15, 23, 42, 0.72);\n        --wtm-surface-strong: rgba(15, 23, 42, 0.92);\n        --wtm-card: rgba(30, 41, 59, 0.46);\n        --wtm-line: rgba(148, 163, 184, 0.16);\n        --wtm-text: #f8fafc;\n        --wtm-muted: #94a3b8;\n        --wtm-soft: #cbd5e1;\n        --wtm-brand: #00f2fe;\n        --wtm-brand-2: #4facfe;\n        --wtm-gold: #d4af37;\n        --wtm-orange: #fb923c;\n        --wtm-purple: #c084fc;\n        --wtm-red: #f87171;\n        font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        color: var(--wtm-text);\n        background: radial-gradient(circle at top, rgba(79, 172, 254, 0.13), transparent 34%), var(--wtm-bg);\n        min-height: 100vh;\n        width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        overflow-x: hidden;\n        position: relative;\n        line-height: 1.6;\n        padding-top: 1px;\n    }\n\n    #wtm-ecosystem-page button,\n    #wtm-ecosystem-page input,\n    #wtm-ecosystem-page select,\n    #wtm-ecosystem-page textarea { font: inherit; }\n\n    #wtm-ecosystem-page button { cursor: pointer; }\n\n    #wtm-canvas-bg {\n        position: fixed;\n        inset: 0;\n        width: 100vw;\n        height: 100vh;\n        z-index: 0;\n        pointer-events: none;\n        background: #020617;\n    }\n\n    #wtm-ecosystem-page .wtm-bg-noise {\n        position: fixed;\n        inset: 0;\n        z-index: 1;\n        pointer-events: none;\n        opacity: 0.18;\n        background-image: radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px);\n        background-size: 28px 28px;\n        mask-image: linear-gradient(to bottom, black, transparent 82%);\n    }\n\n    #wtm-ecosystem-page .wtm-bg-orb {\n        position: fixed;\n        z-index: 1;\n        pointer-events: none;\n        border-radius: 999px;\n        filter: blur(110px);\n        opacity: 0.18;\n    }\n    #wtm-ecosystem-page .wtm-bg-orb-one { width: 360px; height: 360px; top: 8%; right: -80px; background: var(--wtm-brand); }\n    #wtm-ecosystem-page .wtm-bg-orb-two { width: 320px; height: 320px; bottom: 6%; left: -120px; background: var(--wtm-purple); }\n\n    \/* Men\u00fa flotante separado del borde superior *\/\n    #wtm-ecosystem-page .wtm-nav {\n        position: fixed;\n        top: 22px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: min(1180px, calc(100vw - 32px));\n        z-index: 9999;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        background: rgba(15, 23, 42, 0.72);\n        backdrop-filter: blur(22px);\n        -webkit-backdrop-filter: blur(22px);\n        border-radius: 28px;\n        box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.08);\n        overflow: visible;\n    }\n\n    body.admin-bar #wtm-ecosystem-page .wtm-nav { top: 54px; }\n\n    #wtm-ecosystem-page .wtm-nav-inner {\n        min-height: 72px;\n        padding: 10px 14px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 16px;\n    }\n\n    #wtm-ecosystem-page .wtm-brand {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        background: transparent;\n        border: 0;\n        color: var(--wtm-text);\n        padding: 8px 10px;\n        min-width: max-content;\n    }\n\n    #wtm-ecosystem-page .wtm-brand-icon {\n        width: 42px;\n        height: 42px;\n        border-radius: 16px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        color: #020617;\n        background: linear-gradient(135deg, var(--wtm-brand-2), var(--wtm-brand));\n        box-shadow: 0 0 22px rgba(0, 242, 254, 0.34);\n        flex: 0 0 42px;\n    }\n\n    #wtm-ecosystem-page .wtm-brand-text {\n        font-size: 18px;\n        font-weight: 900;\n        letter-spacing: -0.4px;\n        white-space: nowrap;\n    }\n    #wtm-ecosystem-page .wtm-brand-text em { font-style: normal; font-weight: 400; }\n\n    #wtm-ecosystem-page .wtm-menu-desktop { display: flex; align-items: center; gap: 8px; }\n    #wtm-ecosystem-page .wtm-nav-link,\n    #wtm-ecosystem-page .wtm-nav-cta {\n        border: 0;\n        border-radius: 999px;\n        padding: 10px 14px;\n        background: transparent;\n        color: var(--wtm-soft);\n        font-size: 13px;\n        font-weight: 800;\n        transition: all 0.25s ease;\n        white-space: nowrap;\n    }\n    #wtm-ecosystem-page .wtm-nav-link:hover,\n    #wtm-ecosystem-page .wtm-nav-link.wtm-active { color: var(--wtm-brand); background: rgba(0, 242, 254, 0.08); }\n    #wtm-ecosystem-page .wtm-nav-cta { color: #020617; background: linear-gradient(135deg, var(--wtm-brand-2), var(--wtm-brand)); box-shadow: 0 8px 24px rgba(0,242,254,0.18); }\n    #wtm-ecosystem-page .wtm-nav-cta:hover { transform: translateY(-1px); box-shadow: 0 12px 34px rgba(0,242,254,0.34); }\n\n    #wtm-ecosystem-page .wtm-mobile-toggle { display: none; width: 44px; height: 44px; border-radius: 14px; border: 1px solid var(--wtm-line); background: rgba(15, 23, 42, 0.8); color: var(--wtm-text); }\n    #wtm-ecosystem-page .wtm-mobile-menu { display: none; padding: 0 14px 14px; }\n    #wtm-ecosystem-page .wtm-mobile-menu.wtm-open { display: grid; gap: 8px; }\n    #wtm-ecosystem-page .wtm-mobile-menu button { width: 100%; text-align: left; background: rgba(30, 41, 59, 0.7); border: 1px solid var(--wtm-line); color: var(--wtm-soft); border-radius: 16px; padding: 13px 14px; font-weight: 800; }\n    #wtm-ecosystem-page .wtm-mobile-menu .wtm-mobile-highlight { color: #020617; background: linear-gradient(135deg, var(--wtm-brand-2), var(--wtm-brand)); }\n\n    #wtm-ecosystem-page .wtm-main {\n        position: relative;\n        z-index: 2;\n        width: min(1180px, calc(100vw - 32px));\n        margin: 0 auto;\n        padding: 142px 0 84px;\n    }\n\n    #wtm-ecosystem-page .wtm-tab-content { display: none; opacity: 0; transform: translateY(16px); transition: opacity 0.35s ease, transform 0.35s ease; }\n    #wtm-ecosystem-page .wtm-tab-content.wtm-active { display: block; opacity: 1; transform: translateY(0); }\n\n    #wtm-ecosystem-page .wtm-hero { min-height: 72vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }\n    #wtm-ecosystem-page .wtm-pill,\n    #wtm-ecosystem-page .wtm-kicker { display: inline-flex; align-items: center; gap: 8px; color: var(--wtm-brand); border: 1px solid rgba(0,242,254,0.2); background: rgba(0,242,254,0.07); border-radius: 999px; padding: 7px 13px; font-size: 12px; font-weight: 900; letter-spacing: 0.6px; text-transform: uppercase; }\n    #wtm-ecosystem-page .wtm-pill span { width: 8px; height: 8px; border-radius: 50%; background: var(--wtm-brand); box-shadow: 0 0 14px var(--wtm-brand); }\n    #wtm-ecosystem-page h1,\n    #wtm-ecosystem-page h2,\n    #wtm-ecosystem-page h3 { color: var(--wtm-text); line-height: 1.08; margin: 0; }\n    #wtm-ecosystem-page .wtm-hero h1 { margin: 22px 0 18px; font-size: clamp(44px, 7vw, 88px); font-weight: 950; letter-spacing: -4px; max-width: 1050px; }\n    #wtm-ecosystem-page .wtm-hero h1 strong { display: inline-block; font-weight: 950; background: linear-gradient(90deg, #ffffff, var(--wtm-brand-2), var(--wtm-brand)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }\n    #wtm-ecosystem-page .wtm-hero-copy { max-width: 820px; color: var(--wtm-soft); font-size: clamp(17px, 2vw, 22px); margin: 0 auto 34px; }\n    #wtm-ecosystem-page .wtm-hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }\n\n    #wtm-ecosystem-page .wtm-btn { border: 0; border-radius: 999px; padding: 14px 24px; font-weight: 900; transition: all 0.25s ease; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; gap: 8px; }\n    #wtm-ecosystem-page .wtm-btn-primary { color: #020617; background: linear-gradient(135deg, var(--wtm-brand-2), var(--wtm-brand)); box-shadow: 0 14px 36px rgba(0,242,254,0.2); }\n    #wtm-ecosystem-page .wtm-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 18px 44px rgba(0,242,254,0.38); }\n    #wtm-ecosystem-page .wtm-btn-ghost { color: var(--wtm-text); background: rgba(15,23,42,0.7); border: 1px solid var(--wtm-line); }\n    #wtm-ecosystem-page .wtm-btn-light { color: #020617; background: #ffffff; }\n\n    #wtm-ecosystem-page .wtm-hero-strip { margin-top: 34px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; width: min(850px, 100%); }\n    #wtm-ecosystem-page .wtm-hero-strip div { background: rgba(15, 23, 42, 0.68); border: 1px solid var(--wtm-line); border-radius: 18px; padding: 14px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.04); }\n    #wtm-ecosystem-page .wtm-hero-strip b { display: block; font-size: 14px; }\n    #wtm-ecosystem-page .wtm-hero-strip span { display: block; font-size: 11px; color: var(--wtm-muted); text-transform: uppercase; letter-spacing: 0.7px; }\n\n    #wtm-ecosystem-page .wtm-section { margin: 84px 0; }\n    #wtm-ecosystem-page .wtm-glass,\n    #wtm-ecosystem-page .wtm-feature-card,\n    #wtm-ecosystem-page .wtm-mini-card,\n    #wtm-ecosystem-page .wtm-plan,\n    #wtm-ecosystem-page .wtm-membership-card,\n    #wtm-ecosystem-page .wtm-form,\n    #wtm-ecosystem-page .wtm-faq-item,\n    #wtm-ecosystem-page .wtm-process-grid article {\n        background: var(--wtm-surface);\n        border: 1px solid var(--wtm-line);\n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        box-shadow: 0 24px 70px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.05);\n    }\n    #wtm-ecosystem-page .wtm-glass { border-radius: 34px; padding: clamp(26px, 4vw, 56px); }\n    #wtm-ecosystem-page .wtm-two-col { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 42px; align-items: center; }\n    #wtm-ecosystem-page .wtm-two-col h2,\n    #wtm-ecosystem-page .wtm-section-head h2 { margin-top: 16px; font-size: clamp(30px, 4vw, 48px); font-weight: 950; letter-spacing: -1.7px; }\n    #wtm-ecosystem-page p { color: var(--wtm-muted); }\n    #wtm-ecosystem-page .wtm-two-col p { font-size: 16px; margin: 14px 0 0; }\n    #wtm-ecosystem-page .wtm-stack-cards { display: grid; gap: 14px; }\n    #wtm-ecosystem-page .wtm-mini-card { display: flex; gap: 16px; padding: 18px; border-radius: 22px; align-items: flex-start; transition: transform 0.25s ease, border-color 0.25s ease; }\n    #wtm-ecosystem-page .wtm-mini-card:hover,\n    #wtm-ecosystem-page .wtm-feature-card:hover,\n    #wtm-ecosystem-page .wtm-plan:hover,\n    #wtm-ecosystem-page .wtm-membership-card:hover { transform: translateY(-5px); border-color: rgba(0,242,254,0.28); }\n    #wtm-ecosystem-page .wtm-mini-card i { width: 34px; font-size: 24px; margin-top: 4px; }\n    #wtm-ecosystem-page .wtm-mini-card h3 { font-size: 18px; margin-bottom: 4px; }\n    #wtm-ecosystem-page .wtm-mini-card p { font-size: 13px; margin: 0; }\n    #wtm-ecosystem-page .wtm-left-gray { border-left: 4px solid #94a3b8; }\n    #wtm-ecosystem-page .wtm-left-brand { border-left: 4px solid var(--wtm-brand); }\n    #wtm-ecosystem-page .wtm-left-orange { border-left: 4px solid var(--wtm-orange); }\n    #wtm-ecosystem-page .wtm-left-brand i { color: var(--wtm-brand); }\n    #wtm-ecosystem-page .wtm-left-orange i { color: var(--wtm-orange); }\n\n    #wtm-ecosystem-page .wtm-section-head { text-align: center; max-width: 850px; margin: 0 auto 34px; }\n    #wtm-ecosystem-page .wtm-section-head p { font-size: 16px; margin-top: 14px; }\n    #wtm-ecosystem-page .wtm-top-head { padding-top: 22px; }\n    #wtm-ecosystem-page .wtm-grid-four,\n    #wtm-ecosystem-page .wtm-grid-three { display: grid; gap: 18px; }\n    #wtm-ecosystem-page .wtm-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n    #wtm-ecosystem-page .wtm-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n    #wtm-ecosystem-page .wtm-three-col { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }\n    #wtm-ecosystem-page .wtm-feature-card { border-radius: 24px; padding: 24px; transition: transform 0.25s ease, border-color 0.25s ease; }\n    #wtm-ecosystem-page .wtm-feature-card i { color: var(--wtm-brand); font-size: 28px; margin-bottom: 18px; }\n    #wtm-ecosystem-page .wtm-feature-card h3 { font-size: 18px; margin-bottom: 8px; }\n    #wtm-ecosystem-page .wtm-feature-card p { font-size: 14px; margin: 0; }\n    #wtm-ecosystem-page .wtm-feature-card span { display: inline-block; margin: 10px 0; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 900; color: var(--wtm-brand); background: rgba(0,242,254,0.08); }\n    #wtm-ecosystem-page .wtm-top-green { border-top: 3px solid #22c55e; }\n    #wtm-ecosystem-page .wtm-top-blue { border-top: 3px solid #3b82f6; }\n    #wtm-ecosystem-page .wtm-top-orange { border-top: 3px solid var(--wtm-orange); }\n\n    #wtm-ecosystem-page .wtm-cta-panel { text-align: center; border: 1px solid rgba(0,242,254,0.18); background: radial-gradient(circle at top, rgba(0,242,254,0.13), transparent 40%), rgba(15,23,42,0.8); border-radius: 34px; padding: 46px 26px; }\n    #wtm-ecosystem-page .wtm-cta-panel h2 { font-size: clamp(28px, 4vw, 44px); margin-bottom: 12px; }\n    #wtm-ecosystem-page .wtm-cta-panel p { margin: 0 auto 24px; max-width: 700px; }\n\n    #wtm-ecosystem-page .wtm-plan-list { display: grid; gap: 22px; }\n    #wtm-ecosystem-page .wtm-plan { border-radius: 30px; padding: clamp(22px, 3vw, 36px); display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 28px; align-items: center; position: relative; overflow: hidden; transition: transform 0.25s ease, border-color 0.25s ease; }\n    #wtm-ecosystem-page .wtm-featured-plan { border-color: rgba(0,242,254,0.42); background: radial-gradient(circle at top right, rgba(0,242,254,0.16), transparent 34%), var(--wtm-surface); }\n    #wtm-ecosystem-page .wtm-ribbon { position: absolute; top: 16px; right: -42px; transform: rotate(38deg); color: #020617; background: linear-gradient(135deg, var(--wtm-brand-2), var(--wtm-brand)); font-weight: 950; font-size: 11px; letter-spacing: 0.9px; text-transform: uppercase; padding: 7px 52px; }\n    #wtm-ecosystem-page .wtm-plan-tag { color: var(--wtm-brand); font-size: 11px; font-weight: 950; letter-spacing: 0.9px; text-transform: uppercase; }\n    #wtm-ecosystem-page .wtm-plan h3 { font-size: clamp(28px, 4vw, 44px); margin-top: 6px; }\n    #wtm-ecosystem-page .wtm-plan-phrase { color: var(--wtm-brand); font-style: italic; font-weight: 700; margin: 8px 0 14px; }\n    #wtm-ecosystem-page .wtm-plan ul { margin: 18px 0 0; padding: 0; list-style: none; display: grid; gap: 9px; }\n    #wtm-ecosystem-page .wtm-plan li { color: var(--wtm-soft); font-size: 14px; padding-left: 24px; position: relative; }\n    #wtm-ecosystem-page .wtm-plan li::before { content: '\u2713'; color: #22c55e; position: absolute; left: 0; top: 0; font-weight: 900; }\n    #wtm-ecosystem-page .wtm-plan-price { border-left: 1px solid var(--wtm-line); padding-left: 24px; text-align: right; }\n    #wtm-ecosystem-page .wtm-plan-price strong { display: block; font-size: clamp(28px, 3.6vw, 42px); line-height: 1; letter-spacing: -1.4px; }\n    #wtm-ecosystem-page .wtm-plan-price span { display: block; color: var(--wtm-muted); font-size: 12px; margin: 10px 0 18px; text-transform: uppercase; letter-spacing: 0.6px; }\n    #wtm-ecosystem-page .wtm-plan-price button { border: 1px solid rgba(255,255,255,0.12); border-radius: 14px; background: rgba(30,41,59,0.75); color: var(--wtm-text); font-weight: 900; padding: 13px 16px; transition: all 0.25s ease; width: 100%; }\n    #wtm-ecosystem-page .wtm-plan-price button:hover { background: linear-gradient(135deg, var(--wtm-brand-2), var(--wtm-brand)); color: #020617; }\n\n    #wtm-ecosystem-page .wtm-plan-lite { border-top: 4px solid #94a3b8; }\n    #wtm-ecosystem-page .wtm-plan-plus { border-top: 4px solid var(--wtm-brand); }\n    #wtm-ecosystem-page .wtm-plan-pro { border-top: 4px solid var(--wtm-purple); }\n    #wtm-ecosystem-page .wtm-plan-ultra { border-top: 4px solid var(--wtm-orange); }\n    #wtm-ecosystem-page .wtm-plan-ultrapro { border-top: 4px solid var(--wtm-red); }\n\n    #wtm-ecosystem-page .wtm-table-title { margin-bottom: 24px; }\n    #wtm-ecosystem-page .wtm-table-scroll { overflow-x: auto; border-radius: 22px; border: 1px solid var(--wtm-line); background: rgba(2,6,23,0.38); }\n    #wtm-ecosystem-page .wtm-table { width: 100%; min-width: 820px; border-collapse: collapse; text-align: left; }\n    #wtm-ecosystem-page .wtm-table th { background: rgba(30,41,59,0.92); color: var(--wtm-text); font-size: 12px; text-transform: uppercase; letter-spacing: 0.9px; padding: 16px; }\n    #wtm-ecosystem-page .wtm-table td { border-top: 1px solid rgba(148,163,184,0.12); color: var(--wtm-soft); padding: 16px; font-size: 14px; vertical-align: top; }\n    #wtm-ecosystem-page .wtm-table td:first-child { color: var(--wtm-text); }\n\n    #wtm-ecosystem-page .wtm-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }\n    #wtm-ecosystem-page .wtm-process-grid article { border-radius: 24px; padding: 24px; }\n    #wtm-ecosystem-page .wtm-process-grid span { color: var(--wtm-brand); font-weight: 950; font-size: 13px; letter-spacing: 1px; }\n    #wtm-ecosystem-page .wtm-process-grid h3 { margin: 10px 0 8px; font-size: 18px; }\n    #wtm-ecosystem-page .wtm-process-grid p { font-size: 13px; margin: 0; }\n    #wtm-ecosystem-page .wtm-warning-panel { border-radius: 30px; text-align: center; padding: 42px 26px; border-color: rgba(212,175,55,0.22); background: radial-gradient(circle at top, rgba(212,175,55,0.14), transparent 40%), rgba(15,23,42,0.78); }\n    #wtm-ecosystem-page .wtm-warning-panel i { font-size: 38px; color: var(--wtm-gold); margin-bottom: 16px; }\n    #wtm-ecosystem-page .wtm-warning-panel h2 { font-size: clamp(26px, 3vw, 38px); margin-bottom: 10px; }\n    #wtm-ecosystem-page .wtm-warning-panel p { max-width: 850px; margin: 0 auto; }\n\n    #wtm-ecosystem-page .wtm-membership-card { border-radius: 28px; padding: 28px; position: relative; transition: transform 0.25s ease, border-color 0.25s ease; }\n    #wtm-ecosystem-page .wtm-membership-card h3 { font-size: 22px; }\n    #wtm-ecosystem-page .wtm-membership-card strong { display: block; margin: 16px 0 10px; font-size: 32px; line-height: 1; }\n    #wtm-ecosystem-page .wtm-membership-card strong span { font-size: 13px; color: var(--wtm-muted); font-weight: 600; }\n    #wtm-ecosystem-page .wtm-membership-card ul { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 8px; }\n    #wtm-ecosystem-page .wtm-membership-card li { color: var(--wtm-soft); font-size: 13px; padding-left: 22px; position: relative; }\n    #wtm-ecosystem-page .wtm-membership-card li::before { content: '\u2713'; color: #22c55e; position: absolute; left: 0; font-weight: 900; }\n    #wtm-ecosystem-page .wtm-membership-featured { border-color: rgba(212,175,55,0.44); background: radial-gradient(circle at top right, rgba(212,175,55,0.13), transparent 34%), var(--wtm-surface); }\n    #wtm-ecosystem-page .wtm-ribbon-small { position: absolute; right: 18px; top: 18px; background: linear-gradient(135deg, var(--wtm-gold), #b8941f); color: #020617; border-radius: 999px; font-size: 10px; font-weight: 950; padding: 5px 10px; text-transform: uppercase; }\n\n    #wtm-ecosystem-page .wtm-faq-wrap { max-width: 900px; margin-left: auto; margin-right: auto; }\n    #wtm-ecosystem-page .wtm-faq-wrap h2 { text-align: center; font-size: clamp(28px, 4vw, 42px); margin-bottom: 24px; }\n    #wtm-ecosystem-page .wtm-faq-item { border-radius: 20px; overflow: hidden; margin-bottom: 12px; }\n    #wtm-ecosystem-page .wtm-faq-item button { width: 100%; border: 0; background: transparent; color: var(--wtm-text); padding: 18px 20px; font-weight: 900; text-align: left; display: flex; justify-content: space-between; gap: 16px; align-items: center; }\n    #wtm-ecosystem-page .wtm-faq-item button i { color: var(--wtm-brand); transition: transform 0.25s ease; }\n    #wtm-ecosystem-page .wtm-faq-item.wtm-open button i { transform: rotate(180deg); }\n    #wtm-ecosystem-page .wtm-faq-item div { max-height: 0; overflow: hidden; transition: max-height 0.28s ease; background: rgba(2,6,23,0.4); }\n    #wtm-ecosystem-page .wtm-faq-item p { margin: 0; padding: 0 20px 18px; font-size: 14px; }\n\n    #wtm-ecosystem-page .wtm-form { max-width: 900px; margin: 0 auto; border-radius: 34px; padding: clamp(24px, 4vw, 48px); }\n    #wtm-ecosystem-page .wtm-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }\n    #wtm-ecosystem-page .wtm-form label { display: grid; gap: 8px; color: var(--wtm-soft); font-size: 13px; font-weight: 800; }\n    #wtm-ecosystem-page .wtm-form .wtm-full { grid-column: 1 \/ -1; }\n    #wtm-ecosystem-page .wtm-form input,\n    #wtm-ecosystem-page .wtm-form select,\n    #wtm-ecosystem-page .wtm-form textarea { width: 100%; border: 1px solid var(--wtm-line); border-radius: 16px; background: rgba(2,6,23,0.62); color: var(--wtm-text); padding: 14px 15px; outline: none; transition: border-color 0.25s ease, box-shadow 0.25s ease; }\n    #wtm-ecosystem-page .wtm-form input:focus,\n    #wtm-ecosystem-page .wtm-form select:focus,\n    #wtm-ecosystem-page .wtm-form textarea:focus { border-color: rgba(0,242,254,0.62); box-shadow: 0 0 0 4px rgba(0,242,254,0.08); }\n    #wtm-ecosystem-page .wtm-form textarea { resize: vertical; min-height: 130px; }\n    #wtm-ecosystem-page .wtm-form-submit { margin-top: 24px; width: 100%; }\n    #wtm-ecosystem-page .wtm-form-note { text-align: center; margin: 12px 0 0; font-size: 12px; color: #64748b; }\n\n    #wtm-ecosystem-page .wtm-footer { position: relative; z-index: 2; text-align: center; padding: 30px 16px 42px; border-top: 1px solid rgba(148,163,184,0.12); background: rgba(2,6,23,0.42); }\n    #wtm-ecosystem-page .wtm-footer p { font-size: 13px; margin: 0; }\n\n    @media (max-width: 1024px) {\n        #wtm-ecosystem-page .wtm-grid-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n        #wtm-ecosystem-page .wtm-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n        #wtm-ecosystem-page .wtm-two-col,\n        #wtm-ecosystem-page .wtm-three-col,\n        #wtm-ecosystem-page .wtm-grid-three { grid-template-columns: 1fr; }\n        #wtm-ecosystem-page .wtm-plan { grid-template-columns: 1fr; }\n        #wtm-ecosystem-page .wtm-plan-price { border-left: 0; border-top: 1px solid var(--wtm-line); padding-left: 0; padding-top: 22px; text-align: left; }\n    }\n\n    @media (max-width: 820px) {\n        #wtm-ecosystem-page .wtm-menu-desktop { display: none; }\n        #wtm-ecosystem-page .wtm-mobile-toggle { display: inline-flex; align-items: center; justify-content: center; }\n        #wtm-ecosystem-page .wtm-nav { top: 12px; width: min(100vw - 20px, 680px); border-radius: 24px; }\n        body.admin-bar #wtm-ecosystem-page .wtm-nav { top: 58px; }\n        #wtm-ecosystem-page .wtm-main { width: min(100vw - 22px, 680px); padding-top: 126px; }\n        #wtm-ecosystem-page .wtm-brand-text { display: none; }\n        #wtm-ecosystem-page .wtm-nav-inner { min-height: 64px; }\n        #wtm-ecosystem-page .wtm-hero h1 { letter-spacing: -2px; }\n        #wtm-ecosystem-page .wtm-hero-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n        #wtm-ecosystem-page .wtm-hero-strip div:last-child { grid-column: 1 \/ -1; }\n        #wtm-ecosystem-page .wtm-grid-four { grid-template-columns: 1fr; }\n        #wtm-ecosystem-page .wtm-form-grid { grid-template-columns: 1fr; }\n    }\n\n    @media (max-width: 540px) {\n        #wtm-ecosystem-page .wtm-main { padding-top: 116px; }\n        #wtm-ecosystem-page .wtm-hero { min-height: 68vh; }\n        #wtm-ecosystem-page .wtm-hero h1 { font-size: 42px; }\n        #wtm-ecosystem-page .wtm-hero-copy { font-size: 16px; }\n        #wtm-ecosystem-page .wtm-hero-actions { width: 100%; }\n        #wtm-ecosystem-page .wtm-btn { width: 100%; }\n        #wtm-ecosystem-page .wtm-glass { border-radius: 24px; }\n        #wtm-ecosystem-page .wtm-plan,\n        #wtm-ecosystem-page .wtm-feature-card,\n        #wtm-ecosystem-page .wtm-membership-card,\n        #wtm-ecosystem-page .wtm-process-grid article { border-radius: 22px; }\n        #wtm-ecosystem-page .wtm-process-grid { grid-template-columns: 1fr; }\n    }\n<\/style>\n\n<script>\n(function(){\n    const WTM_WHATSAPP_NUMBER = '525500000000'; \/\/ Cambia este n\u00famero por el WhatsApp oficial de Web Total M\u00e9xico, sin + ni espacios.\n\n    function qs(selector, scope){ return (scope || document).querySelector(selector); }\n    function qsa(selector, scope){ return Array.prototype.slice.call((scope || document).querySelectorAll(selector)); }\n\n    window.WTMNav = {\n        to: function(tabId){\n            const root = qs('#wtm-ecosystem-page');\n            if (!root) return;\n            qsa('.wtm-tab-content', root).forEach(tab => tab.classList.remove('wtm-active'));\n            const target = qs('#wtm-tab-' + tabId, root);\n            if (target) target.classList.add('wtm-active');\n            qsa('.wtm-nav-link', root).forEach(link => {\n                link.classList.toggle('wtm-active', link.getAttribute('data-target') === tabId);\n            });\n            const navTop = qs('.wtm-nav', root)?.getBoundingClientRect().height || 90;\n            const y = root.getBoundingClientRect().top + window.scrollY - 8;\n            window.scrollTo({ top: Math.max(0, y), behavior: 'smooth' });\n        },\n        toggleMobile: function(force){\n            const menu = qs('#wtm-mobile-menu');\n            if (!menu) return;\n            if (typeof force === 'boolean') menu.classList.toggle('wtm-open', force);\n            else menu.classList.toggle('wtm-open');\n        },\n        toggleFaq: function(btn){\n            const item = btn.closest('.wtm-faq-item');\n            const panel = btn.nextElementSibling;\n            if (!item || !panel) return;\n            const isOpen = item.classList.contains('wtm-open');\n            qsa('.wtm-faq-item').forEach(el => {\n                el.classList.remove('wtm-open');\n                const content = el.querySelector('div');\n                if (content) content.style.maxHeight = null;\n            });\n            if (!isOpen) {\n                item.classList.add('wtm-open');\n                panel.style.maxHeight = panel.scrollHeight + 'px';\n            }\n        },\n        handleDiagnostico: function(event){\n            event.preventDefault();\n            const form = event.target;\n            const data = new FormData(form);\n            const message = [\n                'Hola Web Total M\u00e9xico, quiero iniciar mi diagn\u00f3stico digital.',\n                '',\n                'Nombre: ' + (data.get('nombre') || ''),\n                'WhatsApp: ' + (data.get('telefono') || ''),\n                'Negocio\/Proyecto: ' + (data.get('negocio') || ''),\n                'Necesidad: ' + (data.get('necesidad') || ''),\n                'Nivel de edici\u00f3n: ' + (data.get('edicion') || ''),\n                'Modalidad: ' + (data.get('modalidad') || ''),\n                'Presupuesto inicial: ' + (data.get('presupuesto') || ''),\n                '',\n                'Idea: ' + (data.get('idea') || '')\n            ].join('\\n');\n            const url = 'https:\/\/wa.me\/' + WTM_WHATSAPP_NUMBER + '?text=' + encodeURIComponent(message);\n            window.open(url, '_blank', 'noopener,noreferrer');\n        }\n    };\n\n    function initCanvas(){\n        const canvas = qs('#wtm-canvas-bg');\n        if (!canvas) return;\n        const ctx = canvas.getContext('2d');\n        let particles = [];\n        let mouse = { x: null, y: null, radius: 160 };\n        let connectionDistance = 155;\n        let animationFrame = null;\n\n        function resize(){\n            canvas.width = window.innerWidth;\n            canvas.height = window.innerHeight;\n            createParticles();\n        }\n\n        function particleCount(){\n            if (window.innerWidth < 520) return 36;\n            if (window.innerWidth < 900) return 54;\n            return 88;\n        }\n\n        class Particle {\n            constructor(){\n                this.x = Math.random() * canvas.width;\n                this.y = Math.random() * canvas.height;\n                this.size = Math.random() * 1.8 + 0.8;\n                this.vx = (Math.random() - 0.5) * 0.65;\n                this.vy = (Math.random() - 0.5) * 0.65;\n                this.density = Math.random() * 18 + 6;\n            }\n            draw(){\n                ctx.beginPath();\n                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n                ctx.fillStyle = 'rgba(0, 242, 254, 0.72)';\n                ctx.fill();\n            }\n            update(){\n                this.x += this.vx;\n                this.y += this.vy;\n                if (this.x < 0 || this.x > canvas.width) this.vx *= -1;\n                if (this.y < 0 || this.y > canvas.height) this.vy *= -1;\n                if (mouse.x !== null && mouse.y !== null) {\n                    const dx = mouse.x - this.x;\n                    const dy = mouse.y - this.y;\n                    const distance = Math.sqrt(dx * dx + dy * dy) || 1;\n                    if (distance < mouse.radius) {\n                        const force = (mouse.radius - distance) \/ mouse.radius;\n                        this.x -= (dx \/ distance) * force * this.density * 0.38;\n                        this.y -= (dy \/ distance) * force * this.density * 0.38;\n                    }\n                }\n            }\n        }\n\n        function createParticles(){\n            particles = [];\n            const total = particleCount();\n            for (let i = 0; i < total; i++) particles.push(new Particle());\n        }\n\n        function drawConnections(){\n            for (let a = 0; a < particles.length; a++) {\n                for (let b = a + 1; b < particles.length; b++) {\n                    const dx = particles[a].x - particles[b].x;\n                    const dy = particles[a].y - particles[b].y;\n                    const distance = dx * dx + dy * dy;\n                    if (distance < connectionDistance * connectionDistance) {\n                        const opacity = 1 - distance \/ (connectionDistance * connectionDistance);\n                        ctx.strokeStyle = 'rgba(79, 172, 254, ' + (opacity * 0.22) + ')';\n                        ctx.lineWidth = 1;\n                        ctx.beginPath();\n                        ctx.moveTo(particles[a].x, particles[a].y);\n                        ctx.lineTo(particles[b].x, particles[b].y);\n                        ctx.stroke();\n                    }\n                }\n            }\n        }\n\n        function animate(){\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\n            ctx.fillStyle = 'rgba(2, 6, 23, 0.98)';\n            ctx.fillRect(0, 0, canvas.width, canvas.height);\n            particles.forEach(p => { p.update(); p.draw(); });\n            drawConnections();\n            animationFrame = requestAnimationFrame(animate);\n        }\n\n        window.addEventListener('resize', resize, { passive: true });\n        window.addEventListener('mousemove', e => { mouse.x = e.clientX; mouse.y = e.clientY; }, { passive: true });\n        window.addEventListener('mouseout', () => { mouse.x = null; mouse.y = null; }, { passive: true });\n        window.addEventListener('touchmove', e => {\n            if (e.touches && e.touches[0]) { mouse.x = e.touches[0].clientX; mouse.y = e.touches[0].clientY; }\n        }, { passive: true });\n        window.addEventListener('touchend', () => { mouse.x = null; mouse.y = null; }, { passive: true });\n\n        resize();\n        if (animationFrame) cancelAnimationFrame(animationFrame);\n        animate();\n    }\n\n    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', initCanvas);\n    else initCanvas();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Web Total M\u00e9xico Inicio Niveles Proceso FAQs Diagn\u00f3stico Inicio Niveles Proceso &#038; Agenda FAQs &#038; Comparativa Diagn\u00f3stico sin costo Desarrollo web inteligente \u00b7 Sinapse OS Tu idea, convertida en ecosistema digital. No vendemos p\u00e1ginas gen\u00e9ricas ni paquetes r\u00edgidos. Adaptamos tu idea al nivel correcto: desde una App Web Lite administrable hasta una plataforma aut\u00f3noma Ultra [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"class_list":["post-14","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>Dise\u00f1o web profesional en M\u00e9xico para empresas - Web Total M\u00e9xico Shop<\/title>\n<meta name=\"description\" content=\"Web Total M\u00e9xico ofrece dise\u00f1o web profesional en M\u00e9xico, integrando soluciones innovadoras para resultados medibles y sostenibles.\" \/>\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\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o web profesional en M\u00e9xico para empresas - Web Total M\u00e9xico Shop\" \/>\n<meta property=\"og:description\" content=\"Web Total M\u00e9xico ofrece dise\u00f1o web profesional en M\u00e9xico, integrando soluciones innovadoras para resultados medibles y sostenibles.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webtotal.com.mx\/\" \/>\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-30T02:49:08+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=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/webtotal.com.mx\\\/\",\"url\":\"https:\\\/\\\/webtotal.com.mx\\\/\",\"name\":\"Dise\u00f1o web profesional en M\u00e9xico para empresas - Web Total M\u00e9xico Shop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webtotal.com.mx\\\/#website\"},\"datePublished\":\"2025-04-04T02:11:14+00:00\",\"dateModified\":\"2026-05-30T02:49:08+00:00\",\"description\":\"Web Total M\u00e9xico ofrece dise\u00f1o web profesional en M\u00e9xico, integrando soluciones innovadoras para resultados medibles y sostenibles.\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/webtotal.com.mx\\\/\"]}]},{\"@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":"Dise\u00f1o web profesional en M\u00e9xico para empresas - Web Total M\u00e9xico Shop","description":"Web Total M\u00e9xico ofrece dise\u00f1o web profesional en M\u00e9xico, integrando soluciones innovadoras para resultados medibles y sostenibles.","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\/","og_locale":"es_MX","og_type":"article","og_title":"Dise\u00f1o web profesional en M\u00e9xico para empresas - Web Total M\u00e9xico Shop","og_description":"Web Total M\u00e9xico ofrece dise\u00f1o web profesional en M\u00e9xico, integrando soluciones innovadoras para resultados medibles y sostenibles.","og_url":"https:\/\/webtotal.com.mx\/","og_site_name":"Web Total M\u00e9xico Shop","article_publisher":"https:\/\/www.facebook.com\/webtotalmx","article_modified_time":"2026-05-30T02:49:08+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":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/webtotal.com.mx\/","url":"https:\/\/webtotal.com.mx\/","name":"Dise\u00f1o web profesional en M\u00e9xico para empresas - Web Total M\u00e9xico Shop","isPartOf":{"@id":"https:\/\/webtotal.com.mx\/#website"},"datePublished":"2025-04-04T02:11:14+00:00","dateModified":"2026-05-30T02:49:08+00:00","description":"Web Total M\u00e9xico ofrece dise\u00f1o web profesional en M\u00e9xico, integrando soluciones innovadoras para resultados medibles y sostenibles.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webtotal.com.mx\/"]}]},{"@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\/14","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=14"}],"version-history":[{"count":23,"href":"https:\/\/webtotal.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":3329,"href":"https:\/\/webtotal.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/3329"}],"wp:attachment":[{"href":"https:\/\/webtotal.com.mx\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}