INGESOF - Ingenier\u00eda de Software y Consultor\u00eda TI<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: {\r\n light: '#E0F2FE',\r\n DEFAULT: '#00A8E8',\r\n dark: '#007EA7',\r\n slate: '#0F172A',\r\n text: '#334155',\r\n bgLight: '#F8FAFC'\r\n }\r\n },\r\n fontFamily: {\r\n sans: ['Lato', 'sans-serif'],\r\n heading: ['Poppins', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n body {\r\n font-family: 'Lato', sans-serif;\r\n }\r\n h1, h2, h3, h4, h5, h6 {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n \/* --- CONTROL DE TAMA\u00d1O ULTRA ESPEC\u00cdFICO DEL LOGO --- *\/\r\n :root {\r\n \/* Modifica estos valores para ajustar el tama\u00f1o de tu logo si lo deseas *\/\r\n --logo-max-height-desktop: 55px; \/* Altura ideal en PC *\/\r\n --logo-max-width-desktop: 350px; \/* Ancho m\u00e1ximo para evitar colisiones *\/\r\n \r\n --logo-max-height-mobile: 35px; \/* Altura en Celular *\/\r\n --logo-max-width-mobile: 150px; \/* Ancho m\u00e1ximo en Celular *\/\r\n }\r\n\r\n \/* Contenedor defensivo: limita el espacio f\u00edsico del logo pase lo que pase *\/\r\n .custom-logo-container {\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n max-height: var(--logo-max-height-desktop) !important;\r\n max-width: var(--logo-max-width-desktop) !important;\r\n overflow: hidden !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n \/* Selectores de m\u00e1xima especificidad para forzar el reajuste de la imagen *\/\r\n .custom-logo-container img,\r\n img.custom-logo-img,\r\n #logo-img,\r\n #footer-logo-img {\r\n max-height: var(--logo-max-height-desktop) !important;\r\n max-width: var(--logo-max-width-desktop) !important;\r\n width: auto !important;\r\n height: auto !important;\r\n object-fit: contain !important;\r\n display: block;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .custom-logo-container {\r\n max-height: var(--logo-max-height-mobile) !important;\r\n max-width: var(--logo-max-width-mobile) !important;\r\n }\r\n .custom-logo-container img,\r\n img.custom-logo-img,\r\n #logo-img,\r\n #footer-logo-img {\r\n max-height: var(--logo-max-height-mobile) !important;\r\n max-width: var(--logo-max-width-mobile) !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-brand-text antialiased\">\r\n\r\n \r\n <nav class=\"sticky top-0 z-50 bg-white\/90 backdrop-blur-md border-b border-slate-100 shadow-sm transition-all\">\r\n <div class=\"max-w-7xl mx-auto px-6 h-24 flex items-center justify-between gap-8\">\r\n \r\n \r\n <a href=\"#\" class=\"custom-logo-container\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/ingesof.cl\/wp-content\/uploads\/2026\/06\/Recurso-2Ingesof.png\" alt=\"Logo INGESOF\" class=\"custom-logo-img hidden\" id=\"logo-img\">\r\n <\/a>\r\n\r\n \r\n <div class=\"hidden md:flex items-center space-x-8\">\r\n <a href=\"#inicio\" class=\"text-brand-slate hover:text-brand font-medium transition-colors\">Inicio<\/a>\r\n <a href=\"#servicios\" class=\"text-brand-slate hover:text-brand font-medium transition-colors\">Servicios<\/a>\r\n <a href=\"#nosotros\" class=\"text-brand-slate hover:text-brand font-medium transition-colors\">Nosotros<\/a>\r\n <a href=\"#contacto\" class=\"bg-brand text-white px-6 py-2.5 rounded-xl font-semibold hover:bg-brand-dark transition-all shadow-md hover:shadow-lg hover:shadow-brand\/20\">Cotizar Proyecto<\/a>\r\n <\/div>\r\n\r\n \r\n <button id=\"menu-btn\" class=\"md:hidden text-brand-slate text-2xl focus:outline-none\">\r\n <i class=\"fa-solid fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-slate-100 absolute top-24 left-0 w-full px-6 py-6 space-y-4 shadow-lg\">\r\n <a href=\"#inicio\" class=\"block text-brand-slate hover:text-brand font-medium transition-colors py-2\">Inicio<\/a>\r\n <a href=\"#servicios\" class=\"block text-brand-slate hover:text-brand font-medium transition-colors py-2\">Servicios<\/a>\r\n <a href=\"#nosotros\" class=\"block text-brand-slate hover:text-brand font-medium transition-colors py-2\">Nosotros<\/a>\r\n <a href=\"#contacto\" class=\"block text-center bg-brand text-white px-6 py-3 rounded-xl font-semibold hover:bg-brand-dark transition-all\">Cotizar Proyecto<\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section id=\"inicio\" class=\"relative overflow-hidden pt-12 pb-24 md:py-32 bg-gradient-to-b from-white to-slate-50\">\r\n \r\n <div class=\"absolute top-0 right-0 -z-10 w-96 h-96 bg-brand-light rounded-full blur-3xl opacity-40\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 -z-10 w-80 h-80 bg-blue-100 rounded-full blur-3xl opacity-30\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\r\n \r\n <div class=\"space-y-6 text-center md:text-left\">\r\n <div class=\"inline-flex items-center space-x-2 bg-brand-light text-brand-dark px-4 py-1.5 rounded-full text-sm font-semibold tracking-wide\">\r\n <span class=\"w-2 h-2 bg-brand rounded-full animate-pulse\"><\/span>\r\n <span>Consultor\u00eda TI & Desarrollo en Chile<\/span>\r\n <\/div>\r\n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-extrabold text-brand-slate leading-tight tracking-tight\">\r\n Soluciones de <span class=\"text-brand\">Software<\/span> a tu medida\r\n <\/h1>\r\n <p class=\"text-lg text-brand-text max-w-xl mx-auto md:mx-0\">\r\n En INGESOF transformamos tus ideas y desaf\u00edos de negocio en plataformas digitales escalables, seguras y de alto rendimiento. Creamos la tecnolog\u00eda que impulsa tu crecimiento.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center md:justify-start items-center space-y-4 sm:space-y-0 sm:space-x-4\">\r\n <a href=\"#contacto\" class=\"w-full sm:w-auto text-center bg-brand text-white px-8 py-4 rounded-xl font-bold hover:bg-brand-dark transition-all shadow-xl shadow-brand\/20 hover:shadow-brand-dark\/20 hover:-translate-y-0.5\">\r\n Iniciar Proyecto\r\n <\/a>\r\n <a href=\"#servicios\" class=\"w-full sm:w-auto text-center border-2 border-slate-200 text-brand-slate px-8 py-4 rounded-xl font-bold hover:bg-slate-100 transition-all hover:border-slate-300\">\r\n Ver Servicios\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative w-full max-w-md lg:max-w-none mx-auto\">\r\n <div class=\"absolute inset-0 bg-gradient-to-tr from-brand to-cyan-400 rounded-3xl rotate-3 scale-95 opacity-10 blur-xl\"><\/div>\r\n <div class=\"bg-white border border-slate-100 shadow-2xl rounded-3xl p-6 md:p-8 relative\">\r\n \r\n <div class=\"flex items-center space-x-2 border-b border-slate-100 pb-4 mb-6\">\r\n <span class=\"w-3 h-3 bg-red-400 rounded-full\"><\/span>\r\n <span class=\"w-3 h-3 bg-yellow-400 rounded-full\"><\/span>\r\n <span class=\"w-3 h-3 bg-green-400 rounded-full\"><\/span>\r\n <span class=\"text-xs text-slate-400 font-mono pl-2\">ingesof_architecture.json<\/span>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center space-x-4 p-4 bg-slate-50 rounded-2xl hover:bg-brand-light\/20 transition-colors\">\r\n <div class=\"w-12 h-12 bg-brand\/10 text-brand rounded-xl flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-laptop-code\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-brand-slate text-base\">C\u00f3digo Limpio y Moderno<\/h3>\r\n <p class=\"text-xs text-brand-text\">Desarrollo estructurado, escalable y mantenible.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center space-x-4 p-4 bg-slate-50 rounded-2xl hover:bg-brand-light\/20 transition-colors\">\r\n <div class=\"w-12 h-12 bg-green-50 text-green-500 rounded-xl flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-brand-slate text-base\">Rendimiento Extremo<\/h3>\r\n <p class=\"text-xs text-brand-text\">Webs r\u00e1pidas que mejoran tu posicionamiento en Google.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center space-x-4 p-4 bg-slate-50 rounded-2xl hover:bg-brand-light\/20 transition-colors\">\r\n <div class=\"w-12 h-12 bg-purple-50 text-purple-500 rounded-xl flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-brand-slate text-base\">Seguridad Optimizada<\/h3>\r\n <p class=\"text-xs text-brand-text\">Protecci\u00f3n de datos bajo est\u00e1ndares internacionales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"servicios\" class=\"py-24 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\r\n <span class=\"text-brand font-bold text-sm tracking-wider uppercase\">Nuestras Especialidades<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-brand-slate tracking-tight\">Qu\u00e9 hacemos por tu negocio<\/h2>\r\n <p class=\"text-lg text-brand-text\">Ofrecemos servicios de ingenier\u00eda y consultor\u00eda que cubren todo el ciclo de vida de tus productos digitales.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-slate-50 border border-slate-100 p-8 rounded-3xl hover:bg-white hover:shadow-xl hover:border-brand\/20 transition-all group\">\r\n <div class=\"w-14 h-14 bg-brand\/10 text-brand rounded-2xl flex items-center justify-center text-2xl mb-6 group-hover:bg-brand group-hover:text-white transition-all\">\r\n <i class=\"fa-solid fa-terminal\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-brand-slate mb-3\">Software a la Medida<\/h3>\r\n <p class=\"text-brand-text leading-relaxed text-sm\">\r\n Dise\u00f1amos y desarrollamos plataformas web, aplicaciones de escritorio y herramientas internas espec\u00edficas para automatizar tus procesos comerciales.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-50 border border-slate-100 p-8 rounded-3xl hover:bg-white hover:shadow-xl hover:border-brand\/20 transition-all group\">\r\n <div class=\"w-14 h-14 bg-emerald-50 text-emerald-500 rounded-2xl flex items-center justify-center text-2xl mb-6 group-hover:bg-emerald-500 group-hover:text-white transition-all\">\r\n <i class=\"fa-solid fa-gears\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-brand-slate mb-3\">Integraciones & APIs<\/h3>\r\n <p class=\"text-brand-text leading-relaxed text-sm\">\r\n Conectamos tus sistemas actuales (ERPs, CRMs, pasarelas de pago Webpay) de manera fluida y segura a trav\u00e9s del desarrollo de APIs robustas.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-50 border border-slate-100 p-8 rounded-3xl hover:bg-white hover:shadow-xl hover:border-brand\/20 transition-all group\">\r\n <div class=\"w-14 h-14 bg-indigo-50 text-indigo-500 rounded-2xl flex items-center justify-center text-2xl mb-6 group-hover:bg-indigo-500 group-hover:text-white transition-all\">\r\n <i class=\"fa-solid fa-network-wired\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-brand-slate mb-3\">Consultor\u00eda TI & Arquitectura<\/h3>\r\n <p class=\"text-brand-text leading-relaxed text-sm\">\r\n Te orientamos a elegir la tecnolog\u00eda adecuada. Diagnosticamos tus plataformas actuales para optimizar su seguridad, velocidad y costos en la nube.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"nosotros\" class=\"py-24 bg-slate-50 overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n <div class=\"space-y-6\">\r\n <span class=\"text-brand font-bold text-sm tracking-wider uppercase\">Por qu\u00e9 elegirnos<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-brand-slate tracking-tight\">Ingenier\u00eda seria que soluciona problemas reales<\/h2>\r\n <p class=\"text-lg text-brand-text leading-relaxed\">\r\n No solo escribimos l\u00edneas de c\u00f3digo; comprendemos el n\u00facleo de tu negocio para dise\u00f1ar arquitecturas tecnol\u00f3gicas robustas que eviten dolores de cabeza futuros.\r\n <\/p>\r\n\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-start space-x-3\">\r\n <span class=\"w-6 h-6 rounded-full bg-brand\/10 text-brand flex items-center justify-center shrink-0 mt-1\">\r\n <i class=\"fa-solid fa-check text-xs\"><\/i>\r\n <\/span>\r\n <p class=\"text-brand-slate font-medium\">Soporte t\u00e9cnico local y de respuesta r\u00e1pida en Chile.<\/p>\r\n <\/div>\r\n <div class=\"flex items-start space-x-3\">\r\n <span class=\"w-6 h-6 rounded-full bg-brand\/10 text-brand flex items-center justify-center shrink-0 mt-1\">\r\n <i class=\"fa-solid fa-check text-xs\"><\/i>\r\n <\/span>\r\n <p class=\"text-brand-slate font-medium\">Metodolog\u00edas \u00e1giles con entregas constantes para tu tranquilidad.<\/p>\r\n <\/div>\r\n <div class=\"flex items-start space-x-3\">\r\n <span class=\"w-6 h-6 rounded-full bg-brand\/10 text-brand flex items-center justify-center shrink-0 mt-1\">\r\n <i class=\"fa-solid fa-check text-xs\"><\/i>\r\n <\/span>\r\n <p class=\"text-brand-slate font-medium\">Garant\u00eda post-lanzamiento en todos nuestros desarrollos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <div class=\"bg-white border border-slate-100 p-6 rounded-3xl text-center space-y-2 shadow-sm\">\r\n <p class=\"text-4xl font-extrabold text-brand\">100%<\/p>\r\n <p class=\"text-xs text-brand-slate uppercase tracking-wider font-bold\">Compromiso<\/p>\r\n <p class=\"text-[11px] text-brand-text\">En cada etapa del proyecto.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-slate-100 p-6 rounded-3xl text-center space-y-2 shadow-sm mt-6\">\r\n <p class=\"text-4xl font-extrabold text-emerald-500\">Fast<\/p>\r\n <p class=\"text-xs text-brand-slate uppercase tracking-wider font-bold\">Rendimiento<\/p>\r\n <p class=\"text-[11px] text-brand-text\">C\u00f3digo optimizado al m\u00e1ximo.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-slate-100 p-6 rounded-3xl text-center space-y-2 shadow-sm\">\r\n <p class=\"text-4xl font-extrabold text-brand-slate\">REST<\/p>\r\n <p class=\"text-xs text-brand-slate uppercase tracking-wider font-bold\">APIs robustas<\/p>\r\n <p class=\"text-[11px] text-brand-text\">Conexi\u00f3n perfecta de sistemas.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-slate-100 p-6 rounded-3xl text-center space-y-2 shadow-sm mt-6\">\r\n <p class=\"text-4xl font-extrabold text-indigo-500\">Cloud<\/p>\r\n <p class=\"text-xs text-brand-slate uppercase tracking-wider font-bold\">Escalable<\/p>\r\n <p class=\"text-[11px] text-brand-text\">Listos para AWS, GCP y Azure.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contacto\" class=\"py-24 bg-white relative\">\r\n <div class=\"max-w-4xl mx-auto px-6\">\r\n <div class=\"text-center space-y-4 mb-12\">\r\n <span class=\"text-brand font-bold text-sm tracking-wider uppercase\">Contacto<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-brand-slate tracking-tight\">Hablemos sobre tu proyecto<\/h2>\r\n <p class=\"text-lg text-brand-text\">\u00bfTienes una idea en mente o requieres consultor\u00eda TI? Cu\u00e9ntanos tus necesidades y te responderemos a la brevedad.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-50 border border-slate-100 shadow-xl rounded-3xl p-8 md:p-10\">\r\n <form action=\"\/enviar_formulario.php\" method=\"POST\" class=\"space-y-6\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n <div>\r\n <label for=\"name\" class=\"block text-sm font-semibold text-brand-slate mb-2\">Nombre completo<\/label>\r\n <input type=\"text\" name=\"name\" id=\"name\" required class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent bg-white text-brand-slate transition-all\" placeholder=\"Juan P\u00e9rez\">\r\n <\/div>\r\n <div>\r\n <label for=\"email\" class=\"block text-sm font-semibold text-brand-slate mb-2\">Correo electr\u00f3nico<\/label>\r\n <input type=\"email\" name=\"email\" id=\"email\" required class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent bg-white text-brand-slate transition-all\" placeholder=\"juan@empresa.cl\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n <div>\r\n <label for=\"phone\" class=\"block text-sm font-semibold text-brand-slate mb-2\">Tel\u00e9fono \/ WhatsApp<\/label>\r\n <input type=\"tel\" name=\"phone\" id=\"phone\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent bg-white text-brand-slate transition-all\" placeholder=\"+56 9 1234 5678\">\r\n <\/div>\r\n <div>\r\n <label for=\"service_type\" class=\"block text-sm font-semibold text-brand-slate mb-2\">Servicio requerido<\/label>\r\n <select name=\"service_type\" id=\"service_type\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent bg-white text-brand-slate transition-all\">\r\n <option value=\"software_a_medida\">Software a la Medida<\/option>\r\n <option value=\"integraciones_api\">Integraciones de APIs<\/option>\r\n <option value=\"consultoria_ti\">Consultor\u00eda TI<\/option>\r\n <option value=\"otro\">Otro Requerimiento<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"message\" class=\"block text-sm font-semibold text-brand-slate mb-2\">Cu\u00e9ntanos sobre tu requerimiento<\/label>\r\n <textarea name=\"message\" id=\"message\" rows=\"4\" required class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent bg-white text-brand-slate transition-all\" placeholder=\"Ej: Necesitamos conectar nuestro ERP con un sistema de inventario...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"w-full bg-brand text-white font-bold py-4 rounded-xl hover:bg-brand-dark transition-all shadow-lg shadow-brand\/20 hover:shadow-brand-dark\/20 text-center\">\r\n Enviar Consulta\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-brand-slate text-slate-400 py-12 border-t border-slate-800\">\r\n <div class=\"max-w-7xl mx-auto px-6 flex flex-col md:flex-row items-center justify-between gap-6\">\r\n \r\n <div class=\"flex items-center\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/ingesof.cl\/wp-content\/uploads\/2026\/06\/Recurso-2Ingesof.png\" alt=\"Logo INGESOF\" class=\"custom-logo-img hidden mr-2\" id=\"footer-logo-img\">\r\n <\/div>\r\n <p class=\"text-sm text-center md:text-right\">© 2026 INGESOF.cl - Ingenier\u00eda de Software y Consultor\u00eda TI. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <script>\r\n \/\/ Men\u00fa M\u00f3vil\r\n const btn = document.getElementById('menu-btn');\r\n const menu = document.getElementById('mobile-menu');\r\n\r\n btn.addEventListener('click', () => {\r\n menu.classList.toggle('hidden');\r\n });\r\n\r\n const links = menu.querySelectorAll('a');\r\n links.forEach(link => {\r\n link.addEventListener('click', () => {\r\n menu.classList.add('hidden');\r\n });\r\n });\r\n\r\n \/\/ DETECTOR INTELIGENTE Y REAJUSTE DE LOGO CORPORATIVO (A prueba de cach\u00e9 del navegador)\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const logoImg = document.getElementById('logo-img');\r\n const logoFallback = document.getElementById('logo-fallback');\r\n const footerLogoImg = document.getElementById('footer-logo-img');\r\n const footerLogoFallback = document.getElementById('footer-logo-fallback');\r\n\r\n function procesarLogo(imgElement, fallbackElement) {\r\n if (imgElement && imgElement.src && !imgElement.src.includes('https:\/\/ingesof.cl\/wp-content\/uploads\/2026\/06\/Recurso-2Ingesof.png')) {\r\n \/\/ Si el navegador ya tiene la imagen cargada de antes\r\n if (imgElement.complete) {\r\n imgElement.classList.remove('hidden');\r\n if (fallbackElement) fallbackElement.classList.add('hidden');\r\n } else {\r\n \/\/ Si se est\u00e1 cargando de cero en este momento\r\n imgElement.addEventListener('load', () => {\r\n imgElement.classList.remove('hidden');\r\n if (fallbackElement) fallbackElement.classList.add('hidden');\r\n });\r\n imgElement.addEventListener('error', () => {\r\n \/\/ Si por alg\u00fan error el link falla, mantenemos el logo de texto seguro\r\n imgElement.classList.add('hidden');\r\n if (fallbackElement) fallbackElement.classList.remove('hidden');\r\n });\r\n }\r\n }\r\n }\r\n\r\n procesarLogo(logoImg, logoFallback);\r\n procesarLogo(footerLogoImg, footerLogoFallback);\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INGESOF – Ingenier\u00eda de Software y Consultor\u00eda TI Inicio Servicios Nosotros Cotizar Proyecto Inicio Servicios Nosotros Cotizar Proyecto Consultor\u00eda TI & Desarrollo en Chile Soluciones de Software a tu medida En INGESOF transformamos tus ideas y desaf\u00edos de negocio en plataformas digitales escalables, seguras y de alto rendimiento. Creamos la tecnolog\u00eda que impulsa tu crecimiento. […]<\/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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ingesof.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":64,"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/ingesof.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n INGESOF - Ingenier\u00eda de Software y Consultor\u00eda TI<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: {\r\n light: '#E0F2FE',\r\n DEFAULT: '#00A8E8',\r\n dark: '#007EA7',\r\n slate: '#0F172A',\r\n text: '#334155',\r\n bgLight: '#F8FAFC'\r\n }\r\n },\r\n fontFamily: {\r\n sans: ['Lato', 'sans-serif'],\r\n heading: ['Poppins', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n body {\r\n font-family: 'Lato', sans-serif;\r\n }\r\n h1, h2, h3, h4, h5, h6 {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n \/* --- CONTROL DE TAMA\u00d1O ULTRA ESPEC\u00cdFICO DEL LOGO --- *\/\r\n :root {\r\n \/* Modifica estos valores para ajustar el tama\u00f1o de tu logo si lo deseas *\/\r\n --logo-max-height-desktop: 55px; \/* Altura ideal en PC *\/\r\n --logo-max-width-desktop: 350px; \/* Ancho m\u00e1ximo para evitar colisiones *\/\r\n \r\n --logo-max-height-mobile: 35px; \/* Altura en Celular *\/\r\n --logo-max-width-mobile: 150px; \/* Ancho m\u00e1ximo en Celular *\/\r\n }\r\n\r\n \/* Contenedor defensivo: limita el espacio f\u00edsico del logo pase lo que pase *\/\r\n .custom-logo-container {\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n max-height: var(--logo-max-height-desktop) !important;\r\n max-width: var(--logo-max-width-desktop) !important;\r\n overflow: hidden !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n \/* Selectores de m\u00e1xima especificidad para forzar el reajuste de la imagen *\/\r\n .custom-logo-container img,\r\n img.custom-logo-img,\r\n #logo-img,\r\n #footer-logo-img {\r\n max-height: var(--logo-max-height-desktop) !important;\r\n max-width: var(--logo-max-width-desktop) !important;\r\n width: auto !important;\r\n height: auto !important;\r\n object-fit: contain !important;\r\n display: block;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .custom-logo-container {\r\n max-height: var(--logo-max-height-mobile) !important;\r\n max-width: var(--logo-max-width-mobile) !important;\r\n }\r\n .custom-logo-container img,\r\n img.custom-logo-img,\r\n #logo-img,\r\n #footer-logo-img {\r\n max-height: var(--logo-max-height-mobile) !important;\r\n max-width: var(--logo-max-width-mobile) !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-brand-text antialiased\">\r\n\r\n \r\n <nav class=\"sticky top-0 z-50 bg-white\/90 backdrop-blur-md border-b border-slate-100 shadow-sm transition-all\">\r\n <div class=\"max-w-7xl mx-auto px-6 h-24 flex items-center justify-between gap-8\">\r\n \r\n \r\n <a href=\"#\" class=\"custom-logo-container\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/ingesof.cl\/wp-content\/uploads\/2026\/06\/Recurso-2Ingesof.png\" alt=\"Logo INGESOF\" class=\"custom-logo-img hidden\" id=\"logo-img\">\r\n <\/a>\r\n\r\n \r\n <div class=\"hidden md:flex items-center space-x-8\">\r\n <a href=\"#inicio\" class=\"text-brand-slate hover:text-brand font-medium transition-colors\">Inicio<\/a>\r\n <a href=\"#servicios\" class=\"text-brand-slate hover:text-brand font-medium transition-colors\">Servicios<\/a>\r\n <a href=\"#nosotros\" class=\"text-brand-slate hover:text-brand font-medium transition-colors\">Nosotros<\/a>\r\n <a href=\"#contacto\" class=\"bg-brand text-white px-6 py-2.5 rounded-xl font-semibold hover:bg-brand-dark transition-all shadow-md hover:shadow-lg hover:shadow-brand\/20\">Cotizar Proyecto<\/a>\r\n <\/div>\r\n\r\n \r\n <button id=\"menu-btn\" class=\"md:hidden text-brand-slate text-2xl focus:outline-none\">\r\n <i class=\"fa-solid fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-slate-100 absolute top-24 left-0 w-full px-6 py-6 space-y-4 shadow-lg\">\r\n <a href=\"#inicio\" class=\"block text-brand-slate hover:text-brand font-medium transition-colors py-2\">Inicio<\/a>\r\n <a href=\"#servicios\" class=\"block text-brand-slate hover:text-brand font-medium transition-colors py-2\">Servicios<\/a>\r\n <a href=\"#nosotros\" class=\"block text-brand-slate hover:text-brand font-medium transition-colors py-2\">Nosotros<\/a>\r\n <a href=\"#contacto\" class=\"block text-center bg-brand text-white px-6 py-3 rounded-xl font-semibold hover:bg-brand-dark transition-all\">Cotizar Proyecto<\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section id=\"inicio\" class=\"relative overflow-hidden pt-12 pb-24 md:py-32 bg-gradient-to-b from-white to-slate-50\">\r\n \r\n <div class=\"absolute top-0 right-0 -z-10 w-96 h-96 bg-brand-light rounded-full blur-3xl opacity-40\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 -z-10 w-80 h-80 bg-blue-100 rounded-full blur-3xl opacity-30\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\r\n \r\n <div class=\"space-y-6 text-center md:text-left\">\r\n <div class=\"inline-flex items-center space-x-2 bg-brand-light text-brand-dark px-4 py-1.5 rounded-full text-sm font-semibold tracking-wide\">\r\n <span class=\"w-2 h-2 bg-brand rounded-full animate-pulse\"><\/span>\r\n <span>Consultor\u00eda TI & Desarrollo en Chile<\/span>\r\n <\/div>\r\n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-extrabold text-brand-slate leading-tight tracking-tight\">\r\n Soluciones de <span class=\"text-brand\">Software<\/span> a tu medida\r\n <\/h1>\r\n <p class=\"text-lg text-brand-text max-w-xl mx-auto md:mx-0\">\r\n En INGESOF transformamos tus ideas y desaf\u00edos de negocio en plataformas digitales escalables, seguras y de alto rendimiento. Creamos la tecnolog\u00eda que impulsa tu crecimiento.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center md:justify-start items-center space-y-4 sm:space-y-0 sm:space-x-4\">\r\n <a href=\"#contacto\" class=\"w-full sm:w-auto text-center bg-brand text-white px-8 py-4 rounded-xl font-bold hover:bg-brand-dark transition-all shadow-xl shadow-brand\/20 hover:shadow-brand-dark\/20 hover:-translate-y-0.5\">\r\n Iniciar Proyecto\r\n <\/a>\r\n <a href=\"#servicios\" class=\"w-full sm:w-auto text-center border-2 border-slate-200 text-brand-slate px-8 py-4 rounded-xl font-bold hover:bg-slate-100 transition-all hover:border-slate-300\">\r\n Ver Servicios\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative w-full max-w-md lg:max-w-none mx-auto\">\r\n <div class=\"absolute inset-0 bg-gradient-to-tr from-brand to-cyan-400 rounded-3xl rotate-3 scale-95 opacity-10 blur-xl\"><\/div>\r\n <div class=\"bg-white border border-slate-100 shadow-2xl rounded-3xl p-6 md:p-8 relative\">\r\n \r\n <div class=\"flex items-center space-x-2 border-b border-slate-100 pb-4 mb-6\">\r\n <span class=\"w-3 h-3 bg-red-400 rounded-full\"><\/span>\r\n <span class=\"w-3 h-3 bg-yellow-400 rounded-full\"><\/span>\r\n <span class=\"w-3 h-3 bg-green-400 rounded-full\"><\/span>\r\n <span class=\"text-xs text-slate-400 font-mono pl-2\">ingesof_architecture.json<\/span>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center space-x-4 p-4 bg-slate-50 rounded-2xl hover:bg-brand-light\/20 transition-colors\">\r\n <div class=\"w-12 h-12 bg-brand\/10 text-brand rounded-xl flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-laptop-code\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-brand-slate text-base\">C\u00f3digo Limpio y Moderno<\/h3>\r\n <p class=\"text-xs text-brand-text\">Desarrollo estructurado, escalable y mantenible.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center space-x-4 p-4 bg-slate-50 rounded-2xl hover:bg-brand-light\/20 transition-colors\">\r\n <div class=\"w-12 h-12 bg-green-50 text-green-500 rounded-xl flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-brand-slate text-base\">Rendimiento Extremo<\/h3>\r\n <p class=\"text-xs text-brand-text\">Webs r\u00e1pidas que mejoran tu posicionamiento en Google.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center space-x-4 p-4 bg-slate-50 rounded-2xl hover:bg-brand-light\/20 transition-colors\">\r\n <div class=\"w-12 h-12 bg-purple-50 text-purple-500 rounded-xl flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-brand-slate text-base\">Seguridad Optimizada<\/h3>\r\n <p class=\"text-xs text-brand-text\">Protecci\u00f3n de datos bajo est\u00e1ndares internacionales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"servicios\" class=\"py-24 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\r\n <span class=\"text-brand font-bold text-sm tracking-wider uppercase\">Nuestras Especialidades<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-brand-slate tracking-tight\">Qu\u00e9 hacemos por tu negocio<\/h2>\r\n <p class=\"text-lg text-brand-text\">Ofrecemos servicios de ingenier\u00eda y consultor\u00eda que cubren todo el ciclo de vida de tus productos digitales.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-slate-50 border border-slate-100 p-8 rounded-3xl hover:bg-white hover:shadow-xl hover:border-brand\/20 transition-all group\">\r\n <div class=\"w-14 h-14 bg-brand\/10 text-brand rounded-2xl flex items-center justify-center text-2xl mb-6 group-hover:bg-brand group-hover:text-white transition-all\">\r\n <i class=\"fa-solid fa-terminal\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-brand-slate mb-3\">Software a la Medida<\/h3>\r\n <p class=\"text-brand-text leading-relaxed text-sm\">\r\n Dise\u00f1amos y desarrollamos plataformas web, aplicaciones de escritorio y herramientas internas espec\u00edficas para automatizar tus procesos comerciales.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-50 border border-slate-100 p-8 rounded-3xl hover:bg-white hover:shadow-xl hover:border-brand\/20 transition-all group\">\r\n <div class=\"w-14 h-14 bg-emerald-50 text-emerald-500 rounded-2xl flex items-center justify-center text-2xl mb-6 group-hover:bg-emerald-500 group-hover:text-white transition-all\">\r\n <i class=\"fa-solid fa-gears\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-brand-slate mb-3\">Integraciones & APIs<\/h3>\r\n <p class=\"text-brand-text leading-relaxed text-sm\">\r\n Conectamos tus sistemas actuales (ERPs, CRMs, pasarelas de pago Webpay) de manera fluida y segura a trav\u00e9s del desarrollo de APIs robustas.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-50 border border-slate-100 p-8 rounded-3xl hover:bg-white hover:shadow-xl hover:border-brand\/20 transition-all group\">\r\n <div class=\"w-14 h-14 bg-indigo-50 text-indigo-500 rounded-2xl flex items-center justify-center text-2xl mb-6 group-hover:bg-indigo-500 group-hover:text-white transition-all\">\r\n <i class=\"fa-solid fa-network-wired\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-brand-slate mb-3\">Consultor\u00eda TI & Arquitectura<\/h3>\r\n <p class=\"text-brand-text leading-relaxed text-sm\">\r\n Te orientamos a elegir la tecnolog\u00eda adecuada. Diagnosticamos tus plataformas actuales para optimizar su seguridad, velocidad y costos en la nube.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"nosotros\" class=\"py-24 bg-slate-50 overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n <div class=\"space-y-6\">\r\n <span class=\"text-brand font-bold text-sm tracking-wider uppercase\">Por qu\u00e9 elegirnos<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-brand-slate tracking-tight\">Ingenier\u00eda seria que soluciona problemas reales<\/h2>\r\n <p class=\"text-lg text-brand-text leading-relaxed\">\r\n No solo escribimos l\u00edneas de c\u00f3digo; comprendemos el n\u00facleo de tu negocio para dise\u00f1ar arquitecturas tecnol\u00f3gicas robustas que eviten dolores de cabeza futuros.\r\n <\/p>\r\n\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-start space-x-3\">\r\n <span class=\"w-6 h-6 rounded-full bg-brand\/10 text-brand flex items-center justify-center shrink-0 mt-1\">\r\n <i class=\"fa-solid fa-check text-xs\"><\/i>\r\n <\/span>\r\n <p class=\"text-brand-slate font-medium\">Soporte t\u00e9cnico local y de respuesta r\u00e1pida en Chile.<\/p>\r\n <\/div>\r\n <div class=\"flex items-start space-x-3\">\r\n <span class=\"w-6 h-6 rounded-full bg-brand\/10 text-brand flex items-center justify-center shrink-0 mt-1\">\r\n <i class=\"fa-solid fa-check text-xs\"><\/i>\r\n <\/span>\r\n <p class=\"text-brand-slate font-medium\">Metodolog\u00edas \u00e1giles con entregas constantes para tu tranquilidad.<\/p>\r\n <\/div>\r\n <div class=\"flex items-start space-x-3\">\r\n <span class=\"w-6 h-6 rounded-full bg-brand\/10 text-brand flex items-center justify-center shrink-0 mt-1\">\r\n <i class=\"fa-solid fa-check text-xs\"><\/i>\r\n <\/span>\r\n <p class=\"text-brand-slate font-medium\">Garant\u00eda post-lanzamiento en todos nuestros desarrollos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <div class=\"bg-white border border-slate-100 p-6 rounded-3xl text-center space-y-2 shadow-sm\">\r\n <p class=\"text-4xl font-extrabold text-brand\">100%<\/p>\r\n <p class=\"text-xs text-brand-slate uppercase tracking-wider font-bold\">Compromiso<\/p>\r\n <p class=\"text-[11px] text-brand-text\">En cada etapa del proyecto.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-slate-100 p-6 rounded-3xl text-center space-y-2 shadow-sm mt-6\">\r\n <p class=\"text-4xl font-extrabold text-emerald-500\">Fast<\/p>\r\n <p class=\"text-xs text-brand-slate uppercase tracking-wider font-bold\">Rendimiento<\/p>\r\n <p class=\"text-[11px] text-brand-text\">C\u00f3digo optimizado al m\u00e1ximo.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-slate-100 p-6 rounded-3xl text-center space-y-2 shadow-sm\">\r\n <p class=\"text-4xl font-extrabold text-brand-slate\">REST<\/p>\r\n <p class=\"text-xs text-brand-slate uppercase tracking-wider font-bold\">APIs robustas<\/p>\r\n <p class=\"text-[11px] text-brand-text\">Conexi\u00f3n perfecta de sistemas.<\/p>\r\n <\/div>\r\n <div class=\"bg-white border border-slate-100 p-6 rounded-3xl text-center space-y-2 shadow-sm mt-6\">\r\n <p class=\"text-4xl font-extrabold text-indigo-500\">Cloud<\/p>\r\n <p class=\"text-xs text-brand-slate uppercase tracking-wider font-bold\">Escalable<\/p>\r\n <p class=\"text-[11px] text-brand-text\">Listos para AWS, GCP y Azure.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contacto\" class=\"py-24 bg-white relative\">\r\n <div class=\"max-w-4xl mx-auto px-6\">\r\n <div class=\"text-center space-y-4 mb-12\">\r\n <span class=\"text-brand font-bold text-sm tracking-wider uppercase\">Contacto<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-brand-slate tracking-tight\">Hablemos sobre tu proyecto<\/h2>\r\n <p class=\"text-lg text-brand-text\">\u00bfTienes una idea en mente o requieres consultor\u00eda TI? Cu\u00e9ntanos tus necesidades y te responderemos a la brevedad.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-50 border border-slate-100 shadow-xl rounded-3xl p-8 md:p-10\">\r\n <form action=\"\/enviar_formulario.php\" method=\"POST\" class=\"space-y-6\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n <div>\r\n <label for=\"name\" class=\"block text-sm font-semibold text-brand-slate mb-2\">Nombre completo<\/label>\r\n <input type=\"text\" name=\"name\" id=\"name\" required class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent bg-white text-brand-slate transition-all\" placeholder=\"Juan P\u00e9rez\">\r\n <\/div>\r\n <div>\r\n <label for=\"email\" class=\"block text-sm font-semibold text-brand-slate mb-2\">Correo electr\u00f3nico<\/label>\r\n <input type=\"email\" name=\"email\" id=\"email\" required class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent bg-white text-brand-slate transition-all\" placeholder=\"juan@empresa.cl\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n <div>\r\n <label for=\"phone\" class=\"block text-sm font-semibold text-brand-slate mb-2\">Tel\u00e9fono \/ WhatsApp<\/label>\r\n <input type=\"tel\" name=\"phone\" id=\"phone\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent bg-white text-brand-slate transition-all\" placeholder=\"+56 9 1234 5678\">\r\n <\/div>\r\n <div>\r\n <label for=\"service_type\" class=\"block text-sm font-semibold text-brand-slate mb-2\">Servicio requerido<\/label>\r\n <select name=\"service_type\" id=\"service_type\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent bg-white text-brand-slate transition-all\">\r\n <option value=\"software_a_medida\">Software a la Medida<\/option>\r\n <option value=\"integraciones_api\">Integraciones de APIs<\/option>\r\n <option value=\"consultoria_ti\">Consultor\u00eda TI<\/option>\r\n <option value=\"otro\">Otro Requerimiento<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"message\" class=\"block text-sm font-semibold text-brand-slate mb-2\">Cu\u00e9ntanos sobre tu requerimiento<\/label>\r\n <textarea name=\"message\" id=\"message\" rows=\"4\" required class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent bg-white text-brand-slate transition-all\" placeholder=\"Ej: Necesitamos conectar nuestro ERP con un sistema de inventario...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"w-full bg-brand text-white font-bold py-4 rounded-xl hover:bg-brand-dark transition-all shadow-lg shadow-brand\/20 hover:shadow-brand-dark\/20 text-center\">\r\n Enviar Consulta\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-brand-slate text-slate-400 py-12 border-t border-slate-800\">\r\n <div class=\"max-w-7xl mx-auto px-6 flex flex-col md:flex-row items-center justify-between gap-6\">\r\n \r\n <div class=\"flex items-center\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/ingesof.cl\/wp-content\/uploads\/2026\/06\/Recurso-2Ingesof.png\" alt=\"Logo INGESOF\" class=\"custom-logo-img hidden mr-2\" id=\"footer-logo-img\">\r\n <\/div>\r\n <p class=\"text-sm text-center md:text-right\">© 2026 INGESOF.cl - Ingenier\u00eda de Software y Consultor\u00eda TI. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <script>\r\n \/\/ Men\u00fa M\u00f3vil\r\n const btn = document.getElementById('menu-btn');\r\n const menu = document.getElementById('mobile-menu');\r\n\r\n btn.addEventListener('click', () => {\r\n menu.classList.toggle('hidden');\r\n });\r\n\r\n const links = menu.querySelectorAll('a');\r\n links.forEach(link => {\r\n link.addEventListener('click', () => {\r\n menu.classList.add('hidden');\r\n });\r\n });\r\n\r\n \/\/ DETECTOR INTELIGENTE Y REAJUSTE DE LOGO CORPORATIVO (A prueba de cach\u00e9 del navegador)\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const logoImg = document.getElementById('logo-img');\r\n const logoFallback = document.getElementById('logo-fallback');\r\n const footerLogoImg = document.getElementById('footer-logo-img');\r\n const footerLogoFallback = document.getElementById('footer-logo-fallback');\r\n\r\n function procesarLogo(imgElement, fallbackElement) {\r\n if (imgElement && imgElement.src && !imgElement.src.includes('https:\/\/ingesof.cl\/wp-content\/uploads\/2026\/06\/Recurso-2Ingesof.png')) {\r\n \/\/ Si el navegador ya tiene la imagen cargada de antes\r\n if (imgElement.complete) {\r\n imgElement.classList.remove('hidden');\r\n if (fallbackElement) fallbackElement.classList.add('hidden');\r\n } else {\r\n \/\/ Si se est\u00e1 cargando de cero en este momento\r\n imgElement.addEventListener('load', () => {\r\n imgElement.classList.remove('hidden');\r\n if (fallbackElement) fallbackElement.classList.add('hidden');\r\n });\r\n imgElement.addEventListener('error', () => {\r\n \/\/ Si por alg\u00fan error el link falla, mantenemos el logo de texto seguro\r\n imgElement.classList.add('hidden');\r\n if (fallbackElement) fallbackElement.classList.remove('hidden');\r\n });\r\n }\r\n }\r\n }\r\n\r\n procesarLogo(logoImg, logoFallback);\r\n procesarLogo(footerLogoImg, footerLogoFallback);\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INGESOF – Ingenier\u00eda de Software y Consultor\u00eda TI Inicio Servicios Nosotros Cotizar Proyecto Inicio Servicios Nosotros Cotizar Proyecto Consultor\u00eda TI & Desarrollo en Chile Soluciones de Software a tu medida En INGESOF transformamos tus ideas y desaf\u00edos de negocio en plataformas digitales escalables, seguras y de alto rendimiento. Creamos la tecnolog\u00eda que impulsa tu crecimiento. […]<\/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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ingesof.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":64,"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/ingesof.cl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/ingesof.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}