:root{--work-background-image: url(/images/work-background.jfif)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#e9eef1;isolation:isolate;color:#172738;font-size:15px}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#0f1e2829,#0f1e283d),var(--work-background-image);background-size:cover;background-position:center 58%;background-repeat:no-repeat}main{background:#f8fafb3d;border-radius:16px}main>header,main>.filters,main>.quick,main>.pagination,main>p{background:#fffffff0;border-radius:10px;padding:16px}.login form{box-shadow:0 18px 55px #152e4026}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #ccd5de;background:#fff;border-radius:7px;padding:9px 13px;color:#213b50}button:hover{background:#edf3f7}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #368aa4;outline-offset:2px}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}aside{background:#152e40;color:#dbe7ee;padding:28px 20px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh}aside small{line-height:1.7;overflow-wrap:anywhere;margin-top:auto}.brand{font-size:25px;font-weight:700}.brand span{display:block;font-size:13px;font-weight:400;color:#a9c2d1;margin-top:8px}nav{display:grid;gap:7px}nav button{border:0;text-align:left;background:transparent;color:#dbe7ee;padding:13px}nav button.active,nav button:hover{background:#2b4b5f}main{padding:32px 40px;max-width:1500px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}h1{font-size:30px;margin:7px 0}h2{font-size:18px;margin:0 0 18px}h3{font-size:16px}.eyebrow{font-size:11px;letter-spacing:2px;color:#557080;font-weight:700}.primary{background:#17687c;color:#fff;border-color:#17687c}.primary:hover{background:#11586b}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{text-align:left;padding:19px;border:1px solid #dfe5e9;background:#fff;display:grid;gap:12px;box-shadow:0 2px 5px #17273805}.card strong{font-size:32px}.card small{color:#617786}.quick{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;padding:22px;border:1px solid #dfe5e9;border-radius:9px;margin-bottom:20px}.rowlink{display:block;text-align:left;width:100%;border:0;border-radius:0;padding:13px 0;border-bottom:1px solid #edf0f2;background:transparent}.rowlink small,td small{display:block;color:#657a89;margin-top:7px;font-size:12px}.muted{color:#637988;line-height:1.6}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:20px}.filters input,.filters select{max-width:210px}.filters label{font-size:12px}.tablewrap{overflow:auto;background:#fff;border:1px solid #dfe5e9;border-radius:9px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px;border-bottom:1px solid #edf0f2}th{background:#edf2f5;font-size:12px;color:#506b7c}td button{margin:3px}.textlink{border:0;background:none;padding:0;font-weight:600;text-align:left}.badge{display:inline-block;padding:5px 9px;background:#edf2f5;border-radius:20px;font-size:12px;text-transform:capitalize}.completada,.cumplido,.resuelto{background:#deeee4;color:#285f41}.en_espera,.pospuesto{background:#f9edcd;color:#775818}.cancelada,.cancelado,.revocada{background:#eee3e3;color:#704044}.pagination{display:flex;gap:15px;align-items:center;justify-content:center;margin:22px}.empty{padding:35px;color:#607786;text-align:center}label{display:flex;flex-direction:column;gap:7px;color:#425b6c}input,textarea,select{border:1px solid #cbd6dd;border-radius:6px;padding:10px;background:#fff;color:#172738;width:100%}input[type=checkbox]{width:auto}label:has(input[type=checkbox]){flex-direction:row;align-items:center}.error,.notice{padding:14px;border-radius:7px;margin:12px 0;overflow-wrap:anywhere}.error{background:#fae6e4;color:#8b3029}.notice{background:#dcefe3;color:#265a3a}.error button,.notice button{float:right;padding:2px 6px}.overlay{position:fixed;inset:0;background:#0d223b80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.modal{background:#fff;border-radius:12px;width:min(850px,100%);max-height:92vh;overflow:auto;padding:28px;box-shadow:0 10px 50px #0003}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.login{min-height:100vh;display:grid;place-items:center;padding:25px}.login form{background:#fff;padding:38px;width:min(420px,100%);border:1px solid #dfe5e9;border-radius:12px}.login label{margin:20px 0}.login button{width:100%}dl{display:grid;grid-template-columns:220px 1fr;gap:12px}dt{color:#607786}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.timeline{border-left:3px solid #9dbbc9;padding:10px 18px;margin:15px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;font-size:12px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar .calendar-day{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-width:0;min-height:85px;padding:12px;border:1px solid #cbd6dd;background:#fff;text-align:left}.calendar-day-number{display:block;font-size:18px;line-height:1.2;color:#172738}.calendar-day-count{white-space:nowrap;display:block;font-size:12px;line-height:1.3;color:#425b6c}.calendar .calendar-day[aria-pressed=true]{border:2px solid #17687c;background:#edf5f7}.loading{padding:40px}@media(max-width:1000px){.calendar{grid-template-columns:repeat(4,minmax(0,1fr))}main{padding:25px}.cards{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:195px 1fr}}@media(max-width:700px){.layout{display:block}aside{position:static;height:auto;padding:18px}aside nav{display:flex;overflow:auto}nav button{white-space:nowrap}aside small{display:none}.brand{font-size:20px}.brand span{display:none}main{padding:20px 15px}.panels,.formgrid{grid-template-columns:1fr}.card{padding:14px}header{align-items:flex-start}.modal{padding:20px}.calendar{grid-template-columns:repeat(3,1fr)}dl{grid-template-columns:1fr;gap:7px}dd{margin-bottom:12px}.pagination{font-size:12px;gap:8px}}@media print{aside,header button,.filters,.pagination,.quick,.overlay,.notice,.error{display:none!important}.layout{display:block}main{padding:0}.panel{break-inside:avoid;border:0;padding:10px 0}body:before{display:none}main{background:#fff}body{background:#fff;font-size:11pt}}
