{"id":2,"date":"2026-06-01T17:49:11","date_gmt":"2026-06-01T17:49:11","guid":{"rendered":"https:\/\/asesoriashymspa.cl\/?page_id=2"},"modified":"2026-06-01T18:47:32","modified_gmt":"2026-06-01T18:47:32","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/asesoriashymspa.cl\/","title":{"rendered":"Sample Page"},"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>Novatecx Systems | Infraestructura TI & Telecomunicaciones de Alta Complejidad<\/title>\n    <style>\n        \/* ==========================================================================\n           1. CONFIGURACI\u00d3N Y VARIABLES CORPORATIVAS (ESTILO SOBRIO Y PROFESIONAL)\n           ========================================================================== *\/\n        :root {\n            --primary-blue: #0A2540;   \/* Azul Corporativo Sobrio *\/\n            --accent-cyan: #00D4B2;    \/* Cian \/ Rayo El\u00e9ctrico Activo *\/\n            --bg-light: #F8FAFC;       \/* Fondo Limpio Premium *\/\n            --text-dark: #334155;      \/* Gris Tipogr\u00e1fico Profesional *\/\n            --white: #FFFFFF;\n            --card-shadow: 0 10px 30px rgba(10, 37, 64, 0.04);\n            --shadow-3d: 0 30px 60px rgba(10, 37, 64, 0.14);\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Segoe UI', Arial, sans-serif;\n            background-color: var(--bg-light);\n            color: var(--text-dark);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* ==========================================================================\n           2. FRAMEWORK EXPERIENCIA DE USUARIO UI\/UX 3D (ANATOM\u00cdA INMERSIVA)\n           ========================================================================== *\/\n        .scene-3d-container {\n            perspective: 1400px;\n            perspective-origin: center center;\n        }\n\n        .card-3d-interactive {\n            background: rgba(255, 255, 255, 0.88);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(255, 255, 255, 0.5);\n            border-radius: 14px;\n            padding: 2.5rem;\n            transform-style: preserve-3d;\n            transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease, border-color 0.3s;\n            box-shadow: var(--card-shadow);\n        }\n\n        .card-3d-interactive:hover {\n            transform: translateY(-12px) rotateX(4deg) rotateY(-2deg) translateZ(25px);\n            box-shadow: var(--shadow-3d);\n            border-color: var(--accent-cyan);\n        }\n\n        \/* Capa de elevaci\u00f3n interna para el efecto POP de iconos y textos *\/\n        .card-3d-interactive .pop-layer {\n            transform: translateZ(45px);\n            transition: transform 0.4s ease;\n        }\n\n        \/* Iconograf\u00eda basada en Potencia y Energ\u00eda Activa *\/\n        .bolt-icon {\n            color: var(--primary-blue);\n            font-size: 2.2rem;\n            margin-bottom: 1.2rem;\n            display: inline-block;\n            transition: color 0.3s ease, filter 0.3s ease;\n        }\n\n        .card-3d-interactive:hover .bolt-icon {\n            color: var(--accent-cyan);\n            filter: drop-shadow(0 0 10px rgba(0, 212, 178, 0.6));\n        }\n\n        \/* ==========================================================================\n           3. ESTILOS DE INTERFAZ Y MAQUETACI\u00d3N CORPORATIVA\n           ========================================================================== *\/\n        header {\n            background-color: var(--primary-blue);\n            color: var(--white);\n            padding: 1.5rem 8%;\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-bottom: 3px solid var(--accent-cyan);\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .logo {\n            font-size: 1.6rem;\n            font-weight: 700;\n            letter-spacing: 0.5px;\n        }\n        .logo span { color: var(--accent-cyan); }\n\n        nav a {\n            color: var(--white);\n            text-decoration: none;\n            margin-left: 2.2rem;\n            font-weight: 500;\n            font-size: 0.95rem;\n            transition: color 0.3s;\n        }\n        nav a:hover { color: var(--accent-cyan); }\n\n        .hero-section {\n            background: linear-gradient(135deg, #0A2540 0%, #041424 100%);\n            color: var(--white);\n            padding: 10rem 8% 9rem 8%;\n            text-align: center;\n            position: relative;\n        }\n\n        .hero-section h1 {\n            font-size: 3.2rem;\n            line-height: 1.2;\n            margin-bottom: 1.5rem;\n            font-weight: 700;\n        }\n        .hero-section p {\n            font-size: 1.25rem;\n            color: #94a3b8;\n            max-width: 850px;\n            margin: 0 auto 2.5rem auto;\n        }\n\n        .section-wrapper {\n            padding: 7rem 8%;\n        }\n\n        .section-title {\n            font-size: 2.2rem;\n            color: var(--primary-blue);\n            margin-bottom: 4rem;\n            border-left: 6px solid var(--accent-cyan);\n            padding-left: 18px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .grid-layout {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 3rem;\n        }\n\n        .iso-badge {\n            background-color: #E2E8F0;\n            color: var(--primary-blue);\n            padding: 0.3rem 0.8rem;\n            border-radius: 4px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            display: inline-block;\n            margin-bottom: 1rem;\n            text-transform: uppercase;\n        }\n\n        .iso-notice-box {\n            background-color: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            border-left: 4px solid #10b981;\n            padding: 1.8rem;\n            border-radius: 8px;\n            margin-top: 3.5rem;\n            color: #334155;\n        }\n\n        .footer-brand {\n            background-color: var(--primary-blue);\n            color: var(--white);\n            padding: 4rem 8% 2.5rem 8%;\n            border-top: 4px solid var(--accent-cyan);\n            font-size: 0.9rem;\n            text-align: center;\n        }\n\n        \/* Estilos Adaptativos M\u00f3viles *\/\n        @media (max-width: 768px) {\n            header { flex-direction: column; gap: 1.2rem; padding: 1.5rem 5%; }\n            nav a { margin: 0 0.8rem; font-size: 0.9rem; }\n            .hero-section h1 { font-size: 2.2rem; }\n            .section-wrapper { padding: 4rem 5%; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- MEN\u00da DE NAVEGACI\u00d3N INSTITUCIONAL -->\n    <header>\n        <div class=\"logo\">NOVATECX <span>SYSTEMS<\/span><\/div>\n        <nav>\n            <a href=\"#inicio\">Inicio<\/a>\n            <a href=\"#nosotros\">Nosotros<\/a>\n            <a href=\"#servicios\">Servicios<\/a>\n            <a href=\"#soluciones\">Soluciones<\/a>\n            <a href=\"#clientes\">Clientes<\/a>\n            <a href=\"#blog\">Noticias<\/a>\n            <a href=\"#contacto\">Contacto<\/a>\n        <\/nav>\n    <\/header>\n\n    <!-- ENTORNO 3D GENERAL -->\n    <div class=\"scene-3d-container\">\n\n        <!-- P\u00c1GINA 1: INICIO (HOME HERO) -->\n        <section id=\"inicio\" class=\"hero-section\">\n            <div class=\"pop-layer\">\n                <div class=\"bolt-icon\" style=\"color: var(--accent-cyan);\">\u26a1<\/div>\n                <h1>Ingenier\u00eda de Infraestructura TI para Desaf\u00edos de Alta Complejidad<\/h1>\n                <p>Dise\u00f1amos, implementamos y protegemos los activos tecnol\u00f3gicos cr\u00edticos de las principales corporaciones del pa\u00eds bajo estrictas normas internacionales de disponibilidad, resiliencia y seguridad de la informaci\u00f3n.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- P\u00c1GINA 2: NOSOTROS -->\n        <section id=\"nosotros\" class=\"section-wrapper\">\n            <h2 class=\"section-title\">Nosotros<\/h2>\n            <div class=\"card-3d-interactive\">\n                <div class=\"pop-layer\">\n                    <p style=\"font-size: 1.15rem; margin-bottom: 1.5rem; color: var(--primary-blue); font-weight: 500;\">\n                        Solidez metodol\u00f3gica y gobierno de ingenier\u00eda para la continuidad operacional.\n                    <\/p>\n                    <p><strong>Novatecx Systems<\/strong> es una empresa l\u00edder en ingenier\u00eda e integraci\u00f3n tecnol\u00f3gica. Nos especializamos en la conceptualizaci\u00f3n, despliegue y administraci\u00f3n de infraestructuras cr\u00edticas de TI, telecomunicaciones y sistemas automatizados para el sector corporativo e industrial.<\/p>\n                    <br>\n                    <p>Nuestra propuesta de valor est\u00e1 firmemente enfocada en la mitigaci\u00f3n de riesgos operacionales mediante dise\u00f1os de ingenier\u00eda altamente resilientes, garantizando la continuidad del negocio y la protecci\u00f3n de datos bajo los m\u00e1s altos est\u00e1ndares y marcos internacionales de calidad.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- P\u00c1GINA 3: SERVICIOS (PORTAFOLIO DE INGENIER\u00cdA CR\u00cdTICA) -->\n        <section id=\"servicios\" class=\"section-wrapper\" style=\"background-color: #F1F5F9;\">\n            <h2 class=\"section-title\">Servicios Especializados<\/h2>\n            <div class=\"grid-layout\">\n                \n                <!-- Servicio 1 -->\n                <div class=\"card-3d-interactive\">\n                    <div class=\"pop-layer\">\n                        <div class=\"bolt-icon\">\u26a1<\/div>\n                        <h3>Infraestructura TI y Data Centers<\/h3>\n                        <p style=\"margin-top: 0.5rem;\">Dise\u00f1o estructural de salas de servidores, sistemas de cableado estructurado certificado, ordenamiento inteligente de racks y optimizaci\u00f3n avanzada de flujos t\u00e9rmicos bajo normativas internacionales TIA-942.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Servicio 2 -->\n                <div class=\"card-3d-interactive\">\n                    <div class=\"pop-layer\">\n                        <div class=\"bolt-icon\">\u26a1<\/div>\n                        <h3>Telecomunicaciones<\/h3>\n                        <p style=\"margin-top: 0.5rem;\">Despliegue integral de enlaces troncales de fibra \u00f3ptica, dise\u00f1o de redes inal\u00e1mbricas corporativas de alta densidad y configuraciones avanzadas de conmutaci\u00f3n de datos de alta velocidad y baja latencia.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Servicio 3 -->\n                <div class=\"card-3d-interactive\">\n                    <div class=\"pop-layer\">\n                        <div class=\"bolt-icon\">\u26a1<\/div>\n                        <h3>Ciberseguridad Avanzada<\/h3>\n                        <p style=\"margin-top: 0.5rem;\">Implementaci\u00f3n y arquitectura de firewalls perimetrales de \u00faltima generaci\u00f3n, segmentaci\u00f3n estricta de redes de datos corporativas, auditor\u00edas integrales de vulnerabilidad y cumplimiento riguroso de la norma ISO\/IEC 27001.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Servicio 4 -->\n                <div class=\"card-3d-interactive\">\n                    <div class=\"pop-layer\">\n                        <div class=\"bolt-icon\">\u26a1<\/div>\n                        <h3>Electricidad y Automatizaci\u00f3n<\/h3>\n                        <p style=\"margin-top: 0.5rem;\">Sistemas de respaldo de energ\u00eda cr\u00edtica (UPS), plantas generadoras, tableros de transferencia autom\u00e1ticos y soluciones avanzadas de ingenier\u00eda el\u00e9ctrica industrial orientadas a la eficiencia energ\u00e9tica sostenible.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- P\u00c1GINA 4: SOLUCIONES (INTEGRACI\u00d3N VERTICAL) -->\n        <section id=\"soluciones\" class=\"section-wrapper\">\n            <h2 class=\"section-title\">Soluciones Tecnol\u00f3gicas<\/h2>\n            <div class=\"grid-layout\">\n\n                <!-- Soluci\u00f3n 1 -->\n                <div class=\"card-3d-interactive\">\n                    <div class=\"pop-layer\">\n                        <span class=\"iso-badge\">Cloud & Virtualizaci\u00f3n<\/span>\n                        <h3 style=\"margin-top: 0.5rem;\">Cloud y Virtualizaci\u00f3n<\/h3>\n                        <p style=\"margin-top: 0.8rem;\">Migraci\u00f3n arquitect\u00f3nica hacia entornos de nube h\u00edbrida, esquemas de alta disponibilidad de servicios cr\u00edticos y consolidaci\u00f3n de servidores f\u00edsicos utilizando hipervisores de nivel empresarial para la optimizaci\u00f3n de recursos.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Soluci\u00f3n 2 -->\n                <div class=\"card-3d-interactive\">\n                    <div class=\"pop-layer\">\n                        <span class=\"iso-badge\">Seguridad Electr\u00f3nica<\/span>\n                        <h3 style=\"margin-top: 0.5rem;\">Seguridad Electr\u00f3nica Industrial<\/h3>\n                        <p style=\"margin-top: 0.8rem;\">Sistemas de videovigilancia IP perimetral (CCTV) con anal\u00edtica de video inteligente, control de acceso biom\u00e9trico centralizado y sistemas autom\u00e1ticos certificados de detecci\u00f3n y extinci\u00f3n temprana de incendios.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Soluci\u00f3n 3 -->\n                <div class=\"card-3d-interactive\">\n                    <div class=\"pop-layer\">\n                        <span class=\"iso-badge\">Consultor\u00eda y Soporte<\/span>\n                        <h3 style=\"margin-top: 0.5rem;\">Consultor\u00eda Tecnol\u00f3gica y Soporte<\/h3>\n                        <p style=\"margin-top: 0.8rem;\">Auditor\u00edas exhaustivas de infraestructura existente, dise\u00f1o estrat\u00e9gico de Planes de Recuperaci\u00f3n ante Desastres (DRP) y mesas de soporte t\u00e9cnico de TI asociadas a Acuerdos de Nivel de Servicio (SLA) rigurosos.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- P\u00c1GINA 5: CLIENTES Y CASOS DE \u00c9XITO -->\n        <section id=\"clientes\" class=\"section-wrapper\" style=\"background-color: #F1F5F9;\">\n            <h2 class=\"section-title\">Clientes & Casos de \u00c9xito<\/h2>\n            <p style=\"margin-bottom: 3rem; max-width: 800px; font-size: 1.1rem;\">Nuestra solidez y experiencia en ingenier\u00eda de preventa y ejecuci\u00f3n t\u00e9cnica en terreno est\u00e1n respaldadas por proyectos desplegados exitosamente para grandes corporaciones l\u00edderes:<\/p>\n            \n            <div class=\"grid-layout\">\n                <div class=\"card-3d-interactive\" style=\"padding: 2rem; text-align: center; display: flex; align-items: center; justify-content: center;\"><h4>Amazon AWS Latin America<\/h4><\/div>\n                <div class=\"card-3d-interactive\" style=\"padding: 2rem; text-align: center; display: flex; align-items: center; justify-content: center;\"><h4>Walmart Chile<\/h4><\/div>\n                <div class=\"card-3d-interactive\" style=\"padding: 2rem; text-align: center; display: flex; align-items: center; justify-content: center;\"><h4>Unimarc \/ SMU S.A.<\/h4><\/div>\n                <div class=\"card-3d-interactive\" style=\"padding: 2rem; text-align: center; display: flex; align-items: center; justify-content: center;\"><h4>Minera HMC<\/h4><\/div>\n                <div class=\"card-3d-interactive\" style=\"padding: 2rem; text-align: center; display: flex; align-items: center; justify-content: center;\"><h4>Sodimac<\/h4><\/div>\n                <div class=\"card-3d-interactive\" style=\"padding: 2rem; text-align: center; display: flex; align-items: center; justify-content: center;\"><h4>Volvo Chile<\/h4><\/div>\n            <\/div>\n        <\/section>\n\n        <!-- P\u00c1GINA 6: NOTICIAS \/ BLOG -->\n        <section id=\"blog\" class=\"section-wrapper\">\n            <h2 class=\"section-title\">Noticias & Blog T\u00e9cnico<\/h2>\n            <div class=\"grid-layout\">\n                \n                <!-- Art\u00edculo 1 -->\n                <div class=\"card-3d-interactive\">\n                    <div class=\"pop-layer\">\n                        <span class=\"iso-badge\" style=\"background-color: #FEE2E2; color: #991B1B;\">Normativas<\/span>\n                        <h3 style=\"margin-top: 0.5rem;\">Tendencias en el Dise\u00f1o de Data Centers seg\u00fan TIA-942<\/h3>\n                        <p style=\"margin-top: 0.8rem;\">An\u00e1lisis t\u00e9cnico sobre la eficiencia en los sistemas de refrigeraci\u00f3n de precisi\u00f3n, la redundancia de caminos el\u00e9ctricos y los criterios necesarios para mitigar puntos \u00fanicos de falla en entornos cr\u00edticos.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Art\u00edculo 2 -->\n                <div class=\"card-3d-interactive\">\n                    <div class=\"pop-layer\">\n                        <span class=\"iso-badge\" style=\"background-color: #E0E7FF; color: #3730A3;\">Seguridad<\/span>\n                        <h3 style=\"margin-top: 0.5rem;\">Ciberseguridad Perimetral y el Est\u00e1ndar ISO\/IEC 27001<\/h3>\n                        <p style=\"margin-top: 0.8rem;\">Gu\u00eda metodol\u00f3gica orientada a directores de tecnolog\u00eda sobre c\u00f3mo estructurar un Sistema de Gesti\u00f3n de la Seguridad de la Informaci\u00f3n (SGSI) robusto frente a los vectores de vulnerabilidad modernos.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- P\u00c1GINA 7: CONTACTO E INFORMACI\u00d3N LEGAL INSTITUCIONAL -->\n        <section id=\"contacto\" class=\"section-wrapper\" style=\"background-color: #F1F5F9;\">\n            <h2 class=\"section-title\">Contacto<\/h2>\n            <div class=\"grid-layout\">\n                \n                <!-- Bloque Direcci\u00f3n -->\n                <div class=\"card-3d-interactive\">\n                    <div class=\"pop-layer\">\n                        <h3>Oficina Central<\/h3>\n                        <br>\n                        <p><strong>Direcci\u00f3n Corporativa:<\/strong><\/p>\n                        <p style=\"color: var(--primary-blue); font-weight: 600; font-size: 1.1rem; margin: 0.5rem 0; letter-spacing: 0.2px;\">FIDEL OTEIZA 1941, OFICINA 306, PROVIDENCIA, SANTIAGO, CHILE.<\/p>\n                        <br>\n                        <p>Comun\u00edquese con nuestra mesa de ingenier\u00eda para coordinar una evaluaci\u00f3n en terreno o la revisi\u00f3n de las bases de sus licitaciones tecnol\u00f3gicas.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Bloque Informativo del Formulario -->\n                <div class=\"card-3d-interactive\" style=\"display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%);\">\n                    <div class=\"pop-layer\" style=\"text-align: center;\">\n                        <div class=\"bolt-icon\" style=\"font-size: 2.5rem;\">\u26a1<\/div>\n                        <h4>Canal de Captaci\u00f3n de Proyectos TI<\/h4>\n                        <p style=\"font-size: 0.95rem; color: #64748b; margin-top: 0.5rem; max-width: 300px; margin-left: auto; margin-right: auto;\">Formulario t\u00e9cnico de ingenier\u00eda disponible para el an\u00e1lisis y cotizaci\u00f3n de integraciones complejas.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Recuadro Normativo ISO de Confianza -->\n            <div class=\"iso-notice-box\">\n                <p><strong>Nota de Cumplimiento Institucional:<\/strong> Todos los procesos de preventa, arquitectura de dise\u00f1o, despliegue en terreno y auditor\u00edas de soporte t\u00e9cnico administrados por <strong>Novatecx Systems<\/strong> est\u00e1n estructurados bajo los exigentes marcos de referencia de las normas internacionales <strong>ISO 9001<\/strong> (Gesti\u00f3n de la Calidad) e <strong>ISO 27001<\/strong> (Seguridad de la Informaci\u00f3n), garantizando trazabilidad, confidencialidad y continuidad operativa en cada proyecto de alta envergadura.<\/p>\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n    <!-- PIE DE P\u00c1GINA CORPORATIVO -->\n    <footer class=\"footer-brand\">\n        <p>&copy; 2026 Novatecx Systems. Todos los derechos reservados. Soluciones Tecnol\u00f3gicas de Infraestructura Cr\u00edtica dise\u00f1adas para la continuidad operacional corporativa e industrial.<\/p>\n    <\/footer>\n\n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/asesoriashymspa.cl\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asesoriashymspa.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asesoriashymspa.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asesoriashymspa.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/asesoriashymspa.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":7,"href":"https:\/\/asesoriashymspa.cl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/asesoriashymspa.cl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/asesoriashymspa.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}