Sinergia - Desarrollo de Software, Apps y Web<\/title>\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=Inter:wght@300;400;500;600&family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ================= VARIABLES ================= *\/\r\n :root {\r\n --bg-base: #000000;\r\n --bg-section: #0a0a0a;\r\n --bg-card: #121212;\r\n --bg-card-hover: #1a1a1a;\r\n --primary: #00BFFF; \/* Azul Claro vibrante y s\u00f3lido *\/\r\n --primary-light: rgba(0, 191, 255, 0.1);\r\n --text-title: #ffffff;\r\n --text-body: #a1a1aa;\r\n --border: #222222;\r\n }\r\n\r\n \/* ================= RESET Y BASE ================= *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: var(--bg-base);\r\n color: var(--text-body);\r\n line-height: 1.7;\r\n \/* Patr\u00f3n de fondo muy sutil y elegante *\/\r\n background-image: linear-gradient(var(--border) 1px, transparent 1px),\r\n linear-gradient(90deg, var(--border) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n background-position: center center;\r\n }\r\n\r\n h1, h2, h3, h4, .logo {\r\n font-family: 'Montserrat', sans-serif;\r\n color: var(--text-title);\r\n line-height: 1.2;\r\n }\r\n\r\n a { text-decoration: none; }\r\n ul { list-style: none; }\r\n\r\n \/* ================= NAVEGACI\u00d3N ================= *\/\r\n header {\r\n background-color: rgba(0, 0, 0, 0.95);\r\n backdrop-filter: blur(10px);\r\n padding: 20px 5%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid var(--border);\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n }\r\n\r\n .logo {\r\n font-size: 1.7rem;\r\n font-weight: 800;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .logo i { color: var(--primary); }\r\n\r\n nav ul {\r\n display: flex;\r\n gap: 35px;\r\n }\r\n\r\n nav a {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 500;\r\n color: var(--text-body);\r\n font-size: 0.95rem;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n nav a:hover { color: var(--primary); }\r\n\r\n \/* ================= BOTONES ================= *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 16px 36px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-outline {\r\n color: var(--primary);\r\n border: 2px solid var(--primary);\r\n background: transparent;\r\n }\r\n\r\n .btn-outline:hover {\r\n background: var(--primary);\r\n color: var(--bg-base);\r\n }\r\n\r\n .btn-solid {\r\n background: var(--primary);\r\n color: var(--bg-base);\r\n border: 2px solid var(--primary);\r\n }\r\n\r\n .btn-solid:hover {\r\n background: transparent;\r\n color: var(--primary);\r\n }\r\n\r\n \/* ================= SECCIONES Y CONTENEDORES ================= *\/\r\n section {\r\n padding: 110px 5%;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-title {\r\n font-size: 2.8rem;\r\n text-align: center;\r\n margin-bottom: 70px;\r\n font-weight: 800;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .section-title span { color: var(--primary); }\r\n\r\n \/* Grillas *\/\r\n .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\r\n .grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 25px; }\r\n\r\n \/* ================= TARJETAS (CARDS) ================= *\/\r\n .card {\r\n background-color: var(--bg-card);\r\n padding: 45px 35px;\r\n border-radius: 12px;\r\n border: 1px solid var(--border);\r\n transition: transform 0.3s ease, border-color 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--primary);\r\n background-color: var(--bg-card-hover);\r\n }\r\n\r\n \/* Contenedor de Icono Organizado *\/\r\n .icon-wrapper {\r\n width: 70px;\r\n height: 70px;\r\n background-color: var(--primary-light);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .icon-wrapper i {\r\n font-size: 2rem;\r\n color: var(--primary);\r\n }\r\n\r\n .card h3 {\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .card p { margin-bottom: 20px; font-size: 1rem; }\r\n\r\n .card ul li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n font-size: 0.95rem;\r\n color: #d4d4d8; \/* Gris m\u00e1s claro para legibilidad *\/\r\n }\r\n\r\n .card ul li i {\r\n color: var(--primary);\r\n font-size: 0.9rem;\r\n margin-top: 5px;\r\n }\r\n\r\n \/* ================= INICIO (HERO) ================= *\/\r\n #home {\r\n min-height: 85vh;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n background-color: var(--bg-section);\r\n border-bottom: 1px solid var(--border);\r\n max-width: 100%;\r\n }\r\n\r\n .hero-content {\r\n max-width: 900px;\r\n padding: 0 20px;\r\n }\r\n\r\n #home h1 {\r\n font-size: 4.5rem;\r\n margin-bottom: 25px;\r\n letter-spacing: -2px;\r\n }\r\n\r\n #home p {\r\n font-size: 1.2rem;\r\n margin-bottom: 45px;\r\n max-width: 750px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* ================= NOSOTROS ================= *\/\r\n .about-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .about-image {\r\n background-color: var(--bg-card);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: 80px;\r\n text-align: center;\r\n }\r\n\r\n .about-image i {\r\n font-size: 7rem;\r\n color: var(--primary);\r\n }\r\n\r\n \/* ================= C\u00d3MO FUNCIONA ================= *\/\r\n .step-card {\r\n text-align: center;\r\n align-items: center;\r\n padding: 40px 25px;\r\n }\r\n\r\n .step-card .icon-wrapper {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%; \/* C\u00edrculos para los pasos *\/\r\n margin: 0 auto 25px auto;\r\n }\r\n\r\n .step-card .icon-wrapper i { font-size: 2.5rem; }\r\n \r\n \/* ================= FOOTER ================= *\/\r\n footer {\r\n background-color: #050505;\r\n padding: 70px 5% 40px;\r\n border-top: 1px solid var(--border);\r\n text-align: center;\r\n }\r\n\r\n .footer-logo {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: var(--text-title);\r\n margin-bottom: 30px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .footer-logo i { color: var(--primary); }\r\n\r\n .footer-info {\r\n display: flex;\r\n justify-content: center;\r\n gap: 40px;\r\n margin-bottom: 40px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .footer-info p {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 1.1rem;\r\n color: var(--text-title);\r\n }\r\n\r\n .footer-info i { color: var(--primary); font-size: 1.3rem; }\r\n \r\n .footer-bottom {\r\n border-top: 1px solid var(--border);\r\n padding-top: 30px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* ================= RESPONSIVE ================= *\/\r\n @media (max-width: 992px) {\r\n .about-layout { grid-template-columns: 1fr; }\r\n #home h1 { font-size: 3.5rem; }\r\n .section-title { font-size: 2.4rem; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n header { flex-direction: column; gap: 20px; padding: 20px; }\r\n nav ul { flex-wrap: wrap; justify-content: center; gap: 15px; }\r\n #home h1 { font-size: 2.8rem; }\r\n .hero-buttons { flex-direction: column; }\r\n .btn { width: 100%; }\r\n .footer-info { flex-direction: column; gap: 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header>\r\n <div class=\"logo\">\r\n <i class=\"fas fa-layer-group\"><\/i>\r\n SINERGIA\r\n <\/div>\r\n <nav>\r\n <ul>\r\n <li><a href=\"#nosotros\">Nosotros<\/a><\/li>\r\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\r\n <li><a href=\"#proceso\">Proceso<\/a><\/li>\r\n <li><a href=\"#portafolio\">Portafolio<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n\r\n <section id=\"home\">\r\n <div class=\"hero-content\">\r\n <h1>Arquitectura Digital <br><span>Escalable y Segura<\/span><\/h1>\r\n <p>Dise\u00f1amos y desarrollamos Software, Aplicaciones M\u00f3viles y ecosistemas Web. C\u00f3digo estructurado, metodolog\u00edas \u00e1giles y soluciones pensadas para el crecimiento de tu empresa.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"https:\/\/wa.me\/573508092043\" class=\"btn btn-solid\" target=\"_blank\">\r\n <i class=\"fab fa-whatsapp\"><\/i> Iniciar Proyecto\r\n <\/a>\r\n <a href=\"#servicios\" class=\"btn btn-outline\">\r\n <i class=\"fas fa-arrow-down\"><\/i> Ver Servicios\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"nosotros\">\r\n <h2 class=\"section-title\">Sobre <span>Nosotros<\/span><\/h2>\r\n <div class=\"about-layout\">\r\n <div>\r\n <h3 style=\"font-size: 1.8rem; margin-bottom: 20px; color: var(--text-title);\">Transformamos l\u00f3gica compleja en herramientas simples.<\/h3>\r\n <p style=\"margin-bottom: 20px;\">En Sinergia, nos enfocamos en el rendimiento y la experiencia de usuario. No aplicamos plantillas gen\u00e9ricas; analizamos el n\u00facleo de tu negocio para crear tecnolog\u00eda que realmente optimice tus operaciones.<\/p>\r\n <p style=\"margin-bottom: 30px;\">Trabajamos con los lenguajes de programaci\u00f3n m\u00e1s s\u00f3lidos y actuales del mercado: <strong>Python, Node.js, React, y Flutter<\/strong>, garantizando que tu proyecto est\u00e9 construido sobre bases seguras y preparadas para el futuro.<\/p>\r\n <a href=\"#proceso\" class=\"btn btn-outline\"><i class=\"fas fa-cogs\"><\/i> Conoce nuestro m\u00e9todo<\/a>\r\n <\/div>\r\n <div class=\"about-image\">\r\n <i class=\"fas fa-laptop-code\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"servicios\">\r\n <h2 class=\"section-title\">Soluciones <span>Tecnol\u00f3gicas<\/span><\/h2>\r\n <div class=\"grid-3\">\r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-microchip\"><\/i><\/div>\r\n <h3>Software a Medida<\/h3>\r\n <p>Sistemas robustos desarrollados a la medida para centralizar y automatizar los procesos operativos de tu empresa.<\/p>\r\n <ul>\r\n <li><i class=\"fas fa-check\"><\/i> Plataformas ERP y CRM personalizadas<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Sistemas de Facturaci\u00f3n y Contabilidad<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Automatizaci\u00f3n de tareas repetitivas (RPA)<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-mobile-screen\"><\/i><\/div>\r\n <h3>Aplicaciones M\u00f3viles<\/h3>\r\n <p>Desarrollo m\u00f3vil de alto rendimiento. Llevamos tu modelo de negocio directamente al bolsillo de tus clientes.<\/p>\r\n <ul>\r\n <li><i class=\"fas fa-check\"><\/i> Desarrollo Nativo (iOS \/ Android)<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Multiplataforma H\u00edbrida (Flutter)<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Dise\u00f1o UI\/UX enfocado en retenci\u00f3n<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n <h3>Desarrollo Web<\/h3>\r\n <p>Sitios web corporativos y transaccionales ultrarr\u00e1pidos, optimizados para seguridad y alta conversi\u00f3n.<\/p>\r\n <ul>\r\n <li><i class=\"fas fa-check\"><\/i> E-commerce de gran escala<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Portales y Plataformas Corporativas<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Landing Pages para Marketing Digital<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"proceso\">\r\n <h2 class=\"section-title\">Nuestro <span>Proceso<\/span><\/h2>\r\n <div class=\"grid-4\">\r\n <div class=\"card step-card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-clipboard-list\"><\/i><\/div>\r\n <h3>1. Requerimiento<\/h3>\r\n <p>Recibimos tu solicitud y analizamos a fondo el problema que buscas resolver y la visi\u00f3n tecnol\u00f3gica que tienes.<\/p>\r\n <\/div>\r\n <div class=\"card step-card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n <h3>2. Llamada<\/h3>\r\n <p>Agendamos una reuni\u00f3n estrat\u00e9gica para estructurar el alcance, resolver dudas t\u00e9cnicas y definir objetivos.<\/p>\r\n <\/div>\r\n <div class=\"card step-card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-file-signature\"><\/i><\/div>\r\n <h3>3. Presentaci\u00f3n<\/h3>\r\n <p>Te entregamos una propuesta clara, sin tecnicismos confusos, con arquitectura, tiempos exactos y costos.<\/p>\r\n <\/div>\r\n <div class=\"card step-card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-rocket\"><\/i><\/div>\r\n <h3>4. Desarrollo<\/h3>\r\n <p>Iniciamos la ejecuci\u00f3n del proyecto bajo metodolog\u00edas \u00e1giles, cumpliendo estrictamente con las fechas acordadas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"portafolio\">\r\n <h2 class=\"section-title\">Desarrollos <span>Recientes<\/span><\/h2>\r\n <div class=\"grid-3\">\r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\" style=\"background: transparent; padding: 0; width: auto; justify-content: flex-start;\"><i class=\"fas fa-store\" style=\"font-size: 2.5rem;\"><\/i><\/div>\r\n <h3>Marketplace B2B Global<\/h3>\r\n <p>Plataforma robusta para ventas al por mayor con integraci\u00f3n de inventarios ERP en tiempo real, soportando +10k usuarios diarios.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\" style=\"background: transparent; padding: 0; width: auto; justify-content: flex-start;\"><i class=\"fas fa-route\" style=\"font-size: 2.5rem;\"><\/i><\/div>\r\n <h3>App de Gesti\u00f3n Log\u00edstica<\/h3>\r\n <p>Soluci\u00f3n m\u00f3vil h\u00edbrida para conductores con geolocalizaci\u00f3n, optimizaci\u00f3n autom\u00e1tica de rutas y firmas digitales offline.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\" style=\"background: transparent; padding: 0; width: auto; justify-content: flex-start;\"><i class=\"fas fa-chart-line\" style=\"font-size: 2.5rem;\"><\/i><\/div>\r\n <h3>Dashboard Financiero<\/h3>\r\n <p>Software web desarrollado a medida para la visualizaci\u00f3n de datos complejos, con generaci\u00f3n de reportes financieros automatizados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <div class=\"footer-logo\">\r\n <i class=\"fas fa-layer-group\"><\/i> SINERGIA\r\n <\/div>\r\n <div class=\"footer-info\">\r\n <p><i class=\"fas fa-envelope\"><\/i> admin@sinergiateam.com<\/p>\r\n <p><i class=\"fab fa-whatsapp\"><\/i> +57 3508092043<\/p>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>© 2026 Sinergia. Todos los derechos reservados. Arquitectura Digital y Desarrollo de Software.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\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>Sinergia – Desarrollo de Software, Apps y Web SINERGIA Nosotros Servicios Proceso Portafolio Arquitectura Digital Escalable y Segura Dise\u00f1amos y desarrollamos Software, Aplicaciones M\u00f3viles y ecosistemas Web. C\u00f3digo estructurado, metodolog\u00edas \u00e1giles y soluciones pensadas para el crecimiento de tu empresa. Iniciar Proyecto Ver Servicios Sobre Nosotros Transformamos l\u00f3gica compleja en herramientas simples. En Sinergia, nos […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":16,"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/pages\/13\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Sinergia - Desarrollo de Software, Apps y Web<\/title>\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=Inter:wght@300;400;500;600&family=Montserrat:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ================= VARIABLES ================= *\/\r\n :root {\r\n --bg-base: #000000;\r\n --bg-section: #0a0a0a;\r\n --bg-card: #121212;\r\n --bg-card-hover: #1a1a1a;\r\n --primary: #00BFFF; \/* Azul Claro vibrante y s\u00f3lido *\/\r\n --primary-light: rgba(0, 191, 255, 0.1);\r\n --text-title: #ffffff;\r\n --text-body: #a1a1aa;\r\n --border: #222222;\r\n }\r\n\r\n \/* ================= RESET Y BASE ================= *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: var(--bg-base);\r\n color: var(--text-body);\r\n line-height: 1.7;\r\n \/* Patr\u00f3n de fondo muy sutil y elegante *\/\r\n background-image: linear-gradient(var(--border) 1px, transparent 1px),\r\n linear-gradient(90deg, var(--border) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n background-position: center center;\r\n }\r\n\r\n h1, h2, h3, h4, .logo {\r\n font-family: 'Montserrat', sans-serif;\r\n color: var(--text-title);\r\n line-height: 1.2;\r\n }\r\n\r\n a { text-decoration: none; }\r\n ul { list-style: none; }\r\n\r\n \/* ================= NAVEGACI\u00d3N ================= *\/\r\n header {\r\n background-color: rgba(0, 0, 0, 0.95);\r\n backdrop-filter: blur(10px);\r\n padding: 20px 5%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid var(--border);\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n }\r\n\r\n .logo {\r\n font-size: 1.7rem;\r\n font-weight: 800;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .logo i { color: var(--primary); }\r\n\r\n nav ul {\r\n display: flex;\r\n gap: 35px;\r\n }\r\n\r\n nav a {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 500;\r\n color: var(--text-body);\r\n font-size: 0.95rem;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n nav a:hover { color: var(--primary); }\r\n\r\n \/* ================= BOTONES ================= *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 16px 36px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-outline {\r\n color: var(--primary);\r\n border: 2px solid var(--primary);\r\n background: transparent;\r\n }\r\n\r\n .btn-outline:hover {\r\n background: var(--primary);\r\n color: var(--bg-base);\r\n }\r\n\r\n .btn-solid {\r\n background: var(--primary);\r\n color: var(--bg-base);\r\n border: 2px solid var(--primary);\r\n }\r\n\r\n .btn-solid:hover {\r\n background: transparent;\r\n color: var(--primary);\r\n }\r\n\r\n \/* ================= SECCIONES Y CONTENEDORES ================= *\/\r\n section {\r\n padding: 110px 5%;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-title {\r\n font-size: 2.8rem;\r\n text-align: center;\r\n margin-bottom: 70px;\r\n font-weight: 800;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .section-title span { color: var(--primary); }\r\n\r\n \/* Grillas *\/\r\n .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\r\n .grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 25px; }\r\n\r\n \/* ================= TARJETAS (CARDS) ================= *\/\r\n .card {\r\n background-color: var(--bg-card);\r\n padding: 45px 35px;\r\n border-radius: 12px;\r\n border: 1px solid var(--border);\r\n transition: transform 0.3s ease, border-color 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--primary);\r\n background-color: var(--bg-card-hover);\r\n }\r\n\r\n \/* Contenedor de Icono Organizado *\/\r\n .icon-wrapper {\r\n width: 70px;\r\n height: 70px;\r\n background-color: var(--primary-light);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .icon-wrapper i {\r\n font-size: 2rem;\r\n color: var(--primary);\r\n }\r\n\r\n .card h3 {\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .card p { margin-bottom: 20px; font-size: 1rem; }\r\n\r\n .card ul li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n font-size: 0.95rem;\r\n color: #d4d4d8; \/* Gris m\u00e1s claro para legibilidad *\/\r\n }\r\n\r\n .card ul li i {\r\n color: var(--primary);\r\n font-size: 0.9rem;\r\n margin-top: 5px;\r\n }\r\n\r\n \/* ================= INICIO (HERO) ================= *\/\r\n #home {\r\n min-height: 85vh;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n background-color: var(--bg-section);\r\n border-bottom: 1px solid var(--border);\r\n max-width: 100%;\r\n }\r\n\r\n .hero-content {\r\n max-width: 900px;\r\n padding: 0 20px;\r\n }\r\n\r\n #home h1 {\r\n font-size: 4.5rem;\r\n margin-bottom: 25px;\r\n letter-spacing: -2px;\r\n }\r\n\r\n #home p {\r\n font-size: 1.2rem;\r\n margin-bottom: 45px;\r\n max-width: 750px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* ================= NOSOTROS ================= *\/\r\n .about-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .about-image {\r\n background-color: var(--bg-card);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: 80px;\r\n text-align: center;\r\n }\r\n\r\n .about-image i {\r\n font-size: 7rem;\r\n color: var(--primary);\r\n }\r\n\r\n \/* ================= C\u00d3MO FUNCIONA ================= *\/\r\n .step-card {\r\n text-align: center;\r\n align-items: center;\r\n padding: 40px 25px;\r\n }\r\n\r\n .step-card .icon-wrapper {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%; \/* C\u00edrculos para los pasos *\/\r\n margin: 0 auto 25px auto;\r\n }\r\n\r\n .step-card .icon-wrapper i { font-size: 2.5rem; }\r\n \r\n \/* ================= FOOTER ================= *\/\r\n footer {\r\n background-color: #050505;\r\n padding: 70px 5% 40px;\r\n border-top: 1px solid var(--border);\r\n text-align: center;\r\n }\r\n\r\n .footer-logo {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: var(--text-title);\r\n margin-bottom: 30px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .footer-logo i { color: var(--primary); }\r\n\r\n .footer-info {\r\n display: flex;\r\n justify-content: center;\r\n gap: 40px;\r\n margin-bottom: 40px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .footer-info p {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 1.1rem;\r\n color: var(--text-title);\r\n }\r\n\r\n .footer-info i { color: var(--primary); font-size: 1.3rem; }\r\n \r\n .footer-bottom {\r\n border-top: 1px solid var(--border);\r\n padding-top: 30px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* ================= RESPONSIVE ================= *\/\r\n @media (max-width: 992px) {\r\n .about-layout { grid-template-columns: 1fr; }\r\n #home h1 { font-size: 3.5rem; }\r\n .section-title { font-size: 2.4rem; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n header { flex-direction: column; gap: 20px; padding: 20px; }\r\n nav ul { flex-wrap: wrap; justify-content: center; gap: 15px; }\r\n #home h1 { font-size: 2.8rem; }\r\n .hero-buttons { flex-direction: column; }\r\n .btn { width: 100%; }\r\n .footer-info { flex-direction: column; gap: 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header>\r\n <div class=\"logo\">\r\n <i class=\"fas fa-layer-group\"><\/i>\r\n SINERGIA\r\n <\/div>\r\n <nav>\r\n <ul>\r\n <li><a href=\"#nosotros\">Nosotros<\/a><\/li>\r\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\r\n <li><a href=\"#proceso\">Proceso<\/a><\/li>\r\n <li><a href=\"#portafolio\">Portafolio<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n\r\n <section id=\"home\">\r\n <div class=\"hero-content\">\r\n <h1>Arquitectura Digital <br><span>Escalable y Segura<\/span><\/h1>\r\n <p>Dise\u00f1amos y desarrollamos Software, Aplicaciones M\u00f3viles y ecosistemas Web. C\u00f3digo estructurado, metodolog\u00edas \u00e1giles y soluciones pensadas para el crecimiento de tu empresa.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"https:\/\/wa.me\/573508092043\" class=\"btn btn-solid\" target=\"_blank\">\r\n <i class=\"fab fa-whatsapp\"><\/i> Iniciar Proyecto\r\n <\/a>\r\n <a href=\"#servicios\" class=\"btn btn-outline\">\r\n <i class=\"fas fa-arrow-down\"><\/i> Ver Servicios\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"nosotros\">\r\n <h2 class=\"section-title\">Sobre <span>Nosotros<\/span><\/h2>\r\n <div class=\"about-layout\">\r\n <div>\r\n <h3 style=\"font-size: 1.8rem; margin-bottom: 20px; color: var(--text-title);\">Transformamos l\u00f3gica compleja en herramientas simples.<\/h3>\r\n <p style=\"margin-bottom: 20px;\">En Sinergia, nos enfocamos en el rendimiento y la experiencia de usuario. No aplicamos plantillas gen\u00e9ricas; analizamos el n\u00facleo de tu negocio para crear tecnolog\u00eda que realmente optimice tus operaciones.<\/p>\r\n <p style=\"margin-bottom: 30px;\">Trabajamos con los lenguajes de programaci\u00f3n m\u00e1s s\u00f3lidos y actuales del mercado: <strong>Python, Node.js, React, y Flutter<\/strong>, garantizando que tu proyecto est\u00e9 construido sobre bases seguras y preparadas para el futuro.<\/p>\r\n <a href=\"#proceso\" class=\"btn btn-outline\"><i class=\"fas fa-cogs\"><\/i> Conoce nuestro m\u00e9todo<\/a>\r\n <\/div>\r\n <div class=\"about-image\">\r\n <i class=\"fas fa-laptop-code\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"servicios\">\r\n <h2 class=\"section-title\">Soluciones <span>Tecnol\u00f3gicas<\/span><\/h2>\r\n <div class=\"grid-3\">\r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-microchip\"><\/i><\/div>\r\n <h3>Software a Medida<\/h3>\r\n <p>Sistemas robustos desarrollados a la medida para centralizar y automatizar los procesos operativos de tu empresa.<\/p>\r\n <ul>\r\n <li><i class=\"fas fa-check\"><\/i> Plataformas ERP y CRM personalizadas<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Sistemas de Facturaci\u00f3n y Contabilidad<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Automatizaci\u00f3n de tareas repetitivas (RPA)<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-mobile-screen\"><\/i><\/div>\r\n <h3>Aplicaciones M\u00f3viles<\/h3>\r\n <p>Desarrollo m\u00f3vil de alto rendimiento. Llevamos tu modelo de negocio directamente al bolsillo de tus clientes.<\/p>\r\n <ul>\r\n <li><i class=\"fas fa-check\"><\/i> Desarrollo Nativo (iOS \/ Android)<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Multiplataforma H\u00edbrida (Flutter)<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Dise\u00f1o UI\/UX enfocado en retenci\u00f3n<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n <h3>Desarrollo Web<\/h3>\r\n <p>Sitios web corporativos y transaccionales ultrarr\u00e1pidos, optimizados para seguridad y alta conversi\u00f3n.<\/p>\r\n <ul>\r\n <li><i class=\"fas fa-check\"><\/i> E-commerce de gran escala<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Portales y Plataformas Corporativas<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Landing Pages para Marketing Digital<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"proceso\">\r\n <h2 class=\"section-title\">Nuestro <span>Proceso<\/span><\/h2>\r\n <div class=\"grid-4\">\r\n <div class=\"card step-card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-clipboard-list\"><\/i><\/div>\r\n <h3>1. Requerimiento<\/h3>\r\n <p>Recibimos tu solicitud y analizamos a fondo el problema que buscas resolver y la visi\u00f3n tecnol\u00f3gica que tienes.<\/p>\r\n <\/div>\r\n <div class=\"card step-card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n <h3>2. Llamada<\/h3>\r\n <p>Agendamos una reuni\u00f3n estrat\u00e9gica para estructurar el alcance, resolver dudas t\u00e9cnicas y definir objetivos.<\/p>\r\n <\/div>\r\n <div class=\"card step-card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-file-signature\"><\/i><\/div>\r\n <h3>3. Presentaci\u00f3n<\/h3>\r\n <p>Te entregamos una propuesta clara, sin tecnicismos confusos, con arquitectura, tiempos exactos y costos.<\/p>\r\n <\/div>\r\n <div class=\"card step-card\">\r\n <div class=\"icon-wrapper\"><i class=\"fas fa-rocket\"><\/i><\/div>\r\n <h3>4. Desarrollo<\/h3>\r\n <p>Iniciamos la ejecuci\u00f3n del proyecto bajo metodolog\u00edas \u00e1giles, cumpliendo estrictamente con las fechas acordadas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"portafolio\">\r\n <h2 class=\"section-title\">Desarrollos <span>Recientes<\/span><\/h2>\r\n <div class=\"grid-3\">\r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\" style=\"background: transparent; padding: 0; width: auto; justify-content: flex-start;\"><i class=\"fas fa-store\" style=\"font-size: 2.5rem;\"><\/i><\/div>\r\n <h3>Marketplace B2B Global<\/h3>\r\n <p>Plataforma robusta para ventas al por mayor con integraci\u00f3n de inventarios ERP en tiempo real, soportando +10k usuarios diarios.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\" style=\"background: transparent; padding: 0; width: auto; justify-content: flex-start;\"><i class=\"fas fa-route\" style=\"font-size: 2.5rem;\"><\/i><\/div>\r\n <h3>App de Gesti\u00f3n Log\u00edstica<\/h3>\r\n <p>Soluci\u00f3n m\u00f3vil h\u00edbrida para conductores con geolocalizaci\u00f3n, optimizaci\u00f3n autom\u00e1tica de rutas y firmas digitales offline.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"icon-wrapper\" style=\"background: transparent; padding: 0; width: auto; justify-content: flex-start;\"><i class=\"fas fa-chart-line\" style=\"font-size: 2.5rem;\"><\/i><\/div>\r\n <h3>Dashboard Financiero<\/h3>\r\n <p>Software web desarrollado a medida para la visualizaci\u00f3n de datos complejos, con generaci\u00f3n de reportes financieros automatizados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <div class=\"footer-logo\">\r\n <i class=\"fas fa-layer-group\"><\/i> SINERGIA\r\n <\/div>\r\n <div class=\"footer-info\">\r\n <p><i class=\"fas fa-envelope\"><\/i> admin@sinergiateam.com<\/p>\r\n <p><i class=\"fab fa-whatsapp\"><\/i> +57 3508092043<\/p>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>© 2026 Sinergia. Todos los derechos reservados. Arquitectura Digital y Desarrollo de Software.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\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>Sinergia – Desarrollo de Software, Apps y Web SINERGIA Nosotros Servicios Proceso Portafolio Arquitectura Digital Escalable y Segura Dise\u00f1amos y desarrollamos Software, Aplicaciones M\u00f3viles y ecosistemas Web. C\u00f3digo estructurado, metodolog\u00edas \u00e1giles y soluciones pensadas para el crecimiento de tu empresa. Iniciar Proyecto Ver Servicios Sobre Nosotros Transformamos l\u00f3gica compleja en herramientas simples. En Sinergia, nos […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":16,"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/pages\/13\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/sinergiateam.com\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}