.mockup-costo-empleado-mexico *{box-sizing:border-box}.mockup-costo-empleado-mexico{margin:0;color:#13243b;background:#fff;font:15px Inter,system-ui,sans-serif}.mockup-costo-empleado-mexico button,.mockup-costo-empleado-mexico input,.mockup-costo-empleado-mexico select{font:inherit}.mockup-costo-empleado-mexico .wrap{max-width:1170px;margin:auto;padding:0 24px}.mockup-costo-empleado-mexico header{height:82px;border-bottom:1px solid #e1e7eb;display:flex;align-items:center}.mockup-costo-empleado-mexico .nav{display:flex;align-items:center;gap:35px}.mockup-costo-empleado-mexico .brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900}.mockup-costo-empleado-mexico .logo{background:#203b57;color:#fff;padding:9px 7px;border-radius:8px;font-size:11px}.mockup-costo-empleado-mexico .links{display:flex;gap:28px;margin:auto;color:#506075;font-size:12px;font-weight:750}.mockup-costo-empleado-mexico .tools{display:flex;gap:8px}.mockup-costo-empleado-mexico .tools span{padding:11px 13px;border:1px solid #dce4e8;border-radius:10px;font-size:12px;font-weight:750}.mockup-costo-empleado-mexico .tools .dark{background:#213d5b;color:#fff}.mockup-costo-empleado-mexico .hero{padding:28px 0 52px;background:linear-gradient(130deg,#f4f9fc,#f8f8ff 65%,#f3faf6)}.mockup-costo-empleado-mexico .crumb{font-size:12px;color:#738397;margin-bottom:25px}.mockup-costo-empleado-mexico .crumb b,.mockup-costo-empleado-mexico .eyebrow{color:#177663}.mockup-costo-empleado-mexico .grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:52px}.mockup-costo-empleado-mexico .copy{padding-top:10px}.mockup-costo-empleado-mexico .eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.6px;font-weight:900}.mockup-costo-empleado-mexico .copy h1{font-size:51px;line-height:1.04;letter-spacing:-2.5px;margin:15px 0}.mockup-costo-empleado-mexico .copy p{font-size:17px;line-height:1.62;color:#5a6d82}.mockup-costo-empleado-mexico .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.mockup-costo-empleado-mexico .chips span{background:#fff;border:1px solid #dce5e8;padding:9px 11px;border-radius:9px;font-size:10px;font-weight:750}.mockup-costo-empleado-mexico .art{height:230px;position:relative}.mockup-costo-empleado-mexico .desk{position:absolute;left:45px;bottom:25px;width:360px;height:16px;background:#a77950;border-radius:8px;box-shadow:0 15px #e6d9cb}.mockup-costo-empleado-mexico .person{position:absolute;left:94px;bottom:41px;width:98px;height:115px;background:#426ba0;border-radius:48px 48px 15px 15px}.mockup-costo-empleado-mexico .person:before{content:"";position:absolute;left:28px;top:-48px;width:46px;height:55px;border-radius:50%;background:#e2a77f}.mockup-costo-empleado-mexico .screen{position:absolute;left:213px;bottom:49px;width:140px;height:96px;border:8px solid #27445f;border-radius:9px;background:#e7f5f0}.mockup-costo-empleado-mexico .screen:after{content:"NÓMINA";position:absolute;inset:28px 0;text-align:center;color:#277c68;font-size:13px;font-weight:900}.mockup-costo-empleado-mexico .costcard{position:absolute;right:0;top:9px;background:#fff;border:1px solid #dce5e8;border-radius:14px;padding:14px 18px;box-shadow:0 18px 40px #1738581b}.mockup-costo-empleado-mexico .costcard small{font-size:8px;color:#718296}.mockup-costo-empleado-mexico .costcard strong{display:block;font-size:23px;color:#17745f;margin:5px 0}.mockup-costo-empleado-mexico .costcard span{font-size:9px;color:#607287}.mockup-costo-empleado-mexico .calc{background:#fff;border:1px solid #dbe4e8;border-radius:21px;padding:27px 29px;box-shadow:0 27px 60px #193a5b18}.mockup-costo-empleado-mexico .calc-head{display:flex;justify-content:space-between}.mockup-costo-empleado-mexico .calc h2{font-size:24px;margin:0 0 5px}.mockup-costo-empleado-mexico .muted{font-size:11px;color:#68798d;margin:0}.mockup-costo-empleado-mexico .tag{background:#e8f6f1;color:#20735f;border-radius:99px;padding:7px 10px;font-size:9px;font-weight:850;height:max-content}.mockup-costo-empleado-mexico .label{font-size:10px;font-weight:900;margin:18px 0 8px}.mockup-costo-empleado-mexico .cases{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mockup-costo-empleado-mexico .case{border:1px solid #dce5e9;background:#fff;border-radius:11px;padding:11px 5px;color:#54677d;font-size:10px;font-weight:800;cursor:pointer}.mockup-costo-empleado-mexico .case i{display:block;font-style:normal;font-size:19px;margin-bottom:4px}.mockup-costo-empleado-mexico .case.active{border:2px solid #268b78;background:#edf9f5;color:#176e5e;padding:10px 4px}.mockup-costo-empleado-mexico .fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mockup-costo-empleado-mexico .field{border:1px solid #dbe4e9;border-radius:11px;padding:10px 12px}.mockup-costo-empleado-mexico .field.wide{grid-column:span 2}.mockup-costo-empleado-mexico .field label{display:block;color:#697b8e;font-size:9px;margin-bottom:5px}.mockup-costo-empleado-mexico .field input,.mockup-costo-empleado-mexico .field select{width:100%;border:0;outline:0;background:transparent;color:#152a43;font-weight:800}.mockup-costo-empleado-mexico .money{display:flex;gap:6px}.mockup-costo-empleado-mexico .money b{font-size:12px}.mockup-costo-empleado-mexico .hidden{display:none}.mockup-costo-empleado-mexico .result{background:#203d5b;color:#fff;border-radius:16px;padding:19px 20px;margin-top:13px}.mockup-costo-empleado-mexico .result-top{display:flex;justify-content:space-between}.mockup-costo-empleado-mexico .result small{color:#bfd0de;font-size:9px}.mockup-costo-empleado-mexico .value{font-size:35px;font-weight:900;letter-spacing:-1.3px;margin-top:4px}.mockup-costo-empleado-mexico .ratio{background:#e8f6ef;color:#176f58;border-radius:9px;padding:8px 10px;text-align:right}.mockup-costo-empleado-mexico .ratio small{color:inherit}.mockup-costo-empleado-mexico .ratio b{display:block;font-size:13px}.mockup-costo-empleado-mexico .stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3c5874;margin-top:13px;padding-top:12px;gap:8px}.mockup-costo-empleado-mexico .stats span{color:#b9cad8;font-size:8px}.mockup-costo-empleado-mexico .stats b{display:block;color:#fff;font-size:11px;margin-top:3px}.mockup-costo-empleado-mexico .go{width:100%;border:0;border-radius:9px;padding:12px;margin-top:13px;background:linear-gradient(90deg,#268b78,#54a98e);color:#fff;font-weight:850;cursor:pointer}.mockup-costo-empleado-mexico .section{padding:68px 0}.mockup-costo-empleado-mexico .center{text-align:center;max-width:700px;margin:0 auto 35px}.mockup-costo-empleado-mexico .center h2{font-size:36px;letter-spacing:-1.4px;margin:9px}.mockup-costo-empleado-mexico .center p{color:#65768a}.mockup-costo-empleado-mexico .barcard{border:1px solid #dbe4e8;border-radius:18px;padding:28px;box-shadow:0 15px 35px #1738580d}.mockup-costo-empleado-mexico .bar{height:28px;border-radius:99px;overflow:hidden;display:flex}.mockup-costo-empleado-mexico .bar i{height:100%;transition:.3s}.mockup-costo-empleado-mexico .salary{background:#4d789f}.mockup-costo-empleado-mexico .imss{background:#55aa8e}.mockup-costo-empleado-mexico .benefits{background:#efbc63}.mockup-costo-empleado-mexico .tax{background:#d87876}.mockup-costo-empleado-mexico .legend{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.mockup-costo-empleado-mexico .legend span{background:#f5f8fa;padding:12px;border-radius:10px;color:#697b8e;font-size:9px}.mockup-costo-empleado-mexico .legend b{display:block;color:#19304a;font-size:13px;margin-top:4px}.mockup-costo-empleado-mexico .break{background:#f4f8fb;padding:64px 0}.mockup-costo-empleado-mexico .breakgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.mockup-costo-empleado-mexico .card{background:#fff;border:1px solid #dce5e9;border-radius:17px;padding:24px}.mockup-costo-empleado-mexico .card h3{margin:0 0 16px;font-size:19px}.mockup-costo-empleado-mexico .line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e6ebee}.mockup-costo-empleado-mexico .line span{color:#65778b;font-size:10px}.mockup-costo-empleado-mexico .line b{font-size:12px}.mockup-costo-empleado-mexico .line.total{background:#eaf7f2;color:#176f59;margin-top:12px;padding:14px;border:0;border-radius:10px}.mockup-costo-empleado-mexico .step{display:grid;grid-template-columns:34px 1fr;gap:11px;margin:14px 0}.mockup-costo-empleado-mexico .step i{font-style:normal;background:#e8f5f1;color:#1c7a65;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900}.mockup-costo-empleado-mexico .step b{font-size:11px}.mockup-costo-empleado-mexico .step span{display:block;color:#65788c;font-size:10px;margin-top:3px}.mockup-costo-empleado-mexico .warning{background:#fff5df;color:#76591f;border:1px solid #efd9a6;padding:12px;border-radius:10px;font-size:10px}.mockup-costo-empleado-mexico .darksection{background:#19324d;color:#fff;padding:61px 0}.mockup-costo-empleado-mexico .darkgrid{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:center}.mockup-costo-empleado-mexico .darkgrid h2{font-size:35px;letter-spacing:-1.5px;margin:10px 0}.mockup-costo-empleado-mexico .darkgrid p{color:#bed0dd;line-height:1.6}.mockup-costo-empleado-mexico .refs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mockup-costo-empleado-mexico .ref{background:#fff;color:#1c334b;border-radius:14px;padding:17px;text-align:center}.mockup-costo-empleado-mexico .ref small{color:#708196;font-size:8px}.mockup-costo-empleado-mexico .ref b{display:block;font-size:18px;margin:8px 0;color:#227764}.mockup-costo-empleado-mexico .ref span{font-size:9px;color:#64768a}@media(max-width:800px){.mockup-costo-empleado-mexico .links{display:none}.mockup-costo-empleado-mexico .tools span:not(.dark){display:none}.mockup-costo-empleado-mexico .grid,.mockup-costo-empleado-mexico .breakgrid,.mockup-costo-empleado-mexico .darkgrid{grid-template-columns:1fr}.mockup-costo-empleado-mexico .copy{text-align:center}.mockup-costo-empleado-mexico .copy h1{font-size:40px}.mockup-costo-empleado-mexico .chips{justify-content:center}.mockup-costo-empleado-mexico .art{max-width:470px;margin:auto}.mockup-costo-empleado-mexico .fields{grid-template-columns:1fr}.mockup-costo-empleado-mexico .field.wide{grid-column:auto}.mockup-costo-empleado-mexico .calc{padding:20px 16px}.mockup-costo-empleado-mexico .legend,.mockup-costo-empleado-mexico .refs{grid-template-columns:1fr 1fr}.mockup-costo-empleado-mexico .wrap{padding:0 15px}}@media(max-width:470px){.mockup-costo-empleado-mexico .cases,.mockup-costo-empleado-mexico .stats,.mockup-costo-empleado-mexico .legend,.mockup-costo-empleado-mexico .refs{grid-template-columns:1fr}.mockup-costo-empleado-mexico .art{transform:scale(.82);transform-origin:left top;height:190px}}.mockup-costo-empleado-mexico{width:100%;overflow:hidden}.mockup-costo-empleado-mexico .top,.mockup-costo-empleado-mexico header.top{display:none!important}.mockup-costo-empleado-mexico .foot{display:none!important}.mockup-costo-empleado-mexico .support-real{width:min(1160px,calc(100% - 40px));margin:auto;padding:64px 0}.mockup-costo-empleado-mexico .support-real-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.mockup-costo-empleado-mexico .support-real details{border-bottom:1px solid #dfe6ed;padding:14px 0}.mockup-costo-empleado-mexico .support-real summary{cursor:pointer;font-weight:750}.mockup-costo-empleado-mexico .support-real p{color:#687a8f;line-height:1.65}@media(max-width:800px){.mockup-costo-empleado-mexico .support-real-grid{grid-template-columns:1fr}}