{"id":7,"date":"2026-04-05T04:24:27","date_gmt":"2026-04-05T04:24:27","guid":{"rendered":"https:\/\/softmanagement.com.co\/tramitek\/?page_id=7"},"modified":"2026-09-27T19:59:09","modified_gmt":"2026-09-27T19:59:09","slug":"garantia","status":"publish","type":"page","link":"https:\/\/softmanagement.com.co\/tramitek\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3a874d e-flex e-con-boxed e-con e-parent\" data-id=\"e3a874d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c91112 elementor-widget elementor-widget-html\" data-id=\"7c91112\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Tramitek \u00b7 Sede Electr\u00f3nica Digital \u00b7 SoftManagement<\/title>\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=Plus+Jakarta+Sans:wght@500;600;700;800&family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   TOKENS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n:root {\r\n  --blue:      #2563EB;\r\n  --blue-d:    #1E40AF;\r\n  --blue-ll:   #EFF6FF;\r\n  --blue-l:    #DBEAFE;\r\n  --indigo:    #4F46E5;\r\n  --indigo-d:  #3730A3;\r\n  --navy:      #0F172A;\r\n  --amber:     #D97706;\r\n  --amber-hl:  rgba(217,119,6,.16);\r\n  --ink:       #0F172A;\r\n  --ink-65:    rgba(15,23,42,.65);\r\n  --ink-38:    rgba(15,23,42,.38);\r\n  --ink-10:    rgba(15,23,42,.10);\r\n  --ink-06:    rgba(15,23,42,.06);\r\n  --white:     #FFFFFF;\r\n  --off:       #F8FAFF;\r\n  --gray:      #E2E8F0;\r\n  --gray-d:    #CBD5E1;\r\n  --grad:      linear-gradient(135deg,var(--blue-d) 0%,var(--indigo) 100%);\r\n}\r\n\r\n*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n  font-family: 'Lora', Georgia, serif;\r\n  background: var(--white);\r\n  color: var(--ink);\r\n  line-height: 1.7;\r\n  overflow-x: hidden;\r\n}\r\nh1,h2,h3,h4,\r\n.sans { font-family: 'Plus Jakarta Sans', sans-serif; }\r\n.tk-container { max-width: 1160px; margin: 0 auto; padding: 0 28px; }\r\n\r\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\r\n.reveal { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }\r\n.reveal.visible { opacity: 1; transform: none; }\r\n.rd1 { transition-delay: .1s; }\r\n.rd2 { transition-delay: .2s; }\r\n.rd3 { transition-delay: .3s; }\r\n.rd4 { transition-delay: .4s; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   NAV\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nnav {\r\n  position: fixed; top: 0; left: 0; right: 0; z-index: 200;\r\n  background: rgba(255,255,255,.88);\r\n  backdrop-filter: blur(18px);\r\n  border-bottom: 1px solid var(--ink-10);\r\n}\r\n.nav-inner {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  height: 64px; max-width: 1160px; margin: 0 auto; padding: 0 28px;\r\n}\r\n.tk-logo {\r\n  display: flex !important; align-items: center !important; gap: 9px !important;\r\n  text-decoration: none !important;\r\n  font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n  font-weight: 800 !important; font-size: 1.15rem !important; color: var(--ink) !important;\r\n  line-height: 1.25 !important; white-space: nowrap !important;\r\n}\r\n.tk-logo-img {\r\n  height: 42px !important; width: auto !important;\r\n  display: block !important;\r\n  object-fit: contain !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n.tk-logo-mark {\r\n  width: 34px !important; height: 34px !important; border-radius: 9px !important;\r\n  background: var(--grad) !important;\r\n  display: flex !important; align-items: center !important; justify-content: center !important;\r\n  color: #fff !important; font-size: .9rem !important; font-weight: 800 !important; flex-shrink: 0 !important;\r\n  font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n}\r\n.nav-links { display: flex; gap: 28px; list-style: none; }\r\n.nav-links a {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: .875rem; font-weight: 500;\r\n  color: var(--ink-65); text-decoration: none;\r\n  transition: color .2s;\r\n}\r\n.nav-links a:hover { color: var(--blue); }\r\n.btn-nav {\r\n  background: var(--blue); color: #fff;\r\n  border: none; border-radius: 9px;\r\n  padding: 10px 22px;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-weight: 700; font-size: .875rem;\r\n  cursor: pointer; transition: all .25s; text-decoration: none;\r\n}\r\n.btn-nav:hover { background: var(--blue-d); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(37,99,235,.35); }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   HERO\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.tk-hero {\r\n  padding-top: 138px; padding-bottom: 100px;\r\n  position: relative; overflow: hidden;\r\n  background: var(--white);\r\n}\r\n\/* Dot grid *\/\r\n.tk-hero::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background-image: radial-gradient(rgba(15,23,42,.06) 1px, transparent 1px);\r\n  background-size: 28px 28px;\r\n  pointer-events: none;\r\n}\r\n\/* Orbs *\/\r\n.orb { position: absolute; border-radius: 50%; filter: blur(96px); pointer-events: none; }\r\n.orb-1 { width: 640px; height: 640px; background: radial-gradient(circle, rgba(37,99,235,.14) 0%, transparent 65%); top: -150px; right: -40px; animation: orb-drift 15s ease-in-out infinite; }\r\n.orb-2 { width: 460px; height: 460px; background: radial-gradient(circle, rgba(79,70,229,.10) 0%, transparent 65%); bottom: -90px; left: -40px; animation: orb-drift 20s ease-in-out infinite reverse; }\r\n.orb-3 { width: 260px; height: 260px; background: radial-gradient(circle, rgba(37,99,235,.08) 0%, transparent 65%); top: 50%; left: 44%; animation: orb-drift 11s ease-in-out infinite 5s; }\r\n@keyframes orb-drift {\r\n  0%,100% { transform: translate(0,0) scale(1); }\r\n  33%      { transform: translate(36px,-26px) scale(1.05); }\r\n  66%      { transform: translate(-20px,34px) scale(.95); }\r\n}\r\n\r\n.hero-inner {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 64px; align-items: center;\r\n  position: relative; z-index: 1;\r\n}\r\n\r\n\/* Left *\/\r\n.hero-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  padding: 5px 14px;\r\n  border: 1.5px solid var(--blue-l);\r\n  border-radius: 100px;\r\n  background: var(--blue-ll);\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: .72rem; font-weight: 600;\r\n  color: var(--blue-d);\r\n  text-transform: uppercase; letter-spacing: .07em;\r\n  margin-bottom: 22px;\r\n}\r\n.hero-eyebrow .dot {\r\n  width: 6px; height: 6px; border-radius: 50%;\r\n  background: var(--blue);\r\n  animation: pulse 2s ease-in-out infinite;\r\n}\r\n@keyframes pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.35; transform:scale(.6); } }\r\n\r\n.tk-hero h1 {\r\n  font-size: clamp(2.6rem, 5.8vw, 4.8rem);\r\n  font-weight: 800;\r\n  letter-spacing: -.04em;\r\n  line-height: 1.1;\r\n  color: var(--ink);\r\n  margin-bottom: 22px;\r\n  max-width: 640px;\r\n}\r\n\r\n\/* \u2500\u2500 Gradient animated title \u2500\u2500 *\/\r\n.grad-title {\r\n  display: inline;\r\n  background: linear-gradient(\r\n    90deg,\r\n    #1E3A8A 0%,\r\n    #2563EB 22%,\r\n    #6366F1 48%,\r\n    #A78BFA 68%,\r\n    #6366F1 82%,\r\n    #2563EB 100%\r\n  );\r\n  background-size: 280%;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  animation: grad-sweep 9s ease-in-out infinite;\r\n}\r\n@keyframes grad-sweep {\r\n  0%, 100% { background-position: 0% 50%; }\r\n  50%       { background-position: 100% 50%; }\r\n}\r\n\/* Typewriter cursor *\/\r\n.tw-cursor {\r\n  display: inline-block;\r\n  width: 3px; height: .85em;\r\n  background: var(--blue);\r\n  border-radius: 1px;\r\n  vertical-align: middle;\r\n  margin-left: 4px;\r\n  animation: blink-caret .72s step-end infinite;\r\n  transition: opacity .5s;\r\n}\r\n.tw-cursor.done { opacity: 0 !important; animation: none; }\r\n@keyframes blink-caret { from,to{opacity:1} 50%{opacity:0} }\r\n\r\n.hero-sub {\r\n  font-size: 1rem;\r\n  color: var(--ink-65);\r\n  max-width: 420px;\r\n  margin-bottom: 32px;\r\n  line-height: 1.78;\r\n}\r\n.hero-ctas {\r\n  display: flex; gap: 12px; flex-wrap: wrap;\r\n  margin-bottom: 40px;\r\n}\r\n.tk-btn-primary {\r\n  background: var(--blue); color: #fff;\r\n  border: none; border-radius: 11px;\r\n  padding: 13px 26px;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-weight: 700; font-size: .92rem;\r\n  cursor: pointer; transition: all .25s;\r\n  text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\r\n}\r\n.tk-btn-primary:hover { background: var(--blue-d); transform: translateY(-2px); box-shadow: 0 10px 32px rgba(37,99,235,.35); }\r\n.btn-ghost {\r\n  background: transparent; color: var(--ink);\r\n  border: 1.5px solid var(--gray);\r\n  border-radius: 11px; padding: 13px 26px;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-weight: 600; font-size: .92rem;\r\n  cursor: pointer; transition: all .25s;\r\n  text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\r\n}\r\n.btn-ghost:hover { border-color: var(--blue); color: var(--blue); background: var(--blue-ll); }\r\n\r\n.hero-stats { display: flex; gap: 28px; flex-wrap: wrap; }\r\n.h-stat { display: flex; flex-direction: column; }\r\n.h-stat-n {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-weight: 800; font-size: 1.55rem;\r\n  color: var(--ink); line-height: 1;\r\n}\r\n.h-stat-n em { color: var(--blue); font-style: normal; }\r\n.h-stat-l { font-family: 'Lora', serif; font-size: .78rem; color: var(--ink-65); margin-top: 3px; font-style: italic; }\r\n\r\n\/* \u2500\u2500 Hero image \u2500\u2500 *\/\r\n.hero-right { position: relative; }\r\n.hero-img-wrap { position: relative; border-radius: 22px; }\r\n.hero-img {\r\n  width: 100%; height: 500px;\r\n  object-fit: cover; object-position: center top;\r\n  border-radius: 22px; display: block;\r\n  box-shadow: 0 32px 80px rgba(15,23,42,.16), 0 0 0 1px rgba(37,99,235,.10);\r\n}\r\n.hero-img-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(30,64,175,.28) 0%, rgba(15,23,42,.04) 45%, transparent 70%);\r\n  border-radius: 22px;\r\n  pointer-events: none;\r\n}\r\n.hero-pill {\r\n  position: absolute;\r\n  border-radius: 100px; padding: 10px 17px;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: .78rem; font-weight: 600;\r\n  display: flex; align-items: center; gap: 8px;\r\n  z-index: 10; white-space: nowrap;\r\n}\r\n.hp-1 {\r\n  bottom: 22px; left: -16px;\r\n  background: rgba(255,255,255,.96);\r\n  backdrop-filter: blur(14px);\r\n  color: var(--blue-d);\r\n  box-shadow: 0 8px 32px rgba(15,23,42,.14);\r\n  animation: pill-float 6s ease-in-out infinite;\r\n}\r\n.hp-2 {\r\n  top: 22px; right: -12px;\r\n  background: var(--indigo); color: #fff;\r\n  box-shadow: 0 8px 28px rgba(79,70,229,.38);\r\n  animation: pill-float 7s ease-in-out infinite 2.5s;\r\n}\r\n.hp-3 {\r\n  bottom: 74px; right: -16px;\r\n  background: var(--blue); color: #fff;\r\n  box-shadow: 0 8px 28px rgba(37,99,235,.38);\r\n  animation: pill-float 8s ease-in-out infinite 1s;\r\n}\r\n@keyframes pill-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SECTION CHROME\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.eyebrow {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: .72rem; font-weight: 700;\r\n  color: var(--blue-d);\r\n  letter-spacing: .1em; text-transform: uppercase;\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  margin-bottom: 14px;\r\n}\r\n.eyebrow::before { content: ''; display: inline-block; width: 22px; height: 2px; background: var(--blue); }\r\n.eyebrow.centered { display: flex; justify-content: center; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   MODULES\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section-modules { padding: 100px 0; background: var(--off); }\r\n.section-modules h2 {\r\n  font-size: clamp(1.7rem, 3.2vw, 2.6rem);\r\n  letter-spacing: -.025em;\r\n  max-width: 520px; margin-bottom: 52px;\r\n}\r\n.modules-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }\r\n.mod-card {\r\n  background: var(--white);\r\n  border-radius: 20px; padding: 36px 30px;\r\n  border: 1.5px solid var(--gray);\r\n  transition: all .32s ease;\r\n  position: relative; overflow: hidden;\r\n}\r\n.mod-card:hover {\r\n  transform: translateY(-6px);\r\n  border-color: transparent;\r\n  box-shadow: 0 20px 60px rgba(37,99,235,.12), 0 0 0 1.5px var(--blue);\r\n}\r\n.mod-card:hover .mod-ghost { opacity: .07; }\r\n.mod-ghost {\r\n  position: absolute; right: -8px; bottom: -14px;\r\n  font-size: 7rem; line-height: 1;\r\n  font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800;\r\n  color: var(--blue); opacity: .04;\r\n  transition: opacity .32s; user-select: none; pointer-events: none;\r\n}\r\n.mod-icon {\r\n  width: 54px; height: 54px; border-radius: 15px;\r\n  background: var(--grad);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.35rem; margin-bottom: 20px;\r\n  box-shadow: 0 8px 24px rgba(37,99,235,.22);\r\n  transition: transform .3s;\r\n}\r\n.mod-card:hover .mod-icon { transform: scale(1.08); }\r\n.mod-card h3 {\r\n  font-size: 1.1rem; font-weight: 700;\r\n  color: var(--ink); margin-bottom: 10px;\r\n  letter-spacing: -.015em;\r\n}\r\n.mod-card p {\r\n  font-size: .9rem; color: var(--ink-65);\r\n  line-height: 1.72; margin-bottom: 18px;\r\n}\r\n.mod-tag {\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: .74rem; font-weight: 600;\r\n  color: var(--blue-d); background: var(--blue-ll);\r\n  padding: 4px 12px; border-radius: 100px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   STATS BAR\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.stats-bar {\r\n  padding: 72px 0;\r\n  background: var(--grad);\r\n  position: relative; overflow: hidden;\r\n}\r\n.stats-bar::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background: radial-gradient(ellipse at 80% 50%, rgba(255,255,255,.08) 0%, transparent 60%);\r\n}\r\n.stats-grid {\r\n  display: grid; grid-template-columns: repeat(4,1fr);\r\n  position: relative; z-index: 1;\r\n}\r\n.stat-block { text-align: center; padding: 28px 20px; border-right: 1px solid rgba(255,255,255,.14); }\r\n.stat-block:last-child { border-right: none; }\r\n.stat-n {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(2.2rem,4vw,3.2rem);\r\n  color: #fff; line-height: 1; display: block;\r\n}\r\n.stat-l {\r\n  font-family: 'Lora', serif;\r\n  font-size: .85rem; font-style: italic;\r\n  color: rgba(255,255,255,.7);\r\n  margin-top: 8px; line-height: 1.45;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   FLOW\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section-flow { padding: 100px 0; background: var(--white); }\r\n.flow-header {\r\n  display: flex; justify-content: space-between; align-items: flex-end;\r\n  margin-bottom: 60px; flex-wrap: wrap; gap: 24px;\r\n}\r\n.flow-header h2 { font-size: clamp(1.7rem,3.2vw,2.6rem); max-width: 490px; letter-spacing: -.025em; }\r\n.flow-header p { font-size: .92rem; color: var(--ink-65); max-width: 255px; text-align: right; line-height: 1.7; }\r\n.flow-timeline {\r\n  position: relative;\r\n  display: grid; grid-template-columns: repeat(6,1fr); gap: 0;\r\n}\r\n.flow-timeline::before {\r\n  content: '';\r\n  position: absolute; top: 34px;\r\n  left: calc(100%\/12); right: calc(100%\/12);\r\n  height: 2px;\r\n  background: linear-gradient(90deg, var(--blue-l) 0%, var(--blue) 50%, var(--indigo) 100%);\r\n  border-radius: 100px; z-index: 0;\r\n}\r\n.flow-step {\r\n  display: flex; flex-direction: column; align-items: center;\r\n  text-align: center; position: relative; z-index: 1; cursor: pointer;\r\n}\r\n.step-circle {\r\n  width: 68px; height: 68px; border-radius: 50%;\r\n  background: var(--white);\r\n  border: 2px solid var(--gray-d);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.4rem; margin-bottom: 14px;\r\n  transition: all .3s;\r\n  box-shadow: 0 4px 14px var(--ink-06);\r\n}\r\n.flow-step:hover .step-circle,\r\n.flow-step.active .step-circle {\r\n  background: var(--grad);\r\n  border-color: transparent;\r\n  box-shadow: 0 8px 26px rgba(37,99,235,.32);\r\n  transform: scale(1.12);\r\n}\r\n.step-n {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: .68rem; font-weight: 700;\r\n  color: var(--ink-38); margin-bottom: 6px;\r\n}\r\n.flow-step h4 {\r\n  font-size: .8rem; font-weight: 700;\r\n  color: var(--ink); line-height: 1.3; max-width: 100px;\r\n  letter-spacing: -.01em;\r\n}\r\n.flow-desc-panel {\r\n  margin-top: 32px;\r\n  background: var(--off);\r\n  border-radius: 18px;\r\n  padding: 26px 32px;\r\n  border-left: 4px solid var(--blue);\r\n  display: grid; grid-template-columns: auto 1fr;\r\n  gap: 20px; align-items: start; min-height: 86px;\r\n  transition: all .3s;\r\n}\r\n.fdp-num {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 2.8rem; font-weight: 800;\r\n  color: var(--blue); opacity: .2; line-height: 1;\r\n}\r\n.fdp-text h4 {\r\n  font-size: .95rem; font-weight: 700;\r\n  color: var(--ink); margin-bottom: 5px;\r\n  letter-spacing: -.01em;\r\n}\r\n.fdp-text p { font-size: .875rem; color: var(--ink-65); line-height: 1.7; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   IMPLEMENTATION\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section-impl { padding: 100px 0; background: var(--off); }\r\n.impl-intro { text-align: center; max-width: 580px; margin: 0 auto 52px; }\r\n.impl-intro h2 { font-size: clamp(1.7rem,3.2vw,2.6rem); margin-bottom: 12px; letter-spacing: -.025em; }\r\n.impl-intro p { font-size: .95rem; color: var(--ink-65); line-height: 1.7; }\r\n.impl-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }\r\n.impl-card {\r\n  background: var(--white); border-radius: 18px;\r\n  padding: 28px 22px; border: 1.5px solid var(--gray);\r\n  transition: all .3s; display: flex; flex-direction: column;\r\n}\r\n.impl-card:hover { border-color: var(--blue); transform: translateY(-4px); box-shadow: 0 14px 48px rgba(37,99,235,.10); }\r\n.impl-bar { height: 3px; border-radius: 100px; background: var(--grad); margin-bottom: 22px; }\r\n.impl-n {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: .68rem; font-weight: 700;\r\n  color: var(--ink-38); letter-spacing: .1em;\r\n  margin-bottom: 7px; text-transform: uppercase;\r\n}\r\n.impl-card h3 {\r\n  font-size: .95rem; font-weight: 700;\r\n  color: var(--ink); margin-bottom: 5px;\r\n  letter-spacing: -.01em;\r\n}\r\n.impl-tag {\r\n  font-size: .8rem; color: var(--blue-d);\r\n  font-family: 'Lora', serif; font-style: italic;\r\n  margin-bottom: 12px; display: block;\r\n}\r\n.impl-desc { font-size: .84rem; color: var(--ink-65); line-height: 1.68; margin-bottom: 16px; flex: 1; }\r\n.impl-time {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: var(--blue-ll);\r\n  color: var(--blue-d); border: 1px solid var(--blue-l);\r\n  border-radius: 100px; padding: 4px 12px;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: .73rem; font-weight: 600; width: fit-content;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   TICKER\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ticker { padding: 26px 0; overflow: hidden; border-top: 1px solid var(--gray); border-bottom: 1px solid var(--gray); background: var(--white); }\r\n.ticker-track { display: flex; animation: scroll-ticker 30s linear infinite; width: max-content; }\r\n@keyframes scroll-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n.ticker-item {\r\n  display: inline-flex; align-items: center; gap: 10px; padding: 0 30px;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: .82rem; font-weight: 600;\r\n  color: var(--ink-65); white-space: nowrap;\r\n}\r\n.ticker-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--blue); flex-shrink: 0; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   COMPARISON\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section-comp { padding: 100px 0; background: var(--white); }\r\n.comp-head { text-align: center; max-width: 580px; margin: 0 auto 52px; }\r\n.comp-head h2 { font-size: clamp(1.7rem,3.2vw,2.6rem); margin-bottom: 12px; letter-spacing: -.025em; }\r\n.comp-head p { font-size: .95rem; color: var(--ink-65); line-height: 1.7; }\r\n.comp-wrap { border: 1.5px solid var(--gray); border-radius: 20px; overflow: hidden; }\r\n.comp-table { width: 100%; border-collapse: collapse; }\r\n.comp-table thead tr { background: var(--off); }\r\n.comp-table th {\r\n  padding: 17px 26px; text-align: left;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: .8rem; font-weight: 700; letter-spacing: .04em;\r\n}\r\n.tk-th-concept { color: var(--ink-65) !important; width: 28%; background: var(--off) !important; }\r\n.tk-th-before  { color: var(--ink-38) !important; width: 36%; background: var(--off) !important; }\r\n.tk-th-after   { color: var(--blue-d) !important; width: 36%; background: rgba(37,99,235,.06) !important; }\r\n.comp-table td { padding: 13px 26px; font-size: .875rem; border-top: 1px solid var(--gray); vertical-align: middle; }\r\n.tk-td-concept { color: var(--ink-65); font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 500; }\r\n.tk-td-before  { color: var(--ink-38); }\r\n.tk-td-after   { background: rgba(37,99,235,.03) !important; color: var(--ink) !important; }\r\n.x-m { color: #DC2626; } .chk { color: var(--blue-d); font-weight: 600; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   CTA + FORM\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section-cta {\r\n  padding: 100px 0;\r\n  background: linear-gradient(135deg, #060D20 0%, #0F1A40 45%, #170F3A 100%);\r\n  position: relative; overflow: hidden;\r\n}\r\n.section-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 28% 55%, rgba(37,99,235,.2) 0%, transparent 60%); }\r\n.section-cta::after  { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 74% 50%, rgba(79,70,229,.15) 0%, transparent 55%); }\r\n.cta-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; position: relative; z-index: 1; }\r\n.cta-left h2 { font-size: clamp(1.7rem,3vw,2.5rem); color: #fff; margin-bottom: 14px; letter-spacing: -.025em; }\r\n.cta-left p { font-size: .95rem; color: rgba(255,255,255,.58); line-height: 1.75; }\r\n.cta-note { font-family: 'Plus Jakarta Sans', sans-serif; font-size: .77rem; color: rgba(255,255,255,.28); margin-top: 12px; }\r\n.cta-caps { list-style: none; display: flex; flex-direction: column; gap: 9px; margin-top: 32px; }\r\n.cta-caps li {\r\n  display: flex; align-items: center; gap: 10px;\r\n  font-size: .875rem; color: rgba(255,255,255,.6); line-height: 1.5;\r\n}\r\n.cta-caps li::before { content: '\u2713'; color: #60A5FA; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; flex-shrink: 0; }\r\n.form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }\r\n.f-field { display: flex; flex-direction: column; gap: 5px; margin-bottom: 13px; }\r\n.f-field label {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: .75rem; color: rgba(255,255,255,.42); font-weight: 500;\r\n}\r\n.f-field input, .f-field select {\r\n  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.11);\r\n  border-radius: 11px; padding: 12px 15px;\r\n  color: #fff; font-family: 'Lora', serif; font-size: .9rem;\r\n  transition: all .2s;\r\n}\r\n.f-field input::placeholder { color: rgba(255,255,255,.2); font-style: italic; }\r\n.f-field input:focus, .f-field select:focus { outline: none; border-color: #60A5FA; background: rgba(37,99,235,.1); }\r\n.f-field select option { background: #0F1A40; color: #fff; }\r\n.btn-submit {\r\n  width: 100%; background: var(--blue); color: #fff;\r\n  border: none; border-radius: 11px; padding: 14px 28px;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-weight: 700; font-size: 1rem;\r\n  cursor: pointer; transition: all .25s; margin-top: 5px;\r\n  box-shadow: 0 8px 32px rgba(37,99,235,.35);\r\n}\r\n.btn-submit:hover { background: var(--blue-d); transform: translateY(-2px); box-shadow: 0 12px 40px rgba(37,99,235,.5); }\r\n.f-consent { font-family: 'Plus Jakarta Sans', sans-serif; font-size: .72rem; color: rgba(255,255,255,.26); margin-top: 10px; line-height: 1.5; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   FOOTER\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfooter { border-top: 1px solid var(--gray); padding: 28px 0; background: var(--white); }\r\n.footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }\r\n.footer-brand { display: flex; align-items: center; gap: 10px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: .95rem; color: var(--ink); }\r\n.footer-right { font-family: 'Plus Jakarta Sans', sans-serif; font-size: .78rem; color: var(--ink-65); }\r\n.footer-right a { color: var(--blue); text-decoration: none; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 960px) {\r\n  .hero-inner       { grid-template-columns: 1fr; gap: 44px; }\r\n  .modules-grid     { grid-template-columns: 1fr; }\r\n  .stats-grid       { grid-template-columns: repeat(2,1fr); }\r\n  .impl-grid        { grid-template-columns: repeat(2,1fr); }\r\n  .cta-inner        { grid-template-columns: 1fr; gap: 40px; }\r\n  .form-row-2       { grid-template-columns: 1fr; }\r\n  .nav-links        { display: none; }\r\n  .hp-2, .hp-3      { display: none; }\r\n  .hero-img         { height: 380px; }\r\n  .flow-header p    { text-align: left; max-width: 100%; }\r\n}\r\n@media (max-width: 640px) {\r\n  .impl-grid        { grid-template-columns: 1fr; }\r\n  .stats-grid       { grid-template-columns: 1fr 1fr; }\r\n  .flow-timeline    { grid-template-columns: repeat(3,1fr); row-gap: 28px; }\r\n  .flow-timeline::before { display: none; }\r\n  .stat-block       { border-right: none; border-bottom: 1px solid rgba(255,255,255,.12); }\r\n  .stat-block:last-child { border-bottom: none; }\r\n  .hero-img         { height: 260px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) { *, *::after { animation: none !important; transition: none !important; } }\r\n\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500 NAV \u2500\u2500 -->\r\n<nav>\r\n  <div class=\"nav-inner\">\r\n    <a href=\"#\" class=\"tk-logo\">\r\n      <img decoding=\"async\" class=\"tk-logo-img\" src=\"https:\/\/softmanagement.com.co\/tramitek\/wp-content\/uploads\/2026\/09\/Tramitek.png\" alt=\"Tramitek\">\r\n      Tramitek\r\n    <\/a>\r\n    <ul class=\"nav-links\">\r\n      <li><a href=\"#modulos\">Soluci\u00f3n<\/a><\/li>\r\n      <li><a href=\"#flujo\">Flujo<\/a><\/li>\r\n      <li><a href=\"#implementacion\">Implementaci\u00f3n<\/a><\/li>\r\n      <li><a href=\"#elegir\">\u00bfPor qu\u00e9?<\/a><\/li>\r\n    <\/ul>\r\n    <a href=\"#demo\" class=\"btn-nav\">Solicitar Demo<\/a>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HERO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"tk-hero\">\r\n  <div class=\"orb orb-1\"><\/div>\r\n  <div class=\"orb orb-2\"><\/div>\r\n  <div class=\"orb orb-3\"><\/div>\r\n  <div class=\"tk-container\">\r\n    <div class=\"hero-inner\">\r\n\r\n      <!-- Left -->\r\n      <div>\r\n        <div class=\"hero-eyebrow reveal\"><span class=\"dot\"><\/span>GovTech \u00b7 Colombia 2026<\/div>\r\n\r\n        <h1 class=\"reveal rd1\">\r\n          Tr\u00e1mites digitales.<br>\r\n          <span class=\"grad-title\" id=\"twText\"><\/span><span class=\"tw-cursor\" id=\"twCursor\"><\/span><br>\r\n          Sin l\u00edmites.\r\n        <\/h1>\r\n\r\n        <p class=\"hero-sub reveal rd2\">\r\n          La sede electr\u00f3nica que unifica consulta, radicaci\u00f3n, gesti\u00f3n y respuesta en un solo ecosistema institucional.\r\n        <\/p>\r\n\r\n        <div class=\"hero-ctas reveal rd3\">\r\n          <a href=\"#demo\" class=\"tk-btn-primary\">Solicitar demo \u2192<\/a>\r\n          <a href=\"#modulos\" class=\"btn-ghost\">Ver la soluci\u00f3n<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hero-stats reveal rd4\">\r\n          <div class=\"h-stat\">\r\n            <span class=\"h-stat-n\">90<em>%<\/em><\/span>\r\n            <span class=\"h-stat-l\">menos tiempo<\/span>\r\n          <\/div>\r\n          <div class=\"h-stat\">\r\n            <span class=\"h-stat-n\">2K<em>+<\/em><\/span>\r\n            <span class=\"h-stat-l\">solicitudes\/mes<\/span>\r\n          <\/div>\r\n          <div class=\"h-stat\">\r\n            <span class=\"h-stat-n\">1<em>M<\/em><\/span>\r\n            <span class=\"h-stat-l\">consultas p\u00fablicas<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right \u2014 image -->\r\n      <div class=\"hero-right reveal rd2\">\r\n        <div class=\"hero-img-wrap\">\r\n          <img decoding=\"async\" class=\"hero-img\"\r\n            src=\"https:\/\/softmanagement.com.co\/tramitek\/wp-content\/uploads\/2026\/09\/157269.jpg\"\r\n            alt=\"Sede electr\u00f3nica digital Tramitek\">\r\n          <div class=\"hero-img-overlay\"><\/div>\r\n          <div class=\"hero-pill hp-1\">\ud83c\udfdb\ufe0f&nbsp; Sede electr\u00f3nica 100% digital<\/div>\r\n          <div class=\"hero-pill hp-2\">\u26a1&nbsp; 2 min por tarea automatizada<\/div>\r\n          <div class=\"hero-pill hp-3\">\ud83d\udccb&nbsp; Radicado \u00fanico \u00b7 trazabilidad total<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MODULES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section-modules\" id=\"modulos\">\r\n  <div class=\"tk-container\">\r\n    <div class=\"eyebrow reveal\">M\u00f3dulos de la plataforma<\/div>\r\n    <h2 class=\"reveal rd1\">Una sede electr\u00f3nica para operar <em style=\"color:var(--blue);font-style:normal\">de punta a punta<\/em><\/h2>\r\n\r\n    <div class=\"modules-grid\">\r\n      <div class=\"mod-card reveal rd1\">\r\n        <div class=\"mod-ghost\">A<\/div>\r\n        <div class=\"mod-icon\">\ud83d\uddc2\ufe0f<\/div>\r\n        <h3>Acceso, Registro y Radicaci\u00f3n<\/h3>\r\n        <p>Portal p\u00fablico y zona privada ciudadana para consultar, registrarse, autenticarse y radicar solicitudes con n\u00famero \u00fanico y seguimiento desde el primer clic.<\/p>\r\n        <div class=\"mod-tag\">\u2192 Portal ciudadano<\/div>\r\n      <\/div>\r\n      <div class=\"mod-card reveal rd2\">\r\n        <div class=\"mod-ghost\">B<\/div>\r\n        <div class=\"mod-icon\">\u2699\ufe0f<\/div>\r\n        <h3>Gesti\u00f3n, Flujo y Respuesta<\/h3>\r\n        <p>Bandejas de trabajo, tareas, estados y etapas configurables para que la entidad gestione solicitudes con trazabilidad completa de principio a fin.<\/p>\r\n        <div class=\"mod-tag\">\u2192 Operaci\u00f3n interna<\/div>\r\n      <\/div>\r\n      <div class=\"mod-card reveal rd3\">\r\n        <div class=\"mod-ghost\">C<\/div>\r\n        <div class=\"mod-icon\">\ud83d\udd17<\/div>\r\n        <h3>Documentos, Integraci\u00f3n y Control<\/h3>\r\n        <p>Gesti\u00f3n documental, interoperabilidad con APIs, TDOCS y correo institucional, m\u00e1s tableros de control con indicadores operativos en tiempo real.<\/p>\r\n        <div class=\"mod-tag\">\u2192 Ecosistema digital<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     STATS BAR\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"stats-bar\">\r\n  <div class=\"tk-container\">\r\n    <div class=\"stats-grid\">\r\n      <div class=\"stat-block reveal\">\r\n        <span class=\"stat-n\"><span class=\"count-up\" data-target=\"90\" data-suffix=\"%\">0<\/span><\/span>\r\n        <div class=\"stat-l\">reducci\u00f3n de tiempo con automatizaci\u00f3n de tr\u00e1mites<\/div>\r\n      <\/div>\r\n      <div class=\"stat-block reveal rd1\">\r\n        <span class=\"stat-n\"><span class=\"count-up\" data-target=\"2000\" data-suffix=\"+\">0<\/span><\/span>\r\n        <div class=\"stat-l\">solicitudes atendidas por mes en el ecosistema<\/div>\r\n      <\/div>\r\n      <div class=\"stat-block reveal rd2\">\r\n        <span class=\"stat-n\"><span class=\"count-up\" data-target=\"1\" data-suffix=\"M\">0<\/span><\/span>\r\n        <div class=\"stat-l\">consultas p\u00fablicas con arquitectura escalable<\/div>\r\n      <\/div>\r\n      <div class=\"stat-block reveal rd3\">\r\n        <span class=\"stat-n\"><span class=\"count-up\" data-target=\"2\" data-suffix=\" min\">0<\/span><\/span>\r\n        <div class=\"stat-l\">por tarea repetitiva de an\u00e1lisis o clasificaci\u00f3n<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     FLOW\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section-flow\" id=\"flujo\">\r\n  <div class=\"tk-container\">\r\n    <div class=\"flow-header\">\r\n      <div>\r\n        <div class=\"eyebrow reveal\">Flujo operativo<\/div>\r\n        <h2 class=\"reveal rd1\">Todo el ecosistema del tr\u00e1mite <em style=\"color:var(--blue);font-style:normal\">en una sola plataforma<\/em><\/h2>\r\n      <\/div>\r\n      <p class=\"reveal\">Un flujo digital, trazable y configurable para ciudadanos y funcionarios \u2014 de la consulta al cierre.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"flow-timeline reveal\">\r\n      <div class=\"flow-step active\" onclick=\"selectStep(0)\"><div class=\"step-circle\">\ud83d\udd0d<\/div><div class=\"step-n\">1 \/ 6<\/div><h4>Consulta y selecci\u00f3n<\/h4><\/div>\r\n      <div class=\"flow-step\" onclick=\"selectStep(1)\"><div class=\"step-circle\">\ud83d\udc64<\/div><div class=\"step-n\">2 \/ 6<\/div><h4>Registro y autenticaci\u00f3n<\/h4><\/div>\r\n      <div class=\"flow-step\" onclick=\"selectStep(2)\"><div class=\"step-circle\">\ud83d\udccb<\/div><div class=\"step-n\">3 \/ 6<\/div><h4>Radicaci\u00f3n<\/h4><\/div>\r\n      <div class=\"flow-step\" onclick=\"selectStep(3)\"><div class=\"step-circle\">\ud83c\udfe2<\/div><div class=\"step-n\">4 \/ 6<\/div><h4>Gesti\u00f3n interna<\/h4><\/div>\r\n      <div class=\"flow-step\" onclick=\"selectStep(4)\"><div class=\"step-circle\">\u2705<\/div><div class=\"step-n\">5 \/ 6<\/div><h4>Validaci\u00f3n y respuesta<\/h4><\/div>\r\n      <div class=\"flow-step\" onclick=\"selectStep(5)\"><div class=\"step-circle\">\ud83d\udcc2<\/div><div class=\"step-n\">6 \/ 6<\/div><h4>Cierre y consulta<\/h4><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"flow-desc-panel reveal\">\r\n      <div class=\"fdp-num\" id=\"fdpNum\">1<\/div>\r\n      <div class=\"fdp-text\">\r\n        <h4 id=\"fdpTitle\">Consulta y selecci\u00f3n del tr\u00e1mite<\/h4>\r\n        <p id=\"fdpDesc\">El ciudadano ingresa al portal, consulta el cat\u00e1logo disponible y accede al tr\u00e1mite o servicio que necesita iniciar desde cualquier dispositivo.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     IMPLEMENTATION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section-impl\" id=\"implementacion\">\r\n  <div class=\"tk-container\">\r\n    <div class=\"impl-intro reveal\">\r\n      <div class=\"eyebrow centered\">Proceso de implementaci\u00f3n<\/div>\r\n      <h2>Portal listo para <em style=\"color:var(--blue);font-style:normal\">salir a operaci\u00f3n<\/em><\/h2>\r\n      <p>Cuatro etapas seg\u00fan la complejidad del tr\u00e1mite, con acompa\u00f1amiento de SoftManagement en cada paso.<\/p>\r\n    <\/div>\r\n    <div class=\"impl-grid\">\r\n      <div class=\"impl-card reveal rd1\"><div class=\"impl-bar\"><\/div><div class=\"impl-n\">01 \u00b7 Puesta en marcha<\/div><h3>Puesta en marcha institucional<\/h3><span class=\"impl-tag\">Portal listo para operar<\/span><p class=\"impl-desc\">Despliegue y personalizaci\u00f3n del portal con la identidad visual de la entidad.<\/p><div class=\"impl-time\">\u23f1 1 \u2013 2 semanas<\/div><\/div>\r\n      <div class=\"impl-card reveal rd2\"><div class=\"impl-bar\"><\/div><div class=\"impl-n\">02 \u00b7 Tr\u00e1mites simples<\/div><h3>Tr\u00e1mites simples<\/h3><span class=\"impl-tag\">Procesos autogestionados<\/span><p class=\"impl-desc\">Consultas, certificados autom\u00e1ticos y flujos lineales con salida r\u00e1pida.<\/p><div class=\"impl-time\">\u23f1 2 semanas<\/div><\/div>\r\n      <div class=\"impl-card reveal rd3\"><div class=\"impl-bar\"><\/div><div class=\"impl-n\">03 \u00b7 Tr\u00e1mites medios<\/div><h3>Tr\u00e1mites medios<\/h3><span class=\"impl-tag\">Validaci\u00f3n e interoperabilidad<\/span><p class=\"impl-desc\">Carga documental, revisi\u00f3n de funcionarios, reglas de negocio e integraciones.<\/p><div class=\"impl-time\">\u23f1 4 \u2013 6 semanas<\/div><\/div>\r\n      <div class=\"impl-card reveal rd4\"><div class=\"impl-bar\"><\/div><div class=\"impl-n\">04 \u00b7 Tr\u00e1mites complejos<\/div><h3>Tr\u00e1mites complejos<\/h3><span class=\"impl-tag\">Alta exigencia y m\u00faltiples actores<\/span><p class=\"impl-desc\">M\u00faltiples validaciones, alta carga documental, inspecciones y normativas cambiantes.<\/p><div class=\"impl-time\">\u23f1 8 \u2013 12 semanas<\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- TICKER -->\r\n<div class=\"ticker\">\r\n  <div class=\"ticker-track\">\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Arquitectura modular<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Portal web + BPM<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Gesti\u00f3n documental nativa<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Autenticaci\u00f3n electr\u00f3nica<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Integraci\u00f3n X-Road<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Carpeta Ciudadana<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Pasarelas de pago<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Tableros de control<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Escalabilidad GovTech<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Implementaci\u00f3n acompa\u00f1ada<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Arquitectura modular<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Portal web + BPM<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Gesti\u00f3n documental nativa<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Autenticaci\u00f3n electr\u00f3nica<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Integraci\u00f3n X-Road<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Carpeta Ciudadana<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Pasarelas de pago<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Tableros de control<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Escalabilidad GovTech<\/div>\r\n    <div class=\"ticker-item\"><div class=\"ticker-dot\"><\/div>Implementaci\u00f3n acompa\u00f1ada<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     COMPARISON\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section-comp\" id=\"elegir\">\r\n  <div class=\"tk-container\">\r\n    <div class=\"comp-head reveal\">\r\n      <div class=\"eyebrow centered\">\u00bfPor qu\u00e9 Tramitek?<\/div>\r\n      <h2>M\u00e1s que un portal: control <em style=\"color:var(--blue);font-style:normal\">de principio a fin<\/em><\/h2>\r\n      <p>Lo que antes estaba disperso en m\u00faltiples sistemas, Tramitek lo integra en un solo ecosistema institucional.<\/p>\r\n    <\/div>\r\n    <div class=\"comp-wrap reveal\">\r\n      <table class=\"comp-table\">\r\n        <thead>\r\n          <tr>\r\n            <th class=\"tk-th-concept\">Componente<\/th>\r\n            <th class=\"tk-th-before\">Sin Tramitek<\/th>\r\n            <th class=\"tk-th-after\">Con Tramitek \u2713<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr><td class=\"tk-td-concept\">Consulta p\u00fablica<\/td><td class=\"tk-td-before\"><span class=\"x-m\">\u2717<\/span> Canal fragmentado o presencial<\/td><td class=\"tk-td-after\"><span class=\"chk\">\u2713<\/span> Portal p\u00fablico integrado<\/td><\/tr>\r\n          <tr><td class=\"tk-td-concept\">Registro y acceso<\/td><td class=\"tk-td-before\"><span class=\"x-m\">\u2717<\/span> Sin autenticaci\u00f3n o manual<\/td><td class=\"tk-td-after\"><span class=\"chk\">\u2713<\/span> Autenticaci\u00f3n electr\u00f3nica segura<\/td><\/tr>\r\n          <tr><td class=\"tk-td-concept\">Radicaci\u00f3n y seguimiento<\/td><td class=\"tk-td-before\"><span class=\"x-m\">\u2717<\/span> Papel o correo, sin trazabilidad<\/td><td class=\"tk-td-after\"><span class=\"chk\">\u2713<\/span> Radicado \u00fanico + l\u00ednea de tiempo<\/td><\/tr>\r\n          <tr><td class=\"tk-td-concept\">Gesti\u00f3n interna<\/td><td class=\"tk-td-before\"><span class=\"x-m\">\u2717<\/span> Sin bandejas ni control<\/td><td class=\"tk-td-after\"><span class=\"chk\">\u2713<\/span> Bandejas, tareas y roles<\/td><\/tr>\r\n          <tr><td class=\"tk-td-concept\">Documentos<\/td><td class=\"tk-td-before\"><span class=\"x-m\">\u2717<\/span> Archivos sueltos sin gestor<\/td><td class=\"tk-td-after\"><span class=\"chk\">\u2713<\/span> TDOCS o gestor propio integrado<\/td><\/tr>\r\n          <tr><td class=\"tk-td-concept\">Indicadores<\/td><td class=\"tk-td-before\"><span class=\"x-m\">\u2717<\/span> Reportes manuales<\/td><td class=\"tk-td-after\"><span class=\"chk\">\u2713<\/span> Tablero nativo con 6 KPIs<\/td><\/tr>\r\n          <tr><td class=\"tk-td-concept\">Interoperabilidad<\/td><td class=\"tk-td-before\"><span class=\"x-m\">\u2717<\/span> Islas de informaci\u00f3n<\/td><td class=\"tk-td-after\"><span class=\"chk\">\u2713<\/span> APIs, directorio activo, SMTP<\/td><\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CTA + FORM\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section-cta\" id=\"demo\">\r\n  <div class=\"tk-container\">\r\n    <div class=\"cta-inner\">\r\n      <div class=\"cta-left reveal\">\r\n        <h2>\u00bfListo para digitalizar sus tr\u00e1mites <em style=\"color:#93C5FD;font-style:normal\">desde un solo lugar?<\/em><\/h2>\r\n        <p>Agende una demo personalizada. Le mostramos Tramitek en el contexto real de su entidad \u2014 sin compromisos.<\/p>\r\n        <p class=\"cta-note\">Respuesta en menos de 24 horas h\u00e1biles<\/p>\r\n        <ul class=\"cta-caps\">\r\n          <li>Arquitectura modular: portal + BPM + gesti\u00f3n documental<\/li>\r\n          <li>Integraci\u00f3n con X-Road, Carpeta Ciudadana y Autenticaci\u00f3n Electr\u00f3nica<\/li>\r\n          <li>Interoperabilidad con pasarelas de pago y sistemas externos<\/li>\r\n          <li>Escalabilidad para altos vol\u00famenes de solicitudes<\/li>\r\n          <li>Implementaci\u00f3n acompa\u00f1ada por SoftManagement<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"reveal rd2\">\r\n        <form action=\"https:\/\/formsubmit.co\/mlopera@softmanagement.com.co\" method=\"POST\">\r\n          <input type=\"hidden\" name=\"_subject\" value=\"Nueva solicitud de demo \u2014 Tramitek\">\r\n          <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n          <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n          <div class=\"form-row-2\">\r\n            <div class=\"f-field\"><label>Nombre completo<\/label><input type=\"text\" name=\"Nombre completo\" placeholder=\"Su nombre\" required><\/div>\r\n            <div class=\"f-field\"><label>Correo corporativo<\/label><input type=\"email\" name=\"Correo corporativo\" placeholder=\"correo@entidad.gov.co\" required><\/div>\r\n          <\/div>\r\n          <div class=\"form-row-2\">\r\n            <div class=\"f-field\"><label>Tel\u00e9fono \/ WhatsApp<\/label><input type=\"tel\" name=\"Tel\u00e9fono \/ WhatsApp\" placeholder=\"+57 \u2026\"><\/div>\r\n            <div class=\"f-field\"><label>Entidad \/ Empresa<\/label><input type=\"text\" name=\"Entidad \/ Empresa\" placeholder=\"Nombre de la entidad\"><\/div>\r\n          <\/div>\r\n          <div class=\"f-field\">\r\n            <label>Tipo de entidad<\/label>\r\n            <select name=\"Tipo de entidad\"><option value=\"\">Seleccionar...<\/option><option>Entidad p\u00fablica nacional<\/option><option>Entidad p\u00fablica territorial<\/option><option>Empresa privada<\/option><option>Empresa mixta<\/option><option>Otro<\/option><\/select>\r\n          <\/div>\r\n          <div class=\"f-field\">\r\n            <label>Volumen estimado de tr\u00e1mites \/ mes<\/label>\r\n            <select name=\"Volumen estimado de tr\u00e1mites \/ mes\"><option value=\"\">Seleccionar rango...<\/option><option>Menos de 500<\/option><option>500 \u2013 2.000<\/option><option>2.000 \u2013 10.000<\/option><option>M\u00e1s de 10.000<\/option><\/select>\r\n          <\/div>\r\n          <button type=\"submit\" class=\"btn-submit\">Agendar Demo \u2192<\/button>\r\n          <p class=\"f-consent\">Al enviar acepta que nos comuniquemos con usted para agendar la demostraci\u00f3n.<\/p>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n  <div class=\"tk-container\">\r\n    <div class=\"footer-inner\">\r\n      <div class=\"footer-brand\">\r\n        <img decoding=\"async\" src=\"https:\/\/softmanagement.com.co\/tramitek\/wp-content\/uploads\/2026\/09\/Tramitek.png\" alt=\"Tramitek\" style=\"height:30px;width:auto;object-fit:contain;flex-shrink:0\">\r\n        Tramitek\r\n        <span style=\"font-weight:400;color:var(--ink-65);font-size:.85rem\">Sede Electr\u00f3nica Digital \u00b7 SoftManagement 2026<\/span>\r\n      <\/div>\r\n      <div class=\"footer-right\">Designed with \u2764\ufe0f by <a href=\"https:\/\/miagroup.agency\" target=\"_blank\">MiA Group Co.<\/a> \u00b7 \u00a9 2026<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500 *\/\r\nconst revEls = document.querySelectorAll('.reveal');\r\nconst ro = new IntersectionObserver(entries => {\r\n  entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n}, { threshold: .1 });\r\nrevEls.forEach(el => ro.observe(el));\r\n\r\n\/* \u2500\u2500\u2500 COUNT-UP \u2500\u2500\u2500 *\/\r\nfunction countUp(el) {\r\n  const target = parseFloat(el.dataset.target);\r\n  const suffix = el.dataset.suffix || '';\r\n  const dur = 1800, t0 = performance.now();\r\n  (function tick(now) {\r\n    const p = Math.min((now - t0) \/ dur, 1);\r\n    const val = target * (1 - Math.pow(1 - p, 3));\r\n    el.textContent = (target >= 1000 ? Math.floor(val).toLocaleString('es') : Math.floor(val)) + suffix;\r\n    if (p < 1) requestAnimationFrame(tick);\r\n  })(t0);\r\n}\r\nconst co = new IntersectionObserver(entries => {\r\n  entries.forEach(e => { if (e.isIntersecting) { countUp(e.target); co.unobserve(e.target); } });\r\n}, { threshold: .5 });\r\ndocument.querySelectorAll('.count-up').forEach(el => co.observe(el));\r\n\r\n\/* \u2500\u2500\u2500 TYPEWRITER \u2500\u2500\u2500 *\/\r\n(function () {\r\n  const el     = document.getElementById('twText');\r\n  const cursor = document.getElementById('twCursor');\r\n  if (!el || !cursor) return;\r\n\r\n  \/\/ Lines to type \u2014 split by \\n for multi-line\r\n  const lines  = ['Sin papel.', 'Sin filas.'];\r\n  let   lineIdx = 0, charIdx = 0, raw = '';\r\n\r\n  \/\/ Char speeds (ms)\r\n  const CHAR  = 72;\r\n  const PAUSE = 340; \/\/ pause after period before next line\r\n  const START = 1100; \/\/ wait for reveal animation\r\n\r\n  function renderHTML(text) {\r\n    \/\/ Replace newlines with <br> for display\r\n    return text.replace(\/\\n\/g, '<br>');\r\n  }\r\n\r\n  function typeNext() {\r\n    if (lineIdx >= lines.length) {\r\n      \/\/ Done \u2014 hide cursor after short wait\r\n      setTimeout(() => cursor.classList.add('done'), 900);\r\n      return;\r\n    }\r\n\r\n    const currentLine = lines[lineIdx];\r\n\r\n    if (charIdx < currentLine.length) {\r\n      raw += currentLine[charIdx];\r\n      el.innerHTML = renderHTML(raw);\r\n      charIdx++;\r\n\r\n      \/\/ Slow down on punctuation\r\n      const ch    = currentLine[charIdx - 1];\r\n      const delay = (ch === '.' || ch === ',') ? PAUSE : CHAR;\r\n      setTimeout(typeNext, delay);\r\n\r\n    } else {\r\n      \/\/ Move to next line\r\n      lineIdx++;\r\n      charIdx = 0;\r\n      if (lineIdx < lines.length) {\r\n        raw += '\\n';\r\n        el.innerHTML = renderHTML(raw);\r\n      }\r\n      setTimeout(typeNext, PAUSE);\r\n    }\r\n  }\r\n\r\n  setTimeout(typeNext, START);\r\n})();\r\nconst flowData = [\r\n  { title:'Consulta y selecci\u00f3n del tr\u00e1mite', desc:'El ciudadano ingresa al portal, consulta el cat\u00e1logo disponible y accede al tr\u00e1mite o servicio que necesita iniciar desde cualquier dispositivo.' },\r\n  { title:'Registro o autenticaci\u00f3n', desc:'La soluci\u00f3n habilita registro de cuenta, inicio de sesi\u00f3n y mecanismos de acceso seguro para controlar el ingreso a los tr\u00e1mites autenticados.' },\r\n  { title:'Radicaci\u00f3n de la solicitud', desc:'El usuario completa el formulario, adjunta soportes y el sistema genera autom\u00e1ticamente un n\u00famero \u00fanico de radicado para seguimiento en tiempo real.' },\r\n  { title:'Gesti\u00f3n interna del caso', desc:'La entidad recibe la solicitud en bandejas de trabajo, asigna responsables, administra tareas y ejecuta el flujo definido para su atenci\u00f3n.' },\r\n  { title:'Seguimiento, validaci\u00f3n y respuesta', desc:'El proceso avanza con trazabilidad por etapas, gesti\u00f3n de aclaraciones, consulta de estado y construcci\u00f3n de la respuesta institucional.' },\r\n  { title:'Cierre y consulta posterior', desc:'El ciudadano consulta la respuesta final, descarga documentos y conserva visibilidad del historial de su solicitud dentro de la plataforma.' }\r\n];\r\nlet activeStep = 0;\r\nfunction selectStep(i) {\r\n  activeStep = i;\r\n  document.querySelectorAll('.flow-step').forEach((s, idx) => s.classList.toggle('active', idx === i));\r\n  document.getElementById('fdpNum').textContent   = i + 1;\r\n  document.getElementById('fdpTitle').textContent = flowData[i].title;\r\n  document.getElementById('fdpDesc').textContent  = flowData[i].desc;\r\n}\r\nsetInterval(() => selectStep((activeStep + 1) % 6), 3200);\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>Tramitek \u00b7 Sede Electr\u00f3nica Digital \u00b7 SoftManagement Tramitek Soluci\u00f3n Flujo Implementaci\u00f3n \u00bfPor qu\u00e9? Solicitar Demo GovTech \u00b7 Colombia 2026 Tr\u00e1mites digitales. Sin l\u00edmites. La sede electr\u00f3nica que unifica consulta, radicaci\u00f3n, gesti\u00f3n y respuesta en un solo ecosistema institucional. Solicitar demo \u2192 Ver la soluci\u00f3n 90% menos tiempo 2K+ solicitudes\/mes 1M consultas p\u00fablicas \ud83c\udfdb\ufe0f&nbsp; Sede electr\u00f3nica [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/softmanagement.com.co\/tramitek\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softmanagement.com.co\/tramitek\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/softmanagement.com.co\/tramitek\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/softmanagement.com.co\/tramitek\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softmanagement.com.co\/tramitek\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":88,"href":"https:\/\/softmanagement.com.co\/tramitek\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/softmanagement.com.co\/tramitek\/wp-json\/wp\/v2\/pages\/7\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/softmanagement.com.co\/tramitek\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}