{"id":8,"date":"2026-05-15T01:48:54","date_gmt":"2026-05-15T01:48:54","guid":{"rendered":"https:\/\/wpvelix.com\/?page_id=8"},"modified":"2026-05-15T02:48:35","modified_gmt":"2026-05-15T02:48:35","slug":"home","status":"publish","type":"page","link":"https:\/\/wpvelix.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fe3ad3 e-flex e-con-boxed e-con e-parent\" data-id=\"4fe3ad3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfebc68 elementor-widget elementor-widget-html\" data-id=\"cfebc68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Dependencias necesarias -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.14.1\/dist\/cdn.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.js\"><\/script>\r\n\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        fontFamily: { sans: ['Inter','ui-sans-serif','system-ui'] },\r\n        colors: {\r\n          brand: {\r\n            50:'#eff6ff',100:'#dbeafe',200:'#bfdbfe',300:'#93c5fd',\r\n            400:'#60a5fa',500:'#3b82f6',600:'#2563eb',700:'#1d4ed8',\r\n            800:'#1e40af',900:'#1e3a8a',950:'#172554'\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<style>\r\n  body { font-family: 'Inter', sans-serif; }\r\n  [x-cloak] { display: none !important; }\r\n  .nav-glass {\r\n    background: rgba(255,255,255,0.88);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n  }\r\n<\/style>\r\n\r\n<div x-data=\"{ mobileMenuOpen: false }\">\r\n  <header class=\"nav-glass fixed top-0 left-0 right-0 z-50 border-b border-slate-100\/80 shadow-sm\">\r\n    <nav class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n      <div class=\"flex items-center justify-between h-16\">\r\n\r\n        <!-- Logo -->\r\n        <a href=\"#\" class=\"flex items-center gap-2.5\">\r\n          <div class=\"w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center shadow-sm\">\r\n            <i data-lucide=\"zap\" class=\"w-4 h-4 text-white\"><\/i>\r\n          <\/div>\r\n          <span class=\"font-bold text-lg text-slate-900\">WP<span class=\"text-blue-600\">Velix<\/span><\/span>\r\n        <\/a>\r\n\r\n        <!-- Nav desktop -->\r\n        <div class=\"hidden md:flex items-center gap-7\">\r\n          <a href=\"#problema\" class=\"text-sm font-medium text-slate-600 hover:text-blue-600 transition-colors\">El Problema<\/a>\r\n          <a href=\"#pilares\" class=\"text-sm font-medium text-slate-600 hover:text-blue-600 transition-colors\">Servicios<\/a>\r\n          <a href=\"#precios\" class=\"text-sm font-medium text-slate-600 hover:text-blue-600 transition-colors\">Precios<\/a>\r\n          <a href=\"#proceso\" class=\"text-sm font-medium text-slate-600 hover:text-blue-600 transition-colors\">C\u00f3mo Trabajamos<\/a>\r\n          <a href=\"#testimonios\" class=\"text-sm font-medium text-slate-600 hover:text-blue-600 transition-colors\">Testimonios<\/a>\r\n        <\/div>\r\n\r\n        <!-- CTA desktop -->\r\n        <div class=\"hidden md:flex items-center gap-3\">\r\n          <a href=\"#contacto\" class=\"text-sm font-medium text-slate-600 hover:text-blue-600 transition-colors\">Contacto<\/a>\r\n          <a href=\"#precios\" class=\"inline-flex items-center gap-1.5 bg-blue-600 hover:bg-blue-700 text-white text-sm font-semibold px-4 py-2 rounded-lg transition-all hover:shadow-lg hover:-translate-y-px\">\r\n            Empezar ahora\r\n            <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Hamburguesa m\u00f3vil -->\r\n        <button @click=\"mobileMenuOpen = !mobileMenuOpen\" class=\"md:hidden p-2 rounded-lg text-slate-600 hover:bg-slate-100 transition-colors\">\r\n          <i data-lucide=\"menu\" class=\"w-5 h-5\" x-show=\"!mobileMenuOpen\"><\/i>\r\n          <i data-lucide=\"x\" class=\"w-5 h-5\" x-show=\"mobileMenuOpen\" x-cloak><\/i>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- Men\u00fa m\u00f3vil -->\r\n      <div x-show=\"mobileMenuOpen\" x-cloak x-transition:enter=\"transition ease-out duration-200\"\r\n        x-transition:enter-start=\"opacity-0 -translate-y-2\" x-transition:enter-end=\"opacity-100 translate-y-0\"\r\n        x-transition:leave=\"transition ease-in duration-150\" x-transition:leave-start=\"opacity-100 translate-y-0\"\r\n        x-transition:leave-end=\"opacity-0 -translate-y-2\"\r\n        class=\"md:hidden py-3 border-t border-slate-100 space-y-0.5\">\r\n        <a href=\"#problema\" @click=\"mobileMenuOpen=false\" class=\"block px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-slate-50\">El Problema<\/a>\r\n        <a href=\"#pilares\" @click=\"mobileMenuOpen=false\" class=\"block px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-slate-50\">Servicios<\/a>\r\n        <a href=\"#precios\" @click=\"mobileMenuOpen=false\" class=\"block px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-slate-50\">Precios<\/a>\r\n        <a href=\"#proceso\" @click=\"mobileMenuOpen=false\" class=\"block px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-slate-50\">C\u00f3mo Trabajamos<\/a>\r\n        <a href=\"#testimonios\" @click=\"mobileMenuOpen=false\" class=\"block px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-slate-50\">Testimonios<\/a>\r\n        <a href=\"#precios\" @click=\"mobileMenuOpen=false\" class=\"block mt-2 bg-blue-600 text-white text-sm font-semibold px-3 py-2.5 rounded-lg text-center\">\r\n          Empezar ahora \u2192\r\n        <\/a>\r\n      <\/div>\r\n    <\/nav>\r\n  <\/header>\r\n<\/div>\r\n\r\n<script>lucide.createIcons();<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e77f0d e-flex e-con-boxed e-con e-parent\" data-id=\"3e77f0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f515bb8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f515bb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n     HERO SECTION\r\n     Primera impresi\u00f3n. No vendemos \"mantenimiento\",\r\n     vendemos \"tranquilidad y crecimiento continuo\".\r\n     Incluye m\u00e9tricas de confianza y dos CTAs claros.\r\n     ============================================= -->\r\n<section class=\"hero-bg pt-28 pb-20 md:pt-36 md:pb-28 relative overflow-hidden\">\r\n\r\n    <!-- Grid de puntos decorativo de fondo -->\r\n    <div class=\"dot-grid absolute inset-0 opacity-30 pointer-events-none\"><\/div>\r\n\r\n    <!-- Blobs de color decorativos animados -->\r\n    <div\r\n        class=\"blob-anim absolute -top-24 -right-24 w-96 h-96 bg-brand-100\/50 rounded-full blur-3xl pointer-events-none\">\r\n    <\/div>\r\n    <div\r\n        class=\"blob-anim absolute -bottom-16 -left-16 w-72 h-72 bg-purple-100\/40 rounded-full blur-3xl pointer-events-none\"\r\n        style=\"animation-delay: 4s;\"><\/div>\r\n\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative\">\r\n        <div class=\"max-w-4xl mx-auto text-center\">\r\n\r\n            <!-- Badge superior con indicador de estado en vivo -->\r\n            <div\r\n                class=\"badge-float inline-flex items-center gap-2 bg-brand-50 border border-brand-200 text-brand-700 text-xs font-semibold px-4 py-1.5 rounded-full mb-8\">\r\n                <span class=\"relative flex h-2 w-2\">\r\n                    <span\r\n                        class=\"ping-slow absolute inline-flex h-full w-full rounded-full bg-brand-400 opacity-75\"><\/span>\r\n                    <span class=\"relative inline-flex rounded-full h-2 w-2 bg-brand-600\"><\/span>\r\n                <\/span>\r\n                Monitoreo activo 24\/7 \u00b7 Potenciado con WP Remote\r\n            <\/div>\r\n\r\n            <!-- T\u00edtulo principal: propuesta de valor emocional -->\r\n            <h1\r\n                class=\"text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-extrabold tracking-tight leading-[1.1] mb-6\">\r\n                Tu web trabaja<br class=\"hidden sm:block\" \/>\r\n                <span class=\"gradient-text\">mientras t\u00fa creces.<\/span>\r\n            <\/h1>\r\n\r\n            <!-- Subt\u00edtulo explicando la combinaci\u00f3n \u00fanica del servicio -->\r\n            <p class=\"text-lg sm:text-xl text-slate-500 leading-relaxed max-w-2xl mx-auto mb-10\">\r\n                Combinamos <strong class=\"text-slate-700 font-semibold\">monitoreo proactivo automatizado<\/strong>\r\n                con un sistema exclusivo de <strong class=\"text-slate-700 font-semibold\">feedback visual<\/strong>:\r\n                tu equipo se\u00f1ala cualquier error en pantalla y nosotros lo resolvemos antes de que afecte a tus\r\n                clientes.\r\n            <\/p>\r\n\r\n            <!-- Botones de acci\u00f3n principales -->\r\n            <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-16\">\r\n                <a href=\"#precios\"\r\n                    class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-brand-600 hover:bg-brand-700 text-white font-semibold text-base px-7 py-3.5 rounded-xl transition-all hover:shadow-xl hover:shadow-brand-600\/30 hover:-translate-y-0.5\">\r\n                    Ver planes y precios\r\n                    <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\r\n                <\/a>\r\n                <a href=\"#proceso\"\r\n                    class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-white border border-slate-200 hover:border-brand-300 text-slate-700 font-semibold text-base px-7 py-3.5 rounded-xl transition-all hover:shadow-md hover:-translate-y-0.5\">\r\n                    <i data-lucide=\"play-circle\" class=\"w-4 h-4 text-brand-600\"><\/i>\r\n                    C\u00f3mo funciona\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- M\u00e9tricas de confianza \/ prueba social num\u00e9rica -->\r\n            <div\r\n                class=\"grid grid-cols-3 gap-4 md:gap-8 max-w-md mx-auto bg-white\/70 backdrop-blur-sm border border-slate-100 rounded-2xl px-6 py-5 shadow-card\">\r\n                <div class=\"text-center\">\r\n                    <div class=\"text-2xl md:text-3xl font-extrabold text-slate-900\">99.9%<\/div>\r\n                    <div class=\"text-xs text-slate-500 mt-0.5 leading-tight\">Uptime<br \/>garantizado<\/div>\r\n                <\/div>\r\n                <div class=\"text-center border-x border-slate-200\">\r\n                    <div class=\"text-2xl md:text-3xl font-extrabold text-slate-900\">&lt;2h<\/div>\r\n                    <div class=\"text-xs text-slate-500 mt-0.5 leading-tight\">Tiempo de<br \/>respuesta<\/div>\r\n                <\/div>\r\n                <div class=\"text-center\">\r\n                    <div class=\"text-2xl md:text-3xl font-extrabold text-slate-900\">24\/7<\/div>\r\n                    <div class=\"text-xs text-slate-500 mt-0.5 leading-tight\">Monitoreo<br \/>activo<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01e026a e-flex e-con-boxed e-con e-parent\" data-id=\"01e026a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8140baa elementor-widget elementor-widget-html\" data-id=\"8140baa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n     BARRA DE CONFIANZA (TRUST BAR)\r\n     Logos y tecnolog\u00edas que respaldan el servicio.\r\n     Refuerza credibilidad de forma visual.\r\n     ============================================= -->\r\n<section class=\"py-10 border-y border-slate-100 bg-slate-50\/80\">\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n        <p class=\"text-center text-xs font-semibold uppercase tracking-widest text-slate-400 mb-7\">\r\n            Tecnolog\u00edas y est\u00e1ndares que respaldan nuestro servicio\r\n        <\/p>\r\n        <div class=\"flex flex-wrap items-center justify-center gap-8 md:gap-12 opacity-55\">\r\n            <div class=\"flex items-center gap-2 text-slate-600 font-semibold text-sm\">\r\n                <i data-lucide=\"globe\" class=\"w-4 h-4 text-brand-600\"><\/i> WordPress\r\n            <\/div>\r\n            <div class=\"flex items-center gap-2 text-slate-600 font-semibold text-sm\">\r\n                <i data-lucide=\"monitor\" class=\"w-4 h-4 text-brand-600\"><\/i> WP Remote\r\n            <\/div>\r\n            <div class=\"flex items-center gap-2 text-slate-600 font-semibold text-sm\">\r\n                <i data-lucide=\"shield-check\" class=\"w-4 h-4 text-brand-600\"><\/i> SSL \/ HTTPS\r\n            <\/div>\r\n            <div class=\"flex items-center gap-2 text-slate-600 font-semibold text-sm\">\r\n                <i data-lucide=\"cloud\" class=\"w-4 h-4 text-brand-600\"><\/i> Cloudflare CDN\r\n            <\/div>\r\n            <div class=\"flex items-center gap-2 text-slate-600 font-semibold text-sm\">\r\n                <i data-lucide=\"gauge\" class=\"w-4 h-4 text-brand-600\"><\/i> PageSpeed 90+\r\n            <\/div>\r\n            <div class=\"flex items-center gap-2 text-slate-600 font-semibold text-sm\">\r\n                <i data-lucide=\"database\" class=\"w-4 h-4 text-brand-600\"><\/i> Backups Diarios\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5291061 e-flex e-con-boxed e-con e-parent\" data-id=\"5291061\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-580fd4a elementor-widget elementor-widget-html\" data-id=\"580fd4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n     EL PROBLEMA VS LA SOLUCI\u00d3N\r\n     Comparativa directa entre el mantenimiento \r\n     web tradicional (reactivo, lento, opaco) y\r\n     nuestro enfoque (preventivo, basado en datos).\r\n     ============================================= -->\r\n<section id=\"problema\" class=\"py-20 md:py-28\">\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n\r\n        <!-- Encabezado de secci\u00f3n -->\r\n        <div class=\"text-center mb-16\">\r\n            <span\r\n                class=\"inline-block text-xs font-bold uppercase tracking-widest text-brand-600 mb-3\">El\r\n                Diagn\u00f3stico<\/span>\r\n            <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold tracking-tight mb-4\">\r\n                El mantenimiento web<br class=\"hidden sm:block\" \/>\r\n                <span class=\"gradient-text\">tiene un problema grave.<\/span>\r\n            <\/h2>\r\n            <p class=\"text-lg text-slate-500 max-w-xl mx-auto\">\r\n                La mayor\u00eda de negocios solo act\u00faa cuando algo ya est\u00e1 roto. Nosotros prevenimos que se rompa.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Grid comparativo: problema (izquierda) vs soluci\u00f3n (derecha) -->\r\n        <div class=\"grid md:grid-cols-2 gap-6 max-w-5xl mx-auto\">\r\n\r\n            <!-- Columna izquierda: Mantenimiento Tradicional (tono negativo) -->\r\n            <div class=\"bg-red-50\/50 border border-red-100 rounded-2xl p-8\">\r\n                <div class=\"flex items-center gap-3 mb-7\">\r\n                    <div class=\"w-10 h-10 bg-red-100 rounded-xl flex items-center justify-center shrink-0\">\r\n                        <i data-lucide=\"x-circle\" class=\"w-5 h-5 text-red-500\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"font-bold text-slate-800 text-lg leading-tight\">Mantenimiento Tradicional<\/h3>\r\n                        <p class=\"text-sm text-red-500 font-medium\">Reactivo y sin datos<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <ul class=\"space-y-4\">\r\n                    <li class=\"flex items-start gap-3\">\r\n                        <i data-lucide=\"minus-circle\" class=\"w-4 h-4 text-red-400 mt-0.5 shrink-0\"><\/i>\r\n                        <span class=\"text-slate-600 text-sm leading-relaxed\">Solo act\u00faan cuando el cliente reporta\r\n                            un error. El da\u00f1o ya est\u00e1 hecho y tus clientes lo sufrieron primero.<\/span>\r\n                    <\/li>\r\n                    <li class=\"flex items-start gap-3\">\r\n                        <i data-lucide=\"minus-circle\" class=\"w-4 h-4 text-red-400 mt-0.5 shrink-0\"><\/i>\r\n                        <span class=\"text-slate-600 text-sm leading-relaxed\">Sin monitoreo autom\u00e1tico: nadie sabe si\r\n                            tu web cay\u00f3 a las 3am del domingo hasta que alguien lo nota el lunes.<\/span>\r\n                    <\/li>\r\n                    <li class=\"flex items-start gap-3\">\r\n                        <i data-lucide=\"minus-circle\" class=\"w-4 h-4 text-red-400 mt-0.5 shrink-0\"><\/i>\r\n                        <span class=\"text-slate-600 text-sm leading-relaxed\">Actualizaciones manuales espor\u00e1dicas\r\n                            que generan conflictos de plugins y abren vulnerabilidades de seguridad.<\/span>\r\n                    <\/li>\r\n                    <li class=\"flex items-start gap-3\">\r\n                        <i data-lucide=\"minus-circle\" class=\"w-4 h-4 text-red-400 mt-0.5 shrink-0\"><\/i>\r\n                        <span class=\"text-slate-600 text-sm leading-relaxed\">Sin reportes ni m\u00e9tricas: conf\u00edas a\r\n                            ciegas en que todo est\u00e1 bien, sin evidencia real.<\/span>\r\n                    <\/li>\r\n                    <li class=\"flex items-start gap-3\">\r\n                        <i data-lucide=\"minus-circle\" class=\"w-4 h-4 text-red-400 mt-0.5 shrink-0\"><\/i>\r\n                        <span class=\"text-slate-600 text-sm leading-relaxed\">Reportar errores por WhatsApp o email\r\n                            es impreciso, lento y sin trazabilidad del estado de resoluci\u00f3n.<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Columna derecha: Nuestro Enfoque (tono positivo) -->\r\n            <div class=\"bg-brand-50\/70 border border-brand-200 rounded-2xl p-8\">\r\n                <div class=\"flex items-center gap-3 mb-7\">\r\n                    <div class=\"w-10 h-10 bg-brand-100 rounded-xl flex items-center justify-center shrink-0\">\r\n                        <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-brand-600\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"font-bold text-slate-800 text-lg leading-tight\">Nuestro Enfoque Premium<\/h3>\r\n                        <p class=\"text-sm text-brand-600 font-medium\">Preventivo y basado en datos<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <ul class=\"space-y-4\">\r\n                    <li class=\"flex items-start gap-3\">\r\n                        <i data-lucide=\"check-circle\" class=\"w-4 h-4 text-brand-500 mt-0.5 shrink-0\"><\/i>\r\n                        <span class=\"text-slate-600 text-sm leading-relaxed\">Alertas autom\u00e1ticas ante cualquier\r\n                            fallo. Actuamos en minutos, antes de que lo note tu cliente o afecte tus ventas.<\/span>\r\n                    <\/li>\r\n                    <li class=\"flex items-start gap-3\">\r\n                        <i data-lucide=\"check-circle\" class=\"w-4 h-4 text-brand-500 mt-0.5 shrink-0\"><\/i>\r\n                        <span class=\"text-slate-600 text-sm leading-relaxed\">WP Remote monitorea tu web 24\/7:\r\n                            uptime, velocidad de carga, seguridad y salud del servidor en tiempo real.<\/span>\r\n                    <\/li>\r\n                    <li class=\"flex items-start gap-3\">\r\n                        <i data-lucide=\"check-circle\" class=\"w-4 h-4 text-brand-500 mt-0.5 shrink-0\"><\/i>\r\n                        <span class=\"text-slate-600 text-sm leading-relaxed\">Actualizaciones controladas con backup\r\n                            previo, pruebas antes de publicar y reversi\u00f3n instant\u00e1nea si algo falla.<\/span>\r\n                    <\/li>\r\n                    <li class=\"flex items-start gap-3\">\r\n                        <i data-lucide=\"check-circle\" class=\"w-4 h-4 text-brand-500 mt-0.5 shrink-0\"><\/i>\r\n                        <span class=\"text-slate-600 text-sm leading-relaxed\">Reportes mensuales visuales:\r\n                            m\u00e9tricas claras, cambios realizados, estado de seguridad y pr\u00f3ximos pasos de\r\n                            mejora.<\/span>\r\n                    <\/li>\r\n                    <li class=\"flex items-start gap-3\">\r\n                        <i data-lucide=\"check-circle\" class=\"w-4 h-4 text-brand-500 mt-0.5 shrink-0\"><\/i>\r\n                        <span class=\"text-slate-600 text-sm leading-relaxed\">Sistema de Visual Feedback: se\u00f1ala el\r\n                            error directamente sobre tu web, sin explicaciones t\u00e9cnicas y con resoluci\u00f3n\r\n                            verificable.<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b868c5a e-flex e-con-boxed e-con e-parent\" data-id=\"b868c5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29af977 elementor-widget elementor-widget-html\" data-id=\"29af977\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n     PILARES DEL SERVICIO\r\n     Dos propuestas de valor diferenciadas:\r\n     \r\n     PILAR 1 \u2014 Infraestructura Blindada\r\n     Monitoreo 24\/7, seguridad, backups autom\u00e1ticos\r\n     y reportes con tecnolog\u00eda WP Remote.\r\n     \r\n     PILAR 2 \u2014 Comunicaci\u00f3n Visual (Visual Feedback)\r\n     El cliente se\u00f1ala el error en pantalla y el \r\n     equipo lo resuelve en menos de 2 horas.\r\n     ============================================= -->\r\n<section id=\"pilares\" class=\"py-20 md:py-28 bg-slate-50\">\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n\r\n        <!-- Encabezado de secci\u00f3n -->\r\n        <div class=\"text-center mb-16\">\r\n            <span\r\n                class=\"inline-block text-xs font-bold uppercase tracking-widest text-brand-600 mb-3\">Pilares del\r\n                Servicio<\/span>\r\n            <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold tracking-tight mb-4\">\r\n                Dos sistemas. Un objetivo:<br class=\"hidden sm:block\" \/>\r\n                <span class=\"gradient-text\">Cero interrupciones.<\/span>\r\n            <\/h2>\r\n            <p class=\"text-lg text-slate-500 max-w-xl mx-auto\">\r\n                Infraestructura que nunca duerme + comunicaci\u00f3n que elimina fricciones.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- =============================\r\n             PILAR 1: Infraestructura Blindada\r\n             ============================= -->\r\n        <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center mb-20\">\r\n\r\n            <!-- Texto descriptivo del pilar 1 -->\r\n            <div class=\"order-2 lg:order-1\">\r\n                <div\r\n                    class=\"inline-flex items-center gap-2 bg-brand-100 text-brand-700 text-xs font-bold uppercase tracking-wider px-3 py-1.5 rounded-full mb-5\">\r\n                    <i data-lucide=\"shield\" class=\"w-3.5 h-3.5\"><\/i>\r\n                    Pilar 1 de 2\r\n                <\/div>\r\n                <h3 class=\"text-3xl md:text-4xl font-extrabold tracking-tight mb-4 leading-tight\">\r\n                    Infraestructura Blindada\r\n                <\/h3>\r\n                <p class=\"text-slate-500 text-lg leading-relaxed mb-8\">\r\n                    Usamos WP Remote para crear una red de vigilancia permanente alrededor de tu web. No esperamos\r\n                    a que algo falle \u2014 anticipamos, detectamos y resolvemos con datos, no con suposiciones.\r\n                <\/p>\r\n\r\n                <!-- Lista de caracter\u00edsticas con iconos de colores -->\r\n                <div class=\"space-y-3.5\">\r\n\r\n                    <!-- Feature: Monitoreo de uptime -->\r\n                    <div\r\n                        class=\"flex items-start gap-4 p-4 bg-white rounded-xl border border-slate-100 shadow-card card-hover\">\r\n                        <div\r\n                            class=\"w-9 h-9 bg-green-100 rounded-lg flex items-center justify-center shrink-0 mt-0.5\">\r\n                            <i data-lucide=\"activity\" class=\"w-4 h-4 text-green-600\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"font-semibold text-slate-800 text-sm\">Monitoreo de Uptime 24\/7<\/h4>\r\n                            <p class=\"text-slate-500 text-sm mt-0.5\">Alertas inmediatas si tu web cae, con\r\n                                diagn\u00f3stico autom\u00e1tico de la causa y tiempo de resoluci\u00f3n documentado.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature: Backups autom\u00e1ticos -->\r\n                    <div\r\n                        class=\"flex items-start gap-4 p-4 bg-white rounded-xl border border-slate-100 shadow-card card-hover\">\r\n                        <div\r\n                            class=\"w-9 h-9 bg-amber-100 rounded-lg flex items-center justify-center shrink-0 mt-0.5\">\r\n                            <i data-lucide=\"database\" class=\"w-4 h-4 text-amber-600\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"font-semibold text-slate-800 text-sm\">Backups Autom\u00e1ticos Diarios<\/h4>\r\n                            <p class=\"text-slate-500 text-sm mt-0.5\">Copias de seguridad en la nube. Restauraci\u00f3n\r\n                                completa en menos de 30 minutos ante cualquier incidente o hackeo.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature: Seguridad avanzada -->\r\n                    <div\r\n                        class=\"flex items-start gap-4 p-4 bg-white rounded-xl border border-slate-100 shadow-card card-hover\">\r\n                        <div\r\n                            class=\"w-9 h-9 bg-red-100 rounded-lg flex items-center justify-center shrink-0 mt-0.5\">\r\n                            <i data-lucide=\"shield-alert\" class=\"w-4 h-4 text-red-500\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"font-semibold text-slate-800 text-sm\">Seguridad Avanzada & Firewall<\/h4>\r\n                            <p class=\"text-slate-500 text-sm mt-0.5\">Escaneo de malware, bloqueo de IPs\r\n                                sospechosas, hardening de WordPress y gesti\u00f3n de certificados SSL.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature: Reportes automatizados -->\r\n                    <div\r\n                        class=\"flex items-start gap-4 p-4 bg-white rounded-xl border border-slate-100 shadow-card card-hover\">\r\n                        <div\r\n                            class=\"w-9 h-9 bg-purple-100 rounded-lg flex items-center justify-center shrink-0 mt-0.5\">\r\n                            <i data-lucide=\"bar-chart-2\" class=\"w-4 h-4 text-purple-600\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"font-semibold text-slate-800 text-sm\">Reportes Automatizados Mensuales\r\n                            <\/h4>\r\n                            <p class=\"text-slate-500 text-sm mt-0.5\">Dashboard visual con m\u00e9tricas de rendimiento,\r\n                                estado de actualizaciones, seguridad y recomendaciones de mejora.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Visual: Mockup del dashboard de monitoreo -->\r\n            <div class=\"order-1 lg:order-2\">\r\n                <div class=\"relative\">\r\n                    <!-- Sombra decorativa rotada -->\r\n                    <div\r\n                        class=\"absolute inset-0 bg-brand-200\/40 rounded-3xl transform rotate-2 scale-95 -z-10\">\r\n                    <\/div>\r\n                    <!-- Tarjeta principal del dashboard mock -->\r\n                    <div class=\"relative bg-white rounded-2xl shadow-xl border border-slate-200 p-6 overflow-hidden\">\r\n\r\n                        <!-- Header del dashboard con indicador de estado -->\r\n                        <div class=\"flex items-center justify-between mb-5 pb-4 border-b border-slate-100\">\r\n                            <div class=\"flex items-center gap-2\">\r\n                                <span class=\"relative flex h-2.5 w-2.5\">\r\n                                    <span\r\n                                        class=\"ping-slow absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75\"><\/span>\r\n                                    <span class=\"relative inline-flex rounded-full h-2.5 w-2.5 bg-green-500\"><\/span>\r\n                                <\/span>\r\n                                <span class=\"text-sm font-semibold text-slate-700\">Sistema operativo<\/span>\r\n                            <\/div>\r\n                            <span class=\"text-xs text-slate-400 bg-slate-50 px-2 py-1 rounded-md\">\u00daltima\r\n                                verificaci\u00f3n: hace 2 min<\/span>\r\n                        <\/div>\r\n\r\n                        <!-- M\u00e9tricas en grid 2x2 -->\r\n                        <div class=\"grid grid-cols-2 gap-3 mb-5\">\r\n                            <div class=\"bg-green-50 border border-green-100 rounded-xl p-3.5\">\r\n                                <div class=\"flex items-center justify-between mb-1.5\">\r\n                                    <span class=\"text-xs font-medium text-slate-500\">Uptime<\/span>\r\n                                    <i data-lucide=\"trending-up\" class=\"w-3.5 h-3.5 text-green-500\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"text-2xl font-extrabold text-green-600\">99.9%<\/div>\r\n                                <div class=\"text-xs text-slate-400 mt-0.5\">\u00daltimos 30 d\u00edas<\/div>\r\n                            <\/div>\r\n                            <div class=\"bg-brand-50 border border-brand-100 rounded-xl p-3.5\">\r\n                                <div class=\"flex items-center justify-between mb-1.5\">\r\n                                    <span class=\"text-xs font-medium text-slate-500\">Velocidad<\/span>\r\n                                    <i data-lucide=\"zap\" class=\"w-3.5 h-3.5 text-brand-500\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"text-2xl font-extrabold text-brand-600\">94<\/div>\r\n                                <div class=\"text-xs text-slate-400 mt-0.5\">PageSpeed Score<\/div>\r\n                            <\/div>\r\n                            <div class=\"bg-amber-50 border border-amber-100 rounded-xl p-3.5\">\r\n                                <div class=\"flex items-center justify-between mb-1.5\">\r\n                                    <span class=\"text-xs font-medium text-slate-500\">Backups<\/span>\r\n                                    <i data-lucide=\"database\" class=\"w-3.5 h-3.5 text-amber-500\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"text-2xl font-extrabold text-amber-600\">30<\/div>\r\n                                <div class=\"text-xs text-slate-400 mt-0.5\">Copias guardadas<\/div>\r\n                            <\/div>\r\n                            <div class=\"bg-purple-50 border border-purple-100 rounded-xl p-3.5\">\r\n                                <div class=\"flex items-center justify-between mb-1.5\">\r\n                                    <span class=\"text-xs font-medium text-slate-500\">Seguridad<\/span>\r\n                                    <i data-lucide=\"shield-check\" class=\"w-3.5 h-3.5 text-purple-500\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"text-2xl font-extrabold text-purple-600\">100%<\/div>\r\n                                <div class=\"text-xs text-slate-400 mt-0.5\">Sin amenazas<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Feed de actividad reciente -->\r\n                        <div>\r\n                            <p class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-2\">Actividad\r\n                                reciente<\/p>\r\n                            <div class=\"space-y-1.5\">\r\n                                <div class=\"flex items-center gap-2.5 p-2.5 bg-slate-50 rounded-lg\">\r\n                                    <div class=\"w-1.5 h-1.5 bg-green-500 rounded-full shrink-0\"><\/div>\r\n                                    <span class=\"text-xs text-slate-600 flex-1\">Plugin de seguridad\r\n                                        actualizado<\/span>\r\n                                    <span class=\"text-xs text-slate-400 shrink-0\">hace 1h<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-2.5 p-2.5 bg-slate-50 rounded-lg\">\r\n                                    <div class=\"w-1.5 h-1.5 bg-green-500 rounded-full shrink-0\"><\/div>\r\n                                    <span class=\"text-xs text-slate-600 flex-1\">Backup autom\u00e1tico completado<\/span>\r\n                                    <span class=\"text-xs text-slate-400 shrink-0\">hace 4h<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-2.5 p-2.5 bg-slate-50 rounded-lg\">\r\n                                    <div class=\"w-1.5 h-1.5 bg-brand-500 rounded-full shrink-0\"><\/div>\r\n                                    <span class=\"text-xs text-slate-600 flex-1\">Verificaci\u00f3n de uptime: \u2713 OK<\/span>\r\n                                    <span class=\"text-xs text-slate-400 shrink-0\">hace 2min<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Separador con gradiente entre pilares -->\r\n        <div class=\"divider-gradient mb-20\"><\/div>\r\n\r\n        <!-- =============================\r\n             PILAR 2: Comunicaci\u00f3n Visual (Visual Feedback)\r\n             ============================= -->\r\n        <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\r\n\r\n            <!-- Visual: Mockup del sistema de Visual Feedback -->\r\n            <div class=\"order-1\">\r\n                <div class=\"relative\">\r\n                    <!-- Sombra decorativa rotada en sentido contrario -->\r\n                    <div\r\n                        class=\"absolute inset-0 bg-purple-200\/40 rounded-3xl transform -rotate-2 scale-95 -z-10\">\r\n                    <\/div>\r\n                    <!-- Mockup de navegador oscuro con anotaciones -->\r\n                    <div class=\"relative bg-slate-900 rounded-2xl shadow-xl overflow-hidden border border-slate-700\">\r\n\r\n                        <!-- Barra del navegador simulada -->\r\n                        <div\r\n                            class=\"flex items-center gap-1.5 px-4 py-3 bg-slate-800 border-b border-slate-700\">\r\n                            <div class=\"w-2.5 h-2.5 rounded-full bg-red-400\"><\/div>\r\n                            <div class=\"w-2.5 h-2.5 rounded-full bg-yellow-400\"><\/div>\r\n                            <div class=\"w-2.5 h-2.5 rounded-full bg-green-400\"><\/div>\r\n                            <div\r\n                                class=\"flex-1 mx-4 bg-slate-700 rounded px-3 py-1 text-xs text-slate-400 font-mono\">\r\n                                miweb.com\/productos<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Contenido de la p\u00e1gina simulada con anotaciones -->\r\n                        <div class=\"relative p-6 min-h-[280px]\">\r\n\r\n                            <!-- Simulaci\u00f3n del contenido de la web (esqueleto) -->\r\n                            <div class=\"space-y-2.5 opacity-40\">\r\n                                <div class=\"h-4 bg-slate-600 rounded-lg w-2\/3\"><\/div>\r\n                                <div class=\"h-3 bg-slate-700 rounded-lg w-full\"><\/div>\r\n                                <div class=\"h-3 bg-slate-700 rounded-lg w-5\/6\"><\/div>\r\n                                <div class=\"h-3 bg-slate-700 rounded-lg w-4\/5 mb-4\"><\/div>\r\n                                <div class=\"flex gap-3 mt-5\">\r\n                                    <div class=\"h-9 bg-brand-800\/50 rounded-lg w-28\"><\/div>\r\n                                    <div class=\"h-9 bg-slate-700 rounded-lg w-24\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"mt-4 h-3 bg-slate-700 rounded w-3\/4\"><\/div>\r\n                                <div class=\"h-3 bg-slate-700 rounded w-full\"><\/div>\r\n                            <\/div>\r\n\r\n                            <!-- PIN de feedback 1: error reportado -->\r\n                            <div\r\n                                class=\"absolute top-6 right-6 bg-yellow-400 text-slate-900 text-xs font-bold px-3 py-2 rounded-xl shadow-xl max-w-[185px] transform rotate-1\">\r\n                                <div class=\"flex items-start gap-1.5 mb-1.5\">\r\n                                    <i data-lucide=\"message-square\" class=\"w-3.5 h-3.5 mt-0.5 shrink-0\"><\/i>\r\n                                    <span class=\"leading-snug\">\"El bot\u00f3n de compra no funciona en iPhone\"<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-1 text-slate-600 text-xs\">\r\n                                    <i data-lucide=\"user\" class=\"w-2.5 h-2.5\"><\/i>\r\n                                    <span>Laura \u00b7 hace 8 min<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- PIN de feedback 2: ticket resuelto -->\r\n                            <div\r\n                                class=\"absolute bottom-8 left-5 bg-green-500 text-white text-xs font-bold px-3 py-2 rounded-xl shadow-xl max-w-[170px] transform -rotate-1\">\r\n                                <div class=\"flex items-start gap-1.5\">\r\n                                    <i data-lucide=\"check-circle\" class=\"w-3.5 h-3.5 mt-0.5 shrink-0\"><\/i>\r\n                                    <span class=\"leading-snug\">Resuelto en 52 minutos \u2713<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Indicador de punto de clic del feedback -->\r\n                            <div class=\"absolute top-14 right-24 flex items-center justify-center\">\r\n                                <div\r\n                                    class=\"w-5 h-5 bg-yellow-400 rounded-full border-2 border-white shadow-lg opacity-80\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Texto descriptivo del pilar 2 -->\r\n            <div class=\"order-2\">\r\n                <div\r\n                    class=\"inline-flex items-center gap-2 bg-purple-100 text-purple-700 text-xs font-bold uppercase tracking-wider px-3 py-1.5 rounded-full mb-5\">\r\n                    <i data-lucide=\"mouse-pointer\" class=\"w-3.5 h-3.5\"><\/i>\r\n                    Pilar 2 de 2\r\n                <\/div>\r\n                <h3 class=\"text-3xl md:text-4xl font-extrabold tracking-tight mb-4 leading-tight\">\r\n                    Feedback Visual:<br \/>Reporta sin fricciones.\r\n                <\/h3>\r\n                <p class=\"text-slate-500 text-lg leading-relaxed mb-8\">\r\n                    Olvida los emails confusos con capturas mal explicadas. Con nuestro sistema de\r\n                    <strong class=\"text-slate-700\">Visual Feedback<\/strong>, cualquier persona de tu equipo se\u00f1ala\r\n                    el error <em>directamente sobre la pantalla<\/em>, agrega su comentario y nosotros recibimos el\r\n                    reporte con <strong class=\"text-slate-700\">screenshot, URL exacta, dispositivo y\r\n                        navegador<\/strong>.\r\n                <\/p>\r\n\r\n                <!-- Pasos del flujo de Visual Feedback -->\r\n                <div class=\"space-y-5\">\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <div\r\n                            class=\"w-8 h-8 bg-brand-600 text-white text-sm font-bold rounded-full flex items-center justify-center shrink-0 shadow-md shadow-brand-600\/30\">\r\n                            1<\/div>\r\n                        <div>\r\n                            <h4 class=\"font-semibold text-slate-800 text-sm\">Detectas algo que no funciona<\/h4>\r\n                            <p class=\"text-slate-500 text-sm mt-0.5 leading-relaxed\">Sin conocimientos t\u00e9cnicos.\r\n                                Cualquier persona de tu equipo puede hacerlo en segundos.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <div\r\n                            class=\"w-8 h-8 bg-brand-600 text-white text-sm font-bold rounded-full flex items-center justify-center shrink-0 shadow-md shadow-brand-600\/30\">\r\n                            2<\/div>\r\n                        <div>\r\n                            <h4 class=\"font-semibold text-slate-800 text-sm\">Se\u00f1alas el error directamente en\r\n                                pantalla<\/h4>\r\n                            <p class=\"text-slate-500 text-sm mt-0.5 leading-relaxed\">Un clic sobre el elemento\r\n                                problem\u00e1tico + tu comentario. El sistema captura todo el contexto t\u00e9cnico.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <div\r\n                            class=\"w-8 h-8 bg-brand-600 text-white text-sm font-bold rounded-full flex items-center justify-center shrink-0 shadow-md shadow-brand-600\/30\">\r\n                            3<\/div>\r\n                        <div>\r\n                            <h4 class=\"font-semibold text-slate-800 text-sm\">Nosotros lo resolvemos y te\r\n                                notificamos<\/h4>\r\n                            <p class=\"text-slate-500 text-sm mt-0.5 leading-relaxed\">Recibimos el ticket\r\n                                enriquecido, lo resolvemos en menos de 2 horas y recibes confirmaci\u00f3n de cierre.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Estad\u00edstica clave de resoluci\u00f3n -->\r\n                <div\r\n                    class=\"mt-8 inline-flex items-center gap-3 bg-purple-50 border border-purple-100 rounded-xl px-5 py-3.5\">\r\n                    <i data-lucide=\"clock\" class=\"w-5 h-5 text-purple-500 shrink-0\"><\/i>\r\n                    <div>\r\n                        <span class=\"font-bold text-slate-800 text-sm\">Tiempo promedio de resoluci\u00f3n: <\/span>\r\n                        <span class=\"text-purple-700 font-bold text-sm\">menos de 2 horas en horario laboral<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5c494b e-flex e-con-boxed e-con e-parent\" data-id=\"e5c494b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8c3412 elementor-widget elementor-widget-html\" data-id=\"e8c3412\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n     PLANES DE PRECIOS\r\n     Tres columnas en tarjetas:\r\n     - Esencial (b\u00e1sico, accesible)\r\n     - Crecimiento (intermedio, DESTACADO con fondo azul)\r\n     - Escalado (premium, para empresas)\r\n     El plan central sube para resaltar visualmente.\r\n     ============================================= -->\r\n<section id=\"precios\" class=\"py-20 md:py-28\">\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n\r\n        <!-- Encabezado de secci\u00f3n -->\r\n        <div class=\"text-center mb-16\">\r\n            <span\r\n                class=\"inline-block text-xs font-bold uppercase tracking-widest text-brand-600 mb-3\">Planes de\r\n                Servicio<\/span>\r\n            <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold tracking-tight mb-4\">\r\n                Inversi\u00f3n clara.<br class=\"hidden sm:block\" \/>\r\n                <span class=\"gradient-text\">Resultados concretos.<\/span>\r\n            <\/h2>\r\n            <p class=\"text-lg text-slate-500 max-w-xl mx-auto\">\r\n                Sin sorpresas, sin letra peque\u00f1a. Elige el plan que se adapta al tama\u00f1o y ritmo de tu negocio.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Grid de tres tarjetas de precios -->\r\n        <div class=\"grid md:grid-cols-3 gap-6 max-w-5xl mx-auto items-start\">\r\n\r\n            <!-- ---- Plan 1: ESENCIAL ---- -->\r\n            <div\r\n                class=\"bg-white border border-slate-200 rounded-2xl p-7 card-hover shadow-card transition-all\">\r\n                <div class=\"mb-5\">\r\n                    <div class=\"w-10 h-10 bg-slate-100 rounded-xl flex items-center justify-center mb-4\">\r\n                        <i data-lucide=\"layers\" class=\"w-5 h-5 text-slate-600\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-slate-900\">Esencial<\/h3>\r\n                    <p class=\"text-sm text-slate-500 mt-1\">Para webs en mantenimiento b\u00e1sico.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mb-6\">\r\n                    <div class=\"flex items-baseline gap-1\">\r\n                        <span class=\"text-4xl font-extrabold text-slate-900\">$49<\/span>\r\n                        <span class=\"text-slate-400 font-medium\">\/mes<\/span>\r\n                    <\/div>\r\n                    <p class=\"text-xs text-slate-400 mt-1\">Facturaci\u00f3n mensual \u00b7 Sin contrato m\u00ednimo<\/p>\r\n                <\/div>\r\n\r\n                <a href=\"#contacto\"\r\n                    class=\"block w-full text-center bg-slate-100 hover:bg-slate-200 text-slate-700 font-semibold text-sm py-2.5 rounded-xl mb-7 transition-colors\">\r\n                    Comenzar con Esencial\r\n                <\/a>\r\n\r\n                <ul class=\"space-y-3\">\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Monitoreo de uptime b\u00e1sico\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Backups semanales autom\u00e1ticos\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        2 actualizaciones de contenido\/mes\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Actualizaciones de plugins y tema\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Reporte mensual b\u00e1sico\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Soporte por email (respuesta 72h)\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-400\">\r\n                        <i data-lucide=\"x\" class=\"w-4 h-4 text-slate-300 shrink-0\"><\/i>\r\n                        Visual Feedback\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-400\">\r\n                        <i data-lucide=\"x\" class=\"w-4 h-4 text-slate-300 shrink-0\"><\/i>\r\n                        Manager dedicado\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- ---- Plan 2: CRECIMIENTO (DESTACADO) ---- -->\r\n            <div\r\n                class=\"relative pricing-featured-bg rounded-2xl p-7 shadow-featured md:-mt-5 md:mb-5 transition-all hover:-translate-y-2 duration-300\">\r\n\r\n                <!-- Badge \"M\u00e1s Popular\" flotante en la parte superior -->\r\n                <div class=\"absolute -top-4 left-1\/2 -translate-x-1\/2 z-10\">\r\n                    <span\r\n                        class=\"badge-rotated inline-block bg-yellow-400 text-yellow-900 text-xs font-extrabold px-4 py-1.5 rounded-full whitespace-nowrap shadow-md\">\r\n                        \u2b50 M\u00e1s Popular\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <div class=\"mb-5\">\r\n                    <div class=\"w-10 h-10 bg-white\/15 rounded-xl flex items-center justify-center mb-4\">\r\n                        <i data-lucide=\"trending-up\" class=\"w-5 h-5 text-white\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-white\">Crecimiento<\/h3>\r\n                    <p class=\"text-sm text-brand-200 mt-1\">Para negocios en plena expansi\u00f3n.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mb-6\">\r\n                    <div class=\"flex items-baseline gap-1\">\r\n                        <span class=\"text-4xl font-extrabold text-white\">$99<\/span>\r\n                        <span class=\"text-brand-200 font-medium\">\/mes<\/span>\r\n                    <\/div>\r\n                    <p class=\"text-xs text-brand-300 mt-1\">Facturaci\u00f3n mensual \u00b7 Sin contrato m\u00ednimo<\/p>\r\n                <\/div>\r\n\r\n                <a href=\"#contacto\"\r\n                    class=\"block w-full text-center bg-white hover:bg-brand-50 text-brand-700 font-bold text-sm py-2.5 rounded-xl mb-7 transition-colors shadow-lg hover:shadow-xl\">\r\n                    Comenzar con Crecimiento\r\n                <\/a>\r\n\r\n                <ul class=\"space-y-3\">\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-white\/90\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-300 shrink-0\"><\/i>\r\n                        Todo lo del plan Esencial\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-white\/90\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-300 shrink-0\"><\/i>\r\n                        Monitoreo 24\/7 con WP Remote\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-white\/90\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-300 shrink-0\"><\/i>\r\n                        Backups diarios autom\u00e1ticos\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm font-semibold text-white\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-300 shrink-0\"><\/i>\r\n                        Visual Feedback ilimitado\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-white\/90\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-300 shrink-0\"><\/i>\r\n                        8 actualizaciones de contenido\/mes\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-white\/90\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-300 shrink-0\"><\/i>\r\n                        Soporte prioritario (respuesta 24h)\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-white\/90\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-300 shrink-0\"><\/i>\r\n                        Reporte mensual detallado\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-white\/90\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-300 shrink-0\"><\/i>\r\n                        Optimizaci\u00f3n de velocidad trimestral\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- ---- Plan 3: ESCALADO ---- -->\r\n            <div\r\n                class=\"bg-white border border-slate-200 rounded-2xl p-7 card-hover shadow-card transition-all\">\r\n                <div class=\"mb-5\">\r\n                    <div class=\"w-10 h-10 bg-brand-50 rounded-xl flex items-center justify-center mb-4\">\r\n                        <i data-lucide=\"rocket\" class=\"w-5 h-5 text-brand-600\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-slate-900\">Escalado<\/h3>\r\n                    <p class=\"text-sm text-slate-500 mt-1\">Para empresas con alto tr\u00e1fico.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mb-6\">\r\n                    <div class=\"flex items-baseline gap-1\">\r\n                        <span class=\"text-4xl font-extrabold text-slate-900\">$199<\/span>\r\n                        <span class=\"text-slate-400 font-medium\">\/mes<\/span>\r\n                    <\/div>\r\n                    <p class=\"text-xs text-slate-400 mt-1\">Facturaci\u00f3n mensual \u00b7 Sin contrato m\u00ednimo<\/p>\r\n                <\/div>\r\n\r\n                <a href=\"#contacto\"\r\n                    class=\"block w-full text-center bg-brand-600 hover:bg-brand-700 text-white font-semibold text-sm py-2.5 rounded-xl mb-7 transition-colors shadow-md hover:shadow-lg\">\r\n                    Comenzar con Escalado\r\n                <\/a>\r\n\r\n                <ul class=\"space-y-3\">\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Todo lo del plan Crecimiento\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm font-semibold text-slate-700\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Manager web dedicado\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        SEO t\u00e9cnico mensual\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Actualizaciones de contenido ilimitadas\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Soporte WhatsApp 24\/7\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Reuni\u00f3n mensual de estrategia\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Auditor\u00eda de conversi\u00f3n trimestral\r\n                    <\/li>\r\n                    <li class=\"flex items-center gap-2.5 text-sm text-slate-600\">\r\n                        <i data-lucide=\"check\" class=\"w-4 h-4 text-green-500 shrink-0\"><\/i>\r\n                        Nuevas funcionalidades mensuales\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Nota de garant\u00eda de satisfacci\u00f3n -->\r\n        <div class=\"text-center mt-10\">\r\n            <p class=\"text-sm text-slate-500\">\r\n                <i data-lucide=\"shield-check\" class=\"w-4 h-4 inline text-green-500 mr-1\"><\/i>\r\n                <strong class=\"text-slate-700\">Garant\u00eda de satisfacci\u00f3n 30 d\u00edas.<\/strong>\r\n                Si no est\u00e1s 100% satisfecho con el resultado, te devolvemos el primer mes sin preguntas.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e95bc8e e-flex e-con-boxed e-con e-parent\" data-id=\"e95bc8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e92642 elementor-widget elementor-widget-html\" data-id=\"5e92642\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n     C\u00d3MO TRABAJAMOS\r\n     Timeline paso a paso desde el primer contacto\r\n     hasta la optimizaci\u00f3n mensual recurrente.\r\n     Cada paso tiene un color para diferenciarlo.\r\n     ============================================= -->\r\n<section id=\"proceso\" class=\"py-20 md:py-28 bg-slate-50\">\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n\r\n        <!-- Encabezado de secci\u00f3n -->\r\n        <div class=\"text-center mb-16\">\r\n            <span\r\n                class=\"inline-block text-xs font-bold uppercase tracking-widest text-brand-600 mb-3\">El\r\n                Proceso<\/span>\r\n            <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold tracking-tight mb-4\">\r\n                Tu web en manos expertas<br class=\"hidden sm:block\" \/>\r\n                <span class=\"gradient-text\">desde el d\u00eda uno.<\/span>\r\n            <\/h2>\r\n            <p class=\"text-lg text-slate-500 max-w-xl mx-auto\">\r\n                Un proceso estructurado, transparente y predecible. Siempre sabr\u00e1s en qu\u00e9 punto estamos.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Timeline vertical de 5 pasos -->\r\n        <div class=\"max-w-3xl mx-auto\">\r\n\r\n            <!-- PASO 1: Diagn\u00f3stico Inicial -->\r\n            <div class=\"relative flex gap-6 group pb-2\">\r\n                <div class=\"flex flex-col items-center\">\r\n                    <div\r\n                        class=\"w-12 h-12 bg-brand-600 rounded-2xl flex items-center justify-center shadow-lg shadow-brand-600\/30 shrink-0 group-hover:scale-110 transition-transform duration-300\">\r\n                        <i data-lucide=\"search\" class=\"w-5 h-5 text-white\"><\/i>\r\n                    <\/div>\r\n                    <!-- L\u00ednea vertical conectora -->\r\n                    <div class=\"w-0.5 flex-1 min-h-[40px] bg-gradient-to-b from-brand-300 to-brand-100 mt-2 mb-2\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pt-2 pb-8\">\r\n                    <span\r\n                        class=\"text-xs font-bold text-brand-600 uppercase tracking-wider\">Paso 1 \u00b7 Semana 1<\/span>\r\n                    <h4 class=\"text-xl font-bold text-slate-900 mt-1 mb-2\">Diagn\u00f3stico Inicial Gratuito<\/h4>\r\n                    <p class=\"text-slate-500 text-sm leading-relaxed\">Analizamos a fondo tu web: velocidad de\r\n                        carga, seguridad, plugins desactualizados, vulnerabilidades y oportunidades de mejora. Te\r\n                        entregamos un informe detallado y accionable sin costo antes de comenzar.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- PASO 2: Onboarding y Blindaje -->\r\n            <div class=\"relative flex gap-6 group pb-2\">\r\n                <div class=\"flex flex-col items-center\">\r\n                    <div\r\n                        class=\"w-12 h-12 bg-brand-600 rounded-2xl flex items-center justify-center shadow-lg shadow-brand-600\/30 shrink-0 group-hover:scale-110 transition-transform duration-300\">\r\n                        <i data-lucide=\"settings\" class=\"w-5 h-5 text-white\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"w-0.5 flex-1 min-h-[40px] bg-gradient-to-b from-brand-300 to-brand-100 mt-2 mb-2\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pt-2 pb-8\">\r\n                    <span class=\"text-xs font-bold text-brand-600 uppercase tracking-wider\">Paso 2 \u00b7 Semana\r\n                        1\u20132<\/span>\r\n                    <h4 class=\"text-xl font-bold text-slate-900 mt-1 mb-2\">Onboarding & Blindaje<\/h4>\r\n                    <p class=\"text-slate-500 text-sm leading-relaxed\">Configuramos WP Remote en tu web, activamos\r\n                        el monitoreo 24\/7, instalamos las herramientas de seguridad, programamos los backups\r\n                        autom\u00e1ticos y solucionamos todas las vulnerabilidades detectadas en el diagn\u00f3stico. Tu web\r\n                        queda blindada desde el primer d\u00eda.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- PASO 3: Monitoreo Continuo -->\r\n            <div class=\"relative flex gap-6 group pb-2\">\r\n                <div class=\"flex flex-col items-center\">\r\n                    <div\r\n                        class=\"w-12 h-12 bg-brand-600 rounded-2xl flex items-center justify-center shadow-lg shadow-brand-600\/30 shrink-0 group-hover:scale-110 transition-transform duration-300\">\r\n                        <i data-lucide=\"eye\" class=\"w-5 h-5 text-white\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"w-0.5 flex-1 min-h-[40px] bg-gradient-to-b from-brand-300 to-brand-100 mt-2 mb-2\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pt-2 pb-8\">\r\n                    <span\r\n                        class=\"text-xs font-bold text-brand-600 uppercase tracking-wider\">Paso 3 \u00b7 Continuo<\/span>\r\n                    <h4 class=\"text-xl font-bold text-slate-900 mt-1 mb-2\">Monitoreo y Mantenimiento Proactivo<\/h4>\r\n                    <p class=\"text-slate-500 text-sm leading-relaxed\">WP Remote vigila tu web minuto a minuto.\r\n                        Recibimos alertas autom\u00e1ticas ante cualquier anomal\u00eda. Gestionamos actualizaciones,\r\n                        resolvemos conflictos de plugins y prevenimos problemas antes de que los note tu equipo o\r\n                        tus clientes.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- PASO 4: Visual Feedback y Resoluci\u00f3n \u00c1gil -->\r\n            <div class=\"relative flex gap-6 group pb-2\">\r\n                <div class=\"flex flex-col items-center\">\r\n                    <div\r\n                        class=\"w-12 h-12 bg-purple-600 rounded-2xl flex items-center justify-center shadow-lg shadow-purple-600\/30 shrink-0 group-hover:scale-110 transition-transform duration-300\">\r\n                        <i data-lucide=\"mouse-pointer\" class=\"w-5 h-5 text-white\"><\/i>\r\n                    <\/div>\r\n                    <div\r\n                        class=\"w-0.5 flex-1 min-h-[40px] bg-gradient-to-b from-purple-300 to-purple-100 mt-2 mb-2\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pt-2 pb-8\">\r\n                    <span class=\"text-xs font-bold text-purple-600 uppercase tracking-wider\">Paso 4 \u00b7 Bajo\r\n                        demanda<\/span>\r\n                    <h4 class=\"text-xl font-bold text-slate-900 mt-1 mb-2\">Visual Feedback & Resoluci\u00f3n \u00c1gil<\/h4>\r\n                    <p class=\"text-slate-500 text-sm leading-relaxed\">Cuando t\u00fa o tu equipo detectan algo, lo\r\n                        se\u00f1alan directamente en pantalla. Recibimos el ticket enriquecido con todos los datos\r\n                        t\u00e9cnicos y lo resolvemos en menos de 2 horas en horario laboral. Recibes notificaci\u00f3n\r\n                        cuando el trabajo est\u00e9 completo.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- PASO 5: Reporte y Optimizaci\u00f3n Mensual -->\r\n            <div class=\"relative flex gap-6 group\">\r\n                <div class=\"flex flex-col items-center\">\r\n                    <div\r\n                        class=\"w-12 h-12 bg-green-600 rounded-2xl flex items-center justify-center shadow-lg shadow-green-600\/30 shrink-0 group-hover:scale-110 transition-transform duration-300\">\r\n                        <i data-lucide=\"bar-chart-2\" class=\"w-5 h-5 text-white\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pt-2\">\r\n                    <span class=\"text-xs font-bold text-green-600 uppercase tracking-wider\">Paso 5 \u00b7 Mensual<\/span>\r\n                    <h4 class=\"text-xl font-bold text-slate-900 mt-1 mb-2\">Reporte Mensual & Optimizaci\u00f3n Continua\r\n                    <\/h4>\r\n                    <p class=\"text-slate-500 text-sm leading-relaxed\">Cada mes recibes un reporte visual con todas\r\n                        las m\u00e9tricas clave: uptime, velocidad, seguridad, cambios realizados y recomendaciones de\r\n                        mejora. Identificamos oportunidades para seguir haciendo crecer tu presencia digital mes\r\n                        tras mes.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2b8df9 e-flex e-con-boxed e-con e-parent\" data-id=\"e2b8df9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3077c76 elementor-widget elementor-widget-html\" data-id=\"3077c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n     TESTIMONIOS \/ CASOS DE \u00c9XITO\r\n     Prueba social con tarjetas de clientes reales.\r\n     Incluye avatar, nombre, cargo, empresa, rating\r\n     y resultado cuantificable obtenido.\r\n     ============================================= -->\r\n<section id=\"testimonios\" class=\"py-20 md:py-28 bg-white overflow-hidden\">\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n\r\n        <!-- Encabezado de secci\u00f3n -->\r\n        <div class=\"text-center mb-16\">\r\n            <span class=\"inline-block text-xs font-bold uppercase tracking-widest text-brand-600 mb-3\">Casos de\r\n                \u00c9xito<\/span>\r\n            <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold tracking-tight mb-4\">\r\n                Negocios que ya crecen<br class=\"hidden sm:block\" \/>\r\n                <span class=\"gradient-text\">sin preocuparse por su web.<\/span>\r\n            <\/h2>\r\n            <p class=\"text-lg text-slate-500 max-w-xl mx-auto\">\r\n                Resultados reales de clientes que dejaron el mantenimiento reactivo y eligieron la tranquilidad.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- M\u00e9tricas de impacto global (barra superior) -->\r\n        <div\r\n            class=\"grid grid-cols-2 md:grid-cols-4 gap-4 max-w-4xl mx-auto mb-16 bg-slate-50 border border-slate-100 rounded-2xl p-6\">\r\n            <div class=\"text-center\">\r\n                <div class=\"text-3xl font-extrabold text-slate-900 mb-1\">+120<\/div>\r\n                <div class=\"text-xs text-slate-500 font-medium\">Clientes activos<\/div>\r\n            <\/div>\r\n            <div class=\"text-center border-l border-slate-200\">\r\n                <div class=\"text-3xl font-extrabold text-slate-900 mb-1\">98%<\/div>\r\n                <div class=\"text-xs text-slate-500 font-medium\">Tasa de retenci\u00f3n<\/div>\r\n            <\/div>\r\n            <div class=\"text-center border-l border-slate-200\">\r\n                <div class=\"text-3xl font-extrabold text-slate-900 mb-1\">4.9<span\r\n                        class=\"text-yellow-400\">\u2605<\/span><\/div>\r\n                <div class=\"text-xs text-slate-500 font-medium\">Valoraci\u00f3n media<\/div>\r\n            <\/div>\r\n            <div class=\"text-center border-l border-slate-200\">\r\n                <div class=\"text-3xl font-extrabold text-slate-900 mb-1\">0<\/div>\r\n                <div class=\"text-xs text-slate-500 font-medium\">Ca\u00eddas sin resolver<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Grid de tarjetas de testimonios -->\r\n        <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n\r\n            <!-- Testimonio 1 -->\r\n            <div\r\n                class=\"bg-white border border-slate-200 rounded-2xl p-7 shadow-card card-hover flex flex-col\">\r\n                <!-- Rating de estrellas -->\r\n                <div class=\"flex items-center gap-0.5 mb-5\">\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                <\/div>\r\n                <!-- Cita del cliente -->\r\n                <blockquote class=\"text-slate-600 text-sm leading-relaxed flex-1 mb-6\">\r\n                    \"Antes perd\u00edamos ventas cada vez que la web ca\u00eda y nos enter\u00e1bamos horas despu\u00e9s. Desde que\r\n                    contratamos WebCare Pro <strong class=\"text-slate-800\">nunca hemos tenido una ca\u00edda sin\r\n                        resolver en menos de 20 minutos<\/strong>. El sistema de feedback visual es un antes y un\r\n                    despu\u00e9s.\"\r\n                <\/blockquote>\r\n                <!-- Resultado destacado -->\r\n                <div class=\"bg-green-50 border border-green-100 rounded-xl px-4 py-2.5 mb-5\">\r\n                    <div class=\"flex items-center gap-2\">\r\n                        <i data-lucide=\"trending-up\" class=\"w-4 h-4 text-green-600 shrink-0\"><\/i>\r\n                        <span class=\"text-xs font-semibold text-green-700\">+34% en tasa de conversi\u00f3n tras\r\n                            optimizaci\u00f3n de velocidad<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Autor -->\r\n                <div class=\"flex items-center gap-3\">\r\n                    <div\r\n                        class=\"w-10 h-10 bg-gradient-to-br from-brand-400 to-brand-600 rounded-full flex items-center justify-center text-white font-bold text-sm shrink-0\">\r\n                        CM\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"text-sm font-semibold text-slate-800\">Carlos Mendoza<\/div>\r\n                        <div class=\"text-xs text-slate-500\">CEO \u00b7 TiendaOnline MX<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonio 2 (destacado con fondo de color) -->\r\n            <div\r\n                class=\"pricing-featured-bg rounded-2xl p-7 shadow-featured card-hover flex flex-col\">\r\n                <!-- Rating de estrellas -->\r\n                <div class=\"flex items-center gap-0.5 mb-5\">\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                <\/div>\r\n                <!-- Cita del cliente -->\r\n                <blockquote class=\"text-white\/90 text-sm leading-relaxed flex-1 mb-6\">\r\n                    \"Llevaba a\u00f1os con el mismo proveedor que solo actuaba cuando algo se romp\u00eda. Con WebCare Pro\r\n                    el cambio fue inmediato: <strong class=\"text-white\">recibo un reporte cada mes, s\u00e9 exactamente\r\n                        qu\u00e9 se hizo<\/strong> y mi equipo puede reportar errores sin saber nada de tecnolog\u00eda. Es\r\n                    el servicio que siempre necesit\u00e9.\"\r\n                <\/blockquote>\r\n                <!-- Resultado destacado -->\r\n                <div class=\"bg-white\/15 border border-white\/20 rounded-xl px-4 py-2.5 mb-5\">\r\n                    <div class=\"flex items-center gap-2\">\r\n                        <i data-lucide=\"zap\" class=\"w-4 h-4 text-yellow-300 shrink-0\"><\/i>\r\n                        <span class=\"text-xs font-semibold text-white\">De 4.1 seg a 1.3 seg de carga. PageSpeed\r\n                            de 52 a 94.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Autor -->\r\n                <div class=\"flex items-center gap-3\">\r\n                    <div\r\n                        class=\"w-10 h-10 bg-white\/20 rounded-full flex items-center justify-center text-white font-bold text-sm shrink-0\">\r\n                        SR\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"text-sm font-semibold text-white\">Sof\u00eda Ramos<\/div>\r\n                        <div class=\"text-xs text-brand-200\">Directora de Marketing \u00b7 Cl\u00ednica Bienestar<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonio 3 -->\r\n            <div\r\n                class=\"bg-white border border-slate-200 rounded-2xl p-7 shadow-card card-hover flex flex-col\">\r\n                <!-- Rating de estrellas -->\r\n                <div class=\"flex items-center gap-0.5 mb-5\">\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                <\/div>\r\n                <!-- Cita del cliente -->\r\n                <blockquote class=\"text-slate-600 text-sm leading-relaxed flex-1 mb-6\">\r\n                    \"El Visual Feedback cambi\u00f3 completamente c\u00f3mo trabajamos con nuestra web. Antes envi\u00e1bamos\r\n                    capturas de pantalla por WhatsApp y tardaban d\u00edas en resolverse.\r\n                    <strong class=\"text-slate-800\">Ahora en 2 horas est\u00e1 resuelto y tenemos trazabilidad de\r\n                        todo<\/strong>. Incre\u00edble la diferencia.\"\r\n                <\/blockquote>\r\n                <!-- Resultado destacado -->\r\n                <div class=\"bg-purple-50 border border-purple-100 rounded-xl px-4 py-2.5 mb-5\">\r\n                    <div class=\"flex items-center gap-2\">\r\n                        <i data-lucide=\"clock\" class=\"w-4 h-4 text-purple-600 shrink-0\"><\/i>\r\n                        <span class=\"text-xs font-semibold text-purple-700\">Tiempo de resoluci\u00f3n reducido de 72h a\r\n                            menos de 2h<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Autor -->\r\n                <div class=\"flex items-center gap-3\">\r\n                    <div\r\n                        class=\"w-10 h-10 bg-gradient-to-br from-purple-400 to-purple-600 rounded-full flex items-center justify-center text-white font-bold text-sm shrink-0\">\r\n                        AT\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"text-sm font-semibold text-slate-800\">Andr\u00e9s Torres<\/div>\r\n                        <div class=\"text-xs text-slate-500\">CTO \u00b7 Agencia Creativa Norte<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonio 4 -->\r\n            <div\r\n                class=\"bg-white border border-slate-200 rounded-2xl p-7 shadow-card card-hover flex flex-col\">\r\n                <!-- Rating de estrellas -->\r\n                <div class=\"flex items-center gap-0.5 mb-5\">\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                <\/div>\r\n                <!-- Cita del cliente -->\r\n                <blockquote class=\"text-slate-600 text-sm leading-relaxed flex-1 mb-6\">\r\n                    \"Sufrimos un hackeo antes de contratar WebCare Pro. Fue un caos. Ahora tenemos backups\r\n                    diarios, firewall activo y escaneos de malware autom\u00e1ticos.\r\n                    <strong class=\"text-slate-800\">Llevamos 14 meses sin un solo incidente de seguridad<\/strong>.\r\n                    La tranquilidad no tiene precio.\"\r\n                <\/blockquote>\r\n                <!-- Resultado destacado -->\r\n                <div class=\"bg-amber-50 border border-amber-100 rounded-xl px-4 py-2.5 mb-5\">\r\n                    <div class=\"flex items-center gap-2\">\r\n                        <i data-lucide=\"shield-check\" class=\"w-4 h-4 text-amber-600 shrink-0\"><\/i>\r\n                        <span class=\"text-xs font-semibold text-amber-700\">14 meses sin incidentes de seguridad ni\r\n                            ca\u00eddas<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Autor -->\r\n                <div class=\"flex items-center gap-3\">\r\n                    <div\r\n                        class=\"w-10 h-10 bg-gradient-to-br from-amber-400 to-orange-500 rounded-full flex items-center justify-center text-white font-bold text-sm shrink-0\">\r\n                        LV\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"text-sm font-semibold text-slate-800\">Laura Vega<\/div>\r\n                        <div class=\"text-xs text-slate-500\">Fundadora \u00b7 Estudio LV Arquitectura<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonio 5 -->\r\n            <div\r\n                class=\"bg-white border border-slate-200 rounded-2xl p-7 shadow-card card-hover flex flex-col\">\r\n                <!-- Rating de estrellas -->\r\n                <div class=\"flex items-center gap-0.5 mb-5\">\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                <\/div>\r\n                <!-- Cita del cliente -->\r\n                <blockquote class=\"text-slate-600 text-sm leading-relaxed flex-1 mb-6\">\r\n                    \"El reporte mensual es lo que m\u00e1s valoro. Me llega en PDF con gr\u00e1ficas, explica todo lo que\r\n                    se hizo ese mes y qu\u00e9 viene el pr\u00f3ximo. <strong class=\"text-slate-800\">Por fin tengo\r\n                        visibilidad total sobre mi inversi\u00f3n digital<\/strong> sin tener que perseguir al\r\n                    proveedor.\"\r\n                <\/blockquote>\r\n                <!-- Resultado destacado -->\r\n                <div class=\"bg-brand-50 border border-brand-100 rounded-xl px-4 py-2.5 mb-5\">\r\n                    <div class=\"flex items-center gap-2\">\r\n                        <i data-lucide=\"bar-chart-2\" class=\"w-4 h-4 text-brand-600 shrink-0\"><\/i>\r\n                        <span class=\"text-xs font-semibold text-brand-700\">100% de visibilidad sobre cada acci\u00f3n\r\n                            realizada en su web<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Autor -->\r\n                <div class=\"flex items-center gap-3\">\r\n                    <div\r\n                        class=\"w-10 h-10 bg-gradient-to-br from-brand-400 to-indigo-600 rounded-full flex items-center justify-center text-white font-bold text-sm shrink-0\">\r\n                        MG\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"text-sm font-semibold text-slate-800\">Miguel Garc\u00eda<\/div>\r\n                        <div class=\"text-xs text-slate-500\">Gerente General \u00b7 Consultor\u00eda MG Group<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonio 6 -->\r\n            <div\r\n                class=\"bg-white border border-slate-200 rounded-2xl p-7 shadow-card card-hover flex flex-col\">\r\n                <!-- Rating de estrellas -->\r\n                <div class=\"flex items-center gap-0.5 mb-5\">\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                    <i data-lucide=\"star\" class=\"w-4 h-4 text-yellow-400 fill-yellow-400\"><\/i>\r\n                <\/div>\r\n                <!-- Cita del cliente -->\r\n                <blockquote class=\"text-slate-600 text-sm leading-relaxed flex-1 mb-6\">\r\n                    \"Pasamos al plan Escalado hace 6 meses y fue la mejor decisi\u00f3n. Tener un manager dedicado que\r\n                    conoce nuestra web como si fuera suya es un lujo que ya no podemos imaginar no tener.\r\n                    <strong class=\"text-slate-800\">Nuestra web pas\u00f3 de ser un gasto a ser nuestro mejor canal\r\n                        de ventas<\/strong>.\"\r\n                <\/blockquote>\r\n                <!-- Resultado destacado -->\r\n                <div class=\"bg-green-50 border border-green-100 rounded-xl px-4 py-2.5 mb-5\">\r\n                    <div class=\"flex items-center gap-2\">\r\n                        <i data-lucide=\"trending-up\" class=\"w-4 h-4 text-green-600 shrink-0\"><\/i>\r\n                        <span class=\"text-xs font-semibold text-green-700\">+58% en leads org\u00e1nicos en 6 meses con\r\n                            SEO t\u00e9cnico incluido<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Autor -->\r\n                <div class=\"flex items-center gap-3\">\r\n                    <div\r\n                        class=\"w-10 h-10 bg-gradient-to-br from-green-400 to-teal-600 rounded-full flex items-center justify-center text-white font-bold text-sm shrink-0\">\r\n                        PL\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"text-sm font-semibold text-slate-800\">Patricia L\u00f3pez<\/div>\r\n                        <div class=\"text-xs text-slate-500\">CEO \u00b7 Inmobiliaria PL Premium<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Enlace para ver m\u00e1s casos de \u00e9xito -->\r\n        <div class=\"text-center mt-12\">\r\n            <a href=\"#contacto\"\r\n                class=\"inline-flex items-center gap-2 text-brand-600 hover:text-brand-700 font-semibold text-sm transition-colors group\">\r\n                Ver todos los casos de \u00e9xito\r\n                <i data-lucide=\"arrow-right\"\r\n                    class=\"w-4 h-4 group-hover:translate-x-1 transition-transform\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9fe4cd5 e-flex e-con-boxed e-con e-parent\" data-id=\"9fe4cd5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1013b84 elementor-widget elementor-widget-html\" data-id=\"1013b84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n     CTA FINAL\r\n     Llamada a la acci\u00f3n de cierre con doble CTA:\r\n     diagn\u00f3stico gratuito o contacto directo.\r\n     Fondo con gradiente azul llamativo.\r\n     ============================================= -->\r\n<section class=\"py-20 md:py-24 bg-white\">\r\n    <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n        <div\r\n            class=\"relative bg-gradient-to-br from-brand-700 via-brand-600 to-indigo-600 rounded-3xl p-10 md:p-14 overflow-hidden text-center\">\r\n\r\n            <!-- Elementos decorativos de fondo del CTA -->\r\n            <div\r\n                class=\"absolute -top-10 -right-10 w-64 h-64 bg-white\/5 rounded-full pointer-events-none\">\r\n            <\/div>\r\n            <div\r\n                class=\"absolute -bottom-12 -left-12 w-56 h-56 bg-white\/5 rounded-full pointer-events-none\">\r\n            <\/div>\r\n            <div\r\n                class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full h-full bg-[radial-gradient(ellipse_at_center,rgba(255,255,255,0.04)_0%,transparent_70%)] pointer-events-none\">\r\n            <\/div>\r\n\r\n            <div class=\"relative z-10\">\r\n                <h2\r\n                    class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold text-white mb-5 tracking-tight leading-tight\">\r\n                    \u00bfListo para dejar de preocuparte<br class=\"hidden sm:block\" \/>\r\n                    por tu web?\r\n                <\/h2>\r\n                <p class=\"text-brand-100 text-lg mb-8 max-w-xl mx-auto leading-relaxed\">\r\n                    Comienza con un diagn\u00f3stico gratuito y sin compromiso. Descubre el estado real de tu web en\r\n                    menos de 48 horas.\r\n                <\/p>\r\n                <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4\">\r\n                    <a href=\"#contacto\"\r\n                        class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-white text-brand-700 font-bold text-base px-8 py-3.5 rounded-xl hover:bg-brand-50 transition-all hover:shadow-xl hover:-translate-y-0.5\">\r\n                        Obtener diagn\u00f3stico gratis\r\n                        <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/wa.me\/+1234567890\"\r\n                        class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-transparent border-2 border-white\/30 hover:border-white\/60 text-white font-semibold text-base px-8 py-3.5 rounded-xl transition-all hover:bg-white\/10\">\r\n                        <i data-lucide=\"message-circle\" class=\"w-4 h-4\"><\/i>\r\n                        Hablar por WhatsApp\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cdbead e-con-full e-flex e-con e-parent\" data-id=\"2cdbead\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02d614b elementor-widget elementor-widget-html\" data-id=\"02d614b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n     FOOTER\r\n     Cuatro columnas: marca + redes, servicios, \r\n     compa\u00f1\u00eda y datos de contacto.\r\n     Barra inferior con copyright y links legales.\r\n     ============================================= -->\r\n<footer id=\"contacto\" class=\"bg-slate-900 text-slate-300\">\r\n\r\n    <!-- Contenido principal del footer (4 columnas) -->\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-14\">\r\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-10\">\r\n\r\n            <!-- Columna 1: Logo, descripci\u00f3n y redes sociales -->\r\n            <div class=\"sm:col-span-2 lg:col-span-1\">\r\n                <a href=\"#\" class=\"flex items-center gap-2.5 mb-4\">\r\n                    <div class=\"w-8 h-8 bg-brand-600 rounded-lg flex items-center justify-center\">\r\n                        <i data-lucide=\"zap\" class=\"w-4 h-4 text-white\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"font-bold text-lg text-white\">WebCare<span\r\n                            class=\"text-brand-400\">Pro<\/span><\/span>\r\n                <\/a>\r\n                <p class=\"text-sm text-slate-400 leading-relaxed mb-5\">\r\n                    Mantenimiento y crecimiento web premium. Tu web siempre operativa, tu negocio siempre\r\n                    creciendo.\r\n                <\/p>\r\n                <!-- Iconos de redes sociales -->\r\n                <div class=\"flex items-center gap-2.5\">\r\n                    <a href=\"#\"\r\n                        class=\"w-9 h-9 bg-slate-800 hover:bg-brand-600 rounded-lg flex items-center justify-center transition-colors\"\r\n                        aria-label=\"Twitter \/ X\">\r\n                        <i data-lucide=\"twitter\" class=\"w-4 h-4\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"#\"\r\n                        class=\"w-9 h-9 bg-slate-800 hover:bg-brand-600 rounded-lg flex items-center justify-center transition-colors\"\r\n                        aria-label=\"LinkedIn\">\r\n                        <i data-lucide=\"linkedin\" class=\"w-4 h-4\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"#\"\r\n                        class=\"w-9 h-9 bg-slate-800 hover:bg-brand-600 rounded-lg flex items-center justify-center transition-colors\"\r\n                        aria-label=\"Instagram\">\r\n                        <i data-lucide=\"instagram\" class=\"w-4 h-4\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"#\"\r\n                        class=\"w-9 h-9 bg-slate-800 hover:bg-brand-600 rounded-lg flex items-center justify-center transition-colors\"\r\n                        aria-label=\"YouTube\">\r\n                        <i data-lucide=\"youtube\" class=\"w-4 h-4\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Columna 2: Servicios -->\r\n            <div>\r\n                <h4 class=\"text-sm font-bold text-white uppercase tracking-wider mb-5\">Servicios<\/h4>\r\n                <ul class=\"space-y-3\">\r\n                    <li><a href=\"#pilares\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">Infraestructura\r\n                            Blindada<\/a><\/li>\r\n                    <li><a href=\"#pilares\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">Visual\r\n                            Feedback<\/a><\/li>\r\n                    <li><a href=\"#precios\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">Plan\r\n                            Esencial<\/a><\/li>\r\n                    <li><a href=\"#precios\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">Plan\r\n                            Crecimiento<\/a><\/li>\r\n                    <li><a href=\"#precios\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">Plan\r\n                            Escalado<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Columna 3: Compa\u00f1\u00eda -->\r\n            <div>\r\n                <h4 class=\"text-sm font-bold text-white uppercase tracking-wider mb-5\">Compa\u00f1\u00eda<\/h4>\r\n                <ul class=\"space-y-3\">\r\n                    <li><a href=\"#proceso\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">C\u00f3mo\r\n                            Trabajamos<\/a><\/li>\r\n                    <li><a href=\"#problema\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">Por Qu\u00e9\r\n                            Elegirnos<\/a><\/li>\r\n                    <li><a href=\"#\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">Blog &\r\n                            Recursos<\/a><\/li>\r\n                    <li><a href=\"#\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">T\u00e9rminos de\r\n                            Servicio<\/a><\/li>\r\n                    <li><a href=\"#\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">Pol\u00edtica de\r\n                            Privacidad<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Columna 4: Contacto directo -->\r\n            <div>\r\n                <h4 class=\"text-sm font-bold text-white uppercase tracking-wider mb-5\">Contacto<\/h4>\r\n                <ul class=\"space-y-3.5\">\r\n                    <li class=\"flex items-start gap-2.5\">\r\n                        <i data-lucide=\"mail\" class=\"w-4 h-4 text-brand-400 mt-0.5 shrink-0\"><\/i>\r\n                        <a href=\"mailto:hola@webcarepro.com\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">hola@webcarepro.com<\/a>\r\n                    <\/li>\r\n                    <li class=\"flex items-start gap-2.5\">\r\n                        <i data-lucide=\"message-circle\" class=\"w-4 h-4 text-brand-400 mt-0.5 shrink-0\"><\/i>\r\n                        <a href=\"https:\/\/wa.me\/+1234567890\"\r\n                            class=\"text-sm text-slate-400 hover:text-brand-400 transition-colors\">+1 (234)\r\n                            567-890<\/a>\r\n                    <\/li>\r\n                    <li class=\"flex items-start gap-2.5\">\r\n                        <i data-lucide=\"clock\" class=\"w-4 h-4 text-brand-400 mt-0.5 shrink-0\"><\/i>\r\n                        <span class=\"text-sm text-slate-400\">Lun\u2013Vie: 9:00 \u2013 18:00<br \/>Soporte 24\/7 para\r\n                            emergencias<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n                <div class=\"mt-5\">\r\n                    <a href=\"#precios\"\r\n                        class=\"inline-flex items-center gap-1.5 bg-brand-600 hover:bg-brand-700 text-white text-sm font-semibold px-4 py-2 rounded-lg transition-colors\">\r\n                        Empezar ahora\r\n                        <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Barra inferior: copyright y links legales -->\r\n    <div class=\"border-t border-slate-800\">\r\n        <div\r\n            class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-5 flex flex-col sm:flex-row items-center justify-between gap-3\">\r\n            <p class=\"text-xs text-slate-500\">\u00a9 2025 WebCare Pro. Todos los derechos reservados.<\/p>\r\n            <div class=\"flex items-center gap-4\">\r\n                <a href=\"#\" class=\"text-xs text-slate-500 hover:text-slate-400 transition-colors\">Privacidad<\/a>\r\n                <a href=\"#\" class=\"text-xs text-slate-500 hover:text-slate-400 transition-colors\">T\u00e9rminos<\/a>\r\n                <a href=\"#\" class=\"text-xs text-slate-500 hover:text-slate-400 transition-colors\">Cookies<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WPVelix El Problema Servicios Precios C\u00f3mo Trabajamos Testimonios Contacto Empezar ahora El Problema Servicios Precios C\u00f3mo Trabajamos Testimonios Empezar ahora [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpvelix.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpvelix.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpvelix.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpvelix.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpvelix.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":31,"href":"https:\/\/wpvelix.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":62,"href":"https:\/\/wpvelix.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/62"}],"wp:attachment":[{"href":"https:\/\/wpvelix.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}