{"id":7,"date":"2026-05-05T02:20:46","date_gmt":"2026-05-05T02:20:46","guid":{"rendered":"https:\/\/estructurix.com\/?page_id=7"},"modified":"2026-05-05T02:29:05","modified_gmt":"2026-05-05T02:29:05","slug":"inicio","status":"publish","type":"page","link":"https:\/\/estructurix.com\/?page_id=7","title":{"rendered":"inicio"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Estructurix | Nuestra red, tu conexi\u00f3n sin enredos<\/title>\n    <!-- Fuentes Google: Montserrat e Inter -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&#038;family=Montserrat:wght@600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Iconos FontAwesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <style>\n        \/* --- VARIABLES CSS & RESET (COLORES MEJORADOS) --- *\/\n        :root {\n            \/* Paleta Deep Space & Cyber Blue *\/\n            --primary-bg: #0f172a;       \/* Slate 900 *\/\n            --secondary-bg: #1e293b;     \/* Slate 800 *\/\n            --main-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%); \/* Azul a Violeta *\/\n            --accent-glow: #38bdf8;      \/* Azul Cian brillante *\/\n            \n            --text-white: #f8fafc;\n            --text-gray: #cbd5e1;        \/* Gris m\u00e1s claro para mejor lectura *\/\n            --text-muted: #94a3b8;\n            \n            --glass-bg: rgba(30, 41, 59, 0.4);\n            --glass-border: rgba(255, 255, 255, 0.08);\n            \n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            --container-width: 1250px;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            color: var(--text-white);\n            line-height: 1.7;\n            \/* Fondo con gradiente sutil para profundidad *\/\n            background-color: var(--primary-bg);\n            background-image: \n                radial-gradient(circle at 15% 50%, rgba(59, 130, 246, 0.08), transparent 25%), \n                radial-gradient(circle at 85% 30%, rgba(139, 92, 246, 0.08), transparent 25%);\n            overflow-x: hidden;\n        }\n\n        a { text-decoration: none; color: inherit; }\n        ul { list-style: none; }\n\n        \/* --- TIPOGRAF\u00cdA --- *\/\n        h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; letter-spacing: -0.5px; }\n\n        \/* --- COMPONENTES UI --- *\/\n        .container {\n            max-width: var(--container-width);\n            margin: 0 auto;\n            padding: 0 25px;\n        }\n\n        .btn {\n            display: inline-block;\n            padding: 14px 35px;\n            border-radius: 50px; \/* Botones m\u00e1s redondos *\/\n            font-weight: 600;\n            transition: var(--transition);\n            cursor: pointer;\n            border: none;\n            font-size: 1rem;\n            position: relative;\n            z-index: 1;\n            overflow: hidden;\n        }\n\n        .btn-primary {\n            background: var(--main-gradient);\n            color: var(--text-white);\n            box-shadow: 0 4px 20px rgba(59, 130, 246, 0.4);\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 30px rgba(139, 92, 246, 0.5);\n            filter: brightness(1.1);\n        }\n\n        .btn-outline {\n            background: transparent;\n            border: 2px solid rgba(255,255,255,0.3);\n            color: var(--text-white);\n        }\n\n        .btn-outline:hover {\n            border-color: var(--text-white);\n            background: rgba(255,255,255,0.1);\n            transform: translateY(-3px);\n        }\n\n        .section-title {\n            text-align: center;\n            margin-bottom: 80px;\n            position: relative;\n        }\n\n        .section-title h2 {\n            font-size: 2.8rem;\n            background: var(--main-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            margin-bottom: 15px;\n            font-weight: 800;\n        }\n\n        .section-title p {\n            color: var(--text-gray);\n            font-size: 1.1rem;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .section-padding {\n            padding: 100px 0;\n            position: relative;\n        }\n\n        \/* --- HEADER & NAV --- *\/\n        header {\n            background: rgba(15, 23, 42, 0.7);\n            backdrop-filter: blur(20px);\n            position: fixed;\n            width: 100%;\n            top: 0;\n            z-index: 1000;\n            padding: 15px 0;\n            border-bottom: 1px solid var(--glass-border);\n        }\n\n        nav {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .logo-container {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .logo-img {\n            height: 45px; \/* Ligeramente m\u00e1s grande *\/\n            width: auto;\n            object-fit: contain;\n            border-radius: 6px;\n            box-shadow: 0 0 15px rgba(59, 130, 246, 0.3); \/* Brillo sutil en el logo *\/\n        }\n        \n        .logo-text {\n            font-size: 1.5rem;\n            font-weight: 800;\n            color: var(--text-white);\n            display: flex;\n            flex-direction: column;\n            line-height: 1;\n        }\n        \n        .logo-text span {\n            font-size: 0.65rem;\n            font-weight: 600;\n            color: var(--accent-glow);\n            font-family: 'Inter', sans-serif;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n        }\n\n        .nav-links {\n            display: flex;\n            gap: 40px;\n        }\n\n        .nav-links a {\n            color: var(--text-gray);\n            font-weight: 500;\n            font-size: 0.95rem;\n            transition: var(--transition);\n            position: relative;\n        }\n\n        .nav-links a:hover, .nav-links a.active {\n            color: var(--text-white);\n            text-shadow: 0 0 10px rgba(59, 130, 246, 0.5);\n        }\n\n        .mobile-toggle {\n            display: none;\n            color: var(--text-white);\n            font-size: 1.6rem;\n            cursor: pointer;\n        }\n\n        \/* --- HERO SECTION --- *\/\n        .hero {\n            position: relative;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            \/* Gradiente m\u00e1s intenso y vibrante *\/\n            background: linear-gradient(to bottom, rgba(15, 23, 42, 0.8), var(--primary-bg)),\n                        url('https:\/\/picsum.photos\/seed\/serverroomtech\/1920\/1080');\n            background-size: cover;\n            background-position: center;\n            padding-top: 80px;\n            overflow: hidden;\n        }\n\n        \/* Malla decorativa *\/\n        .hero::before {\n            content: \"\";\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background-image: \n                radial-gradient(rgba(59, 130, 246, 0.15) 1px, transparent 1px);\n            background-size: 40px 40px;\n            mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n            pointer-events: none;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            color: var(--text-white);\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .hero-logo-watermark {\n            opacity: 0.25;\n            width: 160px;\n            margin-bottom: 25px;\n            filter: drop-shadow(0 0 10px rgba(59, 130, 246, 0.5));\n        }\n\n        .hero-content h1 {\n            font-size: 4.2rem;\n            font-weight: 800;\n            margin-bottom: 30px;\n            line-height: 1.1;\n            text-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        }\n\n        .hero-content h1 span {\n            background: linear-gradient(to right, #60a5fa, #c084fc);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .tagline-hero {\n            font-size: 1.5rem;\n            color: var(--accent-glow);\n            margin-bottom: 40px;\n            font-weight: 400;\n            letter-spacing: 1px;\n            text-shadow: 0 0 20px rgba(56, 189, 248, 0.4);\n        }\n\n        \/* --- SERVICIOS --- *\/\n        #servicios {\n            background: linear-gradient(180deg, var(--primary-bg) 0%, #1e1b4b 100%); \/* Azul a Violeta oscuro *\/\n        }\n\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        .service-card {\n            background: var(--glass-bg);\n            backdrop-filter: blur(12px);\n            border: 1px solid var(--glass-border);\n            padding: 45px 30px;\n            border-radius: 20px;\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .service-card:hover {\n            transform: translateY(-10px);\n            background: rgba(30, 41, 59, 0.7);\n            border-color: rgba(56, 189, 248, 0.5);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.4), 0 0 20px rgba(59, 130, 246, 0.1);\n        }\n\n        \/* Efecto brillo superior *\/\n        .service-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: -100%; width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);\n            transition: 0.5s;\n        }\n        .service-card:hover::before { left: 100%; }\n\n        .icon-box {\n            width: 70px;\n            height: 70px;\n            background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));\n            border: 1px solid rgba(59, 130, 246, 0.3);\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 25px;\n            font-size: 1.8rem;\n            color: var(--accent-glow);\n            transition: var(--transition);\n            box-shadow: 0 0 15px rgba(59, 130, 246, 0.2);\n        }\n\n        .service-card:hover .icon-box {\n            background: var(--main-gradient);\n            color: var(--text-white);\n            transform: rotateY(10deg) scale(1.1);\n            box-shadow: 0 0 25px rgba(139, 92, 246, 0.6);\n        }\n\n        .service-card h3 {\n            font-size: 1.5rem;\n            margin-bottom: 15px;\n            color: var(--text-white);\n        }\n\n        .service-card p {\n            color: var(--text-muted);\n            margin-bottom: 25px;\n            font-size: 0.95rem;\n        }\n\n        .service-link {\n            color: var(--accent-glow);\n            font-weight: 600;\n            font-size: 0.9rem;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n        }\n        \n        .service-link i { transition: 0.3s; }\n        .service-link:hover i { transform: translateX(5px); text-shadow: 0 0 10px var(--accent-glow); }\n\n        \/* --- ABOUT SECTION --- *\/\n        #nosotros {\n            background-color: var(--primary-bg);\n        }\n\n        .about-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 70px;\n            align-items: center;\n        }\n\n        .about-image {\n            position: relative;\n        }\n        \n        .about-image::after {\n            content: '';\n            position: absolute;\n            top: -20px; left: -20px;\n            width: 100%; height: 100%;\n            border: 2px solid transparent;\n            border-image: var(--main-gradient);\n            border-image-slice: 1;\n            border-radius: 15px;\n            z-index: 0;\n        }\n\n        .about-image img {\n            width: 100%;\n            border-radius: 15px;\n            box-shadow: 0 25px 50px rgba(0,0,0,0.4);\n            position: relative;\n            z-index: 1;\n            filter: brightness(0.9) contrast(1.1);\n        }\n\n        .about-text h2 {\n            font-size: 2.5rem;\n            color: var(--text-white);\n            margin-bottom: 25px;\n        }\n\n        .feature-list li {\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            font-weight: 500;\n            color: var(--text-gray);\n        }\n\n        .feature-list i {\n            color: #8b5cf6; \/* Violeta *\/\n            background: rgba(139, 92, 246, 0.15);\n            padding: 10px;\n            border-radius: 10px;\n            border: 1px solid rgba(139, 92, 246, 0.3);\n        }\n\n        \/* --- MARCAS \/ BRANDS SECTION --- *\/\n        .brands-section {\n            background-color: #0b0f19;\n            border-top: 1px solid var(--glass-border);\n            border-bottom: 1px solid var(--glass-border);\n            padding: 80px 0;\n            background-image: linear-gradient(rgba(11, 15, 25, 0.9), rgba(11, 15, 25, 0.9)),\n                              url('https:\/\/picsum.photos\/seed\/circuit\/1920\/600');\n            background-attachment: fixed;\n            background-size: cover;\n        }\n\n        .brands-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n            gap: 30px;\n            align-items: center;\n            justify-items: center;\n        }\n\n        .brand-item {\n            width: 100%;\n            height: 90px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(255,255,255,0.03);\n            border-radius: 12px;\n            border: 1px solid rgba(255,255,255,0.05);\n            color: var(--text-muted);\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            font-size: 1.2rem;\n            transition: var(--transition);\n            text-transform: uppercase;\n        }\n\n        .brand-item:hover {\n            background: rgba(255,255,255,0.1);\n            border-color: #8b5cf6;\n            color: var(--text-white);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n        }\n\n        \/* --- CONTACTO --- *\/\n        .contact-section {\n            background: linear-gradient(to top, #0f172a, #172554);\n            position: relative;\n        }\n\n        .contact-container {\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 60px;\n        }\n\n        .contact-info h3 {\n            font-size: 2rem;\n            color: var(--text-white);\n            margin-bottom: 20px;\n        }\n\n        .info-item {\n            margin-bottom: 35px;\n            display: flex;\n            align-items: flex-start;\n            gap: 20px;\n        }\n\n        .info-item i {\n            color: #60a5fa; \/* Azul claro *\/\n            background: rgba(59, 130, 246, 0.15);\n            font-size: 1.4rem;\n            margin-top: 5px;\n            width: 55px;\n            height: 55px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 14px;\n            border: 1px solid rgba(59, 130, 246, 0.2);\n        }\n\n        .info-item h4 {\n            color: var(--text-white);\n            margin-bottom: 5px;\n            font-size: 1.1rem;\n        }\n\n        .contact-form {\n            background: rgba(15, 23, 42, 0.6);\n            backdrop-filter: blur(15px);\n            padding: 45px;\n            border-radius: 24px;\n            border: 1px solid var(--glass-border);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.2);\n        }\n\n        .form-group label {\n            display: block;\n            margin-bottom: 10px;\n            font-weight: 500;\n            font-size: 0.9rem;\n            color: var(--text-gray);\n        }\n\n        .form-group input, .form-group select, .form-group textarea {\n            width: 100%;\n            padding: 15px;\n            background: rgba(0, 0, 0, 0.3);\n            border: 1px solid var(--glass-border);\n            border-radius: 10px;\n            font-family: inherit;\n            color: var(--text-white);\n            transition: var(--transition);\n        }\n\n        .form-group input:focus, .form-group textarea:focus {\n            outline: none;\n            border-color: #8b5cf6; \/* Violeta al foco *\/\n            box-shadow: 0 0 15px rgba(139, 92, 246, 0.2);\n            background: rgba(0, 0, 0, 0.5);\n        }\n        \n        .form-group select option {\n            background-color: var(--primary-bg);\n            color: var(--text-white);\n        }\n\n        \/* --- MAPA --- *\/\n        .map-wrapper {\n            margin-top: 40px;\n            border-radius: 20px;\n            overflow: hidden;\n            border: 1px solid var(--glass-border);\n            box-shadow: 0 0 20px rgba(0,0,0,0.3);\n            height: 300px;\n        }\n\n        .map-wrapper iframe {\n            width: 100%;\n            height: 100%;\n            border: 0;\n            filter: grayscale(100%) invert(92%) contrast(90%) brightness(0.8); \/* Mapa muy oscuro *\/\n        }\n\n        \/* --- FOOTER --- *\/\n        footer {\n            background-color: #020617;\n            color: var(--text-muted);\n            padding: 80px 0 30px;\n            border-top: 1px solid var(--glass-border);\n            background-image: radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.05), transparent 30%);\n        }\n\n        .footer-grid {\n            display: grid;\n            grid-template-columns: 1.5fr 1fr 1fr 1fr;\n            gap: 40px;\n            margin-bottom: 60px;\n        }\n\n        .footer-brand img {\n            max-width: 200px;\n            margin-bottom: 20px;\n            opacity: 0.9;\n        }\n\n        .footer-brand h2 {\n            color: var(--text-white);\n            margin-bottom: 10px;\n        }\n        \n        .slogan-footer {\n            font-style: italic;\n            color: var(--accent-glow);\n            margin-bottom: 15px;\n            display: block;\n        }\n\n        .footer-col h4 {\n            color: var(--text-white);\n            margin-bottom: 25px;\n            font-weight: 600;\n            font-size: 1.1rem;\n        }\n\n        .footer-links li { margin-bottom: 12px; }\n        .footer-links a { transition: 0.3s; color: var(--text-muted); }\n        .footer-links a:hover { color: #60a5fa; padding-left: 5px; }\n\n        .social-icons {\n            display: flex;\n            gap: 15px;\n            margin-top: 20px;\n        }\n\n        .social-icons a {\n            width: 42px; height: 42px;\n            background: rgba(255,255,255,0.05);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            transition: var(--transition);\n            color: var(--text-white);\n            border: 1px solid transparent;\n        }\n\n        .social-icons a:hover {\n            background: var(--main-gradient);\n            transform: translateY(-3px);\n            box-shadow: 0 0 15px rgba(139, 92, 246, 0.4);\n        }\n\n        .footer-bottom {\n            text-align: center;\n            padding-top: 30px;\n            border-top: 1px solid var(--glass-border);\n            font-size: 0.85rem;\n            color: var(--text-muted);\n        }\n\n        \/* --- RESPONSIVE --- *\/\n        @media (max-width: 991px) {\n            .hero-content h1 { font-size: 2.8rem; }\n            .about-grid, .contact-container, .footer-grid { grid-template-columns: 1fr; }\n            .about-image { order: -1; margin-bottom: 30px; }\n            .footer-grid { text-align: center; }\n            .social-icons { justify-content: center; }\n        }\n\n        @media (max-width: 768px) {\n            .nav-links {\n                position: fixed;\n                top: 0; right: -100%;\n                width: 75%; height: 100vh;\n                background: #0f172a;\n                flex-direction: column;\n                justify-content: center;\n                align-items: center;\n                box-shadow: -10px 0 30px rgba(0,0,0,0.5);\n                transition: 0.4s ease-in-out;\n                border-left: 1px solid var(--glass-border);\n            }\n            .nav-links.active { right: 0; }\n            .mobile-toggle { display: block; z-index: 1001; }\n            .hero { padding-top: 100px; }\n            .section-title h2 { font-size: 2rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- NAVEGACI\u00d3N -->\n    <header>\n        <div class=\"container\">\n            <nav>\n                <a href=\"#\" class=\"logo-container\">\n                    <img decoding=\"async\" src=\"https:\/\/z-cdn-media.chatglm.cn\/files\/2c42de3b-618f-406d-af52-fa6e9fc4ee8a.jpeg?auth_key=1877944244-7467c27a68404e22adbb443cbffef21e-0-4a15d576640b51874548295d5bba8242\" alt=\"Estructurix Logo\" class=\"logo-img\">\n                    <div class=\"logo-text\">\n                        ESTRUCTURIX\n                        <span>CONEXI\u00d3N SIN ENREDOs<\/span>\n                    <\/div>\n                <\/a>\n                <ul class=\"nav-links\" id=\"navLinks\">\n                    <li><a href=\"#inicio\">Inicio<\/a><\/li>\n                    <li><a href=\"#servicios\">Servicios<\/a><\/li>\n                    <li><a href=\"#nosotros\">Nosotros<\/a><\/li>\n                    <li><a href=\"#marcas\">Marcas<\/a><\/li>\n                    <li><a href=\"#contacto\">Contacto<\/a><\/li>\n                    <li><a href=\"#contacto\" class=\"btn btn-primary\" style=\"padding: 10px 25px; font-size: 0.9rem;\">Cotizar<\/a><\/li>\n                <\/ul>\n                <div class=\"mobile-toggle\" id=\"mobileMenu\">\n                    <i class=\"fa-solid fa-bars\"><\/i>\n                <\/div>\n            <\/nav>\n        <\/div>\n    <\/header>\n\n    <!-- HERO SECTION -->\n    <section id=\"inicio\" class=\"hero\">\n        <div class=\"container\">\n            <div class=\"hero-content\">\n                <img decoding=\"async\" src=\"https:\/\/z-cdn-media.chatglm.cn\/files\/2c42de3b-618f-406d-af52-fa6e9fc4ee8a.jpeg?auth_key=1877944244-7467c27a68404e22adbb443cbffef21e-0-4a15d576640b51874548295d5bba8242\" alt=\"Brand\" class=\"hero-logo-watermark\">\n                \n                <h1>Infraestructura <br> <span>S\u00f3lida y Segura<\/span><\/h1>\n                <p class=\"tagline-hero\">Nuestra red, tu conexi\u00f3n sin enredos.<\/p>\n                <p style=\"margin-bottom: 40px; font-size: 1.1rem; color: #cbd5e1; max-width: 700px; margin-left: auto; margin-right: auto;\">\n                    Especialistas en redes, datacenters, videovigilancia y mantenimiento preventivo de equipos de c\u00f3mputo e impresi\u00f3n en Mira, Carchi.\n                <\/p>\n                <div style=\"display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;\">\n                    <a href=\"#servicios\" class=\"btn btn-primary\">Nuestros Servicios<\/a>\n                    <a href=\"#contacto\" class=\"btn btn-outline\">Cont\u00e1ctanos<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SERVICIOS -->\n    <section id=\"servicios\" class=\"section-padding\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Nuestras Soluciones<\/h2>\n                <p>Tecnolog\u00eda de punta para la operatividad de tu empresa.<\/p>\n            <\/div>\n\n            <div class=\"services-grid\">\n                <!-- Servicio 1 -->\n                <article class=\"service-card\">\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-network-wired\"><\/i><\/div>\n                    <h3>Redes Estructuradas<\/h3>\n                    <p>Dise\u00f1o e implementaci\u00f3n de cableado certificado. Conectividad de alta velocidad para oficinas y empresas.<\/p>\n                    <a href=\"#contacto\" class=\"service-link\">Solicitar Info <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/article>\n\n                <!-- Servicio 2 -->\n                <article class=\"service-card\">\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-server\"><\/i><\/div>\n                    <h3>Datacenter<\/h3>\n                    <p>Infraestructura cr\u00edtica: Racks, sistemas de enfriamiento, UPS y gesti\u00f3n de servidores para m\u00e1xima disponibilidad.<\/p>\n                    <a href=\"#contacto\" class=\"service-link\">Solicitar Info <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/article>\n\n                <!-- Servicio 3 -->\n                <article class=\"service-card\">\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-video\"><\/i><\/div>\n                    <h3>Vigilancia CCTV<\/h3>\n                    <p>Sistemas de seguridad IP 4K, monitoreo remoto y control de accesos para proteger tus activos.<\/p>\n                    <a href=\"#contacto\" class=\"service-link\">Solicitar Info <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/article>\n\n                <!-- Servicio 4 -->\n                <article class=\"service-card\">\n                    <div class=\"icon-box\"><i class=\"fa-solid fa-laptop-medical\"><\/i><\/div>\n                    <h3>Mantenimiento<\/h3>\n                    <p>Mantenimiento especializado para PCs, Laptops e Impresoras. Optimizaci\u00f3n, limpieza y actualizaci\u00f3n de hardware.<\/p>\n                    <a href=\"#contacto\" class=\"service-link\">Solicitar Info <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- NOSOTROS -->\n    <section id=\"nosotros\" class=\"section-padding\">\n        <div class=\"container\">\n            <div class=\"about-grid\">\n                <div class=\"about-image\">\n                    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/techwork\/600\/500\" alt=\"T\u00e9cnico Estructurix\">\n                <\/div>\n                <div class=\"about-text\">\n                    <h2>Expertos en Conectividad<\/h2>\n                    <p style=\"margin-bottom: 25px; color: var(--text-gray);\">\n                        En Estructurix entendemos que la tecnolog\u00eda es el motor de tu negocio. Nos dedicamos a garantizar que tu infraestructura funcione sin interrupciones, ofreciendo calidad y compromiso en cada instalaci\u00f3n.\n                    <\/p>\n                    <ul class=\"feature-list\">\n                        <li><i class=\"fa-solid fa-shield-halved\"><\/i> Garant\u00eda en todos nuestros trabajos<\/li>\n                        <li><i class=\"fa-solid fa-clock\"><\/i> Soporte t\u00e9cnico \u00e1gil y local<\/li>\n                        <li><i class=\"fa-solid fa-microchip\"><\/i> Equipos de \u00faltima generaci\u00f3n<\/li>\n                        <li><i class=\"fa-solid fa-users-gear\"><\/i> Personal capacitado y certificado<\/li>\n                    <\/ul>\n                    <br>\n                    <a href=\"#contacto\" class=\"btn btn-primary\">Cont\u00e1ctanos Ahora<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECCI\u00d3N DE MARCAS (LINK ACTUALIZADO) -->\n    <section id=\"marcas\" class=\"brands-section\">\n        <div class=\"container\">\n            <div class=\"section-title\" style=\"margin-bottom: 50px;\">\n                <h2 style=\"-webkit-text-fill-color: white;\">Marcas que Manejamos<\/h2>\n                <p>Nuestros partners y proveedores de confianza<\/p>\n            <\/div>\n\n            <div class=\"brands-grid\">\n                <!-- Links apuntando al nuevo page_id=11 -->\n                <a href=\"https:\/\/estructurix.com\/?page_id=11\" target=\"_blank\" class=\"brand-item\">CISCO<\/a>\n                <a href=\"https:\/\/estructurix.com\/?page_id=11\" target=\"_blank\" class=\"brand-item\">HIKVISION<\/a>\n                <a href=\"https:\/\/estructurix.com\/?page_id=11\" target=\"_blank\" class=\"brand-item\">UBIQUITI<\/a>\n                <a href=\"https:\/\/estructurix.com\/?page_id=11\" target=\"_blank\" class=\"brand-item\">DAHUA<\/a>\n                <a href=\"https:\/\/estructurix.com\/?page_id=11\" target=\"_blank\" class=\"brand-item\">HP \/ SAMSUNG<\/a>\n                <a href=\"https:\/\/estructurix.com\/?page_id=11\" target=\"_blank\" class=\"brand-item\">DELL<\/a>\n            <\/div>\n\n            <div class=\"brands-cta\" style=\"text-align: center; margin-top: 50px;\">\n                <!-- Bot\u00f3n tambi\u00e9n actualizado -->\n                <a href=\"https:\/\/estructurix.com\/?page_id=11\" target=\"_blank\" class=\"btn btn-outline\" style=\"color: var(--text-gray); border-color: var(--text-muted);\">\n                    Ver Cat\u00e1logo Completo <i class=\"fa-solid fa-external-link-alt\" style=\"margin-left: 8px;\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CONTACTO -->\n    <section id=\"contacto\" class=\"section-padding contact-section\">\n        <div class=\"container\">\n            <div class=\"contact-container\">\n                <div class=\"contact-info\">\n                    <h3>Hablemos de tu Proyecto<\/h3>\n                    <p style=\"margin-bottom: 40px; color: var(--text-gray);\">\n                        Completa el formulario o vis\u00edtanos en nuestras oficinas. Estamos listos para solucionar tus necesidades tecnol\u00f3gicas.\n                    <\/p>\n                    \n                    <div class=\"info-item\">\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\n                        <div>\n                            <h4>Ubicaci\u00f3n<\/h4>\n                            <p>San Antonio de Mira, Carchi<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"info-item\">\n                        <i class=\"fa-solid fa-envelope\"><\/i>\n                        <div>\n                            <h4>Email<\/h4>\n                            <p><a href=\"mailto:info@estructurix.com\">info@estructurix.com<\/a><\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"info-item\">\n                        <i class=\"fa-solid fa-phone\"><\/i>\n                        <div>\n                            <h4>Tel\u00e9fono<\/h4>\n                            <p>+593 99 123 4567<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <div class=\"contact-form\">\n                        <form id=\"contactForm\">\n                            <div class=\"form-group\">\n                                <label for=\"name\">Nombre Completo<\/label>\n                                <input type=\"text\" id=\"name\" placeholder=\"Tu nombre\" required>\n                            <\/div>\n                            <div class=\"form-group\">\n                                <label for=\"email\">Correo Electr\u00f3nico<\/label>\n                                <input type=\"email\" id=\"email\" placeholder=\"tucorreo@empresa.com\" required>\n                            <\/div>\n                            <div class=\"form-group\">\n                                <label for=\"service\">Servicio de Inter\u00e9s<\/label>\n                                <select id=\"service\">\n                                    <option value=\"redes\">Redes \/ Cableado<\/option>\n                                    <option value=\"datacenter\">Datacenter<\/option>\n                                    <option value=\"cctv\">C\u00e1maras \/ CCTV<\/option>\n                                    <option value=\"mantenimiento\">Mantenimiento PC\/Impresoras<\/option>\n                                    <option value=\"otro\">Otro<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"form-group\">\n                                <label for=\"message\">Mensaje<\/label>\n                                <textarea id=\"message\" rows=\"4\" placeholder=\"Cu\u00e9ntanos sobre tus necesidades...\"><\/textarea>\n                            <\/div>\n                            <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%;\">Enviar Mensaje<\/button>\n                        <\/form>\n                    <\/div>\n                    \n                    <div class=\"map-wrapper\">\n                        <iframe \n                            src=\"https:\/\/maps.google.com\/maps?q=San+Antonio+de+Mira,+Carchi,+Ecuador&#038;t=&#038;z=13&#038;ie=UTF8&#038;iwloc=&#038;output=embed\" \n                            allowfullscreen=\"\" \n                            loading=\"lazy\">\n                        <\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-grid\">\n                <div class=\"footer-brand\">\n                    <img decoding=\"async\" src=\"https:\/\/z-cdn-media.chatglm.cn\/files\/2c42de3b-618f-406d-af52-fa6e9fc4ee8a.jpeg?auth_key=1877944244-7467c27a68404e22adbb443cbffef21e-0-4a15d576640b51874548295d5bba8242\" alt=\"Estructurix Logo\">\n                    <span class=\"slogan-footer\">\u00abNuestra red, tu conexi\u00f3n sin enredos.\u00bb<\/span>\n                    <p style=\"font-size: 0.9rem; margin-bottom: 20px;\">\n                        Soluciones integrales de TI en Mira, Carchi. Seguridad y tecnolog\u00eda al servicio de tu crecimiento.\n                    <\/p>\n                    <div class=\"social-icons\">\n                        <a href=\"#\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"footer-col\">\n                    <h4>Servicios<\/h4>\n                    <ul class=\"footer-links\">\n                        <li><a href=\"#servicios\">Redes Estructuradas<\/a><\/li>\n                        <li><a href=\"#servicios\">Datacenter<\/a><\/li>\n                        <li><a href=\"#servicios\">C\u00e1maras de Seguridad<\/a><\/li>\n                        <li><a href=\"#servicios\">Mantenimiento Preventivo<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-col\">\n                    <h4>Enlaces<\/h4>\n                    <ul class=\"footer-links\">\n                        <li><a href=\"#nosotros\">Sobre Nosotros<\/a><\/li>\n                        <li><a href=\"https:\/\/estructurix.com\/?page_id=11\" target=\"_blank\">Nuestras Marcas<\/a><\/li>\n                        <li><a href=\"#contacto\">Soporte T\u00e9cnico<\/a><\/li>\n                        <li><a href=\"#\">T\u00e9rminos y Condiciones<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-col\">\n                    <h4>Cont\u00e1ctanos<\/h4>\n                    <ul class=\"footer-links\">\n                        <li><i class=\"fa-solid fa-location-dot\" style=\"margin-right:8px; color:#60a5fa\"><\/i> San Antonio de Mira, Carchi<\/li>\n                        <li><i class=\"fa-solid fa-phone\" style=\"margin-right:8px; color:#60a5fa\"><\/i> +593 99 123 4567<\/li>\n                        <li><i class=\"fa-solid fa-envelope\" style=\"margin-right:8px; color:#60a5fa\"><\/i> info@estructurix.com<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"footer-bottom\">\n                <p>&copy; 2023 Estructurix. Todos los derechos reservados.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- JAVASCRIPT -->\n    <script>\n        \/\/ Funcionalidad del Men\u00fa M\u00f3vil\n        const mobileToggle = document.getElementById('mobileMenu');\n        const navLinks = document.getElementById('navLinks');\n\n        mobileToggle.addEventListener('click', () => {\n            navLinks.classList.toggle('active');\n            const icon = mobileToggle.querySelector('i');\n            if (navLinks.classList.contains('active')) {\n                icon.classList.remove('fa-bars');\n                icon.classList.add('fa-xmark');\n            } else {\n                icon.classList.remove('fa-xmark');\n                icon.classList.add('fa-bars');\n            }\n        });\n\n        \/\/ Cerrar men\u00fa al hacer click en un enlace\n        document.querySelectorAll('.nav-links a').forEach(link => {\n            link.addEventListener('click', () => {\n                if (navLinks.classList.contains('active')) {\n                    navLinks.classList.remove('active');\n                    const icon = mobileToggle.querySelector('i');\n                    icon.classList.remove('fa-xmark');\n                    icon.classList.add('fa-bars');\n                }\n            });\n        });\n\n        \/\/ Simulaci\u00f3n de env\u00edo de formulario\n        const form = document.getElementById('contactForm');\n        form.addEventListener('submit', (e) => {\n            e.preventDefault();\n            const btn = form.querySelector('button');\n            const originalText = btn.innerText;\n            \n            btn.innerText = 'Enviando...';\n            btn.style.opacity = '0.8';\n\n            setTimeout(() => {\n                alert('Gracias por contactar a Estructurix. Te responderemos a info@estructurix.com pronto.');\n                form.reset();\n                btn.innerText = originalText;\n                btn.style.opacity = '1';\n            }, 1500);\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Estructurix | Nuestra red, tu conexi\u00f3n sin enredos ESTRUCTURIX CONEXI\u00d3N SIN ENREDOs Inicio Servicios Nosotros Marcas Contacto Cotizar Infraestructura S\u00f3lida y Segura Nuestra red, tu conexi\u00f3n sin enredos. Especialistas en redes, datacenters, videovigilancia y mantenimiento preventivo de equipos de c\u00f3mputo e impresi\u00f3n en Mira, Carchi. Nuestros Servicios Cont\u00e1ctanos Nuestras Soluciones Tecnolog\u00eda de punta para la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/estructurix.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/estructurix.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/estructurix.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/estructurix.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/estructurix.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":2,"href":"https:\/\/estructurix.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/estructurix.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/estructurix.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}