{"id":2531,"date":"2024-08-28T16:59:39","date_gmt":"2024-08-28T21:59:39","guid":{"rendered":"https:\/\/hb.net.co\/es\/?page_id=2531"},"modified":"2026-08-17T12:54:02","modified_gmt":"2026-08-17T17:54:02","slug":"hosting-barranquilla-servicios-y-soluciones","status":"publish","type":"page","link":"https:\/\/hb.net.co\/es\/hosting-barranquilla-servicios-y-soluciones\/","title":{"rendered":"Mapa Del Sitio &#8211; HB Hosting Barranquilla SAS"},"content":{"rendered":"\n    \n    <section class=\"u-clearfix u-color-var u-section-2\" id=\"block-1\">\n      <div class=\"u-clearfix u-sheet u-valign-middle-xl u-sheet-1\">\n        <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\">\n          <meta charset=\"UTF-8\">\n          <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\n          <title><\/title>\n          <meta name=\"description\" content=\"Mapa del sitio de HB Colombia (Hosting Barranquilla). Soluciones de Hosting Empresarial, VPS, Servidores Dedicados, Dominios y SSL con baja latencia en Colombia.\"><!-- Google Fonts: Montserrat -->\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=Montserrat:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\"><!-- Iconos Lucide -->\n          <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script><!-- ESTRUCTURAS JSON-LD PARA SEO, AEO Y GEO (Schema.org) --><!-- ESTILOS ANTI-CONFLICTO NICEPAGE -->\n          <style> \/* Aislamiento estricto bajo el contenedor #hb-wrapper *\/\n        #hb-wrapper {\n            background-color: #0a0e17 !important;\n            color: #ffffff !important;\n            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 0 auto !important;\n            padding: 0 !important;\n            box-sizing: border-box !important;\n            line-height: 1.5 !important;\n            text-align: left !important;\n            overflow-x: hidden !important;\n        }\n        #hb-wrapper * {\n            box-sizing: border-box !important;\n            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;\n            margin: 0;\n            padding: 0;\n        }\n        #hb-wrapper a {\n            text-decoration: none !important;\n            color: inherit !important;\n            display: inline-block;\n        }\n        #hb-wrapper button {\n            background: none;\n            border: none;\n            cursor: pointer;\n            font-family: inherit;\n        }\n        #hb-wrapper h1, #hb-wrapper h2, #hb-wrapper h3, #hb-wrapper h4, #hb-wrapper p, #hb-wrapper span {\n            color: inherit !important;\n            letter-spacing: normal !important;\n            word-break: normal !important;\n        }\n        \/* Utilidades Flex y Grid Aisladas *\/\n        .hb-container {\n            width: 100% !important;\n            max-width: 1280px !important;\n            margin: 0 auto !important;\n            padding: 0 16px !important;\n        }\n        .hb-grid-4 {\n            display: grid !important;\n            grid-template-columns: repeat(4, 1fr) !important;\n            gap: 20px !important;\n        }\n        .hb-grid-3 {\n            display: grid !important;\n            grid-template-columns: repeat(3, 1fr) !important;\n            gap: 24px !important;\n        }\n        .hb-flex-between {\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n        }\n        .hb-flex-center {\n            display: flex !important;\n            justify-content: center !important;\n            align-items: center !important;\n        }\n        \/* Tarjetas con estilo Dark Glassmorphic *\/\n        .hb-card {\n            background-color: #111622 !important;\n            border: 1px solid #1e293b !important;\n            border-radius: 16px !important;\n            padding: 24px !important;\n            transition: all 0.3s ease !important;\n            position: relative !important;\n            overflow: hidden !important;\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: space-between !important;\n        }\n        .hb-card:hover {\n            border-color: rgba(47, 102, 255, 0.8) !important;\n            transform: translateY(-4px) !important;\n            box-shadow: 0 12px 35px rgba(47, 102, 255, 0.15) !important;\n        }\n        .hb-badge {\n            font-size: 10px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.05em !important;\n            padding: 4px 10px !important;\n            border-radius: 6px !important;\n            display: inline-block !important;\n        }\n        .hb-badge-blue {\n            background-color: rgba(47, 102, 255, 0.2) !important;\n            color: #2f66ff !important;\n            border: 1px solid rgba(47, 102, 255, 0.3) !important;\n        }\n        .hb-badge-dark {\n            background-color: #1e293b !important;\n            color: #cbd5e1 !important;\n            border: 1px solid #334155 !important;\n        }\n        .hb-btn-primary {\n            background-color: #2f66ff !important;\n            color: #ffffff !important;\n            font-size: 13px !important;\n            font-weight: 600 !important;\n            padding: 12px 20px !important;\n            border-radius: 12px !important;\n            text-align: center !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            gap: 8px !important;\n            transition: all 0.2s ease !important;\n            width: 100% !important;\n        }\n        .hb-btn-primary:hover {\n            background-color: #1d4ed8 !important;\n        }\n        .hb-btn-outline {\n            background-color: #0a0e17 !important;\n            color: #e2e8f0 !important;\n            border: 1px solid #1e293b !important;\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            padding: 10px 16px !important;\n            border-radius: 12px !important;\n            text-align: center !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            gap: 8px !important;\n            transition: all 0.2s ease !important;\n            width: 100% !important;\n        }\n        .hb-btn-outline:hover {\n            background-color: #2f66ff !important;\n            color: #ffffff !important;\n            border-color: #2f66ff !important;\n        }\n        \/* Responsividad M\u00f3vil *\/\n        @media (max-width: 1024px) {\n            .hb-grid-4 { grid-template-columns: repeat(2, 1fr) !important; }\n            .hb-grid-3 { grid-template-columns: repeat(2, 1fr) !important; }\n        }\n        @media (max-width: 640px) {\n            .hb-grid-4 { grid-template-columns: 1fr !important; }\n            .hb-grid-3 { grid-template-columns: 1fr !important; }\n            .hb-header-title { font-size: 24px !important; }\n            .hb-card { padding: 18px !important; }\n            .hb-cta-box { flex-direction: column !important; text-align: center !important; }\n        } <\/style>\n          <div id=\"hb-wrapper\"><!-- CABECERA PRINCIPAL -->\n            <header style=\"position: relative; padding: 48px 0 32px 0; text-align: center; overflow: hidden;\">\n              <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; height: 200px; background-color: rgba(47, 102, 255, 0.1); border-radius: 50%; filter: blur(80px); pointer-events: none;\"><\/div>\n              <div class=\"hb-container\" style=\"position: relative; z-index: 10; max-width: 800px;\">\n                <div style=\"display: inline-flex; align-items: center; gap: 8px; padding: 4px 14px; border-radius: 999px; background: rgba(47,102,255,0.1); border: 1px solid rgba(47,102,255,0.3); color: #2f66ff; font-size: 11px; font-weight: 600; text-transform: uppercase; margin-bottom: 16px;\"><span style=\"width: 8px; height: 8px; border-radius: 50%; background-color: #2f66ff;\"><\/span> Mapa del Sitio &amp; Centro de Recursos \n                <\/div>\n                <p style=\"color: #94a3b8; font-size: 14px; line-height: 1.6; margin-bottom: 20px;\"> Explora el ecosistema completo de nuestra infraestructura digital. Te acompa\u00f1amos para optimizar tu presencia en la nube con m\u00e1xima velocidad y seguridad. <\/p><!-- INSIGNIA GOOGLE RATING -->\n                <div style=\"display: flex; justify-content: center;\">\n                  <div style=\"display: inline-flex; align-items: center; gap: 10px; background: rgba(17,22,34,0.9); border: 1px solid #1e293b; padding: 8px 18px; border-radius: 12px;\">\n                    <svg style=\"width: 18px; height: 18px; shrink: 0;\" viewBox=\"0 0 24 24\"><path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"><\/path><path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"><\/path><path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.06H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.94l2.85-2.22.81-.63z\"><\/path><path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.06l3.66 2.84c.87-2.6 3.3-4.52 6.16-4.52z\"><\/path><\/svg>\n                    <div style=\"display: flex; align-items: center; gap: 6px;\"><span style=\"font-weight: 700; font-size: 13px;\">4.9 \/ 5<\/span>\n                      <div style=\"display: flex; color: #fbbf24;\"><i data-lucide=\"star\" style=\"width: 12px; height: 12px; fill: currentColor;\"><\/i><i data-lucide=\"star\" style=\"width: 12px; height: 12px; fill: currentColor;\"><\/i><i data-lucide=\"star\" style=\"width: 12px; height: 12px; fill: currentColor;\"><\/i><i data-lucide=\"star\" style=\"width: 12px; height: 12px; fill: currentColor;\"><\/i><i data-lucide=\"star\" style=\"width: 12px; height: 12px; fill: currentColor;\"><\/i>\n                      <\/div><span style=\"font-size: 11px; color: #94a3b8; font-weight: 500;\">Google Rating<\/span>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/header><!-- ECOSISTEMA DE SOLUCIONES (MAPA DEL SITIO) -->\n            <section style=\"padding: 24px 0 40px 0;\">\n              <div class=\"hb-container\">\n                <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px;\">\n                  <h2 style=\"font-size: 20px; font-weight: 700; display: flex; align-items: center; gap: 8px;\"><i data-lucide=\"sitemap\" style=\"width: 20px; height: 20px; color: #2f66ff;\"><\/i> Ecosistema de Servicios \n                  <\/h2><span style=\"font-size: 12px; color: #94a3b8;\">Navegaci\u00f3n directa<\/span>\n                <\/div>\n                <div class=\"hb-grid-4\"><!-- TARJETA FUSIONADA: Hosting Empresarial -->\n                  <div class=\"hb-card\">\n                    <div>\n                      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;\">\n                        <div style=\"width: 42px; height: 42px; border-radius: 10px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center;\"><i data-lucide=\"layers\" style=\"width: 22px; height: 22px;\"><\/i>\n                        <\/div><span class=\"hb-badge hb-badge-blue\">NVMe<\/span>\n                      <\/div>\n                      <h3 style=\"font-size: 16px; font-weight: 700; margin-bottom: 8px;\">Hosting Empresarial<\/h3>\n                      <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5; margin-bottom: 16px;\"> La fusi\u00f3n perfecta entre la agilidad del hosting SSD y la potencia el\u00e1stica de la Nube Cloud. Dise\u00f1ado para pymes y e-commerce de alta demanda. <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/hb.net.co\/es\/planes-hosting\/\" class=\"hb-btn-outline\"> Ver Plan Empresarial <i data-lucide=\"arrow-right\" style=\"width: 14px; height: 14px;\"><\/i>\n                    <\/a>\n                  <\/div><!-- Servidores VPS -->\n                  <div class=\"hb-card\">\n                    <div>\n                      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;\">\n                        <div style=\"width: 42px; height: 42px; border-radius: 10px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center;\"><i data-lucide=\"cpu\" style=\"width: 22px; height: 22px;\"><\/i>\n                        <\/div><span class=\"hb-badge hb-badge-dark\">Root Control<\/span>\n                      <\/div>\n                      <h3 style=\"font-size: 16px; font-weight: 700; margin-bottom: 8px;\">Servidores VPS<\/h3>\n                      <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5; margin-bottom: 16px;\"> Servidores virtuales privados con aislamiento garantizado, direcciones IP dedicadas y m\u00e1ximo control SO. <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/hb.net.co\/es\/servidores-vps-colombia\/\" class=\"hb-btn-outline\"> Configurar VPS <i data-lucide=\"arrow-right\" style=\"width: 14px; height: 14px;\"><\/i>\n                    <\/a>\n                  <\/div><!-- Servidores Dedicados -->\n                  <div class=\"hb-card\">\n                    <div>\n                      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;\">\n                        <div style=\"width: 42px; height: 42px; border-radius: 10px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center;\"><i data-lucide=\"hard-drive\" style=\"width: 22px; height: 22px;\"><\/i>\n                        <\/div><span class=\"hb-badge\" style=\"background: rgba(245,158,11,0.1); color: #f59e0b; border: 1px solid rgba(245,158,11,0.2);\">M\u00e1xima Potencia<\/span>\n                      <\/div>\n                      <h3 style=\"font-size: 16px; font-weight: 700; margin-bottom: 8px;\">Servidores Dedicados<\/h3>\n                      <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5; margin-bottom: 16px;\"> Infraestructura f\u00edsica de c\u00f3mputo dedicada exclusivamente a la operaci\u00f3n de tu compa\u00f1\u00eda. <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/hb.net.co\/es\/servidores-dedicados\/\" class=\"hb-btn-outline\"> Cotizar Dedicado <i data-lucide=\"arrow-right\" style=\"width: 14px; height: 14px;\"><\/i>\n                    <\/a>\n                  <\/div><!-- Correo Corporativo -->\n                  <div class=\"hb-card\">\n                    <div>\n                      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;\">\n                        <div style=\"width: 42px; height: 42px; border-radius: 10px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center;\"><i data-lucide=\"mail-check\" style=\"width: 22px; height: 22px;\"><\/i>\n                        <\/div><span class=\"hb-badge hb-badge-dark\">Anti-Spam<\/span>\n                      <\/div>\n                      <h3 style=\"font-size: 16px; font-weight: 700; margin-bottom: 8px;\">Correo Corporativo<\/h3>\n                      <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5; margin-bottom: 16px;\"> Cuentas institucionales con tu propio dominio, filtros inteligentes antispam y compatibilidad m\u00f3vil. <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/hb.net.co\/es\/servidor-de-correo-corporativo-dedicado\/\" class=\"hb-btn-outline\"> Crear Correos <i data-lucide=\"arrow-right\" style=\"width: 14px; height: 14px;\"><\/i>\n                    <\/a>\n                  <\/div><!-- Certificados SSL -->\n                  <div class=\"hb-card\">\n                    <div>\n                      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;\">\n                        <div style=\"width: 42px; height: 42px; border-radius: 10px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center;\"><i data-lucide=\"shield-check\" style=\"width: 22px; height: 22px;\"><\/i>\n                        <\/div><span class=\"hb-badge\" style=\"background: rgba(16,185,129,0.1); color: #10b981; border: 1px solid rgba(16,185,129,0.2);\">HTTPS Seguro<\/span>\n                      <\/div>\n                      <h3 style=\"font-size: 16px; font-weight: 700; margin-bottom: 8px;\">Certificados SSL<\/h3>\n                      <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5; margin-bottom: 16px;\"> Protege el tr\u00e1fico de tus usuarios con cifrado de 256 bits y mejora tu nivel de confianza en motores de b\u00fasqueda. <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/hb.net.co\/es\/certificados-ssl\/\" class=\"hb-btn-outline\"> Proteger Sitio <i data-lucide=\"arrow-right\" style=\"width: 14px; height: 14px;\"><\/i>\n                    <\/a>\n                  <\/div><!-- Registro de Dominio -->\n                  <div class=\"hb-card\">\n                    <div>\n                      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;\">\n                        <div style=\"width: 42px; height: 42px; border-radius: 10px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center;\"><i data-lucide=\"globe\" style=\"width: 22px; height: 22px;\"><\/i>\n                        <\/div><span class=\"hb-badge hb-badge-dark\">.co \/ .com<\/span>\n                      <\/div>\n                      <h3 style=\"font-size: 16px; font-weight: 700; margin-bottom: 8px;\">Registro de Dominio<\/h3>\n                      <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5; margin-bottom: 16px;\"> Registra y protege la marca de tu empresa con extensiones colombianas (.co, .com.co) y globales. <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/hb.net.co\/es\/registro-de-dominios-colombia\/\" class=\"hb-btn-outline\"> Buscar Dominio <i data-lucide=\"arrow-right\" style=\"width: 14px; height: 14px;\"><\/i>\n                    <\/a>\n                  <\/div><!-- Migraci\u00f3n Gratuita -->\n                  <div class=\"hb-card\">\n                    <div>\n                      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;\">\n                        <div style=\"width: 42px; height: 42px; border-radius: 10px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center;\"><i data-lucide=\"refresh-cw\" style=\"width: 22px; height: 22px;\"><\/i>\n                        <\/div><span class=\"hb-badge hb-badge-blue\">Sin costo<\/span>\n                      <\/div>\n                      <h3 style=\"font-size: 16px; font-weight: 700; margin-bottom: 8px;\">Migraci\u00f3n Gratuita<\/h3>\n                      <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5; margin-bottom: 16px;\"> Nos encargamos de mover tus sitios web y cuentas de correo desde tu antiguo proveedor sin ca\u00eddas de servicio. <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/api.whatsapp.com\/send?phone=+573014220971&amp;text=Hola%20necesito%20informaci%C3%B3n%20sobre%20la%20migraci%C3%B3n%20de%20servicios\" target=\"_blank\" class=\"hb-btn-outline\" rel=\"noopener\"> Solicitar Migraci\u00f3n <i data-lucide=\"arrow-right\" style=\"width: 14px; height: 14px;\"><\/i>\n                    <\/a>\n                  <\/div><!-- Blog & Conocimiento -->\n                  <div class=\"hb-card\">\n                    <div>\n                      <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;\">\n                        <div style=\"width: 42px; height: 42px; border-radius: 10px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center;\"><i data-lucide=\"book-open\" style=\"width: 22px; height: 22px;\"><\/i>\n                        <\/div><span class=\"hb-badge hb-badge-dark\">AEO &amp; Gu\u00edas<\/span>\n                      <\/div>\n                      <h3 style=\"font-size: 16px; font-weight: 700; margin-bottom: 8px;\">Blog &amp; Conocimiento<\/h3>\n                      <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5; margin-bottom: 16px;\"> Gu\u00edas t\u00e9cnicas paso a paso, tutoriales de servidores y novedades sobre ciberseguridad e infraestructura web. <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/hb.net.co\/es\/blog-hosting-barranquilla\/\" class=\"hb-btn-outline\"> Explorar Art\u00edculos <i data-lucide=\"arrow-right\" style=\"width: 14px; height: 14px;\"><\/i>\n                    <\/a>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/section><!-- PILARES DE INFRAESTRUCTURA Y VENTAJAS LOCALES -->\n            <section style=\"padding: 40px 0; border-top: 1px solid rgba(30,41,59,0.6);\">\n              <div class=\"hb-container\">\n                <div style=\"text-align: center; max-width: 600px; margin: 0 auto 32px auto;\"><span style=\"color: #2f66ff; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; display: block; margin-bottom: 6px;\">Ventajas &amp; Infraestructura<\/span>\n                <\/div>\n                <div class=\"hb-grid-4\">\n                  <div style=\"background: rgba(17,22,34,0.6); border: 1px solid #1e293b; padding: 20px; border-radius: 16px;\">\n                    <div style=\"width: 36px; height: 36px; border-radius: 8px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;\"><i data-lucide=\"zap\" style=\"width: 18px; height: 18px;\"><\/i>\n                    <\/div>\n                    <h3 style=\"font-size: 14px; font-weight: 700; margin-bottom: 6px;\">M\u00ednima Latencia GEO<\/h3>\n                    <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5;\">Nodos optimizados para rutas directas en Colombia, reduciendo los tiempos de respuesta (RTT).<\/p>\n                  <\/div>\n                  <div style=\"background: rgba(17,22,34,0.6); border: 1px solid #1e293b; padding: 20px; border-radius: 16px;\">\n                    <div style=\"width: 36px; height: 36px; border-radius: 8px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;\"><i data-lucide=\"shield-alert\" style=\"width: 18px; height: 18px;\"><\/i>\n                    <\/div>\n                    <h3 style=\"font-size: 14px; font-weight: 700; margin-bottom: 6px;\">Seguridad WAF + Anti-DDoS<\/h3>\n                    <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5;\">Filtros activos de mitigaci\u00f3n de ataques y respaldos automatizados continuos para tu tranquilidad.<\/p>\n                  <\/div>\n                  <div style=\"background: rgba(17,22,34,0.6); border: 1px solid #1e293b; padding: 20px; border-radius: 16px;\">\n                    <div style=\"width: 36px; height: 36px; border-radius: 8px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;\"><i data-lucide=\"clock\" style=\"width: 18px; height: 18px;\"><\/i>\n                    <\/div>\n                    <h3 style=\"font-size: 14px; font-weight: 700; margin-bottom: 6px;\">SLA Operativo 99.9%<\/h3>\n                    <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5;\">Garant\u00eda contractual de disponibilidad en l\u00ednea para portales corporativos y tiendas e-commerce.<\/p>\n                  <\/div>\n                  <div style=\"background: rgba(17,22,34,0.6); border: 1px solid #1e293b; padding: 20px; border-radius: 16px;\">\n                    <div style=\"width: 36px; height: 36px; border-radius: 8px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;\"><i data-lucide=\"headphones\" style=\"width: 18px; height: 18px;\"><\/i>\n                    <\/div>\n                    <h3 style=\"font-size: 14px; font-weight: 700; margin-bottom: 6px;\">Soporte Local 24\/7<\/h3>\n                    <p style=\"color: #94a3b8; font-size: 12px; line-height: 1.5;\">Atenci\u00f3n humana personalizada desde Barranquilla para resolver dudas en tu mismo huso horario.<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/section><!-- SECCI\u00d3N PREGUNTAS FRECUENTES (FAQ AEO) -->\n            <section style=\"padding: 40px 0; border-top: 1px solid rgba(30,41,59,0.6);\">\n              <div class=\"hb-container\" style=\"max-width: 800px;\">\n                <div style=\"text-align: center; margin-bottom: 32px;\"><span style=\"color: #2f66ff; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; display: block; margin-bottom: 6px;\">Respuesta Inmediata<\/span>\n                  <h2 style=\"font-size: 24px; font-weight: 800;\">Preguntas Frecuentes (FAQ)<\/h2>\n                <\/div>\n                <div style=\"display: flex; flex-direction: column; gap: 12px;\"><!-- Pregunta 1 -->\n                  <div style=\"background: #111622; border: 1px solid #1e293b; border-radius: 12px; overflow: hidden;\">\n                    <button style=\"width: 100%; padding: 16px; text-align: left; font-size: 13px; font-weight: 600; color: #ffffff; display: flex; justify-content: space-between; align-items: center; gap: 12px;\" onclick=\"toggleFaq(1)\"><span>\u00bfEn qu\u00e9 consiste el nuevo plan de Hosting Empresarial de HB Colombia?<\/span><i id=\"faqIcon-1\" data-lucide=\"chevron-down\" style=\"width: 16px; height: 16px; color: #94a3b8; transition: transform 0.3s;\"><\/i>\n                    <\/button>\n                    <div id=\"faqContent-1\" style=\"display: none; padding: 0 16px 16px 16px; font-size: 12px; color: #cbd5e1; line-height: 1.6; border-top: 1px solid rgba(30,41,59,0.4); margin-top: 8px; padding-top: 12px;\"> El plan <strong>Hosting Empresarial<\/strong> es el resultado de la fusi\u00f3n entre nuestros tradicionales planes Hosting Shared y Cloud. Unifica recursos dedicados, discos NVMe ultrarr\u00e1pidos y elasticidad en la nube, garantizando que tanto peque\u00f1as empresas como e-commerce de alto tr\u00e1fico cuenten con el m\u00e1ximo rendimiento al costo m\u00e1s competitivo. \n                    <\/div>\n                  <\/div><!-- Pregunta 2 -->\n                  <div style=\"background: #111622; border: 1px solid #1e293b; border-radius: 12px; overflow: hidden;\">\n                    <button style=\"width: 100%; padding: 16px; text-align: left; font-size: 13px; font-weight: 600; color: #ffffff; display: flex; justify-content: space-between; align-items: center; gap: 12px;\" onclick=\"toggleFaq(2)\"><span>\u00bfPor qu\u00e9 la ubicaci\u00f3n geogr\u00e1fica e infraestructura local es clave para mi SEO en Colombia?<\/span><i id=\"faqIcon-2\" data-lucide=\"chevron-down\" style=\"width: 16px; height: 16px; color: #94a3b8; transition: transform 0.3s;\"><\/i>\n                    <\/button>\n                    <div id=\"faqContent-2\" style=\"display: none; padding: 0 16px 16px 16px; font-size: 12px; color: #cbd5e1; line-height: 1.6; border-top: 1px solid rgba(30,41,59,0.4); margin-top: 8px; padding-top: 12px;\"> Google y otros motores de b\u00fasqueda priorizan sitios web con baja latencia para usuarios locales. Tener tu servidor en un proveedor colombiano con direccionamiento IP local (GEO SEO) acelera la carga en dispositivos m\u00f3viles y posiciona ventajosamente tu negocio frente a la competencia. <\/div>\n                  <\/div><!-- Pregunta 3 -->\n                  <div style=\"background: #111622; border: 1px solid #1e293b; border-radius: 12px; overflow: hidden;\">\n                    <button style=\"width: 100%; padding: 16px; text-align: left; font-size: 13px; font-weight: 600; color: #ffffff; display: flex; justify-content: space-between; align-items: center; gap: 12px;\" onclick=\"toggleFaq(3)\"><span>\u00bfCu\u00e1l es la diferencia entre un Servidor VPS y un Servidor Dedicado?<\/span><i id=\"faqIcon-3\" data-lucide=\"chevron-down\" style=\"width: 16px; height: 16px; color: #94a3b8; transition: transform 0.3s;\"><\/i>\n                    <\/button>\n                    <div id=\"faqContent-3\" style=\"display: none; padding: 0 16px 16px 16px; font-size: 12px; color: #cbd5e1; line-height: 1.6; border-top: 1px solid rgba(30,41,59,0.4); margin-top: 8px; padding-top: 12px;\"> Un <strong>VPS<\/strong> particiona un hardware potente en entornos virtuales independientes con recursos garantizados. Un <strong>Servidor Dedicado<\/strong> entrega el 100% de los componentes f\u00edsicos (CPU, RAM, discos) en exclusiva para tu empresa. \n                    <\/div>\n                  <\/div><!-- Pregunta 4 -->\n                  <div style=\"background: #111622; border: 1px solid #1e293b; border-radius: 12px; overflow: hidden;\">\n                    <button style=\"width: 100%; padding: 16px; text-align: left; font-size: 13px; font-weight: 600; color: #ffffff; display: flex; justify-content: space-between; align-items: center; gap: 12px;\" onclick=\"toggleFaq(4)\"><span>\u00bfLa migraci\u00f3n desde otro proveedor tiene alg\u00fan costo adicional?<\/span><i id=\"faqIcon-4\" data-lucide=\"chevron-down\" style=\"width: 16px; height: 16px; color: #94a3b8; transition: transform 0.3s;\"><\/i>\n                    <\/button>\n                    <div id=\"faqContent-4\" style=\"display: none; padding: 0 16px 16px 16px; font-size: 12px; color: #cbd5e1; line-height: 1.6; border-top: 1px solid rgba(30,41,59,0.4); margin-top: 8px; padding-top: 12px;\"> No. En <strong>HB Colombia<\/strong> incluimos la migraci\u00f3n 100% gratuita. Trasladamos archivos, bases de datos y correos sin interrumpir el funcionamiento de tu sitio web. \n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/section><!-- SECCI\u00d3N CANALES DE CONTACTO DIRECTOS -->\n            <section id=\"contacto\" style=\"padding: 48px 0; border-top: 1px solid rgba(30,41,59,0.6); position: relative;\">\n              <div class=\"hb-container\">\n                <div class=\"hb-cta-box\" style=\"display: flex; justify-content: space-between; align-items: center; padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid rgba(30,41,59,0.6); gap: 24px;\">\n                  <div style=\"max-width: 600px;\"><span style=\"color: #2f66ff; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; display: block; margin-bottom: 6px;\">Atenci\u00f3n Estrat\u00e9gica Directa<\/span>\n                    <h2 style=\"font-size: 24px; font-weight: 800; margin-bottom: 8px;\">Infraestructura empresarial dise\u00f1ada para operar sin interrupciones.<\/h2>\n                    <p style=\"color: #94a3b8; font-size: 13px;\">Si tu operaci\u00f3n digital es clave para tu negocio, esta conversaci\u00f3n es estrat\u00e9gica.<\/p>\n                  <\/div>\n                  <div>\n                    <button class=\"hb-btn-primary\" style=\"width: auto; padding: 14px 24px;\" onclick=\"openModal()\"> Solicitar diagn\u00f3stico estrat\u00e9gico <i data-lucide=\"arrow-right\" style=\"width: 16px; height: 16px;\"><\/i>\n                    <\/button>\n                  <\/div>\n                <\/div><!-- TARJETAS DE CONTACTO -->\n                <div class=\"hb-grid-3\"><!-- Oficina Administrativa -->\n                  <div class=\"hb-card\">\n                    <div>\n                      <div style=\"width: 42px; height: 42px; border-radius: 10px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center; margin-bottom: 16px;\"><i data-lucide=\"map-pin\" style=\"width: 22px; height: 22px;\"><\/i>\n                      <\/div>\n                      <h3 style=\"font-size: 18px; font-weight: 700; margin-bottom: 8px;\">Oficina administrativa<\/h3>\n                      <p style=\"color: #e2e8f0; font-size: 13px; margin-bottom: 2px;\">Cra 59 # 66 - 85<\/p>\n                      <p style=\"color: #94a3b8; font-size: 12px; margin-bottom: 20px;\">Barranquilla - Colombia<\/p>\n                    <\/div>\n                    <div style=\"display: flex; gap: 8px; border-top: 1px solid rgba(30,41,59,0.4); padding-top: 16px;\">\n                      <button class=\"hb-btn-outline\" style=\"font-size: 11px !important; padding: 8px 10px;\" onclick=\"copyToClipboard('Cra 59 # 66 - 85, Barranquilla, Colombia')\"><i data-lucide=\"copy\" style=\"width: 12px; height: 12px;\"><\/i> Copiar \n                      <\/button>\n                      <a href=\"https:\/\/maps.google.com\/?q=Cra+59+%23+66+-+85,+Barranquilla,+Colombia\" target=\"_blank\" class=\"hb-btn-outline\" style=\"font-size: 11px !important; padding: 8px 10px; background: rgba(47, 102, 255, 0.1) !important; color: rgb(47, 102, 255) !important;\" rel=\"noopener\"> Ver en Maps <i data-lucide=\"external-link\" style=\"width: 12px; height: 12px;\"><\/i>\n                      <\/a>\n                    <\/div>\n                  <\/div><!-- L\u00edneas de Atenci\u00f3n -->\n                  <div class=\"hb-card\">\n                    <div>\n                      <div style=\"width: 42px; height: 42px; border-radius: 10px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center; margin-bottom: 16px;\"><i data-lucide=\"phone\" style=\"width: 22px; height: 22px;\"><\/i>\n                      <\/div>\n                      <h3 style=\"font-size: 18px; font-weight: 700; margin-bottom: 8px;\">L\u00edneas de atenci\u00f3n<\/h3>\n                      <div style=\"display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px;\">\n                        <a href=\"tel:+576033433388\" style=\"font-size: 13px; color: #cbd5e1; font-weight: 500; display: flex; align-items: center; gap: 8px;\"><span style=\"width: 6px; height: 6px; border-radius: 50%; background-color: #10b981;\"><\/span> +57 603 343 3388 \n                        <\/a>\n                        <a href=\"tel:+573014220971\" style=\"font-size: 13px; color: #cbd5e1; font-weight: 500; display: flex; align-items: center; gap: 8px;\"><span style=\"width: 6px; height: 6px; border-radius: 50%; background-color: #10b981;\"><\/span> +57 301 422 0971 \n                        <\/a>\n                      <\/div>\n                    <\/div>\n                    <div style=\"border-top: 1px solid rgba(30,41,59,0.4); padding-top: 16px;\">\n                      <a href=\"https:\/\/wa.me\/573014220971?text=Hola,%20quisiera%20solicitar%20asesor\u00eda%20sobre%20el%20servicio%20de%20Hosting%20Empresarial.\" target=\"_blank\" class=\"hb-btn-outline\" style=\"background: rgba(37,211,102,0.1) !important; color: #25D366 !important; border-color: rgba(37,211,102,0.2) !important;\" rel=\"noopener\"> Chatear por WhatsApp <\/a>\n                    <\/div>\n                  <\/div><!-- Escr\u00edbenos -->\n                  <div class=\"hb-card\">\n                    <div>\n                      <div style=\"width: 42px; height: 42px; border-radius: 10px; background: rgba(47,102,255,0.1); color: #2f66ff; display: flex; align-items: center; justify-content: center; margin-bottom: 16px;\"><i data-lucide=\"mail\" style=\"width: 22px; height: 22px;\"><\/i>\n                      <\/div>\n                      <h3 style=\"font-size: 18px; font-weight: 700; margin-bottom: 8px;\">Escr\u00edbenos<\/h3>\n                      <p style=\"color: #94a3b8; font-size: 12px; margin-bottom: 12px;\">Nuestro equipo de soporte responder\u00e1 a la brevedad.<\/p>\n                      <a href=\"mailto:info@hb.net.co\" style=\"color: #2f66ff; font-weight: 600; font-size: 14px; margin-bottom: 20px; display: inline-block;\">info@hb.net.co<\/a>\n                    <\/div>\n                    <div style=\"border-top: 1px solid rgba(30,41,59,0.4); padding-top: 16px;\">\n                      <button class=\"hb-btn-primary\" onclick=\"openModal()\"> Enviar Mensaje Directo <\/button>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/section><!-- MODAL INTERACTIVO PARA DIAGN\u00d3STICO -->\n            <div id=\"diagnosticModal\" style=\"position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(10,14,23,0.85); backdrop-filter: blur(8px);\">\n              <div id=\"modalContainer\" style=\"width: 100%; max-width: 500px; background: #111622; border: 1px solid #1e293b; border-radius: 16px; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);\">\n                <div style=\"padding: 20px; border-bottom: 1px solid #1e293b; display: flex; justify-content: space-between; align-items: center;\">\n                  <div>\n                    <h3 style=\"font-size: 16px; font-weight: 700;\">Diagn\u00f3stico Estrat\u00e9gico<\/h3>\n                    <p style=\"font-size: 11px; color: #94a3b8;\">Un especialista te contactar\u00e1.<\/p>\n                  <\/div>\n                  <button style=\"color: #94a3b8; font-size: 18px;\" onclick=\"closeModal()\">\u00d7<\/button>\n                <\/div>\n                <div style=\"padding: 20px; max-height: 80vh; overflow-y: auto;\">\n                  <form id=\"leadForm\" style=\"display: flex; flex-direction: column; gap: 14px;\" onsubmit=\"handleFormSubmit(event)\">\n                    <div>\n                      <label style=\"display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; color: #94a3b8; margin-bottom: 4px;\">Nombre Completo<\/label>\n                      <input type=\"text\" required=\"\" style=\"width: 100%; background: #0a0e17; border: 1px solid #1e293b; border-radius: 8px; padding: 10px; color: #ffffff; font-size: 13px;\" placeholder=\"Ej. Carlos Mendoza\">\n                    <\/div>\n                    <div>\n                      <label style=\"display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; color: #94a3b8; margin-bottom: 4px;\">Empresa \/ Tel\u00e9fono<\/label>\n                      <input type=\"text\" required=\"\" style=\"width: 100%; background: #0a0e17; border: 1px solid #1e293b; border-radius: 8px; padding: 10px; color: #ffffff; font-size: 13px;\" placeholder=\"Empresa y Tel\u00e9fono\">\n                    <\/div>\n                    <div>\n                      <label style=\"display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; color: #94a3b8; margin-bottom: 4px;\">Correo Corporativo<\/label>\n                      <input type=\"email\" required=\"\" style=\"width: 100%; background: #0a0e17; border: 1px solid #1e293b; border-radius: 8px; padding: 10px; color: #ffffff; font-size: 13px;\" placeholder=\"carlos@empresa.com\">\n                    <\/div>\n                    <div>\n                      <label style=\"display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; color: #94a3b8; margin-bottom: 4px;\">Requerimiento<\/label>\n                      <textarea rows=\"3\" style=\"width: 100%; background: #0a0e17; border: 1px solid #1e293b; border-radius: 8px; padding: 10px; color: #ffffff; font-size: 13px; resize: none;\" placeholder=\"\u00bfQu\u00e9 soluci\u00f3n deseas cotizar u optimizar?\"><\/textarea>\n                    <\/div>\n                    <button type=\"submit\" class=\"hb-btn-primary\">Enviar Solicitud<\/button>\n                  <\/form>\n                  <div id=\"successState\" style=\"display: none; text-align: center; padding: 20px 0;\">\n                    <h4 style=\"font-size: 18px; font-weight: 700; color: #10b981; margin-bottom: 8px;\">\u00a1Solicitud Recibida!<\/h4>\n                    <p style=\"font-size: 12px; color: #94a3b8; margin-bottom: 16px;\">Un consultor tecnol\u00f3gico se contactar\u00e1 contigo en breve.<\/p>\n                    <button class=\"hb-btn-outline\" style=\"margin: 0px auto; width: auto;\" onclick=\"closeModal()\">Cerrar Ventana<\/button>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div><!-- TOAST DE NOTIFICACI\u00d3N -->\n            <div id=\"toast\" style=\"position: fixed; bottom: 20px; right: 20px; z-index: 10000; background: #111622; border: 1px solid #1e293b; border-radius: 12px; padding: 12px 18px; display: flex; align-items: center; gap: 12px; transform: translateY(100px); opacity: 0; transition: all 0.3s ease; pointer-events: none;\">\n              <div id=\"toastIcon\" style=\"color: #2f66ff;\"><i data-lucide=\"info\" style=\"width: 18px; height: 18px;\"><\/i>\n              <\/div>\n              <div>\n                <p id=\"toastTitle\" style=\"font-size: 12px; font-weight: 700;\">Aviso<\/p>\n                <p id=\"toastMessage\" style=\"font-size: 11px; color: #94a3b8;\">Mensaje...<\/p>\n              <\/div>\n            <\/div>\n          <\/div><!-- SCRIPT DE INTERACTIVIDAD NATIVO -->\n          <script> lucide.createIcons();\n        function toggleFaq(index) {\n            const content = document.getElementById(`faqContent-${index}`);\n            const icon = document.getElementById(`faqIcon-${index}`);\n            if (content.style.display === 'none' || content.style.display === '') {\n                content.style.display = 'block';\n                icon.style.transform = 'rotate(180deg)';\n            } else {\n                content.style.display = 'none';\n                icon.style.transform = 'rotate(0deg)';\n            }\n        }\n        function copyToClipboard(text) {\n            const textarea = document.createElement('textarea');\n            textarea.value = text;\n            textarea.style.position = 'fixed';\n            textarea.style.opacity = '0';\n            document.body.appendChild(textarea);\n            textarea.select();\n            try {\n                document.execCommand('copy');\n                showToast('\u00c9xito', 'Direcci\u00f3n copiada al portapapeles');\n            } catch (err) {\n                showToast('Error', 'No se pudo copiar autom\u00e1ticamente');\n            }\n            document.body.removeChild(textarea);\n        }\n        const modal = document.getElementById('diagnosticModal');\n        const leadForm = document.getElementById('leadForm');\n        const successState = document.getElementById('successState');\n        function openModal() {\n            modal.style.display = 'flex';\n        }\n        function closeModal() {\n            modal.style.display = 'none';\n            leadForm.style.display = 'flex';\n            successState.style.display = 'none';\n            leadForm.reset();\n        }\n        function handleFormSubmit(event) {\n            event.preventDefault();\n            leadForm.style.display = 'none';\n            successState.style.display = 'block';\n            showToast('Registro Exitoso', 'Diagn\u00f3stico solicitado');\n        }\n        function showToast(title, message) {\n            const toast = document.getElementById('toast');\n            document.getElementById('toastTitle').textContent = title;\n            document.getElementById('toastMessage').textContent = message;\n            toast.style.transform = 'translateY(0)';\n            toast.style.opacity = '1';\n            setTimeout(() => {\n                toast.style.transform = 'translateY(100px)';\n                toast.style.opacity = '0';\n            }, 3500);\n        } <\/script>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    \n    \n  \n","protected":false},"excerpt":{"rendered":"<p>Mapa del Sitio &amp; Centro de Recursos Explora el ecosistema completo de nuestra infraestructura digital. Te acompa\u00f1amos para optimizar tu presencia en la nube con m\u00e1xima velocidad y seguridad. 4.9 \/ 5 Google Rating Ecosistema de Servicios Navegaci\u00f3n directa NVMe Hosting Empresarial La fusi\u00f3n perfecta entre la agilidad del hosting SSD y la potencia el\u00e1stica &hellip; <a href=\"https:\/\/hb.net.co\/es\/hosting-barranquilla-servicios-y-soluciones\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Mapa Del Sitio &#8211; HB Hosting Barranquilla SAS&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2531","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/pages\/2531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/comments?post=2531"}],"version-history":[{"count":7,"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/pages\/2531\/revisions"}],"predecessor-version":[{"id":4805,"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/pages\/2531\/revisions\/4805"}],"wp:attachment":[{"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/media?parent=2531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}