.mockup-retencion-fuente-colombia *{box-sizing:border-box}.mockup-retencion-fuente-colombia{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#12243b;background:#fff}.mockup-retencion-fuente-colombia button,.mockup-retencion-fuente-colombia input,.mockup-retencion-fuente-colombia select{font:inherit}.mockup-retencion-fuente-colombia .wrap{width:min(1160px,calc(100% - 40px));margin:auto}.mockup-retencion-fuente-colombia header{height:82px;border-bottom:1px solid #e1e8ed;display:flex;align-items:center}.mockup-retencion-fuente-colombia .nav{display:flex;align-items:center;justify-content:space-between}.mockup-retencion-fuente-colombia .brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900}.mockup-retencion-fuente-colombia .logo{width:31px;height:31px;border-radius:8px;background:#183653;color:#fff;display:grid;place-items:center;font-size:12px}.mockup-retencion-fuente-colombia .links,.mockup-retencion-fuente-colombia .tools{display:flex;align-items:center;gap:25px}.mockup-retencion-fuente-colombia .links span{font-size:12px;font-weight:750;color:#526477}.mockup-retencion-fuente-colombia .tools span{border:1px solid #dbe4e9;border-radius:10px;padding:10px 13px;font-size:11px}.mockup-retencion-fuente-colombia .tools .dark{background:#183653;color:#fff}.mockup-retencion-fuente-colombia .hero{background:radial-gradient(circle at 18% 70%,#fff3d7 0,transparent 26%),linear-gradient(135deg,#f7f9fd,#fffdf6);padding:27px 0 65px}.mockup-retencion-fuente-colombia .crumb{font-size:11px;color:#748497;margin-bottom:34px}.mockup-retencion-fuente-colombia .crumb b,.mockup-retencion-fuente-colombia .eyebrow{color:#b78314}.mockup-retencion-fuente-colombia .grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:52px;align-items:start}.mockup-retencion-fuente-colombia .copy{padding-top:7px}.mockup-retencion-fuente-colombia .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;display:flex;align-items:center;gap:9px}.mockup-retencion-fuente-colombia .eyebrow:before{content:"";width:27px;border-top:2px solid}.mockup-retencion-fuente-colombia .copy h1{font-size:51px;line-height:1.02;letter-spacing:-.055em;margin:17px 0}.mockup-retencion-fuente-colombia .copy>p{font-size:16px;line-height:1.65;color:#5c6f83}.mockup-retencion-fuente-colombia .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}.mockup-retencion-fuente-colombia .chips span{background:#fff;border:1px solid #dbe5e9;border-radius:9px;padding:8px 10px;font-size:9px;color:#52677b}.mockup-retencion-fuente-colombia .art{height:250px;position:relative;margin-top:24px}.mockup-retencion-fuente-colombia .sheet{position:absolute;left:56px;top:6px;width:285px;height:218px;background:#fff;border:1px solid #d9e4e8;border-radius:12px;box-shadow:0 21px 40px #17385818;padding:24px}.mockup-retencion-fuente-colombia .sheet:before{content:"DIAN";display:block;font-size:24px;font-weight:900;color:#183653}.mockup-retencion-fuente-colombia .sheet i{display:block;border-top:9px solid #e8edf0;margin-top:17px;border-radius:8px}.mockup-retencion-fuente-colombia .sheet i:nth-child(3){width:72%}.mockup-retencion-fuente-colombia .sheet i:nth-child(4){width:84%}.mockup-retencion-fuente-colombia .stamp{position:absolute;left:235px;bottom:26px;width:88px;height:88px;border:6px solid #d7a837;border-radius:50%;display:grid;place-items:center;color:#b78314;font-size:11px;font-weight:900;transform:rotate(-11deg);background:#fff8}.mockup-retencion-fuente-colombia .float{position:absolute;right:0;top:20px;background:#fff;border:1px solid #d9e4e8;border-radius:14px;padding:15px 18px;box-shadow:0 16px 34px #17385818;z-index:3}.mockup-retencion-fuente-colombia .float small{display:block;font-size:7px;color:#6b7d8f}.mockup-retencion-fuente-colombia .float b{display:block;color:#b78314;font-size:20px;margin:5px 0}.mockup-retencion-fuente-colombia .float span{font-size:8px;color:#65788a}.mockup-retencion-fuente-colombia .calc{background:#fff;border:1px solid #d8e3e8;border-radius:20px;padding:26px 29px;box-shadow:0 25px 58px #17385817}.mockup-retencion-fuente-colombia .calc-head{display:flex;justify-content:space-between;gap:16px}.mockup-retencion-fuente-colombia .calc h2{font-size:23px;margin:0 0 4px}.mockup-retencion-fuente-colombia .muted{font-size:10px;color:#687b8d;margin:0}.mockup-retencion-fuente-colombia .tag{background:#fff6dd;color:#9a7011;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:850;height:max-content}.mockup-retencion-fuente-colombia .label{font-size:9px;font-weight:900;margin:17px 0 8px}.mockup-retencion-fuente-colombia .cases{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mockup-retencion-fuente-colombia .case{border:1px solid #dce5e9;background:#fff;border-radius:10px;padding:8px 4px;min-height:66px;font-size:8px;font-weight:800;color:#586c7e;cursor:pointer}.mockup-retencion-fuente-colombia .case i{display:block;font-style:normal;font-size:16px;margin-bottom:3px}.mockup-retencion-fuente-colombia .case.active{border:2px solid #c29525;background:#fff9e8;color:#8d6814}.mockup-retencion-fuente-colombia .fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mockup-retencion-fuente-colombia .field{border:1px solid #dce5e9;border-radius:10px;padding:9px 11px}.mockup-retencion-fuente-colombia .field.hide{display:none}.mockup-retencion-fuente-colombia .field label{display:block;font-size:8px;color:#64788b;margin-bottom:5px}.mockup-retencion-fuente-colombia .field input,.mockup-retencion-fuente-colombia .field select{width:100%;border:0;outline:0;background:none;font-size:13px;font-weight:750;color:#17304b}.mockup-retencion-fuente-colombia .result{background:#183653;color:#fff;border-radius:15px;padding:18px 20px;margin-top:12px}.mockup-retencion-fuente-colombia .result-top{display:flex;justify-content:space-between;gap:15px}.mockup-retencion-fuente-colombia .result small{font-size:8px;color:#b9cad6}.mockup-retencion-fuente-colombia .value{font-size:34px;letter-spacing:-.04em;font-weight:900;margin-top:4px}.mockup-retencion-fuente-colombia .badge{background:#fff6dd;color:#8d6814;border-radius:9px;padding:9px 11px;text-align:right;height:max-content}.mockup-retencion-fuente-colombia .badge small{color:#8d6814}.mockup-retencion-fuente-colombia .badge b{display:block;font-size:12px;margin-top:3px}.mockup-retencion-fuente-colombia .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #375874;padding-top:12px;margin-top:13px}.mockup-retencion-fuente-colombia .stats span{font-size:7px;color:#b9c9d4}.mockup-retencion-fuente-colombia .stats b{display:block;color:#fff;font-size:10px;margin-top:4px}.mockup-retencion-fuente-colombia .go{width:100%;border:0;border-radius:9px;background:linear-gradient(90deg,#b78314,#d6a83f);color:#fff;padding:12px;font-size:11px;font-weight:900;margin-top:14px;cursor:pointer}.mockup-retencion-fuente-colombia .section{padding:70px 0}.mockup-retencion-fuente-colombia .center{text-align:center;max-width:720px;margin:0 auto 34px}.mockup-retencion-fuente-colombia .center span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#b78314;font-weight:900}.mockup-retencion-fuente-colombia .center h2{font-size:37px;letter-spacing:-.045em;margin:10px 0}.mockup-retencion-fuente-colombia .center p{font-size:12px;line-height:1.65;color:#63768a}.mockup-retencion-fuente-colombia .stack{border:1px solid #dce5e9;border-radius:18px;padding:28px}.mockup-retencion-fuente-colombia .bar{height:52px;border-radius:13px;overflow:hidden;display:flex;color:#fff;text-align:center}.mockup-retencion-fuente-colombia .bar i{font-style:normal;display:grid;place-items:center;font-size:8px;font-weight:850;min-width:2%}.mockup-retencion-fuente-colombia .ded{background:#4c8fbb}.mockup-retencion-fuente-colombia .base{background:#d2a532}.mockup-retencion-fuente-colombia .ret{background:#c76d5d}.mockup-retencion-fuente-colombia .net{background:#54a27e}.mockup-retencion-fuente-colombia .legend{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.mockup-retencion-fuente-colombia .legend span{font-size:8px;color:#65788b}.mockup-retencion-fuente-colombia .legend b{display:block;font-size:11px;color:#17304b;margin-top:4px}.mockup-retencion-fuente-colombia .break{background:#f4f8fa;padding:69px 0}.mockup-retencion-fuente-colombia .breakgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:17px}.mockup-retencion-fuente-colombia .card{background:#fff;border:1px solid #dce5e9;border-radius:16px;padding:25px}.mockup-retencion-fuente-colombia .card h3{font-size:18px;margin:0 0 17px}.mockup-retencion-fuente-colombia .line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e5ecef}.mockup-retencion-fuente-colombia .line span{font-size:10px;color:#627689}.mockup-retencion-fuente-colombia .line b{font-size:11px}.mockup-retencion-fuente-colombia .line.total{background:#fff6dd;color:#8d6814;border:0;border-radius:10px;padding:14px;margin-top:11px}.mockup-retencion-fuente-colombia .rule{display:flex;gap:12px;margin:14px 0}.mockup-retencion-fuente-colombia .rule i{font-style:normal;width:34px;height:34px;border-radius:10px;background:#fff6dd;color:#b78314;display:grid;place-items:center;font-weight:900}.mockup-retencion-fuente-colombia .rule b{display:block;font-size:10px}.mockup-retencion-fuente-colombia .rule span{display:block;font-size:9px;color:#687b8d;margin-top:3px;line-height:1.45}.mockup-retencion-fuente-colombia .warning{background:#fff7e8;border:1px solid #efdcae;border-radius:11px;padding:13px;margin-top:16px;color:#76551b;font-size:9px;line-height:1.55}.mockup-retencion-fuente-colombia .concepts{padding:69px 0}.mockup-retencion-fuente-colombia .conceptgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mockup-retencion-fuente-colombia .concept{border:1px solid #dce5e9;border-radius:15px;padding:20px}.mockup-retencion-fuente-colombia .concept i{font-style:normal;font-size:21px}.mockup-retencion-fuente-colombia .concept h3{font-size:12px;margin:11px 0 6px}.mockup-retencion-fuente-colombia .concept p{font-size:9px;line-height:1.55;color:#687b8d}.mockup-retencion-fuente-colombia .concept em{font-style:normal;color:#b78314;background:#fff6dd;border-radius:99px;padding:6px 8px;font-size:7px;font-weight:850}.mockup-retencion-fuente-colombia .darksec{background:#183653;color:#fff;padding:68px 0}.mockup-retencion-fuente-colombia .darkgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}.mockup-retencion-fuente-colombia .darksec h2{font-size:35px;letter-spacing:-.045em;margin:10px 0}.mockup-retencion-fuente-colombia .darksec p{color:#c2d0db;font-size:11px;line-height:1.65}.mockup-retencion-fuente-colombia .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mockup-retencion-fuente-colombia .facts div{background:#254762;border-radius:13px;padding:17px;text-align:center}.mockup-retencion-fuente-colombia .facts small{display:block;color:#abc0ce;font-size:7px}.mockup-retencion-fuente-colombia .facts b{display:block;font-size:14px;margin:7px 0}.mockup-retencion-fuente-colombia .facts span{font-size:8px;color:#f0d47e}.mockup-retencion-fuente-colombia .foot{height:90px}@media(max-width:800px){.mockup-retencion-fuente-colombia .links{display:none}.mockup-retencion-fuente-colombia .grid,.mockup-retencion-fuente-colombia .breakgrid,.mockup-retencion-fuente-colombia .darkgrid{grid-template-columns:1fr}.mockup-retencion-fuente-colombia .copy{text-align:center}.mockup-retencion-fuente-colombia .eyebrow,.mockup-retencion-fuente-colombia .chips{justify-content:center}.mockup-retencion-fuente-colombia .copy h1{font-size:41px}.mockup-retencion-fuente-colombia .art{max-width:420px;margin-inline:auto}.mockup-retencion-fuente-colombia .calc{padding:21px 16px}.mockup-retencion-fuente-colombia .cases,.mockup-retencion-fuente-colombia .conceptgrid{grid-template-columns:1fr 1fr}.mockup-retencion-fuente-colombia .tools span:not(:last-child){display:none}}@media(max-width:500px){.mockup-retencion-fuente-colombia .wrap{width:min(100% - 26px,1160px)}.mockup-retencion-fuente-colombia .copy h1{font-size:36px}.mockup-retencion-fuente-colombia .fields,.mockup-retencion-fuente-colombia .stats,.mockup-retencion-fuente-colombia .legend,.mockup-retencion-fuente-colombia .conceptgrid,.mockup-retencion-fuente-colombia .facts{grid-template-columns:1fr}.mockup-retencion-fuente-colombia .sheet{left:0}.mockup-retencion-fuente-colombia .float{right:0}}.mockup-retencion-fuente-colombia{width:100%;overflow:hidden}.mockup-retencion-fuente-colombia .top,.mockup-retencion-fuente-colombia header.top{display:none!important}.mockup-retencion-fuente-colombia .foot{display:none!important}.mockup-retencion-fuente-colombia .support-real{width:min(1160px,calc(100% - 40px));margin:auto;padding:64px 0}.mockup-retencion-fuente-colombia .support-real-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.mockup-retencion-fuente-colombia .support-real details{border-bottom:1px solid #dfe6ed;padding:14px 0}.mockup-retencion-fuente-colombia .support-real summary{cursor:pointer;font-weight:750}.mockup-retencion-fuente-colombia .support-real p{color:#687a8f;line-height:1.65}@media(max-width:800px){.mockup-retencion-fuente-colombia .support-real-grid{grid-template-columns:1fr}}