.mockup-recibos-servicios-colombia *{box-sizing:border-box}.mockup-recibos-servicios-colombia{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#12243b;background:#fff}.mockup-recibos-servicios-colombia button,.mockup-recibos-servicios-colombia input,.mockup-recibos-servicios-colombia select{font:inherit}.mockup-recibos-servicios-colombia .wrap{width:min(1160px,calc(100% - 40px));margin:auto}.mockup-recibos-servicios-colombia header{height:82px;border-bottom:1px solid #e1e8ed;display:flex;align-items:center}.mockup-recibos-servicios-colombia .nav{display:flex;align-items:center;justify-content:space-between}.mockup-recibos-servicios-colombia .brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900}.mockup-recibos-servicios-colombia .logo{width:31px;height:31px;border-radius:8px;background:#183653;color:#fff;display:grid;place-items:center;font-size:12px}.mockup-recibos-servicios-colombia .links,.mockup-recibos-servicios-colombia .tools{display:flex;align-items:center;gap:25px}.mockup-recibos-servicios-colombia .links span{font-size:12px;font-weight:750;color:#526477}.mockup-recibos-servicios-colombia .tools span{border:1px solid #dbe4e9;border-radius:10px;padding:10px 13px;font-size:11px}.mockup-recibos-servicios-colombia .tools .dark{background:#183653;color:#fff}.mockup-recibos-servicios-colombia .hero{background:radial-gradient(circle at 18% 70%,#e2f5f1 0,transparent 26%),linear-gradient(135deg,#f7f9fd,#f5fbfa);padding:27px 0 65px}.mockup-recibos-servicios-colombia .crumb{font-size:11px;color:#748497;margin-bottom:34px}.mockup-recibos-servicios-colombia .crumb b,.mockup-recibos-servicios-colombia .eyebrow{color:#238575}.mockup-recibos-servicios-colombia .grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:52px;align-items:start}.mockup-recibos-servicios-colombia .copy{padding-top:7px}.mockup-recibos-servicios-colombia .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;display:flex;align-items:center;gap:9px}.mockup-recibos-servicios-colombia .eyebrow:before{content:"";width:27px;border-top:2px solid}.mockup-recibos-servicios-colombia .copy h1{font-size:52px;line-height:1.02;letter-spacing:-.055em;margin:17px 0}.mockup-recibos-servicios-colombia .copy>p{font-size:16px;line-height:1.65;color:#5c6f83}.mockup-recibos-servicios-colombia .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}.mockup-recibos-servicios-colombia .chips span{background:#fff;border:1px solid #dbe5e9;border-radius:9px;padding:8px 10px;font-size:9px;color:#52677b}.mockup-recibos-servicios-colombia .art{height:250px;position:relative;margin-top:24px}.mockup-recibos-servicios-colombia .bill{position:absolute;left:65px;top:8px;width:275px;height:215px;background:#fff;border:1px solid #d9e4e8;border-radius:12px;box-shadow:0 21px 40px #17385818;padding:24px}.mockup-recibos-servicios-colombia .bill strong{font-size:20px;color:#183653}.mockup-recibos-servicios-colombia .bill i{display:block;border-top:9px solid #e6ecef;border-radius:8px;margin-top:17px}.mockup-recibos-servicios-colombia .bill i:nth-child(3){width:73%}.mockup-recibos-servicios-colombia .bill i:nth-child(4){width:87%}.mockup-recibos-servicios-colombia .icons{display:flex;gap:9px;margin-top:20px}.mockup-recibos-servicios-colombia .icons span{width:35px;height:35px;border-radius:10px;background:#e7f6f2;color:#238575;display:grid;place-items:center;font-weight:900}.mockup-recibos-servicios-colombia .float{position:absolute;right:0;top:16px;background:#fff;border:1px solid #d9e4e8;border-radius:14px;padding:15px 18px;box-shadow:0 16px 34px #17385818;z-index:3}.mockup-recibos-servicios-colombia .float small{display:block;font-size:7px;color:#6b7d8f}.mockup-recibos-servicios-colombia .float b{display:block;color:#238575;font-size:20px;margin:5px 0}.mockup-recibos-servicios-colombia .float span{font-size:8px;color:#65788a}.mockup-recibos-servicios-colombia .calc{background:#fff;border:1px solid #d8e3e8;border-radius:20px;padding:26px 29px;box-shadow:0 25px 58px #17385817}.mockup-recibos-servicios-colombia .calc-head{display:flex;justify-content:space-between;gap:16px}.mockup-recibos-servicios-colombia .calc h2{font-size:23px;margin:0 0 4px}.mockup-recibos-servicios-colombia .muted{font-size:10px;color:#687b8d;margin:0}.mockup-recibos-servicios-colombia .tag{background:#eaf7f3;color:#216f61;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:850;height:max-content}.mockup-recibos-servicios-colombia .label{font-size:9px;font-weight:900;margin:17px 0 8px}.mockup-recibos-servicios-colombia .cases{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mockup-recibos-servicios-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-recibos-servicios-colombia .case i{display:block;font-style:normal;font-size:17px;margin-bottom:3px}.mockup-recibos-servicios-colombia .case.active{border:2px solid #359383;background:#edf9f6;color:#216d60}.mockup-recibos-servicios-colombia .fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mockup-recibos-servicios-colombia .field{border:1px solid #dce5e9;border-radius:10px;padding:9px 11px}.mockup-recibos-servicios-colombia .field.hide{display:none}.mockup-recibos-servicios-colombia .field label{display:block;font-size:8px;color:#64788b;margin-bottom:5px}.mockup-recibos-servicios-colombia .field input,.mockup-recibos-servicios-colombia .field select{width:100%;border:0;outline:0;background:none;font-size:13px;font-weight:750;color:#17304b}.mockup-recibos-servicios-colombia .result{background:#183653;color:#fff;border-radius:15px;padding:18px 20px;margin-top:12px}.mockup-recibos-servicios-colombia .result-top{display:flex;justify-content:space-between;gap:15px}.mockup-recibos-servicios-colombia .result small{font-size:8px;color:#b9cad6}.mockup-recibos-servicios-colombia .value{font-size:34px;letter-spacing:-.04em;font-weight:900;margin-top:4px}.mockup-recibos-servicios-colombia .badge{background:#eaf7f3;color:#216d60;border-radius:9px;padding:9px 11px;text-align:right;height:max-content}.mockup-recibos-servicios-colombia .badge small{color:#216d60}.mockup-recibos-servicios-colombia .badge b{display:block;font-size:12px;margin-top:3px}.mockup-recibos-servicios-colombia .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #375874;padding-top:12px;margin-top:13px}.mockup-recibos-servicios-colombia .stats span{font-size:7px;color:#b9c9d4}.mockup-recibos-servicios-colombia .stats b{display:block;color:#fff;font-size:10px;margin-top:4px}.mockup-recibos-servicios-colombia .go{width:100%;border:0;border-radius:9px;background:linear-gradient(90deg,#238575,#4bac97);color:#fff;padding:12px;font-size:11px;font-weight:900;margin-top:14px;cursor:pointer}.mockup-recibos-servicios-colombia .section{padding:70px 0}.mockup-recibos-servicios-colombia .center{text-align:center;max-width:720px;margin:0 auto 34px}.mockup-recibos-servicios-colombia .center span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#238575;font-weight:900}.mockup-recibos-servicios-colombia .center h2{font-size:37px;letter-spacing:-.045em;margin:10px 0}.mockup-recibos-servicios-colombia .center p{font-size:12px;line-height:1.65;color:#63768a}.mockup-recibos-servicios-colombia .stack{border:1px solid #dce5e9;border-radius:18px;padding:28px}.mockup-recibos-servicios-colombia .bar{height:52px;border-radius:13px;overflow:hidden;display:flex;color:#fff;text-align:center}.mockup-recibos-servicios-colombia .bar i{font-style:normal;display:grid;place-items:center;font-size:8px;font-weight:850;min-width:2%}.mockup-recibos-servicios-colombia .fixed{background:#4d8bb7}.mockup-recibos-servicios-colombia .consume{background:#238575}.mockup-recibos-servicios-colombia .adjust{background:#efb95e}.mockup-recibos-servicios-colombia .other{background:#ce7566}.mockup-recibos-servicios-colombia .legend{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.mockup-recibos-servicios-colombia .legend span{font-size:8px;color:#65788b}.mockup-recibos-servicios-colombia .legend b{display:block;font-size:11px;color:#17304b;margin-top:4px}.mockup-recibos-servicios-colombia .break{background:#f4f8fa;padding:69px 0}.mockup-recibos-servicios-colombia .breakgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:17px}.mockup-recibos-servicios-colombia .card{background:#fff;border:1px solid #dce5e9;border-radius:16px;padding:25px}.mockup-recibos-servicios-colombia .card h3{font-size:18px;margin:0 0 17px}.mockup-recibos-servicios-colombia .line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e5ecef}.mockup-recibos-servicios-colombia .line span{font-size:10px;color:#627689}.mockup-recibos-servicios-colombia .line b{font-size:11px}.mockup-recibos-servicios-colombia .line.total{background:#eaf7f3;color:#216d60;border:0;border-radius:10px;padding:14px;margin-top:11px}.mockup-recibos-servicios-colombia .rule{display:flex;gap:12px;margin:14px 0}.mockup-recibos-servicios-colombia .rule i{font-style:normal;width:34px;height:34px;border-radius:10px;background:#eaf7f3;color:#238575;display:grid;place-items:center;font-weight:900}.mockup-recibos-servicios-colombia .rule b{display:block;font-size:10px}.mockup-recibos-servicios-colombia .rule span{display:block;font-size:9px;color:#687b8d;margin-top:3px;line-height:1.45}.mockup-recibos-servicios-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-recibos-servicios-colombia .services{padding:69px 0}.mockup-recibos-servicios-colombia .servicegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mockup-recibos-servicios-colombia .service{border:1px solid #dce5e9;border-radius:15px;padding:20px}.mockup-recibos-servicios-colombia .service i{font-style:normal;font-size:21px}.mockup-recibos-servicios-colombia .service h3{font-size:12px;margin:11px 0 6px}.mockup-recibos-servicios-colombia .service p{font-size:9px;line-height:1.55;color:#687b8d}.mockup-recibos-servicios-colombia .service em{font-style:normal;color:#238575;background:#eaf7f3;border-radius:99px;padding:6px 8px;font-size:7px;font-weight:850}.mockup-recibos-servicios-colombia .darksec{background:#183653;color:#fff;padding:68px 0}.mockup-recibos-servicios-colombia .darkgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}.mockup-recibos-servicios-colombia .darksec h2{font-size:35px;letter-spacing:-.045em;margin:10px 0}.mockup-recibos-servicios-colombia .darksec p{color:#c2d0db;font-size:11px;line-height:1.65}.mockup-recibos-servicios-colombia .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mockup-recibos-servicios-colombia .facts div{background:#254762;border-radius:13px;padding:17px;text-align:center}.mockup-recibos-servicios-colombia .facts small{display:block;color:#abc0ce;font-size:7px}.mockup-recibos-servicios-colombia .facts b{display:block;font-size:14px;margin:7px 0}.mockup-recibos-servicios-colombia .facts span{font-size:8px;color:#9dd9cc}.mockup-recibos-servicios-colombia .foot{height:90px}@media(max-width:800px){.mockup-recibos-servicios-colombia .links{display:none}.mockup-recibos-servicios-colombia .grid,.mockup-recibos-servicios-colombia .breakgrid,.mockup-recibos-servicios-colombia .darkgrid{grid-template-columns:1fr}.mockup-recibos-servicios-colombia .copy{text-align:center}.mockup-recibos-servicios-colombia .eyebrow,.mockup-recibos-servicios-colombia .chips{justify-content:center}.mockup-recibos-servicios-colombia .copy h1{font-size:41px}.mockup-recibos-servicios-colombia .art{max-width:420px;margin-inline:auto}.mockup-recibos-servicios-colombia .calc{padding:21px 16px}.mockup-recibos-servicios-colombia .cases,.mockup-recibos-servicios-colombia .servicegrid{grid-template-columns:1fr 1fr}.mockup-recibos-servicios-colombia .tools span:not(:last-child){display:none}}@media(max-width:500px){.mockup-recibos-servicios-colombia .wrap{width:min(100% - 26px,1160px)}.mockup-recibos-servicios-colombia .copy h1{font-size:36px}.mockup-recibos-servicios-colombia .fields,.mockup-recibos-servicios-colombia .stats,.mockup-recibos-servicios-colombia .legend,.mockup-recibos-servicios-colombia .servicegrid,.mockup-recibos-servicios-colombia .facts{grid-template-columns:1fr}.mockup-recibos-servicios-colombia .bill{left:0}.mockup-recibos-servicios-colombia .float{right:0}}.mockup-recibos-servicios-colombia{width:100%;overflow:hidden}.mockup-recibos-servicios-colombia .top,.mockup-recibos-servicios-colombia header.top{display:none!important}.mockup-recibos-servicios-colombia .foot{display:none!important}.mockup-recibos-servicios-colombia .support-real{width:min(1160px,calc(100% - 40px));margin:auto;padding:64px 0}.mockup-recibos-servicios-colombia .support-real-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.mockup-recibos-servicios-colombia .support-real details{border-bottom:1px solid #dfe6ed;padding:14px 0}.mockup-recibos-servicios-colombia .support-real summary{cursor:pointer;font-weight:750}.mockup-recibos-servicios-colombia .support-real p{color:#687a8f;line-height:1.65}@media(max-width:800px){.mockup-recibos-servicios-colombia .support-real-grid{grid-template-columns:1fr}}