/* Tu Cálculo Laboral · September 2026 */
:root{--paper:#f7f8f2;--card:#fff;--ink:#183c32;--muted:#53675f;--accent:#24654c;--accent-bg:#e9f1e8;--green:#24654c;--green-bg:#e8f3e9;--border:#dbe3d9;--font-heading:'Figtree',system-ui,sans-serif;--font-body:'Figtree',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);overflow-wrap:break-word}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #965824;outline-offset:4px}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}body>nav:not(.calc-hub){background:rgba(247,248,242,.97);border-bottom:1px solid var(--border);padding:16px 24px}.nav-inner{max-width:1160px;min-height:42px}.logo{font-family:'Figtree',system-ui,sans-serif;font-size:21px;letter-spacing:-.8px;font-weight:750;color:var(--ink)}.logo span{color:var(--accent);margin-left:4px}.nav-links{gap:23px;align-items:center}.nav-links a{font-weight:600;font-size:14px;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-links a:last-child{padding:8px 14px;border:1px solid #cdd9ca;border-radius:999px}.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-180%);background:#183c32;color:#fff;padding:12px 18px;z-index:1000;border-radius:8px}.skip-link:focus{transform:none}main{padding-top:22px}h1,h2,h3{letter-spacing:-.035em;color:var(--ink)}h1{line-height:1.12}p{line-height:1.7}.page-header{padding:30px 0 24px}.page-header h1{font-family:var(--font-heading);font-size:clamp(32px,4.5vw,48px);max-width:820px}.subtitle{color:var(--muted);max-width:740px}.update-badge,.hero-badge{border:1px solid #d3e1ce;background:#edf4e9;color:#305a42;border-radius:999px}.breadcrumb{max-width:1000px;font-size:13px;padding-top:20px}.calc-section{border:1px solid #cbdac8!important;border-radius:24px!important;box-shadow:0 14px 42px #193c320b;padding:30px!important;background:#fff!important;scroll-margin-top:100px}.calc-title{font-family:var(--font-heading);letter-spacing:-.03em}.form-grid{gap:20px}.form-group label{font-weight:650;color:var(--ink)}.form-group input,.form-group select{background:#f8faf6;border:1px solid #c8d5c5;border-radius:10px;min-height:50px;padding:12px 14px;color:var(--ink);font-size:16px;width:100%;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#276a50;box-shadow:0 0 0 3px #276a5015}.calc-btn,.primary-link{background:#234f3e!important;color:#fff!important;border:1px solid #234f3e!important;border-radius:12px!important;min-height:50px;padding:14px 22px!important;font-weight:650;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer}.calc-btn:hover,.primary-link:hover{background:#143b2d!important;box-shadow:0 6px 20px #183c3220;transform:translateY(-2px)}.results-box{border-radius:20px;overflow:hidden}.result-total{background:#e7f0de;color:#183c32;padding:26px;border-radius:14px}.result-total-amount{color:#183c32;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.answer-box,.toc{border-radius:16px;line-height:1.75}.answer-box{border-color:#bfd2b7;background:#edf3e7;color:#274a38}.toc{background:#fff;border:1px solid var(--border)}.toc a{color:#285942}.article-content h2,.content h2{scroll-margin-top:100px}.faq-item,.faq-section details{border:1px solid var(--border);border-radius:12px;margin:10px 0;overflow:hidden}.faq-q{cursor:pointer;min-height:48px}.faq-q:hover{background:#eff4e9}.calc-hub{position:static;z-index:auto;background:transparent;border-radius:16px}.tool-privacy{font-size:13px;color:var(--muted);margin:10px 0 20px}.editorial-shortcut{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;margin:20px 0;color:var(--muted)}.editorial-shortcut a{color:#285942}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#8db56a;transform:scaleX(0);transform-origin:left;z-index:1001;pointer-events:none}footer{max-width:1160px;margin:40px auto 0;padding:35px 24px;color:var(--muted);line-height:2}footer a{display:inline-block;padding:3px 2px;color:#275e47}.reveal{animation:rise-in .65s cubic-bezier(.2,.7,.2,1) both}.result-arrived{animation:result-in .45s ease-out}.hamburger{min-height:44px;min-width:44px}
/* Homepage */
.tcl-home main{max-width:1210px;padding:0 25px 36px}.home-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;text-align:left;padding:72px 0 64px}.home-hero h1{font-size:clamp(40px,4.6vw,65px);line-height:1.05;font-weight:650;letter-spacing:-.055em;margin:21px 0}.home-hero h1 em{font-style:normal;color:#568343}.home-hero .hero-badge{font-size:12px;font-weight:600;padding:6px 12px;display:inline-flex;align-items:center;gap:7px;margin:0}.status-dot{width:6px;height:6px;background:#507c3e;border-radius:50%}.home-hero .hero-lead{font-size:18px;line-height:1.65;max-width:520px;margin:0;color:#52665b}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:27px 0 16px}.primary-link{display:inline-flex;gap:16px;align-items:center;text-decoration:none;font-size:14px}.quiet-link{font-size:14px;font-weight:600;text-decoration:none;color:#29533d}.home-hero .hero-note{font-size:12px;margin:0;line-height:1.6;max-width:440px}.hero-visual{position:relative;background:#e5ecd9;border:1px solid #dbe5cd;border-radius:28px;padding:28px 32px 46px;isolation:isolate}.illustration-label{font-size:13px;color:#446040;display:flex;align-items:center;gap:10px;margin-bottom:25px}.illustration-label>span{font-size:25px}.preview-sheet{border-radius:18px;padding:25px;background:#fffefa;box-shadow:0 16px 40px #38502f12;transform:rotate(-3deg);border:1px solid #dce2d4}.sheet-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.11em;color:#586953}.sheet-icon{border:1px solid #dde3d7;padding:4px 9px;border-radius:7px;font-size:17px}.preview-sheet h2{font-size:29px;text-align:left;line-height:1.1;margin:18px 0 10px;letter-spacing:-.05em}.home-hero .preview-sheet p{font-size:12px;line-height:1.65;margin:0 0 22px}.demo-row{margin:16px 0;font-size:11px;color:#4a5f4b}.demo-row i{display:block;width:var(--bar);height:7px;border-radius:10px;background:#b8d292;margin-top:7px;transform-origin:left;animation:bar-in 1.1s .25s both}.demo-row:nth-of-type(4) i{background:#d4de9f;animation-delay:.4s}.demo-row:nth-of-type(5) i{background:#d5dfc7;animation-delay:.55s}.sheet-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #d5ddcd;margin-top:22px;padding-top:15px;font-size:10px;color:#667060}.sheet-bottom>span:last-child{background:#e8f1df;padding:3px 8px;border-radius:50%;color:#3d7139}.floating-note{position:absolute;bottom:18px;right:-14px;box-shadow:0 8px 22px #24381e10;border:1px solid #dde5d7;background:#fffefa;border-radius:10px;padding:12px 17px;font-size:12px;transform:rotate(2deg);animation:note-in .8s .2s both}.floating-note span{display:inline-block;background:#edf3e5;color:#3c6c33;padding:2px 7px;border-radius:50%;margin-right:6px}.trust-strip{display:flex;justify-content:space-between;gap:24px;padding:22px 0;border-block:1px solid #d7dfd0;font-size:13px;color:#56674f}.trust-strip strong{font-weight:700;color:#254936;margin-right:5px}.finder{padding:65px 0 25px}.eyebrow{font-size:10px;letter-spacing:.12em;color:#56734d;font-weight:700;display:block;margin-bottom:14px}.section-heading h2{font-size:clamp(26px,3vw,35px);text-align:left;line-height:1.16;font-weight:650;margin:0 0 10px}.section-heading p{color:var(--muted);font-size:15px;margin:0}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.scenario-grid>a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid #d6dfcd;background:#fffefa;border-radius:15px;padding:22px 18px;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s}.scenario-grid>a:hover{transform:translateY(-5px);border-color:#8eac7e;box-shadow:0 10px 25px #24381e0a}.scenario-symbol{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#e9efdf;color:#436e31;font-size:22px;margin-bottom:6px}.scenario-grid strong{font-size:15px;line-height:1.35}.scenario-grid a>span:last-child{font-size:12px;color:#67745e}.topic-links{position:static;display:flex;flex-wrap:wrap;gap:9px;background:none;border:none;padding:0;z-index:auto}.topic-links a{color:#405d39;font-size:12px;border:1px solid #d5dfcc;padding:7px 14px;border-radius:999px;text-decoration:none;transition:background .2s}.topic-links a:hover{background:#e5eedb}.tool-group{margin:45px 0;scroll-margin-top:100px}.tool-group>.section-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.section-number{font-size:12px;color:#5b7850;min-width:33px;padding-top:5px;border-top:1px solid #91aa7c}.tool-group h2{font-size:27px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.tool-card{padding:22px;display:flex;flex-direction:column;gap:14px;border:1px solid #dce3d5;border-radius:16px;background:#fffefa;transition:transform .25s,border-color .25s,box-shadow .25s}.tool-card:hover{transform:translateY(-5px);border-color:#91ad7d;box-shadow:0 10px 28px #20361a0b}.tool-icon{width:40px;height:40px;font-size:19px;background:#edf2e4!important;border-radius:10px}.tool-content{display:flex;flex-direction:column;width:100%}.tool-title{font-family:var(--font-heading);font-size:17px;letter-spacing:-.02em;line-height:1.35;margin:0 0 10px}.tool-desc{font-size:13px;line-height:1.7;color:#5b6a54;margin:0 0 20px;flex:1}.tool-go{display:flex;justify-content:space-between;color:#39662c;font-size:12px;font-weight:650;margin-top:auto}.tool-go>span{transition:transform .2s}.tool-card:hover .tool-go>span{transform:translate(3px,-3px)}.editorial-panel{background:#203f30;border-radius:22px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:70px 0;color:#e4ebdc}.editorial-panel h2{font-size:36px;line-height:1.13;text-align:left;margin:12px 0 16px;color:#f5f6ea}.editorial-panel .eyebrow{color:#b6d497}.editorial-panel p{font-size:14px;color:#d1ddc8}.editorial-panel .primary-link{margin-top:22px;background:#dceab9!important;color:#203f30!important;border-color:#dceab9!important}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:15px;border-bottom:1px solid #49624d;padding:17px 0}.steps li:first-child{padding-top:0}.steps li>span{font-size:12px;color:#b8cd9c;padding-top:4px}.steps h3{font-size:17px;margin:0 0 6px;color:#edf2e5}.steps p{font-size:12px;margin:0}.reading-section{margin:65px 0}.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.reading-grid>a{padding:22px 0;border-block:1px solid #d3ddc9;text-decoration:none}.reading-grid>a>span{font-size:10px;letter-spacing:.09em;color:#577b46}.reading-grid h3{font-size:21px;line-height:1.3;margin:12px 0}.reading-grid p{font-size:13px;color:#5c6c52;margin-bottom:18px}.reading-grid b{font-size:12px;color:#365d29}.trust-editorial{padding:32px;border:1px solid #d6e0c9;background:#eef3e4;border-radius:18px;margin:55px 0}.trust-editorial h2{font-size:29px;text-align:left;margin:0 0 14px}.trust-editorial>p{font-size:14px;color:#526648;max-width:850px}.trust-links{display:flex;flex-wrap:wrap;gap:20px;margin:18px 0}.trust-links a{font-size:13px;color:#2e5423;font-weight:600}.trust-editorial .source-note{font-size:12px;border-top:1px solid #d1dcc3;padding-top:18px}.source-note a{color:#2b5026}.home-faq{max-width:820px;margin:60px auto}.home-faq details{border-bottom:1px solid #d3ddc9;padding:8px 0}.home-faq summary{padding:15px 0;cursor:pointer;color:#294b36;font-weight:600;font-size:15px}.home-faq details p{padding:0 0 18px;font-size:14px;color:#596a50}.countries-section{margin-top:70px}.countries-section section{max-width:none!important;padding:0!important}.countries-section h2{font-family:var(--font-heading)!important;text-align:left!important;font-size:25px!important}.countries-section a{background:#fffefa!important;border-color:#d5decf!important;color:#385433!important;transition:transform .2s}.countries-section a:hover{transform:translateY(-2px)}
@keyframes rise-in{from{opacity:.35;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-in{from{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes note-in{from{opacity:0;transform:translateY(12px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(2deg)}}@keyframes result-in{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.home-hero{gap:35px;padding:45px 0}.home-hero h1{font-size:45px}.hero-visual{padding:22px 20px 40px}.scenario-grid{grid-template-columns:repeat(2,1fr)}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-panel{gap:30px;padding:30px}.nav-links{gap:12px}.logo{font-size:19px}}
@media(max-width:640px){body>nav:not(.calc-hub){padding:10px 18px}.nav-links{align-items:stretch;background:#f7f8f2}.nav-links a{min-height:44px;padding:9px}.nav-links a:last-child{border:none;padding:9px}.nav-inner{min-height:44px}.home-hero{grid-template-columns:1fr;padding:35px 0 30px;gap:30px}.tcl-home main{padding:0 19px 25px}.home-hero h1{font-size:43px}.home-hero .hero-lead{font-size:16px}.hero-actions{gap:16px}.hero-visual{max-width:430px;width:100%;margin:0 auto;padding:20px 27px 35px}.preview-sheet{padding:20px;transform:rotate(-2deg)}.preview-sheet h2{font-size:25px}.illustration-label{margin-bottom:14px}.demo-row{margin:12px 0}.floating-note{right:5px;bottom:10px}.trust-strip{gap:12px;flex-wrap:wrap;font-size:11px}.trust-strip span{flex:1;min-width:90px}.trust-strip strong{display:block;font-size:15px}.finder{padding-top:37px}.scenario-grid{gap:10px}.scenario-grid>a{padding:16px 12px}.scenario-grid strong{font-size:14px}.scenario-grid a>span:last-child{font-size:11px}.tools-grid{grid-template-columns:1fr}.tool-card{flex-direction:row;padding:20px;gap:14px}.tool-icon{flex-shrink:0}.tool-group{margin:35px 0}.tool-group h2{font-size:24px}.tool-group .section-heading p{font-size:13px}.tool-go{margin-top:3px}.editorial-panel{grid-template-columns:1fr;padding:26px;gap:30px;margin:45px 0}.editorial-panel h2{font-size:31px}.reading-grid{grid-template-columns:1fr;gap:5px}.reading-section{margin:42px 0}.trust-editorial{padding:23px;margin:38px 0}.trust-links{gap:12px 18px}.trust-editorial h2{font-size:25px}.home-faq{margin:40px 0}.countries-section{margin-top:40px}.calc-section{padding:22px 16px!important;border-radius:18px!important}.form-grid{grid-template-columns:1fr!important}.result-total-amount{font-size:clamp(26px,8vw,40px)}.page-header h1{font-size:33px}.breadcrumb{padding-inline:20px}.calc-hub a{overflow-wrap:anywhere}table{font-size:13px}th,td{padding:10px 7px!important}.table-wrap,.table-wrapper{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.preview-sheet{transform:none}.floating-note{transform:none}}
@media print{.reading-progress,.editorial-shortcut,.skip-link,.hero-visual{display:none!important}.reveal,.result-arrived{animation:none!important;transform:none!important;opacity:1!important}body{background:#fff}}
.home-hero h1 .hero-topic{display:block;font-size:14px;font-weight:600;letter-spacing:0;line-height:1.4;color:#4b6b41;margin-bottom:14px}body>article{max-width:850px;margin:0 auto;padding:30px 22px}body>article h2{margin-top:35px}body>article p{line-height:1.85}