:root{
  --navy:#5C3D2E;--navy-light:#8C6147;--red:#C4704F;--gold:#C99B5A;
  --white:#FFFCF8;--off-white:#FAF6EF;--gray-light:#EDE4D6;--gray:#B89A82;
  --text-main:#3B2A1F;--text-muted:#A88970;--border:#DDD0BC;
  --surface:#FFFCF8;--surface2:#F3EDE2;
  --shadow:0 4px 24px rgba(92,61,46,.10);--shadow-lg:0 8px 40px rgba(92,61,46,.18);
  --cream:#FAF6EF;--clay:#C4704F;--clay-dark:#A05A3C;--clay-soft:#E8997A;--warm-brown:#5C3D2E;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'DM Sans',sans-serif;background:var(--off-white);color:var(--text-main);min-height:100vh;}

/* HEADER */
header{background:linear-gradient(135deg,#5C3D2E 0%,#8C6147 100%);position:relative;overflow:hidden;}
header::before{content:'';position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(192,57,43,.25) 0%,transparent 70%);pointer-events:none;}
header::after{content:'';position:absolute;bottom:-40px;left:10%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(240,165,0,.12) 0%,transparent 70%);pointer-events:none;}
.header-inner{max-width:1500px;margin:0 auto;padding:34px 32px 28px;position:relative;z-index:1;}
.header-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(192,57,43,.25);border:1px solid rgba(192,57,43,.5);border-radius:20px;padding:4px 14px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f5a89a;margin-bottom:12px;}
h1{font-family:'Sora',sans-serif;font-size:clamp(22px,3.2vw,36px);font-weight:700;color:#fff;line-height:1.15;margin-bottom:6px;letter-spacing:-.02em;}
h1 em{font-style:normal;color:var(--gold);}
.header-sub{color:rgba(255,255,255,.5);font-size:13px;}
.header-stats{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap;align-items:center;}
.stat-pill{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 15px;}
.stat-pill .num{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;color:var(--gold);}
.stat-pill .lbl{font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em;line-height:1.3;}

/* FILTERS */
.filters-wrap{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:sticky;top:0;z-index:200;}
.filters-inner{max-width:1500px;margin:0 auto;padding:14px 32px;display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;align-items:end;}
.filter-group{display:flex;flex-direction:column;gap:4px;}
.filter-group label{font-size:9.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);}
.req{color:var(--red);margin-left:2px;}
select{width:100%;padding:8px 28px 8px 11px;border:1.5px solid var(--border);border-radius:8px;font-family:'DM Sans',sans-serif;font-size:12.5px;color:var(--text-main);background:var(--surface2);appearance:none;-webkit-appearance:none;transition:border-color .2s;cursor:pointer;}
select:focus{outline:none;border-color:#C4704F;box-shadow:0 0 0 3px rgba(196,112,79,.15);background:#fff;}
.select-wrap{position:relative;}
.select-wrap::after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--gray);pointer-events:none;font-size:11px;}
.btn{padding:8px 16px;border:none;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s;white-space:nowrap;height:38px;display:inline-flex;align-items:center;gap:6px;}
.btn:active{transform:scale(.97);}
.btn-reset{background:#5C3D2E;color:#fff;}
.btn-reset:hover{background:#8C6147;}
.btn-export{background:#1e7e34;color:#fff;}
.btn-export:hover{background:#155724;}
.btn-export:disabled{background:#8db49e;cursor:not-allowed;}

/* MAIN */
main{max-width:1500px;margin:0 auto;padding:20px 32px 60px;}
.results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px;}
.results-count{font-family:'Sora',sans-serif;font-size:13px;font-weight:500;color:var(--text-muted);}
.results-count strong{color:var(--navy);font-size:17px;margin-right:4px;}
.sort-hint{font-size:11px;color:var(--text-muted);}
.page-info{font-size:12px;color:var(--text-muted);}

/* Career description */
.career-desc-panel{background:linear-gradient(135deg,#f3ede2 0%,#fffcf8 100%);border:1px solid #DDD0BC;border-left:4px solid #C4704F;border-radius:12px;padding:14px 20px;margin-bottom:14px;display:flex;gap:14px;align-items:flex-start;}
.career-desc-icon{font-size:20px;flex-shrink:0;margin-top:1px;}
.career-desc-label{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8C6147;margin-bottom:5px;}
.career-desc-text{font-size:13px;line-height:1.65;color:var(--text-main);}

/* Empty */
.empty-state{text-align:center;padding:80px 20px;color:var(--text-muted);}
.empty-state .icon{font-size:52px;margin-bottom:16px;opacity:.5;}
.empty-state h3{font-family:'Sora',sans-serif;font-size:18px;color:var(--navy);margin-bottom:8px;}
.empty-state p{font-size:14px;}

/* TABLE */
.table-outer{border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:#fff;}
.table-scroll{overflow-x:auto;max-height:60vh;overflow-y:auto;}
table{width:100%;border-collapse:collapse;font-size:12px;table-layout:auto;}

/* Col min-widths — auto layout expands to fit header text */
col.c-inst {width:150px;} col.c-prog {width:160px;}
col.c-regcom{width:130px;}
col.c-dur  {width:46px;}  col.c-dreal{width:46px;}
col.c-pml  {width:54px;}  col.c-nem  {width:48px;}  col.c-ran  {width:54px;}  col.c-pco  {width:54px;}
col.c-ret  {width:54px;}  col.c-emp1 {width:50px;}  col.c-emp2 {width:50px;}  col.c-ing  {width:90px;}
col.c-mat  {width:80px;}  col.c-ara  {width:80px;}  col.c-mon  {width:56px;}
col.c-pct  {width:90px;}

thead{position:sticky;top:0;z-index:10;}
thead th{padding:9px 8px 8px;text-align:center;background:#5C3D2E;font-family:'Sora',sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.7);white-space:nowrap;line-height:1.25;border-right:1px solid rgba(255,255,255,.07);cursor:pointer;user-select:none;transition:background .15s;vertical-align:bottom;}
thead th:last-child{border-right:none;}
thead th:hover{background:#8C6147;color:rgba(255,255,255,.95);}
thead th.sorted-asc,thead th.sorted-desc{background:#7A5030;color:var(--gold);}
thead th .sort-icon{display:block;margin-top:3px;font-size:9px;opacity:.45;}
thead th.sorted-asc .sort-icon,thead th.sorted-desc .sort-icon{opacity:1;}
thead th.col-inst{text-align:left;padding-left:12px;color:var(--gold);}
thead th.sies-group{border-left:2px solid rgba(201,155,90,.4);}

/* GROUP HEADER ROW */
thead tr.group-row th{
  padding:0;font-size:0;background:#5C3D2E;
  border:none;line-height:1;cursor:default;
}
thead tr.group-row th.grp-ptje{
  padding:4px 6px 3px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;
  font-weight:700;text-align:center;white-space:nowrap;
  background:rgba(148,82,45,.88);color:#fad3bb;
  border-left:2px solid rgba(240,170,110,.5);border-right:2px solid rgba(240,170,110,.5);
  border-bottom:1px solid rgba(240,170,110,.3);
}
thead tr.group-row th.grp-sies{
  padding:4px 6px 3px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;
  font-weight:700;text-align:center;white-space:nowrap;
  background:rgba(25,90,45,.80);color:#b2f0c5;
  border-left:2px solid rgba(80,200,120,.4);border-right:2px solid rgba(80,200,120,.4);
  border-bottom:1px solid rgba(80,200,120,.3);
}

/* Subtle column tints for grouped cols */
td.score{background:rgba(196,112,79,.035);}
td.sies-emp,td.sies-ing{background:rgba(46,125,50,.035);}
tbody tr:hover td.score,tbody tr:hover td.sies-emp,tbody tr:hover td.sies-ing{background:transparent !important;}

tbody tr{border-bottom:1px solid var(--gray-light);transition:background .1s;}
tbody tr:last-child{border-bottom:none;}
tbody tr:hover{background:#f3ede2 !important;}
tbody tr:nth-child(even){background:#FAF6EF;}
td{padding:9px 8px;vertical-align:middle;border-right:1px solid var(--gray-light);}
td:last-child{border-right:none;}
td.inst{font-weight:600;color:var(--navy);font-size:11.5px;padding-left:12px;text-align:left;white-space:normal;word-break:break-word;}
td.prog{font-size:11px;color:var(--text-muted);text-align:left;white-space:normal;word-break:break-word;}
td.num-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
td.score{font-weight:500;color:var(--navy-light);text-align:right;white-space:nowrap;}
td.score.corte{color:var(--clay);font-weight:700;}
td.center{text-align:center;}
td.sies-emp{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;}
td.sies-dur{text-align:right;font-variant-numeric:tabular-nums;color:var(--navy-light);}
td.sies-ing{font-size:11px;text-align:center;white-space:normal;line-height:1.3;}
td.sies-first{border-left:2px solid #DDD0BC;}

.emp-high{color:#2e7d32;} .emp-mid{color:#C4704F;} .emp-low{color:#a05a3c;}

.tag{display:inline-block;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:600;white-space:nowrap;}
.tag-diurno{background:#e8f4f0;color:#2e6b4f;}
.tag-vespertino{background:#fdf0e8;color:#a05a3c;}
.tag-other{background:#f3e5f5;color:#6a1b9a;}

.moneda-tag{display:inline-block;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:600;}
.moneda-tag.clp{background:#e8f3e9;color:#2e7d32;}
.moneda-tag.uf{background:#fff8e1;color:#f57f17;}
.moneda-tag.other{background:#ede7f6;color:#512da8;}

.pct-bar-wrap{display:flex;flex-direction:column;gap:2px;}
.pct-line{display:flex;align-items:center;gap:4px;font-size:10px;}
.pct-label{width:11px;font-weight:700;font-size:9.5px;}
.pct-label.m{color:#8C6147;} .pct-label.f{color:#C4704F;}
.pct-bar-bg{flex:1;height:4px;background:var(--gray-light);border-radius:3px;overflow:hidden;}
.pct-bar-fill{height:100%;border-radius:3px;}
.pct-bar-fill.m{background:#8C6147;} .pct-bar-fill.f{background:#C4704F;}
.pct-val{font-size:10px;font-variant-numeric:tabular-nums;width:32px;text-align:right;}

.null-val{color:var(--gray);font-style:italic;font-size:11px;}
.currency{color:var(--gray);font-size:10px;}

/* Pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:18px;flex-wrap:wrap;}
.page-btn{padding:5px 11px;border:1.5px solid var(--border);border-radius:7px;background:#fff;color:var(--text-main);font-family:'DM Sans',sans-serif;font-size:12px;cursor:pointer;transition:all .12s;}
.page-btn:hover:not(:disabled){background:var(--navy);color:#fff;border-color:var(--navy);}
.page-btn.active{background:#5C3D2E;color:#fff;border-color:var(--navy);font-weight:600;}
.page-btn:disabled{opacity:.3;cursor:not-allowed;}

@media(max-width:900px){.filters-inner{grid-template-columns:1fr 1fr;}.header-inner,main{padding-left:16px;padding-right:16px;}}
@media(max-width:600px){.filters-inner{grid-template-columns:1fr;}}

/* Navigation */
.main-nav { background: var(--surface); border-bottom: 1px solid var(--border); box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.nav-container { max-width: 1500px; margin: 0 auto; padding: 0 32px; display: flex; justify-content: space-between; align-items: center; height: 60px; }
.nav-brand { font-family: 'Sora', sans-serif; font-size: 18px; font-weight: 700; color: var(--navy); text-decoration: none; }
.nav-links { display: flex; gap: 24px; align-items: center; }
.nav-links a { font-size: 14px; font-weight: 500; color: var(--text-muted); text-decoration: none; transition: color 0.2s; }
.nav-links a:hover, .nav-links a.active { color: var(--red); }
@media(max-width: 600px) { .nav-container { padding: 0 16px; flex-direction: column; justify-content: center; height: auto; padding-top: 10px; padding-bottom: 10px; gap: 10px; } }