{"id":7,"date":"2026-04-05T04:24:27","date_gmt":"2026-04-05T04:24:27","guid":{"rendered":"https:\/\/softmanagement.com.co\/tdocs\/?page_id=7"},"modified":"2026-09-27T20:01:10","modified_gmt":"2026-09-27T20:01:10","slug":"garantia","status":"publish","type":"page","link":"https:\/\/softmanagement.com.co\/tdocs\/","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-con-full e-flex e-con e-parent\" data-id=\"e3a874d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcf42e3 elementor-widget elementor-widget-html\" data-id=\"dcf42e3\" 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>TDOCS \u00b7 Gesti\u00f3n Documental Electr\u00f3nica \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=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{\r\n  --fuchsia:#E0057C; --fuchsia-d:#B8005F; --fuchsia-l:rgba(224,5,124,.10); --fuchsia-b:rgba(224,5,124,.24);\r\n  --violet:#7B1FFA; --violet-l:rgba(123,31,250,.10); --violet-b:rgba(123,31,250,.22);\r\n  --lime:#1BD65F; --lime-d:#0A7A35; --lime-l:rgba(27,214,95,.12);\r\n  --ink:#09010F; --ink-65:rgba(9,1,15,.65); --ink-40:rgba(9,1,15,.40); --ink-15:rgba(9,1,15,.15); --ink-07:rgba(9,1,15,.07);\r\n  --white:#FFFFFF; --off:#FCF7FE; --gray:#ECE5F3; --gray-d:#D9CCE8;\r\n  --grad:linear-gradient(135deg,#E0057C 0%,#7B1FFA 100%);\r\n  --grad-soft:linear-gradient(135deg,rgba(224,5,124,.08) 0%,rgba(123,31,250,.08) 100%);\r\n}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--ink);line-height:1.65;overflow-x:hidden}\r\nh1,h2,h3,h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.12}\r\n.tdx-container{max-width:1180px;margin:0 auto;padding:0 28px}\r\n.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}\r\n.reveal.in{opacity:1;transform:none}\r\n.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}\r\n.tdx-eyebrow{font-family:'Bricolage Grotesque',sans-serif;font-size:.72rem;font-weight:700;color:var(--fuchsia);letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}\r\n.tdx-eyebrow::before{content:'';display:inline-block;width:20px;height:2px;background:var(--fuchsia)}\r\n.tdx-eyebrow.centered{justify-content:center}\r\n\r\n\/* \u2550\u2550\u2550 NAV \u2550\u2550\u2550 *\/\r\nnav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(255,255,255,.90);backdrop-filter:blur(16px);border-bottom:1px solid var(--ink-07)}\r\n.tdx-nav-inner{display:flex;align-items:center;justify-content:space-between;height:92px;max-width:1180px;margin:0 auto;padding:0 28px}\r\n.tdx-logo{display:flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important;font-family:'Bricolage Grotesque',sans-serif!important;font-weight:800!important;font-size:1.2rem!important;color:var(--ink)!important;letter-spacing:-.03em!important;white-space:nowrap!important}\r\n.tdx-logo-img{height:68px!important;width:auto!important;display:block!important;object-fit:contain!important;flex-shrink:0!important}\r\n.tdx-logo-mark{width:34px!important;height:34px!important;border-radius:10px!important;background:var(--grad)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:.9rem!important;font-weight:800!important;flex-shrink:0!important}\r\n.tdx-nav-links{display:flex;gap:28px;list-style:none}\r\n.tdx-nav-links a{font-size:.875rem;font-weight:500;color:var(--ink-65);text-decoration:none;transition:color .2s}\r\n.tdx-nav-links a:hover{color:var(--fuchsia)}\r\n.tdx-btn-nav{background:var(--grad);color:#fff;border:none;border-radius:9px;padding:10px 22px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .25s;text-decoration:none}\r\n.tdx-btn-nav:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 6px 20px var(--fuchsia-b)}\r\n\r\n\/* \u2550\u2550\u2550 HERO \u2014 bento + organic photo \u2550\u2550\u2550 *\/\r\n.tdx-hero{padding-top:156px;padding-bottom:64px;position:relative;overflow:hidden}\r\n.mesh-wash{position:absolute;inset:0;z-index:0;pointer-events:none;\r\n  background:\r\n    radial-gradient(ellipse 700px 500px at 85% 8%, rgba(224,5,124,.10) 0%, transparent 60%),\r\n    radial-gradient(ellipse 600px 600px at 100% 60%, rgba(123,31,250,.09) 0%, transparent 60%),\r\n    radial-gradient(ellipse 500px 400px at 8% 90%, rgba(27,214,95,.07) 0%, transparent 60%);\r\n  animation:mesh-shift 16s ease-in-out infinite;\r\n}\r\n@keyframes mesh-shift{0%,100%{opacity:1}50%{opacity:.6}}\r\n\r\n.hero-bento{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}\r\n\r\n.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}\r\n.tag-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:100px;font-family:'Bricolage Grotesque',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}\r\n.tag-fuchsia{background:var(--fuchsia-l);border:1.5px solid var(--fuchsia-b);color:var(--fuchsia-d)}\r\n.tag-lime{background:var(--lime-l);border:1.5px solid rgba(27,214,95,.3);color:var(--lime-d)}\r\n.dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--fuchsia);animation:dotp 2s infinite}\r\n@keyframes dotp{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}\r\n\r\n.tdx-hero h1{font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:800;letter-spacing:-.04em;color:var(--ink);margin-bottom:6px;line-height:1.08}\r\n.cycle-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:20px}\r\n.cycle-word{font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:800;letter-spacing:-.04em;line-height:1;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;transition:opacity .28s ease,transform .28s ease;font-style:italic}\r\n.cycle-word.out{opacity:0;transform:translateY(-8px)}\r\n.cycle-icon{font-size:1.8rem;display:inline-block;transition:transform .3s ease}\r\n\r\n.hero-desc{font-size:1rem;color:var(--ink-65);max-width:480px;margin-bottom:30px;line-height:1.75}\r\n.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}\r\n.tdx-btn-primary{background:var(--grad);color:#fff;border:none;border-radius:11px;padding:13px 26px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .25s;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 22px var(--fuchsia-b)}\r\n.tdx-btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 10px 32px var(--fuchsia-b)}\r\n.tdx-btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink-15);border-radius:11px;padding:13px 26px;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.92rem;cursor:pointer;transition:all .25s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}\r\n.tdx-btn-ghost:hover{border-color:var(--fuchsia-b);color:var(--fuchsia)}\r\n\r\n.hero-mini-stats{display:flex;gap:10px;flex-wrap:wrap}\r\n.mini-stat{display:flex;align-items:baseline;gap:6px;padding:9px 16px;background:var(--off);border:1px solid var(--gray);border-radius:100px}\r\n.mini-stat b{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.05rem;color:var(--fuchsia)}\r\n.mini-stat span{font-size:.78rem;color:var(--ink-65)}\r\n\r\n\/* Hero image \u2014 organic blob mask *\/\r\n.hero-photo-wrap{position:relative;display:flex;align-items:center;justify-content:center}\r\n.blob-glow{position:absolute;width:115%;height:115%;background:var(--grad);opacity:.16;filter:blur(50px);border-radius:48% 52% 65% 35% \/ 55% 45% 55% 45%;animation:blobglow 12s ease-in-out infinite;z-index:0}\r\n@keyframes blobglow{0%,100%{border-radius:48% 52% 65% 35% \/ 55% 45% 55% 45%}50%{border-radius:60% 40% 40% 60% \/ 40% 60% 40% 60%}}\r\n.hero-photo{\r\n  position:relative;z-index:1;\r\n  width:100%; aspect-ratio:4\/5; object-fit:cover;\r\n  border-radius:42% 58% 60% 40% \/ 52% 40% 60% 48%;\r\n  transition:border-radius 1.2s ease;\r\n  animation:photoblob 14s ease-in-out infinite;\r\n}\r\n@keyframes photoblob{\r\n  0%,100%{border-radius:42% 58% 60% 40% \/ 52% 40% 60% 48%}\r\n  50%{border-radius:58% 42% 44% 56% \/ 44% 56% 44% 56%}\r\n}\r\n.photo-pill{position:absolute;border-radius:16px;padding:12px 16px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(9,1,15,.16);display:flex;align-items:center;gap:12px;z-index:3;animation:pillfloat 6s ease-in-out infinite}\r\n.pp-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}\r\n.pp-1{top:6%;left:-8%;animation-delay:0s}\r\n.pp-2{bottom:14%;right:-10%;animation-delay:2s}\r\n.pp-3{bottom:-4%;left:14%;animation-delay:4s}\r\n@keyframes pillfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\r\n.pp-n{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.1rem;color:var(--ink);line-height:1}\r\n.pp-l{font-size:.7rem;color:var(--ink-65);margin-top:1px}\r\n\r\n\/* \u2550\u2550\u2550 MODULES \u2014 tabs + mockup \u2550\u2550\u2550 *\/\r\n.section-modules{padding:88px 0;background:var(--off)}\r\n.section-modules h2{font-size:clamp(1.6rem,3vw,2.5rem);max-width:540px;margin-bottom:40px;letter-spacing:-.03em}\r\n.mod-tabs{display:flex;gap:0;border-bottom:2px solid var(--gray);margin-bottom:40px;overflow-x:auto}\r\n.mod-tab{padding:12px 24px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.88rem;color:var(--ink-40);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .25s;display:flex;align-items:center;gap:8px;white-space:nowrap}\r\n.mod-tab:hover{color:var(--fuchsia)}\r\n.mod-tab.active{color:var(--fuchsia);border-bottom-color:var(--fuchsia)}\r\n.tab-num{font-size:.68rem;font-weight:700;color:var(--fuchsia-d);background:var(--fuchsia-l);padding:2px 8px;border-radius:100px;font-family:'DM Sans',sans-serif}\r\n.mod-panel{display:none;animation:panelin .35s ease}\r\n.mod-panel.active{display:grid;grid-template-columns:1fr .85fr;gap:48px;align-items:start}\r\n@keyframes panelin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\r\n.panel-left .tagline{font-size:.92rem;color:var(--fuchsia);font-weight:600;display:block;margin-bottom:14px}\r\n.panel-left h3{font-size:clamp(1.25rem,2.4vw,1.85rem);letter-spacing:-.03em;color:var(--ink);margin-bottom:14px}\r\n.panel-left p{font-size:.92rem;color:var(--ink-65);line-height:1.75;margin-bottom:22px}\r\n.feat-list{list-style:none;display:flex;flex-direction:column;gap:10px}\r\n.feat-list li{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:var(--ink-65);line-height:1.5}\r\n.feat-dot{width:6px;height:6px;border-radius:50%;background:var(--grad);flex-shrink:0;margin-top:7px}\r\n\/* Mockup card *\/\r\n.mockup-card{background:#fff;border-radius:18px;border:1px solid var(--gray);box-shadow:0 16px 48px rgba(9,1,15,.08);padding:20px;position:relative;overflow:hidden}\r\n.mockup-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--gray)}\r\n.mockup-icon{width:36px;height:36px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}\r\n.mockup-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.88rem}\r\n.mockup-sub{font-size:.7rem;color:var(--ink-40)}\r\n.mockup-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:var(--off);margin-bottom:8px;font-size:.8rem}\r\n.mockup-row:last-child{margin-bottom:0}\r\n.mockup-chk{width:18px;height:18px;border-radius:50%;background:var(--lime);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0}\r\n.mockup-bar-row{display:flex;align-items:center;gap:10px;margin-top:14px}\r\n.mockup-bar{flex:1;height:6px;border-radius:100px;background:var(--gray);overflow:hidden}\r\n.mockup-bar-fill{height:100%;border-radius:100px;background:var(--grad);width:0;transition:width 1.2s ease .3s}\r\n.mockup-pct{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.82rem;color:var(--fuchsia)}\r\n\r\n\/* \u2550\u2550\u2550 STATS \u2014 bento \u2550\u2550\u2550 *\/\r\n.section-stats{padding:88px 0}\r\n.stats-top{text-align:center;margin-bottom:48px}\r\n.stats-top h2{font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.03em;margin-bottom:10px}\r\n.stats-top p{font-size:.95rem;color:var(--ink-65);max-width:520px;margin:0 auto}\r\n.bento-stats{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:18px}\r\n.bento-big{grid-row:1\/3;border-radius:24px;background:var(--grad);position:relative;overflow:hidden;padding:36px 32px;display:flex;flex-direction:column;justify-content:flex-end;min-height:280px}\r\n.bento-big::before{content:'';position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12)}\r\n.bento-big::after{content:'';position:absolute;bottom:-80px;left:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08)}\r\n.bento-icon{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:18px;position:relative;z-index:1}\r\n.bento-big h3{color:#fff;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:8px;position:relative;z-index:1}\r\n.bento-big p{color:rgba(255,255,255,.78);font-size:.9rem;line-height:1.6;max-width:320px;position:relative;z-index:1}\r\n.bento-small{border-radius:20px;background:var(--off);border:1.5px solid var(--gray);padding:26px 24px;transition:all .3s}\r\n.bento-small:hover{border-color:var(--fuchsia-b);transform:translateY(-4px);box-shadow:0 16px 40px var(--fuchsia-l)}\r\n.bento-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(2rem,3.4vw,2.8rem);background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:block}\r\n.bento-label{font-size:.82rem;color:var(--ink-65);margin-top:8px;line-height:1.45}\r\n\r\n\/* \u2550\u2550\u2550 FLOW \u2014 fanned document stack \u2550\u2550\u2550 *\/\r\n.section-flow{padding:92px 0;background:var(--off);overflow:hidden}\r\n.flow-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;flex-wrap:wrap;gap:24px}\r\n.flow-top h2{font-size:clamp(1.6rem,3vw,2.4rem);max-width:440px;letter-spacing:-.03em}\r\n.flow-count{font-family:'Bricolage Grotesque',sans-serif;font-size:3.6rem;font-weight:800;line-height:1;letter-spacing:-.04em}\r\n.flow-count span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\r\n.flow-count sub{font-size:1.1rem;color:var(--ink-40);font-weight:400;-webkit-text-fill-color:var(--ink-40)}\r\n\r\n.doc-fan{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:330px;margin-bottom:0;padding:60px 10px 24px;overflow:visible}\r\n.doc-card{\r\n  width:148px;height:206px;flex-shrink:0;margin-left:-20px;\r\n  background:#fff;border-radius:16px 16px 7px 7px;\r\n  border:1px solid var(--gray);\r\n  box-shadow:0 8px 22px rgba(9,1,15,.10);\r\n  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;\r\n  cursor:pointer;\r\n  transform:rotate(var(--rot,0deg));\r\n  transition:width .45s cubic-bezier(.2,.8,.2,1),height .4s cubic-bezier(.2,.8,.2,1),\r\n             transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,opacity .35s ease,\r\n             padding .4s ease,border-radius .3s ease;\r\n  position:relative;padding:18px 14px;text-align:center;\r\n}\r\n.doc-card:first-child{margin-left:0}\r\n.doc-card:not(.active):hover{\r\n  transform:rotate(var(--rot,0deg)) translateY(-14px);\r\n  box-shadow:0 18px 38px rgba(9,1,15,.18);\r\n  z-index:15;border-color:var(--fuchsia-b);\r\n}\r\n.doc-card .dc-head{display:flex;align-items:center;gap:8px}\r\n.doc-card .dc-icon{font-size:1.7rem;line-height:1}\r\n.doc-card .dc-n{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.7rem;color:var(--ink-40);background:var(--off);padding:3px 9px;border-radius:100px}\r\n.doc-card .dc-stripe{position:absolute;top:0;left:0;right:0;height:6px;border-radius:16px 16px 0 0;background:var(--gray-d);transition:background .3s}\r\n.doc-card .dc-keyword{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.88rem;color:var(--ink-65);transition:opacity .15s ease}\r\n.doc-card .dc-full{opacity:0;max-height:0;overflow:hidden;width:100%;transition:opacity .25s ease,max-height .3s ease;margin-top:0}\r\n.doc-card .dc-full h4{font-family:'Bricolage Grotesque',sans-serif;font-size:.95rem;font-weight:700;color:var(--ink);margin-bottom:7px;line-height:1.3}\r\n.doc-card .dc-full p{font-size:.82rem;color:var(--ink-65);line-height:1.62}\r\n\r\n.doc-card.dimmed{opacity:.45}\r\n.doc-card.active{\r\n  width:min(340px,84vw);height:auto;min-height:260px;\r\n  align-items:flex-start;text-align:left;padding:24px 26px 26px;\r\n  border-radius:20px 20px 9px 9px;border-color:transparent;\r\n  box-shadow:0 30px 64px var(--fuchsia-b);z-index:30;opacity:1;\r\n}\r\n.doc-card.active .dc-head{align-self:flex-start}\r\n.doc-card.active .dc-stripe{background:var(--grad)}\r\n.doc-card.active .dc-n{color:var(--fuchsia);background:var(--fuchsia-l)}\r\n.doc-card.active .dc-keyword{display:none}\r\n.doc-card.active .dc-full{opacity:1;max-height:300px;margin-top:14px}\r\n\r\n.flow-hint{text-align:center;font-size:.78rem;color:var(--ink-40);margin-top:28px;font-family:'Bricolage Grotesque',sans-serif}\r\n\r\n\/* \u2550\u2550\u2550 IMPLEMENTATION \u2014 zigzag blocks \u2550\u2550\u2550 *\/\r\n.section-impl{padding:92px 0}\r\n.impl-header{text-align:center;max-width:600px;margin:0 auto 56px}\r\n.impl-header h2{font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.03em;margin-bottom:12px}\r\n.impl-header p{font-size:.95rem;color:var(--ink-65);line-height:1.75}\r\n.zigzag-block{display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:start;padding:36px 0;border-top:1px solid var(--gray)}\r\n.zigzag-block:last-child{border-bottom:1px solid var(--gray)}\r\n.zz-marker{display:flex;flex-direction:column;align-items:flex-start;gap:10px}\r\n.zz-num{width:56px;height:56px;border-radius:16px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.3rem}\r\n.zz-num.lime-num{background:linear-gradient(135deg,var(--lime) 0%,var(--lime-d) 100%)}\r\n.zz-label{font-family:'Bricolage Grotesque',sans-serif;font-size:.72rem;font-weight:700;color:var(--ink-40);letter-spacing:.08em;text-transform:uppercase;line-height:1.4}\r\n.zz-content h3{font-size:1.25rem;letter-spacing:-.02em;margin-bottom:6px}\r\n.zz-sub{font-size:.88rem;color:var(--fuchsia);font-weight:600;display:block;margin-bottom:14px}\r\n.zz-sub.lime-sub{color:var(--lime-d)}\r\n.zz-content p{font-size:.9rem;color:var(--ink-65);line-height:1.72;margin-bottom:18px;max-width:640px}\r\n.impl-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px}\r\n.impl-list li{font-size:.84rem;color:var(--ink);padding:7px 14px;border-radius:100px;background:var(--off);border:1px solid var(--gray);display:flex;align-items:center;gap:6px}\r\n.impl-list li::before{content:'\u2713';color:var(--fuchsia);font-weight:700}\r\n.impl-list li.note{color:var(--ink-40);font-style:italic;background:transparent;border-style:dashed}\r\n.impl-list li.note::before{content:'\u00b7';color:var(--ink-40)}\r\n.impl-time{display:inline-flex;align-items:center;gap:6px;margin-top:16px;background:var(--violet-l);border:1px solid var(--violet-b);border-radius:8px;padding:6px 14px;font-family:'Bricolage Grotesque',sans-serif;font-size:.76rem;font-weight:700;color:var(--violet)}\r\n\r\n\/* \u2550\u2550\u2550 TICKER \u2550\u2550\u2550 *\/\r\n.ticker{padding:24px 0;overflow:hidden;border-top:1px solid var(--gray);border-bottom:1px solid var(--gray)}\r\n.ticker-track{display:flex;animation:scrollt 28s linear infinite;width:max-content}\r\n@keyframes scrollt{from{transform:translateX(0)}to{transform:translateX(-50%)}}\r\n.ticker-item{display:inline-flex;align-items:center;gap:10px;padding:0 28px;font-family:'Bricolage Grotesque',sans-serif;font-size:.82rem;font-weight:600;color:var(--ink-65);white-space:nowrap}\r\n.t-dot{width:5px;height:5px;border-radius:50%;background:var(--fuchsia);flex-shrink:0}\r\n\r\n\/* \u2550\u2550\u2550 COMPARISON \u2550\u2550\u2550 *\/\r\n.section-comp{padding:92px 0;background:var(--off)}\r\n.comp-top{text-align:center;max-width:600px;margin:0 auto 52px}\r\n.comp-top h2{font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.03em;margin-bottom:12px}\r\n.comp-top p{font-size:.95rem;color:var(--ink-65);line-height:1.7}\r\n.comp-split-wrap{position:relative}\r\n.comp-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}\r\n.comp-col{border-radius:20px;overflow:hidden}\r\n.comp-col-head{padding:20px 28px;font-family:'Bricolage Grotesque',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;position:relative}\r\n.col-before .comp-col-head{background:var(--ink);color:rgba(255,255,255,.5)}\r\n.col-after .comp-col-head{background:var(--grad);color:#fff}\r\n.comp-items{display:flex;flex-direction:column}\r\n.comp-item{padding:14px 28px;font-size:.875rem;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}\r\n.col-before .comp-item{background:rgba(9,1,15,.92);color:rgba(255,255,255,.45);border-bottom-color:rgba(255,255,255,.07)}\r\n.col-after .comp-item{background:var(--fuchsia-l);color:var(--ink);border-bottom-color:var(--fuchsia-b)}\r\n.comp-item:last-child{border-bottom:none}\r\n.ci-x{color:#ff4d6d;font-weight:700;flex-shrink:0;margin-top:1px}\r\n.ci-chk{color:var(--fuchsia);font-weight:700;flex-shrink:0;margin-top:1px}\r\n.vs-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fff;border:3px solid var(--off);box-shadow:0 8px 24px rgba(9,1,15,.18);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.78rem;color:var(--fuchsia);z-index:5}\r\n\r\n\/* \u2550\u2550\u2550 CTA + FORM \u2550\u2550\u2550 *\/\r\n.section-cta{padding:92px 0;background:var(--grad);position:relative;overflow:hidden}\r\n.section-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 18% 50%,rgba(255,255,255,.12) 0%,transparent 60%)}\r\n.cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:1}\r\n.cta-left h2{font-size:clamp(1.6rem,3vw,2.5rem);color:#fff;margin-bottom:14px;letter-spacing:-.03em}\r\n.cta-left p{font-size:.95rem;color:rgba(255,255,255,.78);line-height:1.72}\r\n.cta-note{font-size:.77rem;color:rgba(255,255,255,.5);margin-top:12px;font-family:'Bricolage Grotesque',sans-serif}\r\n.cta-caps{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:30px}\r\n.cta-caps li{display:flex;align-items:center;gap:10px;font-size:.875rem;color:rgba(255,255,255,.78)}\r\n.cta-caps li::before{content:'\u2713';color:#fff;font-weight:700;background:rgba(255,255,255,.2);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0}\r\n.cta-form{background:#fff;border-radius:20px;padding:34px 30px;box-shadow:0 24px 70px rgba(9,1,15,.22)}\r\n.f-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n.f-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}\r\n.f-field label{font-size:.74rem;font-weight:600;color:var(--ink-65);font-family:'Bricolage Grotesque',sans-serif;letter-spacing:.03em}\r\n.f-field input,.f-field select{background:var(--off);border:1.5px solid var(--gray);border-radius:10px;padding:11px 14px;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:.9rem}\r\n.f-field input::placeholder{color:var(--ink-40);font-style:italic}\r\n.f-field input:focus,.f-field select:focus{outline:none;border-color:var(--fuchsia-b);background:var(--fuchsia-l)}\r\n.f-field select option{background:#fff;color:var(--ink)}\r\n.tdx-btn-submit{width:100%;background:var(--grad);color:#fff;border:none;border-radius:10px;padding:14px 28px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s;margin-top:4px;box-shadow:0 6px 24px var(--fuchsia-b)}\r\n.tdx-btn-submit:hover{opacity:.9;transform:translateY(-2px)}\r\n.f-consent{font-size:.72rem;color:var(--ink-40);margin-top:10px;line-height:1.5}\r\n\r\nfooter{border-top:1px solid var(--gray);padding:28px 0}\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:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.95rem;color:var(--ink)}\r\n.footer-right{font-size:.78rem;color:var(--ink-65)}\r\n.footer-right a{color:var(--fuchsia);text-decoration:none}\r\n\r\n@media(max-width:960px){\r\n  .hero-bento,.cta-inner{grid-template-columns:1fr;gap:40px}\r\n  .hero-photo-wrap{order:-1;max-width:340px;margin:0 auto}\r\n  .mod-panel.active{grid-template-columns:1fr}\r\n  .bento-stats{grid-template-columns:1fr 1fr}\r\n  .bento-big{grid-column:1\/3;grid-row:auto;min-height:200px}\r\n  .zigzag-block{grid-template-columns:1fr;gap:18px}\r\n  .comp-split{grid-template-columns:1fr}\r\n  .vs-badge{display:none}\r\n  .tdx-nav-links{display:none}\r\n  .photo-pill{display:none}\r\n}\r\n@media(max-width:600px){\r\n  .f-row-2{grid-template-columns:1fr}\r\n  .doc-card{width:112px;height:156px;margin-left:-14px}\r\n  .doc-card:first-child{margin-left:0}\r\n}\r\n@media(prefers-reduced-motion:reduce){*,*::after,*::before{animation:none!important;transition:none!important}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav>\r\n  <div class=\"tdx-nav-inner\">\r\n    <a href=\"#\" class=\"tdx-logo\">\r\n      <img decoding=\"async\" class=\"tdx-logo-img\" src=\"https:\/\/softmanagement.com.co\/tdocs\/wp-content\/uploads\/2026\/09\/Tdocs.png\" alt=\"TDOCS\">\r\n      TDOCS\r\n    <\/a>\r\n    <ul class=\"tdx-nav-links\">\r\n      <li><a href=\"#modulos\">M\u00f3dulos<\/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=\"#demo\">Demo<\/a><\/li>\r\n    <\/ul>\r\n    <a href=\"#demo\" class=\"tdx-btn-nav\">Agenda una 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 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"tdx-hero\">\r\n  <div class=\"mesh-wash\"><\/div>\r\n  <div class=\"tdx-container\">\r\n    <div class=\"hero-bento\">\r\n\r\n      <div>\r\n        <div class=\"hero-tags reveal\">\r\n          <div class=\"tag-pill tag-fuchsia\"><span class=\"dot-pulse\"><\/span>Gesti\u00f3n Documental Electr\u00f3nica<\/div>\r\n          <div class=\"tag-pill tag-lime\">\ud83c\udf31 Cero papel<\/div>\r\n        <\/div>\r\n\r\n        <h1 class=\"reveal d1\">Tu gesti\u00f3n documental<\/h1>\r\n        <div class=\"cycle-row reveal d1\">\r\n          <span class=\"cycle-icon\" id=\"cycleIcon\">\ud83d\uddc2\ufe0f<\/span>\r\n          <span class=\"cycle-word in-word\" id=\"cycleWord\">centraliza.<\/span>\r\n        <\/div>\r\n\r\n        <p class=\"hero-desc reveal d2\">Soluci\u00f3n integral que administra documentos, clasifica expedientes, controla transferencias, opera ventanilla \u00fanica y consulta informaci\u00f3n con mayor trazabilidad, seguridad y criterio archiv\u00edstico.<\/p>\r\n\r\n        <div class=\"hero-ctas reveal d3\">\r\n          <a href=\"#demo\" class=\"tdx-btn-primary\">Agenda una demo \u2192<\/a>\r\n          <a href=\"#demo\" class=\"tdx-btn-ghost\">Hablar con un experto<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hero-mini-stats reveal d4\">\r\n          <div class=\"mini-stat\"><b>8<\/b><span>m\u00f3dulos<\/span><\/div>\r\n          <div class=\"mini-stat\"><b>50<\/b><span>tipolog\u00edas<\/span><\/div>\r\n          <div class=\"mini-stat\"><b>8<\/b><span>indicadores<\/span><\/div>\r\n          <div class=\"mini-stat\"><b>6\u20138<\/b><span>sem. implementaci\u00f3n<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-photo-wrap reveal d2\">\r\n        <div class=\"blob-glow\"><\/div>\r\n        <img decoding=\"async\" class=\"hero-photo\" src=\"https:\/\/softmanagement.com.co\/tdocs\/wp-content\/uploads\/2026\/09\/11575.jpg\" alt=\"Equipo revisando gesti\u00f3n documental\">\r\n        <div class=\"photo-pill pp-1\">\r\n          <div class=\"pp-icon\" style=\"background:var(--fuchsia-l)\">\ud83d\udcc1<\/div>\r\n          <div><div class=\"pp-n\">2.847<\/div><div class=\"pp-l\">documentos clasificados<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"photo-pill pp-2\">\r\n          <div class=\"pp-icon\" style=\"background:var(--lime-l)\">\ud83c\udf31<\/div>\r\n          <div><div class=\"pp-n\">94%<\/div><div class=\"pp-l\">reducci\u00f3n de papel<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"photo-pill pp-3\">\r\n          <div class=\"pp-icon\" style=\"background:var(--violet-l)\">\ud83c\udff7\ufe0f<\/div>\r\n          <div><div class=\"pp-n\">RAD-0891<\/div><div class=\"pp-l\">radicaci\u00f3n en tiempo real<\/div><\/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 MODULES \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=\"tdx-container\">\r\n    <div class=\"tdx-eyebrow reveal\">M\u00f3dulos de la plataforma<\/div>\r\n    <h2 class=\"reveal d1\">La gesti\u00f3n documental <em style=\"background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:normal\">en un solo lugar<\/em><\/h2>\r\n\r\n    <div class=\"mod-tabs reveal d2\">\r\n      <div class=\"mod-tab active\" onclick=\"selectMod(0)\"><span class=\"tab-num\">01<\/span>Gesti\u00f3n y Trazabilidad<\/div>\r\n      <div class=\"mod-tab\" onclick=\"selectMod(1)\"><span class=\"tab-num\">02<\/span>Clasificaci\u00f3n y Conservaci\u00f3n<\/div>\r\n      <div class=\"mod-tab\" onclick=\"selectMod(2)\"><span class=\"tab-num\">03<\/span>Recepci\u00f3n y Distribuci\u00f3n<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mod-panel active\" id=\"mp-0\">\r\n      <div class=\"panel-left\">\r\n        <span class=\"tagline\">Documentos bajo control desde el primer ingreso<\/span>\r\n        <h3>Gesti\u00f3n y Trazabilidad Documental<\/h3>\r\n        <p>TDOCS centraliza la creaci\u00f3n, carga, consulta y seguimiento documental en un solo entorno web. La soluci\u00f3n permite gestionar documentos con metadatos, historial completo, trazabilidad de acciones y vistas operativas que facilitan el trabajo diario de los usuarios de la entidad.<\/p>\r\n        <ul class=\"feat-list\">\r\n          <li><div class=\"feat-dot\"><\/div>Carga individual y masiva de archivos por carpetas<\/li>\r\n          <li><div class=\"feat-dot\"><\/div>Consulta por t\u00edtulo, radicado, secci\u00f3n o propietario<\/li>\r\n          <li><div class=\"feat-dot\"><\/div>Bandeja de tareas para gesti\u00f3n operativa<\/li>\r\n          <li><div class=\"feat-dot\"><\/div>Trazabilidad sobre estados, acciones y responsables<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"mockup-card\">\r\n        <div class=\"mockup-head\">\r\n          <div class=\"mockup-icon\">\ud83d\udcc2<\/div>\r\n          <div><div class=\"mockup-title\">Bandeja de tareas<\/div><div class=\"mockup-sub\">Gesti\u00f3n operativa diaria<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"mockup-row\"><span><span class=\"mockup-chk\">\u2713<\/span> Contrato_2026_0891.pdf<\/span><\/div>\r\n        <div class=\"mockup-row\"><span><span class=\"mockup-chk\">\u2713<\/span> Acta_Comit\u00e9_Marzo.pdf<\/span><\/div>\r\n        <div class=\"mockup-row\"><span><span class=\"mockup-chk\" style=\"background:var(--gray-d)\">\u00b7\u00b7\u00b7<\/span> Resoluci\u00f3n_0445.pdf<\/span><\/div>\r\n        <div class=\"mockup-bar-row\"><div class=\"mockup-bar\"><div class=\"mockup-bar-fill\" data-w=\"78%\"><\/div><\/div><span class=\"mockup-pct\">78%<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mod-panel\" id=\"mp-1\">\r\n      <div class=\"panel-left\">\r\n        <span class=\"tagline\">Archivo estructurado con l\u00f3gica archiv\u00edstica<\/span>\r\n        <h3>Clasificaci\u00f3n y Conservaci\u00f3n Documental<\/h3>\r\n        <p>La soluci\u00f3n organiza la informaci\u00f3n bajo fondos documentales, secciones, subsecciones, series, subseries, tipolog\u00edas y tablas de conservaci\u00f3n. La gesti\u00f3n documental no depende de estructuras dispersas ni de control manual fuera del sistema.<\/p>\r\n        <ul class=\"feat-list\">\r\n          <li><div class=\"feat-dot\"><\/div>Fondos documentales y cuadro de clasificaci\u00f3n<\/li>\r\n          <li><div class=\"feat-dot\"><\/div>Secciones, subsecciones, series y subseries<\/li>\r\n          <li><div class=\"feat-dot\"><\/div>Tabla de plazos de conservaci\u00f3n<\/li>\r\n          <li><div class=\"feat-dot\"><\/div>Control de transferencias y eliminaci\u00f3n documental<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"mockup-card\">\r\n        <div class=\"mockup-head\">\r\n          <div class=\"mockup-icon\">\ud83d\uddc3\ufe0f<\/div>\r\n          <div><div class=\"mockup-title\">Cuadro de clasificaci\u00f3n<\/div><div class=\"mockup-sub\">Fondo \u00b7 Secci\u00f3n \u00b7 Serie<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"mockup-row\"><span>\ud83d\udcc1 Gesti\u00f3n Administrativa<\/span><\/div>\r\n        <div class=\"mockup-row\" style=\"padding-left:24px\"><span>\u21b3 \ud83d\udcc1 Contrataci\u00f3n<\/span><\/div>\r\n        <div class=\"mockup-row\" style=\"padding-left:40px\"><span>\u21b3 \ud83d\udcc4 Tipolog\u00eda: Contratos<\/span><\/div>\r\n        <div class=\"mockup-bar-row\"><div class=\"mockup-bar\"><div class=\"mockup-bar-fill\" data-w=\"50%\" style=\"background:linear-gradient(90deg,var(--lime),var(--lime-d))\"><\/div><\/div><span class=\"mockup-pct\" style=\"color:var(--lime-d)\">50 tip.<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mod-panel\" id=\"mp-2\">\r\n      <div class=\"panel-left\">\r\n        <span class=\"tagline\">Ventanilla \u00fanica para correspondencia y documentos<\/span>\r\n        <h3>Recepci\u00f3n, Radicaci\u00f3n y Distribuci\u00f3n<\/h3>\r\n        <p>TDOCS incorpora ventanilla \u00fanica para recibir, radicar, distribuir y gestionar correspondencia institucional, ordenando la operaci\u00f3n documental desde el ingreso hasta la asignaci\u00f3n a \u00e1reas y responsables internos.<\/p>\r\n        <ul class=\"feat-list\">\r\n          <li><div class=\"feat-dot\"><\/div>Recepci\u00f3n de documentos con identificador \u00fanico<\/li>\r\n          <li><div class=\"feat-dot\"><\/div>Radicaci\u00f3n oficial con n\u00famero consecutivo<\/li>\r\n          <li><div class=\"feat-dot\"><\/div>Distribuci\u00f3n por \u00e1reas y funcionarios<\/li>\r\n          <li><div class=\"feat-dot\"><\/div>Correspondencia entrante, saliente e interna<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"mockup-card\">\r\n        <div class=\"mockup-head\">\r\n          <div class=\"mockup-icon\">\ud83d\udcec<\/div>\r\n          <div><div class=\"mockup-title\">Ventanilla \u00fanica<\/div><div class=\"mockup-sub\">Correspondencia institucional<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"mockup-row\"><span>\u2198\ufe0f Entrante \u2014 Secretar\u00eda General<\/span><\/div>\r\n        <div class=\"mockup-row\"><span>\u2197\ufe0f Saliente \u2014 Despacho<\/span><\/div>\r\n        <div class=\"mockup-row\"><span>\ud83d\udd01 Interna \u2014 Talento Humano<\/span><\/div>\r\n        <div class=\"mockup-bar-row\"><div class=\"mockup-bar\"><div class=\"mockup-bar-fill\" data-w=\"100%\" style=\"background:linear-gradient(90deg,var(--violet),var(--fuchsia))\"><\/div><\/div><span class=\"mockup-pct\" style=\"color:var(--violet)\">3 flujos<\/span><\/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 STATS \u2014 BENTO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section-stats\">\r\n  <div class=\"tdx-container\">\r\n    <div class=\"stats-top reveal\">\r\n      <div class=\"tdx-eyebrow centered\">N\u00fameros que importan<\/div>\r\n      <h2>Una base lista para <em style=\"background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:normal\">operar<\/em><\/h2>\r\n      <p>Una soluci\u00f3n lista para operar desde el primer d\u00eda, con estructura archiv\u00edstica desde la base.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bento-stats\">\r\n      <div class=\"bento-big reveal\">\r\n        <div class=\"bento-icon\">\ud83d\uddc2\ufe0f<\/div>\r\n        <h3>Gesti\u00f3n centralizada<\/h3>\r\n        <p>Documentos, clasificaci\u00f3n y trazabilidad en un solo entorno \u2014 sin estructuras dispersas ni control manual por fuera del sistema.<\/p>\r\n      <\/div>\r\n      <div class=\"bento-small reveal d1\">\r\n        <span class=\"bento-num\"><span class=\"count-up\" data-target=\"8\">0<\/span><\/span>\r\n        <div class=\"bento-label\">indicadores nativos de reporter\u00eda operativa<\/div>\r\n      <\/div>\r\n      <div class=\"bento-small reveal d2\">\r\n        <span class=\"bento-num\"><span class=\"count-up\" data-target=\"50\">0<\/span><\/span>\r\n        <div class=\"bento-label\">tipolog\u00edas documentales en el alcance inicial<\/div>\r\n      <\/div>\r\n      <div class=\"bento-small reveal d3\" style=\"grid-column:2\/4\">\r\n        <span class=\"bento-num\"><span class=\"count-up\" data-target=\"3\">0<\/span><\/span>\r\n        <div class=\"bento-label\">flujos de correspondencia \u2014 entrante, saliente e interna desde ventanilla \u00fanica<\/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 FLOW \u2014 fanned documents \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=\"tdx-container\">\r\n    <div class=\"flow-top reveal\">\r\n      <div>\r\n        <div class=\"tdx-eyebrow\">Flujo operativo<\/div>\r\n        <h2>Acceso controlado para ciudadanos y funcionarios<\/h2>\r\n      <\/div>\r\n      <div style=\"text-align:right\">\r\n        <div class=\"flow-count\"><span class=\"count-up\" data-target=\"6\">0<\/span><sub> etapas<\/sub><\/div>\r\n        <div style=\"font-size:.82rem;color:var(--ink-65);margin-top:4px\">gesti\u00f3n documental estructurada<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"doc-fan reveal\">\r\n      <div class=\"doc-card active\" data-rot=\"-15\" onclick=\"selectFlow(0)\">\r\n        <div class=\"dc-stripe\"><\/div>\r\n        <div class=\"dc-head\"><span class=\"dc-icon\">\ud83d\udce5<\/span><span class=\"dc-n\">1\/6<\/span><\/div>\r\n        <span class=\"dc-keyword\">Recepci\u00f3n<\/span>\r\n        <div class=\"dc-full\">\r\n          <h4>Recepci\u00f3n o creaci\u00f3n del documento<\/h4>\r\n          <p>El documento ingresa al sistema mediante carga individual, carga masiva o recepci\u00f3n desde ventanilla \u00fanica.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"doc-card\" data-rot=\"-9\" onclick=\"selectFlow(1)\">\r\n        <div class=\"dc-stripe\"><\/div>\r\n        <div class=\"dc-head\"><span class=\"dc-icon\">\ud83c\udff7\ufe0f<\/span><span class=\"dc-n\">2\/6<\/span><\/div>\r\n        <span class=\"dc-keyword\">Radicaci\u00f3n<\/span>\r\n        <div class=\"dc-full\">\r\n          <h4>Radicaci\u00f3n e identificaci\u00f3n<\/h4>\r\n          <p>La soluci\u00f3n asigna identificadores y organiza la informaci\u00f3n b\u00e1sica del documento para iniciar su gesti\u00f3n dentro de la entidad.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"doc-card\" data-rot=\"-3\" onclick=\"selectFlow(2)\">\r\n        <div class=\"dc-stripe\"><\/div>\r\n        <div class=\"dc-head\"><span class=\"dc-icon\">\ud83d\udcc2<\/span><span class=\"dc-n\">3\/6<\/span><\/div>\r\n        <span class=\"dc-keyword\">Clasificaci\u00f3n<\/span>\r\n        <div class=\"dc-full\">\r\n          <h4>Clasificaci\u00f3n documental<\/h4>\r\n          <p>El documento se ubica dentro del fondo, secci\u00f3n, serie, subserie y tipolog\u00eda correspondiente, asegurando orden archiv\u00edstico desde el inicio.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"doc-card\" data-rot=\"3\" onclick=\"selectFlow(3)\">\r\n        <div class=\"dc-stripe\"><\/div>\r\n        <div class=\"dc-head\"><span class=\"dc-icon\">\u2699\ufe0f<\/span><span class=\"dc-n\">4\/6<\/span><\/div>\r\n        <span class=\"dc-keyword\">Gesti\u00f3n<\/span>\r\n        <div class=\"dc-full\">\r\n          <h4>Gesti\u00f3n y consulta operativa<\/h4>\r\n          <p>Los usuarios trabajan desde bandejas, consultan documentos, acceden a metadatos y revisan trazabilidad e historial de gesti\u00f3n.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"doc-card\" data-rot=\"9\" onclick=\"selectFlow(4)\">\r\n        <div class=\"dc-stripe\"><\/div>\r\n        <div class=\"dc-head\"><span class=\"dc-icon\">\ud83d\udcca<\/span><span class=\"dc-n\">5\/6<\/span><\/div>\r\n        <span class=\"dc-keyword\">Reporter\u00eda<\/span>\r\n        <div class=\"dc-full\">\r\n          <h4>Seguimiento, reporter\u00eda y control<\/h4>\r\n          <p>La entidad monitorea producci\u00f3n documental, estados, vencimientos, tiempos y productividad a trav\u00e9s de tableros e indicadores nativos.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"doc-card\" data-rot=\"15\" onclick=\"selectFlow(5)\">\r\n        <div class=\"dc-stripe\"><\/div>\r\n        <div class=\"dc-head\"><span class=\"dc-icon\">\ud83d\uddc4\ufe0f<\/span><span class=\"dc-n\">6\/6<\/span><\/div>\r\n        <span class=\"dc-keyword\">Conservaci\u00f3n<\/span>\r\n        <div class=\"dc-full\">\r\n          <h4>Conservaci\u00f3n, transferencia o disposici\u00f3n final<\/h4>\r\n          <p>TDOCS soporta el ciclo archiv\u00edstico mediante tablas de conservaci\u00f3n, transferencias documentales y procesos de eliminaci\u00f3n cuando aplica.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"flow-hint reveal\">\u2191 Haz clic en cualquier documento para ver el detalle completo<\/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 IMPLEMENTATION \u2014 zigzag \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=\"tdx-container\">\r\n    <div class=\"impl-header reveal\">\r\n      <div class=\"tdx-eyebrow centered\">Implementaci\u00f3n<\/div>\r\n      <h2>Puesta en marcha enfocada en estructura y operaci\u00f3n<\/h2>\r\n      <p>TDOCS se configura para dejar la entidad operando con una estructura documental organizada, reglas de conservaci\u00f3n y una base funcional lista para crecer.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"zigzag-block reveal\">\r\n      <div class=\"zz-marker\">\r\n        <div class=\"zz-num\">01<\/div>\r\n        <div class=\"zz-label\">Configuraci\u00f3n<br>inicial<\/div>\r\n      <\/div>\r\n      <div class=\"zz-content\">\r\n        <h3>Base documental lista para operar<\/h3>\r\n        <span class=\"zz-sub\">Estructura + par\u00e1metros desde el inicio<\/span>\r\n        <p>Despliegue de la soluci\u00f3n y parametrizaci\u00f3n de la estructura documental principal para operar bajo un marco organizado y consistente desde el primer d\u00eda.<\/p>\r\n        <ul class=\"impl-list\">\r\n          <li>Creaci\u00f3n de fondos documentales<\/li>\r\n          <li>Secciones, series y subseries<\/li>\r\n          <li>Hasta 50 tipolog\u00edas parametrizadas<\/li>\r\n          <li>Tabla de retenci\u00f3n documental<\/li>\r\n        <\/ul>\r\n        <div class=\"impl-time\">\u23f1 6 a 8 semanas<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"zigzag-block reveal d1\">\r\n      <div class=\"zz-marker\">\r\n        <div class=\"zz-num lime-num\">02<\/div>\r\n        <div class=\"zz-label\">Alcance<br>inicial<\/div>\r\n      <\/div>\r\n      <div class=\"zz-content\">\r\n        <h3>Salida ordenada, base s\u00f3lida para crecer<\/h3>\r\n        <span class=\"zz-sub lime-sub\">Prioridad: estructura y operaci\u00f3n central<\/span>\r\n        <p>La versi\u00f3n inicial deja la operaci\u00f3n funcional con una base s\u00f3lida. Las ampliaciones funcionales se implementan en fases posteriores de evoluci\u00f3n.<\/p>\r\n        <ul class=\"impl-list\">\r\n          <li>Logo institucional incluido<\/li>\r\n          <li>Preparado para evoluci\u00f3n funcional<\/li>\r\n          <li class=\"note\">Sin personalizaci\u00f3n avanzada de look and feel<\/li>\r\n          <li class=\"note\">Sin plantillas documentales en esta fase<\/li>\r\n          <li class=\"note\">Sin flujos por tipolog\u00eda inicialmente<\/li>\r\n        <\/ul>\r\n      <\/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=\"t-dot\"><\/div>Arquitectura web + API<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Seguridad JWT y roles<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Directorio Activo<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Interoperabilidad<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Frontend responsivo<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>8 indicadores nativos<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Ventanilla \u00fanica<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Criterio archiv\u00edstico<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Cero papel \ud83c\udf31<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Evoluci\u00f3n funcional<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Arquitectura web + API<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Seguridad JWT y roles<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Directorio Activo<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Interoperabilidad<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Frontend responsivo<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>8 indicadores nativos<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Ventanilla \u00fanica<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Criterio archiv\u00edstico<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Cero papel \ud83c\udf31<\/div>\r\n    <div class=\"ticker-item\"><div class=\"t-dot\"><\/div>Evoluci\u00f3n funcional<\/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 COMPARISON \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=\"tdx-container\">\r\n    <div class=\"comp-top reveal\">\r\n      <div class=\"tdx-eyebrow centered\">\u00bfPor qu\u00e9 TDOCS?<\/div>\r\n      <h2>Del archivo disperso al ecosistema <em style=\"background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:normal\">integrado<\/em><\/h2>\r\n      <p>Lo que antes viv\u00eda fragmentado, TDOCS lo unifica con criterio archiv\u00edstico y trazabilidad completa.<\/p>\r\n    <\/div>\r\n    <div class=\"comp-split-wrap reveal\">\r\n      <div class=\"comp-split\">\r\n        <div class=\"comp-col col-before\">\r\n          <div class=\"comp-col-head\">Sin TDOCS<\/div>\r\n          <div class=\"comp-items\">\r\n            <div class=\"comp-item\"><span class=\"ci-x\">\u2717<\/span>Ingreso documental disperso, sin control<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-x\">\u2717<\/span>Documentos sin gesti\u00f3n centralizada<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-x\">\u2717<\/span>Clasificaci\u00f3n archiv\u00edstica en archivos separados<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-x\">\u2717<\/span>Retenci\u00f3n documental manual o fuera del sistema<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-x\">\u2717<\/span>Transferencias sin trazabilidad clara<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-x\">\u2717<\/span>B\u00fasqueda lenta, solo palabras clave<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-x\">\u2717<\/span>Seguimiento operativo fragmentado<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-x\">\u2717<\/span>Correspondencia separada del archivo<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-x\">\u2717<\/span>Usuarios y permisos administrados por fuera<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-x\">\u2717<\/span>Infraestructura aislada, dif\u00edcil de conectar<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"comp-col col-after\">\r\n          <div class=\"comp-col-head\">Con TDOCS \u2713<\/div>\r\n          <div class=\"comp-items\">\r\n            <div class=\"comp-item\"><span class=\"ci-chk\">\u2713<\/span>Ventanilla \u00fanica con radicaci\u00f3n y distribuci\u00f3n<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-chk\">\u2713<\/span>Bandejas, metadatos y consulta avanzada<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-chk\">\u2713<\/span>Fondos, secciones, series y tipolog\u00edas unificadas<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-chk\">\u2713<\/span>Tabla de plazos de conservaci\u00f3n integrada<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-chk\">\u2713<\/span>Transferencias documentales con auditor\u00eda completa<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-chk\">\u2713<\/span>Consulta documental con interfaz IA conversacional<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-chk\">\u2713<\/span>Tablero nativo con 8 indicadores y estad\u00edsticas<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-chk\">\u2713<\/span>Entrante, saliente e interna en el mismo ecosistema<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-chk\">\u2713<\/span>Roles y control de acceso centralizado<\/div>\r\n            <div class=\"comp-item\"><span class=\"ci-chk\">\u2713<\/span>API + base de datos + Directorio Activo integrado<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"vs-badge\">VS<\/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 CTA + FORM \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=\"tdx-container\">\r\n    <div class=\"cta-inner\">\r\n      <div class=\"cta-left reveal\">\r\n        <h2>\u00bfListo para organizar su gesti\u00f3n documental desde un solo lugar?<\/h2>\r\n        <p>Agende una demo personalizada y le mostramos c\u00f3mo TDOCS estructura, clasifica y da trazabilidad a la operaci\u00f3n documental de su entidad.<\/p>\r\n        <p class=\"cta-note\">Respuesta en menos de 24 horas \u00b7 Sin compromisos<\/p>\r\n        <ul class=\"cta-caps\">\r\n          <li>8 m\u00f3dulos integrados para toda la operaci\u00f3n documental<\/li>\r\n          <li>Arquitectura web + API con seguridad JWT y roles<\/li>\r\n          <li>Integraci\u00f3n con Directorio Activo y sistemas externos<\/li>\r\n          <li>Criterio archiv\u00edstico desde la estructura documental base<\/li>\r\n          <li>Implementaci\u00f3n acompa\u00f1ada por SoftManagement<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"cta-form reveal d2\">\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 TDOCS\">\r\n          <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n          <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n          <div class=\"f-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=\"f-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\"><label>Tipo de entidad<\/label><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><\/div>\r\n          <div class=\"f-field\"><label>\u00bfQu\u00e9 le interesa explorar?<\/label><select name=\"\u00bfQu\u00e9 le interesa explorar?\"><option value=\"\">Seleccionar...<\/option><option>Gesti\u00f3n y trazabilidad documental<\/option><option>Clasificaci\u00f3n archiv\u00edstica<\/option><option>Ventanilla \u00fanica y radicaci\u00f3n<\/option><option>Toda la soluci\u00f3n TDOCS<\/option><\/select><\/div>\r\n          <button type=\"submit\" class=\"tdx-btn-submit\">Solicitar demo \u2192<\/button>\r\n          <p class=\"f-consent\">Al enviar acepta que nos comuniquemos 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  <div class=\"tdx-container\">\r\n    <div class=\"footer-inner\">\r\n      <div class=\"footer-brand\">\r\n        <img decoding=\"async\" src=\"https:\/\/softmanagement.com.co\/tdocs\/wp-content\/uploads\/2026\/09\/Tdocs.png\" alt=\"TDOCS\" style=\"height:30px;width:auto;object-fit:contain;flex-shrink:0\">\r\n        TDOCS <span style=\"font-weight:400;color:var(--ink-65);font-size:.85rem\">Gesti\u00f3n Documental Electr\u00f3nica \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\nconst ro=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting)e.target.classList.add('in')})},{threshold:.1});\r\ndocument.querySelectorAll('.reveal').forEach(el=>ro.observe(el));\r\n\r\nfunction countUp(el){\r\n  const t=parseInt(el.dataset.target,10),dur=1500,t0=performance.now();\r\n  (function tick(now){const p=Math.min((now-t0)\/dur,1);el.textContent=Math.floor(t*(1-Math.pow(1-p,3)));if(p<1)requestAnimationFrame(tick)})(t0);\r\n}\r\nconst co=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){countUp(e.target);co.unobserve(e.target)}})},{threshold:.5});\r\ndocument.querySelectorAll('.count-up').forEach(el=>co.observe(el));\r\n\r\nconst mo=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){e.target.querySelectorAll('.mockup-bar-fill').forEach(b=>{b.style.width=b.dataset.w});mo.unobserve(e.target)}})},{threshold:.3});\r\ndocument.querySelectorAll('.mod-panel').forEach(p=>mo.observe(p));\r\n\r\nconst words=[{w:'centraliza.',i:'\ud83d\uddc2\ufe0f'},{w:'organiza.',i:'\ud83d\uddc3\ufe0f'},{w:'protege.',i:'\ud83d\udd12'},{w:'clasifica.',i:'\ud83c\udff7\ufe0f'},{w:'trazabiliza.',i:'\ud83d\udd0d'}];\r\nlet wIdx=0;\r\nconst wEl=document.getElementById('cycleWord'),iEl=document.getElementById('cycleIcon');\r\nfunction cycleWord(){\r\n  wEl.classList.remove('in-word');wEl.classList.add('out');\r\n  setTimeout(()=>{\r\n    wIdx=(wIdx+1)%words.length;\r\n    wEl.textContent=words[wIdx].w; iEl.textContent=words[wIdx].i;\r\n    wEl.classList.remove('out');wEl.classList.add('in-word');\r\n  },280);\r\n}\r\nsetInterval(cycleWord,2300);\r\n\r\nfunction selectMod(i){\r\n  document.querySelectorAll('.mod-tab').forEach((t,idx)=>t.classList.toggle('active',idx===i));\r\n  document.querySelectorAll('.mod-panel').forEach((p,idx)=>{\r\n    if(idx===i){p.style.display='';p.classList.add('active');\r\n      p.querySelectorAll('.mockup-bar-fill').forEach(b=>{b.style.width='0';setTimeout(()=>b.style.width=b.dataset.w,80)});\r\n    } else {p.style.display='none';p.classList.remove('active')}\r\n  });\r\n}\r\ndocument.querySelectorAll('.mod-panel').forEach((p,i)=>{if(i!==0)p.style.display='none'});\r\n\r\nlet flowIdx=0;\r\nfunction selectFlow(i){\r\n  flowIdx=i;\r\n  const cards=Array.from(document.querySelectorAll('.doc-card'));\r\n  const fan=document.querySelector('.doc-fan');\r\n\r\n  cards.forEach((c,idx)=>{\r\n    c.classList.toggle('active',idx===i);\r\n    c.classList.toggle('dimmed',idx!==i);\r\n  });\r\n\r\n  \/\/ force layout, then compute shift to true-center the now-expanded card\r\n  const fanW=fan.clientWidth;\r\n  const active=cards[i];\r\n  const cardCenter=active.offsetLeft+active.offsetWidth\/2;\r\n  const shift=fanW\/2-cardCenter;\r\n  active.style.transform=`translateX(${shift}px) translateY(-22px) rotate(0deg)`;\r\n\r\n  cards.forEach((c,idx)=>{\r\n    if(idx!==i){ c.style.transform=''; c.style.setProperty('--rot', c.dataset.rot+'deg'); }\r\n  });\r\n}\r\nselectFlow(0);\r\nsetInterval(()=>{ selectFlow((flowIdx+1)%6); },4200);\r\n<\/script>\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>TDOCS \u00b7 Gesti\u00f3n Documental Electr\u00f3nica \u00b7 SoftManagement TDOCS M\u00f3dulos Flujo Implementaci\u00f3n Demo Agenda una demo Gesti\u00f3n Documental Electr\u00f3nica \ud83c\udf31 Cero papel Tu gesti\u00f3n documental \ud83d\uddc2\ufe0f centraliza. Soluci\u00f3n integral que administra documentos, clasifica expedientes, controla transferencias, opera ventanilla \u00fanica y consulta informaci\u00f3n con mayor trazabilidad, seguridad y criterio archiv\u00edstico. Agenda una demo \u2192 Hablar con un [&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\/tdocs\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softmanagement.com.co\/tdocs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/softmanagement.com.co\/tdocs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/softmanagement.com.co\/tdocs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softmanagement.com.co\/tdocs\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":82,"href":"https:\/\/softmanagement.com.co\/tdocs\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/softmanagement.com.co\/tdocs\/wp-json\/wp\/v2\/pages\/7\/revisions\/111"}],"wp:attachment":[{"href":"https:\/\/softmanagement.com.co\/tdocs\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}