.mockup-sueldo-vs-inflacion{--ink:#10192d;--muted:#687486;--paper:#f6f6f2;--card:#fff;--blue:#3e6ed6;--blue2:#eaf1ff;--red:#e45e65;--red2:#fdebed;--green:#2e876c;--green2:#e5f5ef;--amber:#dc9b32;--navy:#172d4a;--line:#dce2df}.mockup-sueldo-vs-inflacion *{box-sizing:border-box}.mockup-sueldo-vs-inflacion [hidden]{display:none!important}.mockup-sueldo-vs-inflacion{scroll-behavior:smooth}.mockup-sueldo-vs-inflacion{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.mockup-sueldo-vs-inflacion button,.mockup-sueldo-vs-inflacion input,.mockup-sueldo-vs-inflacion select{font:inherit}.mockup-sueldo-vs-inflacion .wrap{width:min(1180px,calc(100% - 48px));margin:auto}.mockup-sueldo-vs-inflacion header{height:82px;background:#fff;border-bottom:1px solid var(--line)}.mockup-sueldo-vs-inflacion header .wrap{height:100%;display:flex;align-items:center;gap:34px}.mockup-sueldo-vs-inflacion .brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900}.mockup-sueldo-vs-inflacion .logo{width:34px;height:34px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:14px}.mockup-sueldo-vs-inflacion .nav{display:flex;gap:25px;color:#515b69;font-size:14px;font-weight:750}.mockup-sueldo-vs-inflacion .actions{display:flex;gap:9px;margin-left:auto}.mockup-sueldo-vs-inflacion .ghost{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 14px;font-weight:750;cursor:pointer}.mockup-sueldo-vs-inflacion .hero{padding:48px 0 68px;background:linear-gradient(128deg,#fff 22%,#edf3ff)}.mockup-sueldo-vs-inflacion .crumb{font-size:14px;color:#5672a9;margin-bottom:27px}.mockup-sueldo-vs-inflacion .hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:68px;align-items:center}.mockup-sueldo-vs-inflacion .eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:var(--blue);font-weight:900}.mockup-sueldo-vs-inflacion h1{font-size:57px;line-height:1.01;letter-spacing:-.055em;margin:13px 0 18px}.mockup-sueldo-vs-inflacion .lead{font-size:19px;color:var(--muted);max-width:660px}.mockup-sueldo-vs-inflacion .stamps{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.mockup-sueldo-vs-inflacion .stamp{background:#fff;border:1px solid #d7e0ef;border-radius:99px;padding:8px 11px;font-size:11px;font-weight:800;color:#566172}.mockup-sueldo-vs-inflacion .visual{height:350px;position:relative}.mockup-sueldo-vs-inflacion .chartcard{position:absolute;left:25px;top:34px;width:385px;height:255px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 25px 60px #243a5722}.mockup-sueldo-vs-inflacion .chart-head{display:flex;justify-content:space-between}.mockup-sueldo-vs-inflacion .chart-head small{display:block;color:var(--muted);font-size:9px;font-weight:900}.mockup-sueldo-vs-inflacion .chart-head b{font-size:17px}.mockup-sueldo-vs-inflacion .status{background:var(--red2);color:#ae464d;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:900}.mockup-sueldo-vs-inflacion .chart{height:145px;margin-top:15px;position:relative;border-left:1px solid #dfe4e1;border-bottom:1px solid #dfe4e1}.mockup-sueldo-vs-inflacion .chart:before,.mockup-sueldo-vs-inflacion .chart:after{content:"";position:absolute;left:0;right:0;border-top:1px dashed #dfe4e1}.mockup-sueldo-vs-inflacion .chart:before{top:33%}.mockup-sueldo-vs-inflacion .chart:after{top:66%}.mockup-sueldo-vs-inflacion .salary-line,.mockup-sueldo-vs-inflacion .ipc-line{position:absolute;left:0;right:0;height:4px;border-radius:10px;transform-origin:left}.mockup-sueldo-vs-inflacion .salary-line{bottom:38px;background:var(--blue);transform:rotate(-7deg)}.mockup-sueldo-vs-inflacion .ipc-line{bottom:23px;background:var(--red);transform:rotate(-15deg)}.mockup-sueldo-vs-inflacion .dot{position:absolute;width:11px;height:11px;border-radius:50%;right:-2px}.mockup-sueldo-vs-inflacion .dot.salary{bottom:60px;background:var(--blue);box-shadow:0 0 0 5px #3e6ed621}.mockup-sueldo-vs-inflacion .dot.ipc{bottom:72px;background:var(--red);box-shadow:0 0 0 5px #e45e6521}.mockup-sueldo-vs-inflacion .chart-labels{display:flex;gap:18px;margin-top:11px;font-size:9px;color:var(--muted)}.mockup-sueldo-vs-inflacion .chart-labels i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.mockup-sueldo-vs-inflacion .gap-card{position:absolute;right:1px;top:8px;background:var(--navy);color:#fff;border-radius:14px;padding:13px 16px;box-shadow:0 14px 30px #24344d42}.mockup-sueldo-vs-inflacion .gap-card small{display:block;color:#afc1d5;font-size:9px;font-weight:900}.mockup-sueldo-vs-inflacion .gap-card b{font-size:22px;color:#ff9b94}.mockup-sueldo-vs-inflacion .needed{position:absolute;left:0;bottom:5px;background:#fff;border-radius:14px;padding:13px 16px;box-shadow:0 14px 30px #24375224}.mockup-sueldo-vs-inflacion .needed small{display:block;font-size:9px;color:var(--muted);font-weight:900}.mockup-sueldo-vs-inflacion .needed b{font-size:20px;color:var(--green)}.mockup-sueldo-vs-inflacion .calculator{margin-top:-28px;position:relative;z-index:3}.mockup-sueldo-vs-inflacion .shell{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 60px #23395116;overflow:hidden}.mockup-sueldo-vs-inflacion .form{padding:31px 33px}.mockup-sueldo-vs-inflacion .form-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.mockup-sueldo-vs-inflacion .form h2{font-size:28px;letter-spacing:-.04em;margin:0 0 5px}.mockup-sueldo-vs-inflacion .form-head p{font-size:13px;color:var(--muted);margin:0}.mockup-sueldo-vs-inflacion .reset{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:850;cursor:pointer}.mockup-sueldo-vs-inflacion .modes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:21px 0}.mockup-sueldo-vs-inflacion .mode{border:1px solid var(--line);background:#f8f8f6;border-radius:12px;padding:10px 7px;text-align:left;cursor:pointer}.mockup-sueldo-vs-inflacion .mode b{display:block;font-size:11px}.mockup-sueldo-vs-inflacion .mode small{font-size:8px;color:var(--muted)}.mockup-sueldo-vs-inflacion .mode.active{background:var(--blue2);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.mockup-sueldo-vs-inflacion .fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.mockup-sueldo-vs-inflacion .field label{display:block;font-size:11px;font-weight:850;margin-bottom:6px}.mockup-sueldo-vs-inflacion .input{display:flex;border:1px solid #cbd2d0;border-radius:11px;overflow:hidden}.mockup-sueldo-vs-inflacion .input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #3e6ed617}.mockup-sueldo-vs-inflacion .input input,.mockup-sueldo-vs-inflacion .input select{width:100%;min-width:0;border:0;outline:0;padding:12px;background:transparent;color:var(--ink);font-weight:750}.mockup-sueldo-vs-inflacion .prefix,.mockup-sueldo-vs-inflacion .suffix{padding:12px 0 12px 11px;color:var(--muted);font-size:12px;font-weight:800}.mockup-sueldo-vs-inflacion .suffix{padding:12px 10px 12px 0}.mockup-sueldo-vs-inflacion .periods{display:flex;gap:7px;margin-top:13px;flex-wrap:wrap}.mockup-sueldo-vs-inflacion .period{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 11px;font-size:10px;font-weight:850;cursor:pointer}.mockup-sueldo-vs-inflacion .period.active{background:var(--navy);color:#fff;border-color:var(--navy)}.mockup-sueldo-vs-inflacion .branch{display:none;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#f7f8f5}.mockup-sueldo-vs-inflacion .branch.active{display:grid}.mockup-sueldo-vs-inflacion .calcbtn{width:100%;border:0;border-radius:12px;background:var(--blue);color:#fff;padding:14px;margin-top:17px;font-weight:900;cursor:pointer}.mockup-sueldo-vs-inflacion .result{background:var(--navy);color:#fff;padding:31px 33px;display:flex;flex-direction:column}.mockup-sueldo-vs-inflacion .result-label{font-size:10px;letter-spacing:.14em;color:#aec1d7;font-weight:900}.mockup-sueldo-vs-inflacion .main-result{font-size:46px;line-height:1;letter-spacing:-.05em;margin:9px 0}.mockup-sueldo-vs-inflacion .main-result.negative{color:#ffaca6}.mockup-sueldo-vs-inflacion .main-result.positive{color:#7fe0bf}.mockup-sueldo-vs-inflacion .result-sub{font-size:12px;color:#cad6e3;min-height:38px}.mockup-sueldo-vs-inflacion .real-scale{margin:24px 0 19px}.mockup-sueldo-vs-inflacion .scale{height:13px;border-radius:99px;background:linear-gradient(90deg,#d9545c 0 32%,#efa35c 32% 49%,#e5dd80 49% 58%,#55c29d 58%);position:relative}.mockup-sueldo-vs-inflacion .marker{position:absolute;top:-6px;width:5px;height:25px;border-radius:4px;background:#fff;left:31%;box-shadow:0 0 0 2px var(--navy)}.mockup-sueldo-vs-inflacion .scale-labels{display:flex;justify-content:space-between;font-size:9px;color:#9fb3ca;margin-top:7px}.mockup-sueldo-vs-inflacion .compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mockup-sueldo-vs-inflacion .metric{background:#203a58;border-radius:13px;padding:12px}.mockup-sueldo-vs-inflacion .metric small{display:block;color:#a9bbcf;font-size:9px;font-weight:850}.mockup-sueldo-vs-inflacion .metric b{font-size:18px}.mockup-sueldo-vs-inflacion .metric.full{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.mockup-sueldo-vs-inflacion .verdict{margin-top:auto;background:#24405c;border-radius:13px;padding:13px 14px}.mockup-sueldo-vs-inflacion .verdict small{display:block;color:#adc0d2;font-size:9px;font-weight:900}.mockup-sueldo-vs-inflacion .verdict b{font-size:13px}.mockup-sueldo-vs-inflacion .cases{padding:70px 0}.mockup-sueldo-vs-inflacion .section-head{text-align:center;max-width:780px;margin:0 auto 28px}.mockup-sueldo-vs-inflacion .section-head h2{font-size:40px;letter-spacing:-.045em;margin:9px 0}.mockup-sueldo-vs-inflacion .section-head p{color:var(--muted);margin:0}.mockup-sueldo-vs-inflacion .case-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.mockup-sueldo-vs-inflacion .case{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.mockup-sueldo-vs-inflacion .case-icon{width:38px;height:38px;border-radius:10px;background:var(--blue2);display:grid;place-items:center;color:var(--blue);font-weight:900}.mockup-sueldo-vs-inflacion .case h3{font-size:15px;margin:12px 0 6px}.mockup-sueldo-vs-inflacion .case p{font-size:10px;color:var(--muted);min-height:58px}.mockup-sueldo-vs-inflacion .case strong{display:block;font-size:11px;color:#345fac;margin-top:10px}.mockup-sueldo-vs-inflacion .scenarios{background:#eef1ec;padding:68px 0}.mockup-sueldo-vs-inflacion .scenario-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px}.mockup-sueldo-vs-inflacion .scenarios h2{font-size:40px;line-height:1.08;letter-spacing:-.04em;margin:9px 0}.mockup-sueldo-vs-inflacion .scenarios p{color:var(--muted)}.mockup-sueldo-vs-inflacion .scenario-list{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.mockup-sueldo-vs-inflacion .srow{display:grid;grid-template-columns:1fr .7fr .7fr .8fr;gap:13px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);font-size:12px}.mockup-sueldo-vs-inflacion .srow:last-child{border:0}.mockup-sueldo-vs-inflacion .srow.head{background:#f7f8f6;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em}.mockup-sueldo-vs-inflacion .srow b{color:var(--blue)}.mockup-sueldo-vs-inflacion .badge{font-size:9px;border-radius:99px;padding:5px 7px;text-align:center;font-weight:900}.mockup-sueldo-vs-inflacion .badge.bad{background:var(--red2);color:#a84249}.mockup-sueldo-vs-inflacion .badge.good{background:var(--green2);color:#246c57}.mockup-sueldo-vs-inflacion .source{font-size:10px;color:#7c868b;margin-top:11px}.mockup-sueldo-vs-inflacion .explain{padding:65px 0}.mockup-sueldo-vs-inflacion .explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mockup-sueldo-vs-inflacion .ecard{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px}.mockup-sueldo-vs-inflacion .ecard small{font-size:9px;color:var(--blue);font-weight:900;letter-spacing:.08em}.mockup-sueldo-vs-inflacion .ecard b{display:block;font-size:16px;margin:8px 0 5px}.mockup-sueldo-vs-inflacion .ecard p{font-size:11px;color:var(--muted);margin:0}.mockup-sueldo-vs-inflacion .toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#111b2b;color:#fff;border-radius:11px;padding:12px 17px;font-size:12px;font-weight:850;opacity:0;transition:.2s;pointer-events:none}.mockup-sueldo-vs-inflacion .toast.show{opacity:1;transform:translate(-50%)}.mockup-sueldo-vs-inflacion footer{background:#fff;border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px}@media(max-width:940px){.mockup-sueldo-vs-inflacion .nav{display:none}.mockup-sueldo-vs-inflacion .hero-grid,.mockup-sueldo-vs-inflacion .shell,.mockup-sueldo-vs-inflacion .scenario-grid{grid-template-columns:1fr}.mockup-sueldo-vs-inflacion .visual{display:none}.mockup-sueldo-vs-inflacion .case-grid{grid-template-columns:1fr 1fr}.mockup-sueldo-vs-inflacion .result{min-height:540px}}@media(max-width:580px){.mockup-sueldo-vs-inflacion .wrap{width:calc(100% - 30px)}.mockup-sueldo-vs-inflacion h1{font-size:42px}.mockup-sueldo-vs-inflacion .hero{padding-top:32px}.mockup-sueldo-vs-inflacion .modes{grid-template-columns:1fr 1fr}.mockup-sueldo-vs-inflacion .fields,.mockup-sueldo-vs-inflacion .branch,.mockup-sueldo-vs-inflacion .case-grid,.mockup-sueldo-vs-inflacion .explain-grid{grid-template-columns:1fr}.mockup-sueldo-vs-inflacion .form,.mockup-sueldo-vs-inflacion .result{padding:24px 20px}.mockup-sueldo-vs-inflacion .main-result{font-size:39px}.mockup-sueldo-vs-inflacion .srow{grid-template-columns:1fr 1fr}.mockup-sueldo-vs-inflacion .srow>*:nth-child(2),.mockup-sueldo-vs-inflacion .srow>*:nth-child(3){display:none}.mockup-sueldo-vs-inflacion .actions .ghost:first-child{display:none}}.mockup-sueldo-vs-inflacion{width:100%;overflow:hidden}.mockup-sueldo-vs-inflacion .top,.mockup-sueldo-vs-inflacion header.top{display:none!important}.mockup-sueldo-vs-inflacion .foot{display:none!important}.mockup-sueldo-vs-inflacion .support-real{width:min(1160px,calc(100% - 40px));margin:auto;padding:64px 0}.mockup-sueldo-vs-inflacion .support-real-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.mockup-sueldo-vs-inflacion .support-real details{border-bottom:1px solid #dfe6ed;padding:14px 0}.mockup-sueldo-vs-inflacion .support-real summary{cursor:pointer;font-weight:750}.mockup-sueldo-vs-inflacion .support-real p{color:#687a8f;line-height:1.65}@media(max-width:800px){.mockup-sueldo-vs-inflacion .support-real-grid{grid-template-columns:1fr}}