{"id":19,"date":"2026-02-25T18:20:37","date_gmt":"2026-02-25T18:20:37","guid":{"rendered":"https:\/\/mantenimientowp360.com\/?page_id=19"},"modified":"2026-02-26T12:42:37","modified_gmt":"2026-02-26T12:42:37","slug":"inicio","status":"publish","type":"page","link":"https:\/\/mantenimientowp360.com\/","title":{"rendered":"INICIO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1571d1 e-flex e-con-boxed e-con e-parent\" data-id=\"d1571d1\" 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-9261265 elementor-widget elementor-widget-html\" data-id=\"9261265\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\" style=\"scroll-behavior: smooth;\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Mantenimiento WP 360 | Seguridad y Velocidad para tu Web<\/title>\n    <meta name=\"description\" content=\"Servicio experto de mantenimiento en WordPress y desarrollo web. Protege tu negocio de hackeos, mejora tu velocidad con LiteSpeed y no pierdas m\u00e1s clientes.\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n    \n    <!-- Google Fonts: Lexend Deca -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@100..900&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* Configuraci\u00f3n de Marca *\/\n        :root {\n            --brand-orange: #f36f21; \n            --brand-black: #1a1a1a;\n            --brand-gray: #f4f4f4;\n        }\n\n        body {\n            font-family: 'Lexend Deca', sans-serif; \n            background-color: var(--brand-gray);\n            color: #333;\n        }\n\n        .text-brand-orange { color: var(--brand-orange); }\n        .bg-brand-orange { background-color: var(--brand-orange); }\n        .hover\\:bg-brand-orange:hover { background-color: #d65a12; }\n        .border-brand-orange { border-color: var(--brand-orange); }\n\n        .no-theme-styles { border: none !important; outline: none !important; box-shadow: none !important; text-decoration: none !important; background: transparent; }\n        .no-theme-styles:focus, .no-theme-styles:active { border: none !important; outline: none !important; box-shadow: none !important; }\n\n        .chart-container { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 350px; max-height: 400px; }\n\n        .card-shadow { box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; }\n        .card-shadow:hover { transform: translateY(-5px); box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.1); }\n\n        .section-title { position: relative; display: inline-block; margin-bottom: 1.5rem; }\n        .section-title::after { content: ''; position: absolute; bottom: -8px; left: 0; width: 80px; height: 5px; background-color: var(--brand-orange); border-radius: 2px; }\n\n        .btn-primary { background-color: var(--brand-orange) !important; color: white !important; font-weight: 700 !important; transition: all 0.3s ease; display: inline-block; }\n        .btn-primary:hover { background-color: #d65a12 !important; transform: scale(1.02); }\n\n        .logo-img { width: 250px !important; height: 60px !important; object-fit: contain; border: none !important; }\n\n        .hide-scrollbar::-webkit-scrollbar { display: none; }\n        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n\n        \/* ============================================================\n           ESTILOS AMPLIADOS PARA CONTACT FORM 7 \n        ============================================================ *\/\n        .wpcf7 form { margin: 0 !important; }\n        \n        \/* Inputs gen\u00e9ricos, selects y textareas *\/\n        .wpcf7-form-control-wrap input:not([type=\"checkbox\"]):not([type=\"submit\"]),\n        .wpcf7-form-control-wrap select,\n        .wpcf7-form-control-wrap textarea {\n            width: 100% !important; padding: 0.75rem 1rem !important; border-radius: 0.5rem !important;\n            background-color: #f9fafb !important; border: 1px solid #e5e7eb !important; outline: none !important;\n            transition: border-color 0.3s !important; color: #374151 !important; font-family: 'Lexend Deca', sans-serif !important;\n        }\n        .wpcf7-form-control-wrap select { height: 3.2rem !important; cursor: pointer; }\n        .wpcf7-form-control-wrap textarea { resize: vertical !important; }\n        .wpcf7-form-control-wrap input:focus, .wpcf7-form-control-wrap select:focus, .wpcf7-form-control-wrap textarea:focus { border-color: var(--brand-orange) !important; box-shadow: 0 0 0 1px var(--brand-orange) !important; }\n        \n        \/* Checkboxes y Privacidad *\/\n        .wpcf7-acceptance { display: flex !important; align-items: flex-start !important; }\n        .wpcf7-acceptance input[type=\"checkbox\"], .wpcf7-checkbox input[type=\"checkbox\"] { margin-top: 0.25rem !important; margin-right: 0.5rem !important; accent-color: var(--brand-orange); cursor: pointer; transform: scale(1.1); }\n        .wpcf7-list-item { margin-left: 0 !important; }\n\n        \/* Bot\u00f3n Enviar *\/\n        .wpcf7-submit {\n            width: 100% !important; background-color: var(--brand-orange) !important; color: white !important;\n            padding: 1rem 0 !important; border-radius: 0.75rem !important; font-size: 1.125rem !important;\n            font-weight: bold !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;\n            cursor: pointer !important; border: none !important; transition: all 0.3s !important; margin-top: 1rem !important;\n        }\n        .wpcf7-submit:hover { background-color: #d65a12 !important; transform: scale(1.02); }\n        \n        \/* Avisos *\/\n        .wpcf7 form.sent .wpcf7-response-output { border: 2px solid #22c55e !important; background-color: #f0fdf4 !important; color: #166534 !important; padding: 1rem !important; border-radius: 0.75rem !important; font-weight: bold !important; text-align: center !important; margin-top: 1.5rem !important; }\n        .wpcf7 form.invalid .wpcf7-response-output { border: 2px solid #ef4444 !important; background-color: #fef2f2 !important; color: #991b1b !important; border-radius: 0.5rem !important; }\n        .wpcf7-not-valid-tip { font-size: 0.75rem !important; color: #ef4444 !important; margin-top: 0.25rem !important; }\n        .wpcf7-spinner { display: none !important; }\n\n        \/* Estilos para logos CSS hiper-ligeros (0 HTTP requests) *\/\n        .css-logo { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; font-weight: 800; letter-spacing: -0.5px; }\n    <\/style>\n<\/head>\n<body class=\"flex flex-col min-h-screen\">\n\n    <!-- Navigation -->\n    <header class=\"bg-white shadow-md sticky top-0 z-50\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between items-center h-24\"> \n                <div class=\"flex items-center flex-shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/mantenimientowp360.com\/wp-content\/uploads\/2026\/02\/MWP360.png\" alt=\"Mantenimiento 360 Logo\" class=\"logo-img\">\n                <\/div>\n                <nav class=\"hidden md:flex items-center gap-8\">\n                    <a href=\"#benefits\" class=\"no-theme-styles text-gray-700 hover:text-brand-orange font-medium transition-colors cursor-pointer text-base\">\u00bfPor qu\u00e9 nosotros?<\/a>\n                    <a href=\"#pricing\" class=\"no-theme-styles text-gray-700 hover:text-brand-orange font-medium transition-colors cursor-pointer text-base\">Planes y Precios<\/a>\n                    <a href=\"#reviews\" class=\"no-theme-styles text-gray-700 hover:text-brand-orange font-medium transition-colors cursor-pointer text-base\">Opiniones<\/a>\n                    <a href=\"#audit\" class=\"no-theme-styles btn-primary px-6 py-3 rounded-full shadow-lg shadow-orange-500\/30 cursor-pointer text-base ml-2\">\n                        Auditor\u00eda Gratis\n                    <\/a>\n                <\/nav>\n                <a href=\"javascript:void(0)\" class=\"md:hidden text-gray-600 no-theme-styles cursor-pointer\" onclick=\"toggleMobileMenu()\">\n                    <i class=\"fas fa-bars text-2xl\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n        <!-- Mobile Menu -->\n        <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gray-100\">\n            <div class=\"px-4 pt-2 pb-4 space-y-2\">\n                <a href=\"#benefits\" onclick=\"toggleMobileMenu()\" class=\"block w-full text-left py-2 text-gray-600 font-medium no-theme-styles\">\u00bfPor qu\u00e9 nosotros?<\/a>\n                <a href=\"#pricing\" onclick=\"toggleMobileMenu()\" class=\"block w-full text-left py-2 text-gray-600 font-medium no-theme-styles\">Planes<\/a>\n                <a href=\"#reviews\" onclick=\"toggleMobileMenu()\" class=\"block w-full text-left py-2 text-gray-600 font-medium no-theme-styles\">Opiniones<\/a>\n                <a href=\"#audit\" onclick=\"toggleMobileMenu()\" class=\"block w-full text-left py-2 text-brand-orange font-bold no-theme-styles\">Solicitar Auditor\u00eda<\/a>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <main class=\"flex-grow\">\n        \n        <!-- Hero Section -->\n        <section class=\"bg-white relative overflow-hidden\">\n            <div class=\"max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center\">\n                <div class=\"md:w-1\/2 pr-0 md:pr-12 relative z-10\">\n                    <div class=\"inline-block bg-orange-100 text-brand-orange px-4 py-1 rounded-full text-sm font-bold mb-6 shadow-sm border border-orange-200\">\n                        <i class=\"fas fa-shield-alt mr-2\"><\/i> Expertos en Mantenimiento en WordPress\n                    <\/div>\n                    <h1 class=\"text-4xl md:text-5xl font-extrabold text-gray-900 leading-tight mb-6 tracking-tight max-w-xl\">\n                        Tu web WordPress, <br>\n                        <span class=\"text-brand-orange\">r\u00e1pida, segura y sin problemas.<\/span>\n                    <\/h1>\n                    <p class=\"text-lg text-gray-600 mb-8 leading-relaxed max-w-xl\">\n                        Deja de preocuparte por actualizaciones, virus o webs lentas. Nos ocupamos de todo para que t\u00fa solo te ocupes de vender.\n                        <br><strong class=\"text-gray-800\">Hosting LiteSpeed y Seguridad Premium incluidos.<\/strong>\n                    <\/p>\n                    \n                    <div class=\"flex flex-col sm:flex-row gap-5 mt-4\">\n                        <!-- El bot\u00f3n Ver Planes apunta a la secci\u00f3n de precios -->\n                        <a href=\"#pricing\" class=\"no-theme-styles btn-primary px-8 py-4 rounded-xl text-xl text-center cursor-pointer shadow-xl hover:shadow-2xl\">\n                            Ver Planes\n                        <\/a>\n                        <a href=\"#audit\" class=\"no-theme-styles bg-white border-2 border-gray-200 text-gray-800 hover:border-brand-orange hover:text-brand-orange px-8 py-4 rounded-xl text-xl font-bold transition-all text-center cursor-pointer shadow-sm hover:shadow-md\">\n                            Analizar mi web gratis\n                        <\/a>\n                    <\/div>\n                <\/div>\n                \n                <!-- Visual Element -->\n                <div class=\"md:w-1\/2 mt-16 md:mt-0 relative\">\n                    <div class=\"relative mx-auto w-full max-w-md\">\n                        <div class=\"absolute top-0 -left-4 w-72 h-72 bg-orange-200 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob\"><\/div>\n                        <div class=\"absolute top-0 -right-4 w-72 h-72 bg-gray-300 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob animation-delay-2000\"><\/div>\n                        <div class=\"relative bg-white rounded-2xl shadow-2xl border border-gray-100 p-6\">\n                            <div class=\"flex items-center justify-between border-b pb-4 mb-4\">\n                                <div class=\"flex items-center space-x-2\">\n                                    <div class=\"w-3 h-3 bg-red-500 rounded-full\"><\/div>\n                                    <div class=\"w-3 h-3 bg-yellow-500 rounded-full\"><\/div>\n                                    <div class=\"w-3 h-3 bg-green-500 rounded-full\"><\/div>\n                                <\/div>\n                                <div class=\"text-xs text-gray-400 font-mono\">status: protected<\/div>\n                            <\/div>\n                            <div class=\"space-y-4\">\n                                <div class=\"flex items-center justify-between\">\n                                    <span class=\"text-sm font-medium text-gray-600\"><i class=\"fas fa-tachometer-alt text-brand-orange mr-2\"><\/i> Velocidad de carga<\/span>\n                                    <span class=\"text-green-600 font-bold bg-green-100 px-2 py-1 rounded text-xs\">0.8s (Excelente)<\/span>\n                                <\/div>\n                                <div class=\"w-full bg-gray-200 rounded-full h-2\">\n                                    <div class=\"bg-green-500 h-2 rounded-full\" style=\"width: 95%\"><\/div>\n                                <\/div>\n                                <div class=\"flex items-center justify-between pt-2\">\n                                    <span class=\"text-sm font-medium text-gray-600\"><i class=\"fas fa-shield-virus text-brand-orange mr-2\"><\/i> Amenazas bloqueadas<\/span>\n                                    <span class=\"text-gray-900 font-bold\">142<\/span>\n                                <\/div>\n                                <div class=\"flex items-center justify-between pt-2\">\n                                    <span class=\"text-sm font-medium text-gray-600\"><i class=\"fab fa-google text-brand-orange mr-2\"><\/i> SEO Health<\/span>\n                                    <span class=\"text-green-600 font-bold\">100%<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Tech Stack Section -->\n        <section class=\"bg-gray-50 border-y border-gray-200 py-8\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n                <p class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-6\">Tecnolog\u00eda Premium para tu Desarrollo Web<\/p>\n                <div class=\"flex flex-wrap justify-center items-center gap-x-10 gap-y-6 opacity-80 hover:opacity-100 transition-opacity duration-500\">\n                    <div class=\"flex items-center space-x-2 grayscale hover:grayscale-0 transition-all duration-300\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/elementor\/D53165\" alt=\"Elementor\" class=\"h-6 w-auto\" width=\"24\" height=\"24\" loading=\"lazy\">\n                        <span class=\"font-bold text-lg text-gray-800\">Elementor<\/span>\n                    <\/div>\n                    <div class=\"flex items-center space-x-2 grayscale hover:grayscale-0 transition-all duration-300\">\n                        <img decoding=\"async\" src=\"https:\/\/ps.w.org\/litespeed-cache\/assets\/icon-128x128.png\" alt=\"LiteSpeed Cache\" class=\"h-6 w-auto\" loading=\"lazy\">\n                        <span class=\"font-bold text-lg text-gray-800 tracking-tight\">LiteSpeed<\/span>\n                    <\/div>\n                    <div class=\"flex items-center space-x-2 grayscale hover:grayscale-0 transition-all duration-300\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googleanalytics\/E37400\" alt=\"Google Analytics\" class=\"h-6 w-auto\" width=\"24\" height=\"24\" loading=\"lazy\">\n                        <span class=\"font-bold text-lg text-gray-800\">Google Analytics<\/span>\n                    <\/div>\n                    <div class=\"flex items-center space-x-2 grayscale hover:grayscale-0 transition-all duration-300\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlesearchconsole\/4285F4\" alt=\"Google Search Console\" class=\"h-6 w-auto\" width=\"24\" height=\"24\" loading=\"lazy\">\n                        <span class=\"font-bold text-lg text-gray-800\">Search Console<\/span>\n                    <\/div>\n                    <div class=\"flex items-center space-x-1 grayscale hover:grayscale-0 transition-all duration-300\">\n                        <span class=\"font-extrabold text-lg text-gray-800 tracking-tighter\">RankMath<\/span><span class=\"font-light text-lg text-gray-600\">SEO<\/span>\n                    <\/div>\n                    <div class=\"flex items-center space-x-2 grayscale hover:grayscale-0 transition-all duration-300\">\n                        <span class=\"font-black text-sm text-white bg-gray-800 px-2 py-1 rounded\">ASE PRO<\/span>\n                    <\/div>\n                    <div class=\"flex items-center space-x-1 grayscale hover:grayscale-0 transition-all duration-300\">\n                        <span class=\"font-bold text-lg text-gray-800\">Modular<\/span><span class=\"font-light text-lg text-gray-800\">DS<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Urgencia y P\u00e9rdidas -->\n        <section class=\"py-20 bg-white\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <!-- Alerta de Carga de Estr\u00e9s -->\n                <div class=\"bg-red-50 border-l-4 border-red-500 rounded-r-xl p-6 mb-16 shadow-sm flex flex-col md:flex-row items-center justify-between\">\n                    <div class=\"flex items-center mb-4 md:mb-0\">\n                        <div class=\"w-12 h-12 bg-red-100 text-red-500 rounded-full flex items-center justify-center text-2xl mr-4 flex-shrink-0 animate-pulse\">\n                            <i class=\"fas fa-exclamation-triangle\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-red-800 font-bold text-lg\">Alerta de Seguridad Global<\/h3>\n                            <p class=\"text-red-600 text-sm\">Monitorizaci\u00f3n de amenazas en tiempo real.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"text-center md:text-right\">\n                        <div class=\"text-3xl md:text-4xl font-extrabold text-red-600 font-mono tracking-tight\">\n                            <span id=\"vuln-counter\">4,150<\/span>\n                        <\/div>\n                        <p class=\"text-red-500 text-xs font-medium uppercase mt-1\">Vulnerabilidades en plugins detectadas este mes<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 section-title\">El alto coste de NO hacer nada<\/h2>\n                    <p class=\"text-gray-600 mt-4 max-w-3xl mx-auto text-lg\">\n                        El mantenimiento en WordPress no es un gasto, es un seguro para tu negocio. Descuidar tu desarrollo web tiene consecuencias econ\u00f3micas directas.\n                    <\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                    <!-- Tarjetas de p\u00e9rdida -->\n                    <div class=\"bg-white rounded-2xl p-8 border border-gray-100 card-shadow relative overflow-hidden\">\n                        <div class=\"absolute top-0 right-0 w-24 h-24 bg-gray-50 rounded-bl-full -z-10\"><\/div>\n                        <i class=\"fas fa-store-alt-slash text-4xl text-gray-400 mb-6\"><\/i>\n                        <h4 class=\"text-xl font-bold text-gray-900 mb-3\">P\u00e9rdidas por Ca\u00eddas (Downtime)<\/h4>\n                        <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">Si tu web se cae durante 24 horas, no solo pierdes las ventas o contactos de ese d\u00eda. <strong class=\"text-gray-900\">Pierdes la credibilidad<\/strong> ante clientes potenciales que intentaron visitarte y encontraron un error.<\/p>\n                        <div class=\"bg-gray-50 p-3 rounded-lg text-sm border border-gray-200\"><span class=\"text-red-500 font-bold\">Impacto:<\/span> Clientes perdidos hacia la competencia.<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-2xl p-8 border border-gray-100 card-shadow relative overflow-hidden\">\n                        <div class=\"absolute top-0 right-0 w-24 h-24 bg-red-50 rounded-bl-full -z-10\"><\/div>\n                        <i class=\"fas fa-user-secret text-4xl text-red-400 mb-6\"><\/i>\n                        <h4 class=\"text-xl font-bold text-gray-900 mb-3\">Hackeos y Penalizaci\u00f3n SEO<\/h4>\n                        <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">Recuperar una web infectada por malware cuesta entre 300\u20ac y 800\u20ac. Peor a\u00fan: Google detectar\u00e1 la infecci\u00f3n, mostrar\u00e1 una pantalla roja de alerta a tus visitas y <strong class=\"text-gray-900\">hundir\u00e1 tu posicionamiento SEO<\/strong>.<\/p>\n                        <div class=\"bg-red-50 p-3 rounded-lg text-sm border border-red-100\"><span class=\"text-red-600 font-bold\">Impacto:<\/span> Costes t\u00e9cnicos extra y p\u00e9rdida de tr\u00e1fico.<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-2xl p-8 border border-gray-100 card-shadow relative overflow-hidden\">\n                        <div class=\"absolute top-0 right-0 w-24 h-24 bg-orange-50 rounded-bl-full -z-10\"><\/div>\n                        <i class=\"fas fa-hourglass-half text-4xl text-brand-orange mb-6\"><\/i>\n                        <h4 class=\"text-xl font-bold text-gray-900 mb-3\">Fuga de clientes por Lentitud<\/h4>\n                        <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">Los datos son claros: el 53% de los usuarios abandona una p\u00e1gina si tarda m\u00e1s de 3 segundos en cargar. Es tr\u00e1fico y esfuerzo en marketing tirado a la basura por culpa de <strong class=\"text-gray-900\">falta de optimizaci\u00f3n t\u00e9cnica<\/strong>.<\/p>\n                        <div class=\"bg-orange-50 p-3 rounded-lg text-sm border border-orange-100\"><span class=\"text-brand-orange font-bold\">Impacto:<\/span> Ca\u00edda dr\u00e1stica en la tasa de conversi\u00f3n.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Features -->\n        <section id=\"benefits\" class=\"py-20 bg-gray-50 border-t border-gray-200\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-16\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 section-title\">\u00bfPor qu\u00e9 Mantenimiento 360?<\/h2>\n                    <p class=\"text-gray-600 max-w-2xl mx-auto mt-4 text-lg\">La soluci\u00f3n a los problemas anteriores. No somos solo un hosting, somos tu departamento t\u00e9cnico externo.<\/p>\n                <\/div>\n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n                    <div class=\"bg-white p-8 rounded-3xl shadow-xl\">\n                        <h3 class=\"text-xl font-bold mb-6 text-center text-gray-800\">Comparativa de Valor<\/h3>\n                        <div class=\"chart-container\"><canvas id=\"radarChart\"><\/canvas><\/div>\n                        <p class=\"text-center text-sm text-gray-500 mt-4\"><i class=\"fas fa-square text-brand-orange\"><\/i> Nosotros vs <i class=\"fas fa-square text-gray-400\"><\/i> Hosting tradicional<\/p>\n                    <\/div>\n                    <div class=\"space-y-8\">\n                        <div class=\"flex items-start\">\n                            <div class=\"flex-shrink-0 w-12 h-12 bg-orange-100 rounded-xl flex items-center justify-center text-brand-orange text-xl shadow-sm\"><i class=\"fas fa-rocket\"><\/i><\/div>\n                            <div class=\"ml-6\"><h4 class=\"text-xl font-bold text-gray-900\">Velocidad Extrema (LiteSpeed)<\/h4><p class=\"mt-2 text-gray-600\">Usamos servidores LiteSpeed Enterprise. Tu web volar\u00e1, lo que mejora tu posici\u00f3n en Google y la experiencia de tus clientes.<\/p><\/div>\n                        <\/div>\n                        <div class=\"flex items-start\">\n                            <div class=\"flex-shrink-0 w-12 h-12 bg-gray-900 rounded-xl flex items-center justify-center text-white text-xl shadow-sm\"><i class=\"fas fa-lock\"><\/i><\/div>\n                            <div class=\"ml-6\"><h4 class=\"text-xl font-bold text-gray-900\">Seguridad Activa<\/h4><p class=\"mt-2 text-gray-600\">No solo limpiamos virus, los prevenimos. Auditor\u00edas de seguridad constantes y eliminaci\u00f3n de plugins vulnerables.<\/p><\/div>\n                        <\/div>\n                        <div class=\"flex items-start\">\n                            <div class=\"flex-shrink-0 w-12 h-12 bg-orange-100 rounded-xl flex items-center justify-center text-brand-orange text-xl shadow-sm\"><i class=\"fas fa-tools\"><\/i><\/div>\n                            <div class=\"ml-6\"><h4 class=\"text-xl font-bold text-gray-900\">Gesti\u00f3n Integral<\/h4><p class=\"mt-2 text-gray-600\">Olv\u00eddate de t\u00e9rminos t\u00e9cnicos. Nosotros gestionamos las copias de seguridad, actualizaciones y el hosting. Todo en una sola cuota.<\/p><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Pricing Section -->\n        <section id=\"pricing\" class=\"py-20 bg-white border-t border-gray-100 pt-24\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 section-title\">Planes Transparentes<\/h2>\n                    <p class=\"text-gray-600 mt-4 text-lg\">Sin costes ocultos. Elige el nivel de protecci\u00f3n que necesita tu negocio.<\/p>\n                    \n                    <div class=\"mt-8 flex justify-center items-center space-x-4\">\n                        <span id=\"label-mantenimiento\" class=\"text-gray-900 font-bold\">Solo Mantenimiento<\/span>\n                        <div class=\"relative inline-block w-14 h-8 align-middle select-none transition duration-200 ease-in\">\n                            <input type=\"checkbox\" name=\"toggle\" id=\"pricing-toggle\" class=\"toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer translate-x-1\" style=\"top:4px; left:0; transition: all 0.3s;\" onclick=\"togglePricing()\"\/>\n                            <label for=\"pricing-toggle\" class=\"toggle-label block overflow-hidden h-8 rounded-full bg-gray-300 cursor-pointer\"><\/label>\n                        <\/div>\n                        <span id=\"label-web\" class=\"text-gray-500\">Mantenimiento + Web Nueva<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-5xl mx-auto items-stretch\">\n                    \n                    <!-- Plan B\u00e1sico -->\n                    <div class=\"bg-white rounded-3xl p-8 border border-gray-100 card-shadow flex flex-col h-full\">\n                        <h3 class=\"text-2xl font-bold text-gray-900\">B\u00e1sico<\/h3>\n                        <p class=\"text-gray-500 mt-2 text-sm\">Ideal para webs corporativas sencillas.<\/p>\n                        <div class=\"my-6\">\n                            <span class=\"text-4xl font-extrabold text-gray-900 pricing-amount\" data-maint=\"390\" data-web=\"690\">390\u20ac<\/span>\n                            <span class=\"text-gray-500 font-medium\">\/a\u00f1o<\/span>\n                        <\/div>\n                        <ul class=\"space-y-3 mb-8 flex-grow text-gray-600 text-sm\">\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-green-500 mt-1 mr-3\"><\/i> <span>Auditor\u00eda web<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-green-500 mt-1 mr-3\"><\/i> <span>Migraci\u00f3n Web<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-green-500 mt-1 mr-3\"><\/i> <span>Hosting Web LiteSpeed<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-green-500 mt-1 mr-3\"><\/i> <span>Copias de seguridad diaria (45 d\u00edas)<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-green-500 mt-1 mr-3\"><\/i> <span>Certificados SSL<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-green-500 mt-1 mr-3\"><\/i> <span>Actualizaciones Core\/Plugins<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-green-500 mt-1 mr-3\"><\/i> <span>Monitorizaci\u00f3n 24\/7<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-green-500 mt-1 mr-3\"><\/i> <span>Actuaci\u00f3n ante ca\u00eddas y ataques<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-green-500 mt-1 mr-3\"><\/i> <span>Securizaci\u00f3n Web<\/span><\/li>\n                        <\/ul>\n                        <!-- AHORA APUNTA AL FORMULARIO DE CONTRATACI\u00d3N -->\n                        <a href=\"#contratar\" class=\"w-full py-4 border-2 border-gray-900 text-gray-900 font-bold rounded-xl hover:bg-gray-900 hover:text-white transition-colors mt-auto cursor-pointer no-theme-styles text-center block text-lg\">Contratar B\u00e1sico<\/a>\n                    <\/div>\n\n                    <!-- Plan Profesional -->\n                    <div class=\"bg-gray-900 rounded-3xl p-8 border-2 border-brand-orange card-shadow transform md:-translate-y-4 flex flex-col relative h-full\">\n                        <div class=\"absolute top-0 right-0 bg-brand-orange text-white text-xs font-bold px-3 py-1 rounded-bl-lg uppercase\">M\u00e1s vendido<\/div>\n                        <h3 class=\"text-2xl font-bold text-white\">Profesional 360<\/h3>\n                        <p class=\"text-gray-400 mt-2 text-sm\">Para empresas que quieren crecer.<\/p>\n                        <div class=\"my-6\">\n                            <span class=\"text-4xl font-extrabold text-white pricing-amount\" data-maint=\"540\" data-web=\"840\">540\u20ac<\/span>\n                            <span class=\"text-gray-400 font-medium\">\/a\u00f1o<\/span>\n                        <\/div>\n                        <ul class=\"space-y-3 mb-8 flex-grow text-gray-300 text-sm\">\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-brand-orange mt-1 mr-3\"><\/i> <span><strong>Todo lo del B\u00e1sico<\/strong><\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-brand-orange mt-1 mr-3\"><\/i> <span>Auditor\u00eda SEO (hasta 7 secciones)<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-brand-orange mt-1 mr-3\"><\/i> <span>Optimizaci\u00f3n Velocidad PRO<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-brand-orange mt-1 mr-3\"><\/i> <span>Informe actividad mensual<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-brand-orange mt-1 mr-3\"><\/i> <span>Test de rendimiento mensual<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-brand-orange mt-1 mr-3\"><\/i> <span>Integraci\u00f3n Google Analytics<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-brand-orange mt-1 mr-3\"><\/i> <span>Integraci\u00f3n Search Console<\/span><\/li>\n                            <li class=\"flex items-start\"><i class=\"fas fa-check text-brand-orange mt-1 mr-3\"><\/i> <span>Soporte Prioritario<\/span><\/li>\n                        <\/ul>\n                        <!-- AHORA APUNTA AL FORMULARIO DE CONTRATACI\u00d3N -->\n                        <a href=\"#contratar\" class=\"w-full py-4 bg-brand-orange text-white font-bold rounded-xl hover:bg-white hover:text-brand-orange transition-colors mt-auto cursor-pointer no-theme-styles text-center block text-lg\" style=\"color:white!important;\">Contratar Profesional<\/a>\n                    <\/div>\n\n                    <!-- Web info card -->\n                    <div class=\"bg-[#FFF8F0] rounded-3xl p-8 border border-orange-100 flex flex-col justify-center h-full shadow-sm\">\n                        <div class=\"text-center\">\n                            <div class=\"w-16 h-16 bg-white rounded-full flex items-center justify-center mx-auto mb-6 text-brand-orange text-2xl shadow-sm\">\n                                <i class=\"fas fa-paint-brush\"><\/i>\n                            <\/div>\n                            <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u00bfNecesitas Web Nueva?<\/h3>\n                            <p class=\"text-gray-600 text-base mb-6 leading-relaxed\">\n                                Si tu web actual es muy antigua o no tienes, te dise\u00f1amos una web tipo <strong>One-Page<\/strong> profesional por solo <strong>+300\u20ac<\/strong> al contratar el mantenimiento.\n                            <\/p>\n                            \n                            <ul class=\"text-left space-y-4 text-sm text-gray-700 mb-8 font-medium px-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check text-brand-orange mt-1 mr-3\"><\/i> \n                                    <span>Dise\u00f1o WordPress + Elementor<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check text-brand-orange mt-1 mr-3\"><\/i> \n                                    <span>Estructura One-Page (Toda la info en una sola p\u00e1gina con formulario, max 5 secciones)<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check text-brand-orange mt-1 mr-3\"><\/i> \n                                    <span>Alta en Google Maps y Search Console<\/span>\n                                <\/li>\n                            <\/ul>\n\n                            <a href=\"javascript:void(0)\" onclick=\"togglePricingToWeb()\" class=\"no-theme-styles inline-block text-brand-orange font-bold text-sm hover:text-gray-900 transition-colors cursor-pointer border-b border-brand-orange hover:border-gray-900 pb-1\">Ver precio con Web incluida<\/a>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"mt-12 bg-blue-50\/50 rounded-2xl p-6 md:p-8 border border-blue-100 flex flex-col md:flex-row items-center max-w-5xl mx-auto shadow-sm\">\n                    <div class=\"w-16 h-16 bg-white shadow-sm text-blue-600 rounded-full flex items-center justify-center text-3xl mb-4 md:mb-0 md:mr-6 flex-shrink-0 border border-blue-50\"><i class=\"fas fa-server\"><\/i><\/div>\n                    <div class=\"text-center md:text-left\">\n                        <h4 class=\"font-bold text-gray-900 text-xl mb-2\">Migraci\u00f3n a Hosting Premium Gratuita<\/h4>\n                        <p class=\"text-gray-600 text-sm leading-relaxed mb-3\">Si tu proveedor actual no ofrece un rendimiento de calidad, nosotros nos encargamos. <strong class=\"text-gray-900\">Migramos tu web a nuestro hosting LiteSpeed sin coste adicional<\/strong> para garantizar la m\u00e1xima velocidad y seguridad desde el primer d\u00eda.<\/p>\n                        <div class=\"inline-flex items-center bg-blue-100 text-blue-800 text-xs px-3 py-1.5 rounded-lg font-medium\"><i class=\"fas fa-info-circle mr-2\"><\/i> Importante: Solo migramos la p\u00e1gina web. Este servicio no incluye la migraci\u00f3n ni la gesti\u00f3n de cuentas de correo electr\u00f3nico.<\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- Reviews Section -->\n        <section id=\"reviews\" class=\"py-20 bg-gray-50 border-t border-gray-200\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center mb-10\">\n                <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 section-title\">Lo que opinan nuestros clientes<\/h2>\n                <p class=\"text-gray-600 mt-4 max-w-2xl mx-auto text-lg\">\n                    Desde recuperar webs hackeadas hasta construir canales de venta desde cero. Esto es lo que dicen las empresas que conf\u00edan en nuestro mantenimiento.\n                <\/p>\n            <\/div>\n\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"flex overflow-x-auto snap-x snap-mandatory gap-6 pb-8 hide-scrollbar\" style=\"scroll-padding-left: 1rem;\">\n                    \n                    <div class=\"snap-start flex-none w-80 bg-white rounded-2xl p-6 shadow-md border border-gray-100 flex flex-col\">\n                        <div class=\"flex items-center text-yellow-400 text-sm mb-4\">\n                            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\n                        <\/div>\n                        <p class=\"text-gray-600 text-sm italic flex-grow mb-6\">\"Un desastre. Me hackearon la tienda online por no actualizar los plugins durante meses. MantenimientoWP360 me limpi\u00f3 el malware en horas y desde entonces no he vuelto a tener ni un solo problema.\"<\/p>\n                        <div class=\"flex items-center mt-auto\">\n                            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"\" class=\"w-10 h-10 rounded-full object-cover\">\n                            <div class=\"ml-3 text-left\"><p class=\"text-sm font-bold text-gray-900\">Carlos Mendoza<\/p><p class=\"text-xs text-gray-500\">Director Comercial<\/p><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"snap-start flex-none w-80 bg-white rounded-2xl p-6 shadow-md border border-gray-100 flex flex-col\">\n                        <div class=\"flex items-center text-yellow-400 text-sm mb-4\">\n                            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\n                        <\/div>\n                        <p class=\"text-gray-600 text-sm italic flex-grow mb-6\">\"Ten\u00eda mi web corporativa totalmente abandonada desde 2019 porque mi antiguo inform\u00e1tico desapareci\u00f3. Ellos tomaron el control, la actualizaron por completo y ahora da gusto ense\u00f1\u00e1rsela a los clientes.\"<\/p>\n                        <div class=\"flex items-center mt-auto\">\n                            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" alt=\"\" class=\"w-10 h-10 rounded-full object-cover\">\n                            <div class=\"ml-3 text-left\"><p class=\"text-sm font-bold text-gray-900\">Carmen Ruiz<\/p><p class=\"text-xs text-gray-500\">Gerente PYME<\/p><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"snap-start flex-none w-80 bg-white rounded-2xl p-6 shadow-md border border-gray-100 flex flex-col\">\n                        <div class=\"flex items-center text-yellow-400 text-sm mb-4\">\n                            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\n                        <\/div>\n                        <p class=\"text-gray-600 text-sm italic flex-grow mb-6\">\"No ten\u00edamos p\u00e1gina web y perd\u00edamos muchas oportunidades. Contratamos el pack con dise\u00f1o One-Page y ha sido la mejor inversi\u00f3n. Es un canal directo de contacto que nos trae clientes todas las semanas.\"<\/p>\n                        <div class=\"flex items-center mt-auto\">\n                            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/22.jpg\" alt=\"\" class=\"w-10 h-10 rounded-full object-cover\">\n                            <div class=\"ml-3 text-left\"><p class=\"text-sm font-bold text-gray-900\">Laura G\u00f3mez<\/p><p class=\"text-xs text-gray-500\">Asesora Fiscal<\/p><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"snap-start flex-none w-80 bg-white rounded-2xl p-6 shadow-md border border-gray-100 flex flex-col\">\n                        <div class=\"flex items-center text-yellow-400 text-sm mb-4\">\n                            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\n                        <\/div>\n                        <p class=\"text-gray-600 text-sm italic flex-grow mb-6\">\"Nuestra web tardaba casi 8 segundos en cargar, una locura. Al pasar al plan Profesional con su servidor LiteSpeed la web literalmente vuela. El cambio se not\u00f3 desde el primer d\u00eda.\"<\/p>\n                        <div class=\"flex items-center mt-auto\">\n                            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/41.jpg\" alt=\"\" class=\"w-10 h-10 rounded-full object-cover\">\n                            <div class=\"ml-3 text-left\"><p class=\"text-sm font-bold text-gray-900\">Javier L\u00f3pez<\/p><p class=\"text-xs text-gray-500\">CEO Ecommerce<\/p><\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- SECCI\u00d3N NUEVA: Formulario de Contrataci\u00f3n -->\n        <section id=\"contratar\" class=\"py-20 bg-orange-50\/50 border-t border-orange-100 pt-24\">\n            <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-10\">\n                    <div class=\"inline-block bg-white text-brand-orange px-4 py-1 rounded-full text-sm font-bold mb-4 shadow-sm border border-orange-200\">\n                        <i class=\"fas fa-handshake mr-2\"><\/i> Empieza a proteger tu negocio\n                    <\/div>\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 section-title\">Solicita tu Plan de Mantenimiento<\/h2>\n                    <p class=\"text-gray-600 mt-4 text-lg\">Rellena este formulario indicando el plan que necesitas. Nos pondremos en contacto contigo en menos de 24 horas para empezar a trabajar.<\/p>\n                <\/div>\n                \n                <div class=\"bg-white rounded-3xl p-8 md:p-10 shadow-xl border border-gray-100 relative\">\n                    <!-- Decoraci\u00f3n visual -->\n                    <div class=\"absolute -top-4 -right-4 w-20 h-20 bg-orange-100 rounded-full mix-blend-multiply opacity-50 z-0\"><\/div>\n                    \n                    <div class=\"cf7-custom-wrapper relative z-10\">\n                        <!-- Shortcode del formulario de contrataci\u00f3n -->\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f74-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"74\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/19#wpcf7-f74-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"74\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f74-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"space-y-4\">\n <!-- Fila 1 -->\n\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n\t\t<div>\n\t\t\t<p><label class=\"block text-sm font-medium text-gray-700 mb-1\">Nombre y Apellidos *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"nombre-cliente\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ej. Carlos Mendoza\" value=\"\" type=\"text\" name=\"nombre-cliente\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p><label class=\"block text-sm font-medium text-gray-700 mb-1\">Empresa *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"empresa-cliente\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tu empresa\" value=\"\" type=\"text\" name=\"empresa-cliente\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n <!-- Fila 2 -->\n\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n\t\t<div>\n\t\t\t<p><label class=\"block text-sm font-medium text-gray-700 mb-1\">Email de contacto *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email-cliente\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"hola@correo.com\" value=\"\" type=\"email\" name=\"email-cliente\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p><label class=\"block text-sm font-medium text-gray-700 mb-1\">Tel\u00e9fono *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"telefono-cliente\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"600 000 000\" value=\"\" type=\"tel\" name=\"telefono-cliente\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n <!-- Fila 3 -->\n\t<div>\n\t\t<p><label class=\"block text-sm font-medium text-gray-700 mb-1\">P\u00e1gina Web Actual (si tienes)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"web-cliente\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-url wpcf7-text wpcf7-validates-as-url\" aria-invalid=\"false\" placeholder=\"miweb.com\" value=\"\" type=\"url\" name=\"web-cliente\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\n <!-- Fila 4: Selectores -->\n\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 bg-orange-50 p-4 rounded-xl border border-orange-100\">\n\t\t<div>\n\t\t\t<p><label class=\"block text-sm font-bold text-gray-900 mb-2\">Plan Deseado *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"plan-elegido\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"plan-elegido\"><option value=\"Plan B\u00e1sico (390\u20ac\/a\u00f1o)\">Plan B\u00e1sico (390\u20ac\/a\u00f1o)<\/option><option value=\"Plan Profesional 360 (540\u20ac\/a\u00f1o)\">Plan Profesional 360 (540\u20ac\/a\u00f1o)<\/option><\/select><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"pt-2 md:pt-0\">\n\t\t\t<p><label class=\"block text-sm font-bold text-gray-900 mb-2\">\u00bfNecesitas Web Nueva?<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"web-nueva\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first last\"><label><input type=\"checkbox\" name=\"web-nueva[]\" value=\"S\u00ed, quiero el dise\u00f1o One-Page (+300\u20ac)\" \/><span class=\"wpcf7-list-item-label\">S\u00ed, quiero el dise\u00f1o One-Page (+300\u20ac)<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n <!-- Fila 5: Comentarios -->\n\t<div>\n\t\t<p><label class=\"block text-sm font-medium text-gray-700 mb-1\">Comentarios o dudas adicionales<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"comentarios\"><textarea cols=\"40\" rows=\"3\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Cu\u00e9ntanos un poco m\u00e1s sobre tu negocio o las dudas que tengas...\" name=\"comentarios\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\n <!-- Privacidad -->\n\t<div class=\"mt-4 text-xs text-gray-600 flex items-start\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"acepto-privacidad\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acepto-privacidad\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">He le\u00eddo y acepto la <a href=\"\/politica-de-privacidad\" target=\"_blank\" style=\"color: #f36f21; text-decoration: underline;\">pol\u00edtica de privacidad<\/a>. *<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Solicitar Alta de Mantenimiento\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Audit \/ Lead Magnet Section -->\n        <section id=\"audit\" class=\"py-20 bg-gray-900 text-white relative overflow-hidden\">\n            <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 bg-brand-orange rounded-full mix-blend-multiply filter blur-3xl opacity-10\"><\/div>\n            \n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16\">\n                    \n                    <div>\n                        <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\u00bfA\u00fan tienes dudas? <br><span class=\"text-brand-orange\">Auditor\u00eda Gratis.<\/span><\/h2>\n                        <p class=\"text-gray-300 mb-8 text-lg\">\n                            Si no est\u00e1s seguro de qu\u00e9 plan necesitas, te ofrecemos un an\u00e1lisis de seguridad y velocidad sin coste para que conozcas el estado real de tu web.\n                        <\/p>\n                        \n                        <div class=\"bg-gray-800 rounded-2xl p-6 border border-gray-700 shadow-2xl\">\n                            <div class=\"flex justify-between items-center mb-4 border-b border-gray-700 pb-2\">\n                                <span class=\"text-xs font-mono text-gray-400 uppercase\">Demo de resultados esperados<\/span>\n                                <span class=\"text-xs text-brand-orange\"><i class=\"fas fa-bolt\"><\/i> Live Simulation<\/span>\n                            <\/div>\n\n                            <div class=\"mb-4\">\n                                <div class=\"flex justify-between mb-1\"><span class=\"text-sm\">Velocidad Web<\/span><span id=\"speed-text\" class=\"text-red-400 font-bold text-sm\">30\/100 (Lento)<\/span><\/div>\n                                <div class=\"h-2 bg-gray-700 rounded-full overflow-hidden\"><div id=\"speed-bar\" class=\"h-full bg-red-500 w-[30%] transition-all duration-1000 ease-out\"><\/div><\/div>\n                            <\/div>\n                            <div class=\"mb-6\">\n                                <div class=\"flex justify-between mb-1\"><span class=\"text-sm\">Seguridad<\/span><span id=\"sec-text\" class=\"text-yellow-400 font-bold text-sm\">Vulnerable<\/span><\/div>\n                                <div class=\"h-2 bg-gray-700 rounded-full overflow-hidden\"><div id=\"sec-bar\" class=\"h-full bg-yellow-500 w-[40%] transition-all duration-1000 ease-out\"><\/div><\/div>\n                            <\/div>\n\n                            <button onclick=\"runSimulation()\" id=\"sim-btn\" class=\"w-full bg-gray-700 hover:bg-gray-600 text-white py-4 rounded-xl text-lg font-bold transition-colors border border-gray-600 cursor-pointer\">\n                                <i class=\"fas fa-play mr-2\"><\/i> Ver simulaci\u00f3n de mejora\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-white rounded-3xl p-8 text-gray-900 shadow-2xl relative min-h-[450px] flex flex-col justify-center\">\n                        <h3 class=\"text-2xl font-bold mb-2\">Solicita tu Informe Gratuito<\/h3>\n                        <p class=\"text-gray-500 text-sm mb-6\">Recibir\u00e1s un an\u00e1lisis real en tu email en 24h.<\/p>\n                        \n                        <div class=\"cf7-custom-wrapper\">\n                            <!-- Shortcode original de la auditor\u00eda -->\n                            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f53-o2\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"53\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/19#wpcf7-f53-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"53\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f53-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"space-y-4\">\n<!-- Fila 1: Nombre -->\n\t<div>\n\t\t<p><label class=\"block text-sm font-medium text-gray-700 mb-1\">Nombre y Apellidos <\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"nombre-cliente\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Ej. Carlos Mendoza\" value=\"\" type=\"text\" name=\"nombre-cliente\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\n<!-- Fila 2: Empresa y Web -->\n\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n\t\t<div>\n\t\t\t<p><label class=\"block text-sm font-medium text-gray-700 mb-1\">Empresa *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"empresa-cliente\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tu empresa\" value=\"\" type=\"text\" name=\"empresa-cliente\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p><label class=\"block text-sm font-medium text-gray-700 mb-1\">P\u00e1gina Web (URL) *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"web-cliente\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-url wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-url\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"miweb.com\" value=\"\" type=\"url\" name=\"web-cliente\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n<!-- Fila 3: Email y Tel\u00e9fono -->\n\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n\t\t<div>\n\t\t\t<p><label class=\"block text-sm font-medium text-gray-700 mb-1\">Email de contacto *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email-cliente\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"hola@correo.com\" value=\"\" type=\"email\" name=\"email-cliente\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p><label class=\"block text-sm font-medium text-gray-700 mb-1\">Tel\u00e9fono<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"telefono-cliente\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"600 000 000\" value=\"\" type=\"tel\" name=\"telefono-cliente\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n<!-- Checkbox de Privacidad -->\n\t<div class=\"mt-4 text-xs text-gray-600 flex items-start\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"acepto-privacidad\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acepto-privacidad\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">He le\u00eddo y acepto la <a href=\"\/politica-de-privacidad\" target=\"_blank\" style=\"color: #f36f21; text-decoration: underline;\">pol\u00edtica de privacidad<\/a>. *<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\n<!-- Bot\u00f3n de Env\u00edo -->\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Solicitar Auditor\u00eda Gratuita\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Secci\u00f3n de Contacto -->\n        <section id=\"contacto\" class=\"py-16 bg-white border-t border-gray-200\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl font-bold text-gray-900 section-title\">Contacto<\/h2>\n                    <p class=\"text-gray-600 mt-4 text-lg\">Estamos a tu disposici\u00f3n para cualquier consulta t\u00e9cnica o comercial.<\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center max-w-5xl mx-auto\">\n                    <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100 hover:shadow-md transition-shadow\">\n                        <div class=\"w-14 h-14 bg-orange-100 text-brand-orange rounded-full flex items-center justify-center mx-auto mb-6 text-2xl\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                        <h4 class=\"font-bold text-gray-900 mb-3 text-lg\">Oficina<\/h4>\n                        <p class=\"text-gray-600 text-base leading-relaxed\">C\/Hermosilla 48, 1\u00ba Derecha<br>28001 Madrid<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100 hover:shadow-md transition-shadow\">\n                        <div class=\"w-14 h-14 bg-orange-100 text-brand-orange rounded-full flex items-center justify-center mx-auto mb-6 text-2xl\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n                        <h4 class=\"font-bold text-gray-900 mb-3 text-lg\">Tel\u00e9fono<\/h4>\n                        <p class=\"text-gray-600 text-base leading-relaxed\"><a href=\"tel:910054703\" class=\"hover:text-brand-orange transition-colors font-medium\">910 054 703<\/a><\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 p-8 rounded-2xl border border-gray-100 hover:shadow-md transition-shadow\">\n                        <div class=\"w-14 h-14 bg-orange-100 text-brand-orange rounded-full flex items-center justify-center mx-auto mb-6 text-2xl\"><i class=\"fas fa-envelope\"><\/i><\/div>\n                        <h4 class=\"font-bold text-gray-900 mb-3 text-lg\">Email<\/h4>\n                        <p class=\"text-gray-600 text-base leading-relaxed break-all\"><a href=\"mailto:hola@mantenimientowp360.com\" class=\"hover:text-brand-orange transition-colors font-medium\">hola@mantenimientowp360.com<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <!-- Footer -->\n    <footer class=\"bg-gray-900 text-gray-400 py-12 border-t border-gray-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex flex-col md:flex-row justify-between items-center gap-6 mb-8\">\n                <div class=\"flex items-center space-x-3\">\n                    <img decoding=\"async\" src=\"https:\/\/mantenimientowp360.com\/wp-content\/uploads\/2026\/02\/MWP360-iconotipo.png\" alt=\"Icono MWP360\" class=\"w-[50px] h-auto opacity-80\" style=\"border: none !important; box-shadow: none !important; outline: none !important;\">\n                    <span class=\"text-white font-bold text-xl tracking-tight\">MantenimientoWP<span class=\"text-brand-orange\">360<\/span><\/span>\n                <\/div>\n                <div class=\"flex items-center space-x-6\">\n                    <a href=\"mailto:hola@mantenimientowp360.com\" class=\"no-theme-styles hover:text-white transition-colors flex items-center space-x-2\">\n                        <i class=\"fas fa-envelope text-xl\"><\/i>\n                        <span class=\"text-sm hidden sm:inline-block font-medium\">hola@mantenimientowp360.com<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center gap-4\">\n                <div class=\"text-sm text-center md:text-left\">\n                    &copy; 2026 MantenimientoWP360. Todos los derechos reservados.\n                <\/div>\n                <div class=\"flex flex-wrap justify-center md:justify-end gap-x-6 gap-y-2 text-sm\">\n                    <a href=\"https:\/\/mantenimientowp360.com\/index.php\/aviso-legal\/\" class=\"no-theme-styles hover:text-white transition-colors\">Aviso Legal<\/a>\n                    <a href=\"https:\/\/mantenimientowp360.com\/index.php\/politica-de-privacidad\/\" class=\"no-theme-styles hover:text-white transition-colors\">Pol\u00edtica de Privacidad<\/a>\n                    <a href=\"https:\/\/mantenimientowp360.com\/index.php\/politica-de-cookies\/\" class=\"no-theme-styles hover:text-white transition-colors\">Pol\u00edtica de Cookies<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Animaci\u00f3n del Contador de Vulnerabilidades\n        document.addEventListener(\"DOMContentLoaded\", () => {\n            const counter = document.getElementById(\"vuln-counter\");\n            let count = 4150; \n            const target = 4392; \n            const interval = setInterval(() => {\n                count += Math.floor(Math.random() * 5) + 1; \n                if (count >= target) {\n                    count = target;\n                    clearInterval(interval);\n                }\n                counter.innerText = count.toLocaleString('en-US'); \n            }, 80);\n        });\n\n        \/\/ Radar Chart Logic\n        const ctxRadar = document.getElementById('radarChart').getContext('2d');\n        const radarChart = new Chart(ctxRadar, {\n            type: 'radar',\n            data: {\n                labels: ['Velocidad', 'Seguridad', 'Soporte', 'Precio', 'SEO Base'],\n                datasets: [{\n                    label: 'MantenimientoWP360',\n                    data: [95, 95, 90, 85, 80],\n                    fill: true,\n                    backgroundColor: 'rgba(243, 111, 33, 0.2)',\n                    borderColor: '#f36f21',\n                    pointBackgroundColor: '#f36f21',\n                    pointBorderColor: '#fff',\n                }, {\n                    label: 'Hosting Gen\u00e9rico',\n                    data: [50, 40, 30, 60, 20],\n                    fill: true,\n                    backgroundColor: 'rgba(156, 163, 175, 0.1)',\n                    borderColor: '#9CA3AF',\n                    pointBackgroundColor: '#9CA3AF',\n                    pointBorderColor: '#fff',\n                }]\n            },\n            options: {\n                responsive: true,\n                maintainAspectRatio: false,\n                scales: {\n                    r: {\n                        angleLines: { color: '#f3f4f6' },\n                        grid: { color: '#f3f4f6' },\n                        pointLabels: { font: { size: 12, family: \"'Lexend Deca', sans-serif\" }, color: '#4B5563' },\n                        ticks: { display: false, backdropColor: 'transparent' }\n                    }\n                },\n                plugins: { legend: { position: 'bottom', labels: { font: { family: \"'Lexend Deca', sans-serif\" } } } }\n            }\n        });\n\n        \/\/ Pricing Toggle Logic\n        function togglePricing() {\n            const checkbox = document.getElementById('pricing-toggle');\n            const amounts = document.querySelectorAll('.pricing-amount');\n            const labelMaint = document.getElementById('label-mantenimiento');\n            const labelWeb = document.getElementById('label-web');\n\n            if (checkbox.checked) {\n                labelWeb.classList.add('text-gray-900', 'font-bold');\n                labelWeb.classList.remove('text-gray-500');\n                labelMaint.classList.remove('text-gray-900', 'font-bold');\n                labelMaint.classList.add('text-gray-500');\n\n                amounts.forEach(el => {\n                    el.innerText = el.getAttribute('data-web') + '\u20ac';\n                    el.classList.add('scale-110');\n                    setTimeout(()=>el.classList.remove('scale-110'), 200);\n                });\n            } else {\n                labelMaint.classList.add('text-gray-900', 'font-bold');\n                labelMaint.classList.remove('text-gray-500');\n                labelWeb.classList.remove('text-gray-900', 'font-bold');\n                labelWeb.classList.add('text-gray-500');\n\n                amounts.forEach(el => {\n                    el.innerText = el.getAttribute('data-maint') + '\u20ac';\n                     el.classList.add('scale-110');\n                     setTimeout(()=>el.classList.remove('scale-110'), 200);\n                });\n            }\n        }\n\n        function togglePricingToWeb() {\n            const checkbox = document.getElementById('pricing-toggle');\n            if(!checkbox.checked) {\n                checkbox.checked = true;\n                togglePricing();\n            }\n            window.location.hash = \"#pricing\";\n        }\n\n        \/\/ Simulation Logic\n        function runSimulation() {\n            const btn = document.getElementById('sim-btn');\n            const sBar = document.getElementById('speed-bar');\n            const sText = document.getElementById('speed-text');\n            const secBar = document.getElementById('sec-bar');\n            const secText = document.getElementById('sec-text');\n\n            if(btn.disabled) return;\n            btn.disabled = true;\n            btn.innerHTML = '<i class=\"fas fa-sync fa-spin mr-2\"><\/i> Optimizando...';\n\n            setTimeout(() => {\n                sBar.style.width = '60%';\n                sBar.classList.remove('bg-red-500');\n                sBar.classList.add('bg-yellow-500');\n                sText.innerText = '60\/100 (Mejorando...)';\n                sText.classList.remove('text-red-400');\n                sText.classList.add('text-yellow-400');\n            }, 500);\n\n            setTimeout(() => {\n                sBar.style.width = '98%';\n                sBar.classList.remove('bg-yellow-500');\n                sBar.classList.add('bg-green-500');\n                sText.innerText = '98\/100 (Excelente)';\n                sText.classList.remove('text-yellow-400');\n                sText.classList.add('text-green-400');\n\n                secBar.style.width = '100%';\n                secBar.classList.remove('bg-yellow-500');\n                secBar.classList.add('bg-green-500');\n                secText.innerText = 'Blindado 100%';\n                secText.classList.remove('text-yellow-400');\n                secText.classList.add('text-green-400');\n\n                btn.innerHTML = '<i class=\"fas fa-check mr-2\"><\/i> Resultado Estimado';\n                btn.classList.add('bg-green-600', 'border-green-600');\n            }, 1500);\n        }\n\n        function toggleMobileMenu() {\n            document.getElementById('mobile-menu').classList.toggle('hidden');\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mantenimiento WP 360 | Seguridad y Velocidad para tu Web \u00bfPor qu\u00e9 nosotros? Planes y Precios Opiniones Auditor\u00eda Gratis \u00bfPor qu\u00e9 nosotros? Planes Opiniones Solicitar Auditor\u00eda Expertos en Mantenimiento en WordPress Tu web WordPress, r\u00e1pida, segura y sin problemas. Deja de preocuparte por actualizaciones, virus o webs lentas. Nos ocupamos de todo para que t\u00fa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mantenimientowp360.com\/index.php\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mantenimientowp360.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mantenimientowp360.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mantenimientowp360.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mantenimientowp360.com\/index.php\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":3,"href":"https:\/\/mantenimientowp360.com\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/mantenimientowp360.com\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/mantenimientowp360.com\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}