.mockup-sueldo-neto-mexico *{box-sizing:border-box}.mockup-sueldo-neto-mexico{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#10233c;background:#fff}.mockup-sueldo-neto-mexico button,.mockup-sueldo-neto-mexico input,.mockup-sueldo-neto-mexico select{font:inherit}.mockup-sueldo-neto-mexico button{cursor:pointer}.mockup-sueldo-neto-mexico .wrap{width:min(1160px,calc(100% - 40px));margin:auto}.mockup-sueldo-neto-mexico .top{height:88px;border-bottom:1px solid #dfe8ef;display:flex;align-items:center}.mockup-sueldo-neto-mexico .nav{display:flex;align-items:center;justify-content:space-between}.mockup-sueldo-neto-mexico .brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:850}.mockup-sueldo-neto-mexico .logo{width:31px;height:31px;border-radius:7px;background:#173452;display:grid;place-items:center;color:#fff;font-size:12px}.mockup-sueldo-neto-mexico .links,.mockup-sueldo-neto-mexico .tools{display:flex;align-items:center;gap:27px}.mockup-sueldo-neto-mexico .links a{font-size:13px;font-weight:700;color:#43526a}.mockup-sueldo-neto-mexico .tools span{border:1px solid #d9e2eb;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:700}.mockup-sueldo-neto-mexico .tools .profile{background:#132844;color:#fff}.mockup-sueldo-neto-mexico .hero{background:linear-gradient(126deg,#f5faff 0 58%,#eef9f4);padding:25px 0 66px}.mockup-sueldo-neto-mexico .crumb{font-size:12px;color:#718299;margin-bottom:32px}.mockup-sueldo-neto-mexico .crumb b{color:#167bba}.mockup-sueldo-neto-mexico .hero-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:50px;align-items:start}.mockup-sueldo-neto-mexico .copy{padding-top:5px}.mockup-sueldo-neto-mexico .eyebrow{font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#167bba;display:flex;align-items:center;gap:9px}.mockup-sueldo-neto-mexico .eyebrow:before{content:"";width:28px;height:2px;background:#167bba}.mockup-sueldo-neto-mexico .copy h1{font-size:51px;line-height:1.04;letter-spacing:-.052em;margin:18px 0}.mockup-sueldo-neto-mexico .copy>p{font-size:17px;line-height:1.65;color:#53677e;max-width:505px}.mockup-sueldo-neto-mexico .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.mockup-sueldo-neto-mexico .chips span{background:#fff;border:1px solid #dbe5ed;border-radius:9px;padding:9px 11px;color:#4d6279;font-size:10px}.mockup-sueldo-neto-mexico .pay-art{height:235px;position:relative;margin-top:18px}.mockup-sueldo-neto-mexico .sheet{position:absolute;left:38px;top:5px;width:205px;height:198px;background:#fff;border:1px solid #d8e3ea;border-radius:15px;padding:18px;box-shadow:0 22px 45px #17385816;transform:rotate(-3deg)}.mockup-sueldo-neto-mexico .sheet small{font-size:8px;color:#64788d}.mockup-sueldo-neto-mexico .sheet strong{display:block;font-size:27px;color:#147b5d;margin:7px 0 14px}.mockup-sueldo-neto-mexico .receipt-line{display:flex;justify-content:space-between;border-top:1px solid #e3e9ed;padding:8px 0;font-size:8px;color:#687b8e}.mockup-sueldo-neto-mexico .coin{position:absolute;right:47px;top:31px;width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#efcf63,#d4a529);border:9px solid #fff;box-shadow:0 20px 42px #17385816;display:grid;place-items:center;color:#fff;font-size:58px;font-weight:900}.mockup-sueldo-neto-mexico .mx-tag{position:absolute;right:7px;bottom:10px;background:#173452;color:#fff;border-radius:10px;padding:10px 13px;font-size:9px;font-weight:850}.mockup-sueldo-neto-mexico .calc{background:#fff;border:1px solid #d8e4eb;border-radius:20px;padding:26px 28px;box-shadow:0 25px 60px #173b6418}.mockup-sueldo-neto-mexico .calc-title{display:flex;justify-content:space-between;gap:15px}.mockup-sueldo-neto-mexico .calc h2{font-size:23px;margin:0 0 4px}.mockup-sueldo-neto-mexico .calc-title p{font-size:10px;color:#60758c;margin:0}.mockup-sueldo-neto-mexico .tag{font-size:9px;color:#14775b;background:#e6f6ef;border-radius:99px;padding:7px 10px;font-weight:800;height:max-content}.mockup-sueldo-neto-mexico .section-label{font-size:10px;font-weight:850;margin:17px 0 8px}.mockup-sueldo-neto-mexico .cases{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mockup-sueldo-neto-mexico .case{border:1px solid #dce5ec;background:#fff;border-radius:10px;padding:9px 5px;color:#52677f;font-size:8px;font-weight:750;min-height:61px}.mockup-sueldo-neto-mexico .case i{display:block;font-style:normal;font-size:16px;margin-bottom:3px}.mockup-sueldo-neto-mexico .case.active{border:2px solid #247fc1;background:#eff7fd;color:#166aa4}.mockup-sueldo-neto-mexico .fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mockup-sueldo-neto-mexico .field{border:1px solid #dbe4eb;border-radius:10px;padding:9px 11px;min-height:58px}.mockup-sueldo-neto-mexico .field label{display:block;color:#63788e;font-size:8px;margin-bottom:5px}.mockup-sueldo-neto-mexico .field input,.mockup-sueldo-neto-mexico .field select{border:0;outline:0;background:none;width:100%;font-weight:750;font-size:13px;color:#142641}.mockup-sueldo-neto-mexico .field.wide{grid-column:span 2}.mockup-sueldo-neto-mexico .result{background:#17324f;color:#fff;border-radius:15px;padding:18px 20px;margin-top:13px}.mockup-sueldo-neto-mexico .result-top{display:flex;justify-content:space-between;gap:14px}.mockup-sueldo-neto-mexico .result small{font-size:9px;color:#c5d3df}.mockup-sueldo-neto-mexico .value{font-size:34px;letter-spacing:-.04em;font-weight:850;margin-top:4px}.mockup-sueldo-neto-mexico .verdict{background:#e6f6ef;color:#126d51;border-radius:9px;padding:8px 11px;text-align:right}.mockup-sueldo-neto-mexico .verdict small{color:inherit}.mockup-sueldo-neto-mexico .verdict strong{display:block;font-size:13px}.mockup-sueldo-neto-mexico .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #375675;padding-top:12px;margin-top:13px}.mockup-sueldo-neto-mexico .stats span{font-size:8px;color:#b9cad8}.mockup-sueldo-neto-mexico .stats b{display:block;color:#fff;font-size:11px;margin-top:3px}.mockup-sueldo-neto-mexico .go{width:100%;border:0;border-radius:9px;background:linear-gradient(90deg,#247fc1,#26a584);color:#fff;font-weight:800;padding:12px;margin-top:14px}.mockup-sueldo-neto-mexico .receipt{padding:72px 0}.mockup-sueldo-neto-mexico .center{text-align:center;max-width:720px;margin:0 auto 34px}.mockup-sueldo-neto-mexico .center span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#167bba;font-weight:850}.mockup-sueldo-neto-mexico .center h2{font-size:36px;letter-spacing:-.04em;margin:10px 0}.mockup-sueldo-neto-mexico .center p{color:#5e7288;line-height:1.6}.mockup-sueldo-neto-mexico .receipt-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.mockup-sueldo-neto-mexico .card{border:1px solid #dce5ec;border-radius:16px;padding:25px;box-shadow:0 10px 27px #1738580b}.mockup-sueldo-neto-mexico .card h3{font-size:18px;margin:0 0 17px}.mockup-sueldo-neto-mexico .line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e5ebf0}.mockup-sueldo-neto-mexico .line span{font-size:10px;color:#5d7186}.mockup-sueldo-neto-mexico .line b{font-size:12px}.mockup-sueldo-neto-mexico .line.total{background:#e8f6ef;border:0;border-radius:10px;color:#126d51;padding:14px 15px;margin-top:12px}.mockup-sueldo-neto-mexico .donut-wrap{display:flex;align-items:center;gap:25px}.mockup-sueldo-neto-mexico .donut{width:165px;height:165px;border-radius:50%;background:conic-gradient(#25a180 0 81%,#f0ae55 81% 96%,#719ac2 96%);position:relative;flex:none}.mockup-sueldo-neto-mexico .donut:after{content:"";position:absolute;inset:29px;background:#fff;border-radius:50%}.mockup-sueldo-neto-mexico .donut-center{position:absolute;inset:0;display:grid;place-items:center;text-align:center;z-index:2;font-size:9px;color:#63768a}.mockup-sueldo-neto-mexico .donut-center b{display:block;font-size:18px;color:#173451}.mockup-sueldo-neto-mexico .legend div{font-size:9px;color:#60758a;margin:11px 0}.mockup-sueldo-neto-mexico .legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}.mockup-sueldo-neto-mexico .benefits{background:#f4f8fb;padding:68px 0}.mockup-sueldo-neto-mexico .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mockup-sueldo-neto-mexico .benefit{background:#fff;border:1px solid #dce5ec;border-radius:14px;padding:19px}.mockup-sueldo-neto-mexico .benefit i{font-style:normal;font-size:22px}.mockup-sueldo-neto-mexico .benefit h3{font-size:12px;margin:10px 0 5px}.mockup-sueldo-neto-mexico .benefit strong{display:block;font-size:19px;color:#173858;margin:11px 0 3px}.mockup-sueldo-neto-mexico .benefit span,.mockup-sueldo-neto-mexico .benefit p{font-size:8px;color:#65798d;line-height:1.5}.mockup-sueldo-neto-mexico .employer{padding:68px 0}.mockup-sueldo-neto-mexico .employer-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:center}.mockup-sueldo-neto-mexico .employer h2{font-size:36px;letter-spacing:-.04em;margin:10px 0}.mockup-sueldo-neto-mexico .employer p{color:#607489;line-height:1.65}.mockup-sueldo-neto-mexico .cost-box{border:1px solid #dce5ec;border-radius:16px;padding:24px}.mockup-sueldo-neto-mexico .cost-head{display:flex;justify-content:space-between;background:#173451;color:#fff;border-radius:11px;padding:16px}.mockup-sueldo-neto-mexico .cost-head span{font-size:9px;color:#b8cada}.mockup-sueldo-neto-mexico .cost-head b{display:block;font-size:22px;margin-top:4px}.mockup-sueldo-neto-mexico .cost-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.mockup-sueldo-neto-mexico .cost-list div{background:#f5f8fa;border-radius:10px;padding:13px}.mockup-sueldo-neto-mexico .cost-list small{font-size:8px;color:#63768a}.mockup-sueldo-neto-mexico .cost-list b{display:block;font-size:12px;margin-top:5px}.mockup-sueldo-neto-mexico .dark{background:#17324f;color:#fff;padding:65px 0}.mockup-sueldo-neto-mexico .dark-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:46px;align-items:center}.mockup-sueldo-neto-mexico .dark h2{font-size:35px;letter-spacing:-.04em;margin:10px 0}.mockup-sueldo-neto-mexico .dark p{color:#c0cfdd;line-height:1.65}.mockup-sueldo-neto-mexico .rules{background:#fff;color:#17324f;border-radius:16px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mockup-sueldo-neto-mexico .rules div{background:#f5f8fb;border-radius:10px;padding:14px}.mockup-sueldo-neto-mexico .rules small{font-size:8px;color:#60758a}.mockup-sueldo-neto-mexico .rules b{display:block;font-size:13px;margin:7px 0}.mockup-sueldo-neto-mexico .rules span{font-size:8px;color:#60758a}.mockup-sueldo-neto-mexico .foot{height:100px}@media(max-width:850px){.mockup-sueldo-neto-mexico .wrap{width:min(100% - 28px,1160px)}.mockup-sueldo-neto-mexico .links{display:none}.mockup-sueldo-neto-mexico .hero-grid,.mockup-sueldo-neto-mexico .receipt-grid,.mockup-sueldo-neto-mexico .employer-grid,.mockup-sueldo-neto-mexico .dark-grid{grid-template-columns:1fr}.mockup-sueldo-neto-mexico .copy{text-align:center}.mockup-sueldo-neto-mexico .eyebrow,.mockup-sueldo-neto-mexico .chips{justify-content:center}.mockup-sueldo-neto-mexico .copy h1{font-size:40px}.mockup-sueldo-neto-mexico .pay-art{max-width:430px;margin:auto}.mockup-sueldo-neto-mexico .benefit-grid{grid-template-columns:1fr 1fr}.mockup-sueldo-neto-mexico .tools span:not(:last-child){display:none}}@media(max-width:540px){.mockup-sueldo-neto-mexico .copy h1{font-size:36px}.mockup-sueldo-neto-mexico .calc{padding:20px 15px}.mockup-sueldo-neto-mexico .cases{grid-template-columns:1fr 1fr}.mockup-sueldo-neto-mexico .fields,.mockup-sueldo-neto-mexico .stats,.mockup-sueldo-neto-mexico .benefit-grid,.mockup-sueldo-neto-mexico .rules,.mockup-sueldo-neto-mexico .cost-list{grid-template-columns:1fr}.mockup-sueldo-neto-mexico .field.wide{grid-column:auto}.mockup-sueldo-neto-mexico .donut-wrap{display:block}.mockup-sueldo-neto-mexico .legend{margin-top:18px}.mockup-sueldo-neto-mexico .coin{right:3px}}.mockup-sueldo-neto-mexico{width:100%;overflow:hidden}.mockup-sueldo-neto-mexico .top,.mockup-sueldo-neto-mexico header.top{display:none!important}.mockup-sueldo-neto-mexico .foot{display:none!important}.mockup-sueldo-neto-mexico .support-real{width:min(1160px,calc(100% - 40px));margin:auto;padding:64px 0}.mockup-sueldo-neto-mexico .support-real-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.mockup-sueldo-neto-mexico .support-real details{border-bottom:1px solid #dfe6ed;padding:14px 0}.mockup-sueldo-neto-mexico .support-real summary{cursor:pointer;font-weight:750}.mockup-sueldo-neto-mexico .support-real p{color:#687a8f;line-height:1.65}@media(max-width:800px){.mockup-sueldo-neto-mexico .support-real-grid{grid-template-columns:1fr}}