{"id":23,"date":"2025-11-16T23:05:20","date_gmt":"2025-11-17T04:05:20","guid":{"rendered":"https:\/\/servisistemas.com.co\/cableado-estructurado\/?page_id=23"},"modified":"2026-01-08T19:04:08","modified_gmt":"2026-01-09T00:04:08","slug":"servicios-de-cableado-estructurado-para-empresas","status":"publish","type":"page","link":"https:\/\/servisistemas.com.co\/cableado-estructurado\/","title":{"rendered":"Servicios de cableado estructurado para empresas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23\" class=\"elementor elementor-23\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfc5a72 e-flex e-con-boxed jltma-glass-effect-no e-con e-parent\" data-id=\"cfc5a72\" 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-e91df1d jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"e91df1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es-CO\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"Contar con una red de datos bien dise\u00f1ada ya no es un lujo, es una necesidad para que tu empresa funcione sin interrupciones\">\r\n    <title>Cableado Estructurado Profesional | Servisistemas Colombia<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --primary: #667eea;\r\n            --secondary: #764ba2;\r\n            --accent: #f093fb;\r\n            --success: #00d084;\r\n            --warning: #ffc107;\r\n            --dark: #2c3e50;\r\n            --light: #f8f9fa;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--dark);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Animaciones *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% {\r\n                transform: scale(1);\r\n            }\r\n            50% {\r\n                transform: scale(1.05);\r\n            }\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% {\r\n                transform: translateY(0);\r\n            }\r\n            50% {\r\n                transform: translateY(-20px);\r\n            }\r\n        }\r\n\r\n        @keyframes slideInLeft {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(-50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        .animate-on-scroll {\r\n            opacity: 0;\r\n            animation: fadeInUp 0.8s ease forwards;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .hero {\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\r\n            color: white;\r\n            padding: 120px 20px 80px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 320\"><path fill=\"rgba(255,255,255,0.1)\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path><\/svg>') no-repeat bottom;\r\n            background-size: cover;\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: clamp(2rem, 5vw, 3.5rem);\r\n            margin-bottom: 20px;\r\n            animation: fadeInUp 0.8s ease;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .hero h2 {\r\n            font-size: clamp(1rem, 3vw, 1.5rem);\r\n            font-weight: 300;\r\n            margin-bottom: 40px;\r\n            animation: fadeInUp 0.8s ease 0.2s backwards;\r\n            opacity: 0.95;\r\n        }\r\n\r\n        .hero-badges {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n            justify-content: center;\r\n            margin: 40px 0;\r\n            animation: fadeInUp 0.8s ease 0.4s backwards;\r\n        }\r\n\r\n        .badge {\r\n            background: rgba(255,255,255,0.2);\r\n            backdrop-filter: blur(10px);\r\n            padding: 12px 24px;\r\n            border-radius: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(255,255,255,0.3);\r\n        }\r\n\r\n        .badge:hover {\r\n            background: rgba(255,255,255,0.3);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            background: white;\r\n            color: var(--primary);\r\n            padding: 18px 40px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: bold;\r\n            font-size: 1.1rem;\r\n            margin-top: 30px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n            transition: all 0.3s ease;\r\n            animation: fadeInUp 0.8s ease 0.6s backwards, pulse 2s ease infinite;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .whatsapp-icon {\r\n            display: inline-block;\r\n            font-size: 24px;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        \/* Stats Section *\/\r\n        .stats {\r\n            background: var(--light);\r\n            padding: 60px 20px;\r\n            position: relative;\r\n        }\r\n\r\n        .stats-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .stat-card {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .stat-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 3rem;\r\n            font-weight: bold;\r\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .stat-label {\r\n            color: var(--dark);\r\n            font-size: 1rem;\r\n        }\r\n\r\n        \/* Problem Section *\/\r\n        .problem-section {\r\n            padding: 80px 20px;\r\n            background: white;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            font-size: clamp(2rem, 4vw, 2.5rem);\r\n            margin-bottom: 20px;\r\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .section-subtitle {\r\n            text-align: center;\r\n            font-size: 1.2rem;\r\n            color: #666;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .problems-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .problem-card {\r\n            background: linear-gradient(135deg, #fff5f5 0%, #ffe5e5 100%);\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            border-left: 5px solid #dc3545;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .problem-card::before {\r\n            content: '\u26a0\ufe0f';\r\n            position: absolute;\r\n            top: -20px;\r\n            right: -20px;\r\n            font-size: 80px;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .problem-card:hover {\r\n            transform: translateX(10px);\r\n            box-shadow: -5px 5px 20px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .problem-card h3 {\r\n            color: #dc3545;\r\n            margin-bottom: 15px;\r\n            font-size: 1.3rem;\r\n        }\r\n\r\n        \/* Services Section *\/\r\n        .services-section {\r\n            padding: 80px 20px;\r\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n        }\r\n\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .service-card {\r\n            background: white;\r\n            padding: 40px;\r\n            border-radius: 20px;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .service-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 20px;\r\n            display: inline-block;\r\n            animation: float 3s ease-in-out infinite;\r\n        }\r\n\r\n        .service-card h3 {\r\n            color: var(--primary);\r\n            margin-bottom: 15px;\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        .service-list {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n\r\n        .service-list li {\r\n            padding: 10px 0;\r\n            padding-left: 30px;\r\n            position: relative;\r\n        }\r\n\r\n        .service-list li::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            color: var(--success);\r\n            font-weight: bold;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        \/* Timeline Section *\/\r\n        .timeline-section {\r\n            padding: 80px 20px;\r\n            background: white;\r\n        }\r\n\r\n        .timeline {\r\n            max-width: 800px;\r\n            margin: 60px auto;\r\n            position: relative;\r\n        }\r\n\r\n        .timeline::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 4px;\r\n            height: 100%;\r\n            background: linear-gradient(180deg, var(--primary), var(--secondary));\r\n        }\r\n\r\n        .timeline-item {\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n        }\r\n\r\n        .timeline-item:nth-child(odd) {\r\n            padding-right: 50%;\r\n            text-align: right;\r\n        }\r\n\r\n        .timeline-item:nth-child(even) {\r\n            padding-left: 50%;\r\n            text-align: left;\r\n        }\r\n\r\n        .timeline-content {\r\n            background: white;\r\n            padding: 25px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.1);\r\n            position: relative;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .timeline-content:hover {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .timeline-number {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n            color: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n            font-size: 1.3rem;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .timeline-item:nth-child(odd) .timeline-number {\r\n            right: -25px;\r\n        }\r\n\r\n        .timeline-item:nth-child(even) .timeline-number {\r\n            left: -25px;\r\n        }\r\n\r\n        \/* Why Us Section *\/\r\n        .why-us-section {\r\n            padding: 80px 20px;\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\r\n            color: white;\r\n        }\r\n\r\n        .why-us-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .why-card {\r\n            background: rgba(255,255,255,0.1);\r\n            backdrop-filter: blur(10px);\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            border: 1px solid rgba(255,255,255,0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .why-card:hover {\r\n            background: rgba(255,255,255,0.2);\r\n            transform: translateY(-10px);\r\n        }\r\n\r\n        .why-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n\r\n        \/* Video Section *\/\r\n        .video-section {\r\n            padding: 80px 20px;\r\n            background: var(--light);\r\n        }\r\n\r\n        .video-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .video-card {\r\n            position: relative;\r\n            padding-bottom: 56.25%;\r\n            height: 0;\r\n            overflow: hidden;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .video-card:hover {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .video-card iframe {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .faq-section {\r\n            padding: 80px 20px;\r\n            background: white;\r\n        }\r\n\r\n        .faq-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .faq-item {\r\n            background: white;\r\n            margin-bottom: 20px;\r\n            border-radius: 10px;\r\n            box-shadow: 0 3px 10px rgba(0,0,0,0.1);\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .faq-item:hover {\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .faq-question {\r\n            padding: 20px;\r\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n            color: white;\r\n            cursor: pointer;\r\n            font-weight: bold;\r\n            font-size: 1.1rem;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .faq-question::after {\r\n            content: '+';\r\n            font-size: 2rem;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .faq-question.active::after {\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        .faq-answer {\r\n            padding: 0 20px;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .faq-answer.active {\r\n            padding: 20px;\r\n            max-height: 500px;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .cta-section {\r\n            padding: 80px 20px;\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\r\n            color: white;\r\n            text-align: center;\r\n        }\r\n\r\n        .cta-section h2 {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .cta-section p {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 40px;\r\n            opacity: 0.95;\r\n        }\r\n\r\n        \/* Footer *\/\r\n        footer {\r\n            background: #2c3e50;\r\n            color: white;\r\n            padding: 40px 20px 20px;\r\n        }\r\n\r\n        .footer-content {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .footer-logo {\r\n            max-width: 200px;\r\n            margin: 0 auto 30px;\r\n        }\r\n\r\n        .footer-text {\r\n            margin-bottom: 20px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .copyright {\r\n            padding-top: 20px;\r\n            border-top: 1px solid rgba(255,255,255,0.1);\r\n            opacity: 0.7;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .timeline::before {\r\n                left: 0;\r\n            }\r\n\r\n            .timeline-item:nth-child(odd),\r\n            .timeline-item:nth-child(even) {\r\n                padding-left: 40px;\r\n                padding-right: 0;\r\n                text-align: left;\r\n            }\r\n\r\n            .timeline-number {\r\n                left: -25px !important;\r\n                right: auto !important;\r\n            }\r\n\r\n            .hero {\r\n                padding: 80px 20px 60px;\r\n            }\r\n        }\r\n\r\n        \/* Scroll animations *\/\r\n        .fade-in {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: all 0.6s ease;\r\n        }\r\n\r\n        .fade-in.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Hero Section -->\r\n    <section class=\"hero\">\r\n        <div class=\"hero-content\">\r\n            <h1>Su red no puede fallar. Su cableado tampoco.<\/h1>\r\n            <h2>Dise\u00f1o, instalaci\u00f3n y certificaci\u00f3n de cableado estructurado profesional para empresas en Colombia.<br>Menos ca\u00eddas, m\u00e1s velocidad, cero improvisaci\u00f3n.<\/h2>\r\n            \r\n            <div class=\"hero-badges\">\r\n                <div class=\"badge\">\u2705 Proyectos en oficinas, bodegas y centros log\u00edsticos<\/div>\r\n                <div class=\"badge\">\u2705 Cumplimiento de normas TIA\/EIA e ISO\/IEC<\/div>\r\n                <div class=\"badge\">\u2705 Soporte para VoIP, CCTV, WiFi de alta densidad<\/div>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/wa.me\/573114657690?text=Te%20damos%20la%20bienvenida%2C%20%C2%BFen%20qu%C3%A9%20podemos%20ayudarte%20con%20las%20redes%20de%20tu%20empresa%3F\" target=\"_blank\" class=\"cta-button\" rel=\"noopener\">\r\n                <span class=\"whatsapp-icon\">\ud83d\udcf1<\/span>\r\n                Agendar visita t\u00e9cnica sin costo\r\n            <\/a>\r\n            \r\n            <p style=\"margin-top: 20px; opacity: 0.9; font-size: 0.9rem;\">Respondemos en menos de 24 horas h\u00e1biles con una propuesta clara y accionable.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Stats Section -->\r\n    <section class=\"stats\">\r\n        <div class=\"stats-container\">\r\n            <div class=\"stat-card fade-in\">\r\n                <div class=\"stat-number\" data-target=\"1\">1<\/div>\r\n                <div class=\"stat-label\">Latencia ms Red Local<\/div>\r\n            <\/div>\r\n            <div class=\"stat-card fade-in\">\r\n                <div class=\"stat-number\" data-target=\"15\">15<\/div>\r\n                <div class=\"stat-label\">Latencia ms a la Nube<\/div>\r\n            <\/div>\r\n            <div class=\"stat-card fade-in\">\r\n                <div class=\"stat-number\" data-target=\"300\">300<\/div>\r\n                <div class=\"stat-label\">Mbps Velocidad<\/div>\r\n            <\/div>\r\n            <div class=\"stat-card fade-in\">\r\n                <div class=\"stat-number\" data-target=\"99\">99<\/div>\r\n                <div class=\"stat-label\">% Disponibilidad<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Problem Section -->\r\n    <section class=\"problem-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title fade-in\">\u00bfSu red se cae justo cuando m\u00e1s la necesita?<\/h2>\r\n            <p class=\"section-subtitle fade-in\">Si hoy est\u00e1 lidiando con alguno de estos problemas, necesita una soluci\u00f3n profesional:<\/p>\r\n            \r\n            <div class=\"problems-grid\">\r\n                <div class=\"problem-card fade-in\">\r\n                    <h3>\ud83d\udd0c Sin puntos de red<\/h3>\r\n                    <p>Puestos de trabajo sin punto de red disponible, limitando su capacidad de crecimiento<\/p>\r\n                <\/div>\r\n                <div class=\"problem-card fade-in\">\r\n                    <h3>\ud83d\udcf6 WiFi lento<\/h3>\r\n                    <p>WiFi \"lento\" aunque el proveedor de Internet sea bueno - el problema est\u00e1 en la infraestructura<\/p>\r\n                <\/div>\r\n                <div class=\"problem-card fade-in\">\r\n                    <h3>\ud83d\udcbb Sistemas congelados<\/h3>\r\n                    <p>Cierres de caja, ERP o c\u00e1maras que se congelan interrumpiendo sus operaciones<\/p>\r\n                <\/div>\r\n                <div class=\"problem-card fade-in\">\r\n                    <h3>\ud83d\udd27 Cableado obsoleto<\/h3>\r\n                    <p>Cableado viejo, sin etiquetas, sin planos y sin normas t\u00e9cnicas<\/p>\r\n                <\/div>\r\n                <div class=\"problem-card fade-in\">\r\n                    <h3>\u26a0\ufe0f Soluciones temporales<\/h3>\r\n                    <p>Proveedores que \"parchan\" pero no solucionan el problema de ra\u00edz<\/p>\r\n                <\/div>\r\n                <div class=\"problem-card fade-in\">\r\n                    <h3>\ud83d\udcc9 P\u00e9rdidas operativas<\/h3>\r\n                    <p>Cada hora de ca\u00edda puede costar millones en productividad y ventas<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div style=\"text-align: center; margin-top: 50px; padding: 30px; background: linear-gradient(135deg, #fff3cd, #ffe5b3); border-radius: 15px; border-left: 5px solid var(--warning);\" class=\"fade-in\">\r\n                <h3 style=\"color: var(--dark); font-size: 1.8rem; margin-bottom: 15px;\">Entonces el problema NO es su Internet<\/h3>\r\n                <p style=\"font-size: 1.2rem; color: #666;\">Es su <strong>infraestructura de cableado estructurado<\/strong><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Services Section -->\r\n    <section class=\"services-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title fade-in\">Construimos redes que aguantan la operaci\u00f3n real de su negocio<\/h2>\r\n            <p class=\"section-subtitle fade-in\">Soluciones completas de cableado estructurado corporativo<\/p>\r\n            \r\n            <div class=\"services-grid\">\r\n                <div class=\"service-card fade-in\">\r\n                    <span class=\"service-icon\">\ud83c\udfd7\ufe0f<\/span>\r\n                    <h3>Instalaci\u00f3n de cableado nuevo<\/h3>\r\n                    <ul class=\"service-list\">\r\n                        <li>Dise\u00f1o de red por ingeniero especializado<\/li>\r\n                        <li>Tendido de cobre Cat 6 \/ 6A y fibra \u00f3ptica<\/li>\r\n                        <li>Canalizaciones, racks y patch panels<\/li>\r\n                        <li>Certificaci\u00f3n completa<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"service-card fade-in\">\r\n                    <span class=\"service-icon\">\ud83d\udd04<\/span>\r\n                    <h3>Migraci\u00f3n de redes existentes<\/h3>\r\n                    <ul class=\"service-list\">\r\n                        <li>Migraci\u00f3n a Cat 6A o Fibra \u00d3ptica<\/li>\r\n                        <li>Ordenamiento de racks ca\u00f3ticos<\/li>\r\n                        <li>Reutilizaci\u00f3n inteligente de infraestructura<\/li>\r\n                        <li>Maximizaci\u00f3n del ROI<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"service-card fade-in\">\r\n                    <span class=\"service-icon\">\u2705<\/span>\r\n                    <h3>Certificaci\u00f3n y diagn\u00f3stico<\/h3>\r\n                    <ul class=\"service-list\">\r\n                        <li>Pruebas con certificador profesional<\/li>\r\n                        <li>Informe t\u00e9cnico detallado<\/li>\r\n                        <li>Identificaci\u00f3n de puntos cr\u00edticos<\/li>\r\n                        <li>Cumplimiento TIA\/ISO<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"service-card fade-in\">\r\n                    <span class=\"service-icon\">\ud83d\udee0\ufe0f<\/span>\r\n                    <h3>Mantenimiento corporativo<\/h3>\r\n                    <ul class=\"service-list\">\r\n                        <li>Preventivo y correctivo<\/li>\r\n                        <li>Soporte a expansiones<\/li>\r\n                        <li>Acompa\u00f1amiento a TI<\/li>\r\n                        <li>Atenci\u00f3n prioritaria<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Timeline Section -->\r\n    <section class=\"timeline-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title fade-in\">As\u00ed arrancamos su proyecto (sin enredarlo en tecnicismos)<\/h2>\r\n            \r\n            <div class=\"timeline\">\r\n                <div class=\"timeline-item fade-in\">\r\n                    <div class=\"timeline-content\">\r\n                        <h3>Diagn\u00f3stico inicial<\/h3>\r\n                        <p>Revisamos su infraestructura actual, escuchamos sus necesidades y definimos prioridades (capacidad, seguridad, crecimiento futuro).<\/p>\r\n                    <\/div>\r\n                    <div class=\"timeline-number\">1<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item fade-in\">\r\n                    <div class=\"timeline-content\">\r\n                        <h3>Dise\u00f1o y cotizaci\u00f3n clara<\/h3>\r\n                        <p>Propuesta t\u00e9cnica y econ\u00f3mica transparente, con alcance, tiempos y garant\u00edas definidos.<\/p>\r\n                    <\/div>\r\n                    <div class=\"timeline-number\">2<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item fade-in\">\r\n                    <div class=\"timeline-content\">\r\n                        <h3>Ejecuci\u00f3n profesional<\/h3>\r\n                        <p>Instalaci\u00f3n en campo con m\u00ednimo impacto en la operaci\u00f3n diaria, coordinaci\u00f3n con su equipo de TI y de operaciones.<\/p>\r\n                    <\/div>\r\n                    <div class=\"timeline-number\">3<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item fade-in\">\r\n                    <div class=\"timeline-content\">\r\n                        <h3>Pruebas, certificaci\u00f3n y entrega<\/h3>\r\n                        <p>Certificaci\u00f3n de cada enlace, documentaci\u00f3n final y acompa\u00f1amiento post-implementaci\u00f3n.<\/p>\r\n                    <\/div>\r\n                    <div class=\"timeline-number\">4<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Us Section -->\r\n    <section class=\"why-us-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\" style=\"color: white;\">\u00bfPor qu\u00e9 confiar su infraestructura a SERVISISTEMAS?<\/h2>\r\n            \r\n            <div class=\"why-us-grid\">\r\n                <div class=\"why-card fade-in\">\r\n                    <span class=\"why-icon\">\ud83d\udcc4<\/span>\r\n                    <h3>Documentaci\u00f3n completa<\/h3>\r\n                    <p>Planos, diagramas, etiquetado y memoria t\u00e9cnica.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"why-card fade-in\">\r\n                    <span class=\"why-icon\">\ud83d\udcc8<\/span>\r\n                    <h3>Escalabilidad garantizada<\/h3>\r\n                    <p>Infraestructura lista para crecer sin romper paredes.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Video Section -->\r\n    <section class=\"video-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title fade-in\">Vea c\u00f3mo transformamos redes empresariales<\/h2>\r\n            \r\n            <div class=\"video-grid\">\r\n                <div class=\"video-card fade-in\">\r\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/kflcsTGmdFg\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n                <\/div>\r\n                <div class=\"video-card fade-in\">\r\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/o7iZiageaKk\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n                <\/div>\r\n                <div class=\"video-card fade-in\">\r\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/10TXkjiC7-4\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section class=\"faq-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title fade-in\">Preguntas frecuentes de gerentes y jefes de TI<\/h2>\r\n            \r\n            <div class=\"faq-container\">\r\n                <div class=\"faq-item fade-in\">\r\n                    <div class=\"faq-question\">\r\n                        \u00bfTrabajan en proyectos peque\u00f1os?\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        Nos enfocamos en proyectos empresariales: oficinas, bodegas y centros log\u00edsticos. Sin embargo, podemos evaluar su caso si requiere est\u00e1ndares corporativos.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item fade-in\">\r\n                    <div class=\"faq-question\">\r\n                        \u00bfPueden trabajar fuera del horario laboral?\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        S\u00ed. Podemos planear la ejecuci\u00f3n en horarios nocturnos o fines de semana para no afectar su operaci\u00f3n.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item fade-in\">\r\n                    <div class=\"faq-question\">\r\n                        \u00bfQu\u00e9 incluye la entrega final del proyecto?\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        Cableado instalado y probado, puntos de red identificados, racks organizados, planos actualizados y memoria t\u00e9cnica completa.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item fade-in\">\r\n                    <div class=\"faq-question\">\r\n                        \u00bfPueden integrar datos, voz y CCTV?\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        S\u00ed. Dise\u00f1amos cableado estructurado para soportar datos, voz, c\u00e1maras IP, control de acceso y otros sistemas de baja tensi\u00f3n en una sola infraestructura.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item fade-in\">\r\n                    <div class=\"faq-question\">\r\n                        \u00bfOfrecen mantenimiento posterior?\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        S\u00ed. Contamos con planes de mantenimiento de redes corporativas que incluyen visitas peri\u00f3dicas y atenci\u00f3n prioritaria.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Final CTA -->\r\n    <section class=\"cta-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"fade-in\">La pr\u00f3xima ca\u00edda de su red puede costarle m\u00e1s que todo el proyecto<\/h2>\r\n            <p class=\"fade-in\">No espere al siguiente apag\u00f3n de sistemas, a perder grabaciones de c\u00e1maras o a detener la operaci\u00f3n por un cable mal puesto.<\/p>\r\n            \r\n            <a href=\"https:\/\/wa.me\/573114657690?text=Te%20damos%20la%20bienvenida%2C%20%C2%BFen%20qu%C3%A9%20podemos%20ayudarte%20con%20las%20redes%20de%20tu%20empresa%3F\" target=\"_blank\" class=\"cta-button\" rel=\"noopener\">\r\n                <span class=\"whatsapp-icon\">\ud83d\udcf1<\/span>\r\n                Agenda tu consultor\u00eda gratuita ahora\r\n            <\/a>\r\n\r\n            <p style=\"margin-top: 30px; font-size: 0.9rem;\">\u2713 Atendemos: Oficinas corporativas \u2022 Call centers \u2022 Centros log\u00edsticos \u2022 Bodegas industriales \u2022 Cl\u00ednicas \u2022 Colegios \u2022 Retail<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer>\r\n        <div class=\"footer-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/servisistemas.com.co\/cableado-estructurado\/wp-content\/uploads\/2025\/11\/Logo_definitivo_2018.png\" alt=\"Servisistemas Logo\" class=\"footer-logo\">\r\n            \r\n            <p class=\"footer-text\">\r\n                <strong>SERVISISTEMAS<\/strong> - Cableado Estructurado Profesional<br>\r\n                Bogot\u00e1, Medell\u00edn, Cali y principales ciudades de Colombia<br>\r\n                \ud83d\udcf1 WhatsApp: <a href=\"https:\/\/wa.me\/573114657690\" style=\"color: white; text-decoration: none;\" target=\"_blank\" rel=\"noopener\">+57 311 465 76 90<\/a>\r\n            <\/p>\r\n\r\n            <p class=\"copyright\">\r\n                \u00a9 2025 Servisistemas. Todos los derechos reservados.<br>\r\n                Instalaci\u00f3n cableado estructurado \u2022 Certificaci\u00f3n de red \u2022 Fibra \u00f3ptica empresarial\r\n            <\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Animaci\u00f3n de n\u00fameros\r\n        function animateNumbers() {\r\n            const counters = document.querySelectorAll('.stat-number');\r\n            \r\n            counters.forEach(counter => {\r\n                const target = parseInt(counter.getAttribute('data-target'));\r\n                const duration = 2000;\r\n                const increment = target \/ (duration \/ 16);\r\n                let current = 0;\r\n                \r\n                const updateCounter = () => {\r\n                    current += increment;\r\n                    if (current < target) {\r\n                        counter.textContent = Math.floor(current);\r\n                        requestAnimationFrame(updateCounter);\r\n                    } else {\r\n                        counter.textContent = target;\r\n                    }\r\n                };\r\n                \r\n                updateCounter();\r\n            });\r\n        }\r\n\r\n        \/\/ Intersection Observer para animaciones on scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\r\n\r\n        \/\/ Animar n\u00fameros cuando sean visibles\r\n        const statsObserver = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    animateNumbers();\r\n                    statsObserver.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        const statsSection = document.querySelector('.stats');\r\n        if (statsSection) {\r\n            statsObserver.observe(statsSection);\r\n        }\r\n\r\n        \/\/ FAQ Accordion\r\n        document.querySelectorAll('.faq-question').forEach(question => {\r\n            question.addEventListener('click', () => {\r\n                const answer = question.nextElementSibling;\r\n                const isActive = answer.classList.contains('active');\r\n                \r\n                \/\/ Cerrar todos los FAQs\r\n                document.querySelectorAll('.faq-answer').forEach(a => a.classList.remove('active'));\r\n                document.querySelectorAll('.faq-question').forEach(q => q.classList.remove('active'));\r\n                \r\n                \/\/ Abrir el clickeado si no estaba activo\r\n                if (!isActive) {\r\n                    answer.classList.add('active');\r\n                    question.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Smooth scroll para enlaces internos\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae25a8a e-flex e-con-boxed jltma-glass-effect-no e-con e-parent\" data-id=\"ae25a8a\" 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-2ad1527 jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"2ad1527\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google tag (gtag.js) -->\r\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-942939110\"><\/script>\r\n<script>\r\n  window.dataLayer = window.dataLayer || [];\r\n  function gtag(){dataLayer.push(arguments);}\r\n  gtag('js', new Date());\r\n\r\n  gtag('config', 'AW-942939110');\r\n<\/script>\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>Cableado Estructurado Profesional | Servisistemas Colombia Su red no puede fallar. Su cableado tampoco. Dise\u00f1o, instalaci\u00f3n y certificaci\u00f3n de cableado estructurado profesional para empresas en Colombia.Menos ca\u00eddas, m\u00e1s velocidad, cero improvisaci\u00f3n. \u2705 Proyectos en oficinas, bodegas y centros log\u00edsticos \u2705 Cumplimiento de normas TIA\/EIA e ISO\/IEC \u2705 Soporte para VoIP, CCTV, WiFi de alta densidad [&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-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/servisistemas.com.co\/cableado-estructurado\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/servisistemas.com.co\/cableado-estructurado\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/servisistemas.com.co\/cableado-estructurado\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/servisistemas.com.co\/cableado-estructurado\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/servisistemas.com.co\/cableado-estructurado\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":179,"href":"https:\/\/servisistemas.com.co\/cableado-estructurado\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/servisistemas.com.co\/cableado-estructurado\/wp-json\/wp\/v2\/pages\/23\/revisions\/348"}],"wp:attachment":[{"href":"https:\/\/servisistemas.com.co\/cableado-estructurado\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}