/* MEDHUB INDEX 1.6 — Identidad visual Academic Console. Capa visual aislada: no altera los datos ni la lógica. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{font-family:Inter,'DM Sans',Arial,sans-serif;color:#273a48;background:#f5f6f7;--ink:#1c3446;--muted:#758692;--rule:#e1e6e9;--accent:#315b72}body{background:#f5f6f7}.app{min-height:100vh}.side{width:246px;background:#152b3b;border-right:1px solid #344957;padding:30px 15px 20px;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin}.brand{padding:0 10px 29px;gap:10px;border-bottom:1px solid #354a58;margin-bottom:25px}.brand strong{font-family:Inter,Arial,sans-serif;font-size:14px;letter-spacing:1.4px;font-weight:600}.brand em{color:#c0a17f}.brand small{letter-spacing:1.4px;font-size:8px}.brand .monogram{font-size:36px}.side-label{padding:0 13px 10px;font-size:9px;color:#8095a2}.nav{border-radius:2px;padding:12px 13px;margin-bottom:2px;font-size:12px;font-weight:500}.nav.active{background:#243d4d;box-shadow:inset 2px 0 0 #c5a47e}.commission-menu{margin:23px 0 8px;padding-top:19px;border-top:1px solid #354a58}.commission-group{font-size:9px;letter-spacing:2px;color:#8ea4b1;margin:0 13px 10px;font-weight:700}.virtual-group{margin-top:22px}.commission-links{display:grid;gap:2px}.commission-links button{display:flex;align-items:center;gap:14px;width:100%;border:0;border-left:2px solid transparent;background:transparent;color:#8ea5b3;text-align:left;padding:11px 13px;font:500 11px Inter,Arial;cursor:pointer;letter-spacing:1px}.commission-links button span{color:#cad5dc;letter-spacing:0;font-size:12px}.commission-links button:hover{background:#203a4b}.commission-links button.selected{border-left-color:#c5a47e;background:#2a4657;color:#d9b995}.commission-links button.selected span{color:white}.side-bottom{font-size:10px;border-top:1px solid #354a58}.side-bottom .status{white-space:normal;line-height:1.7}main{max-width:none;width:calc(100% - 246px);padding:35px clamp(24px,3.4vw,58px) 48px}.top{margin-bottom:27px;border-bottom:1px solid #dce3e7;padding-bottom:26px}.eyebrow{color:#647e8e;font-size:9px;letter-spacing:2px;font-weight:700}.top h1{font-size:clamp(25px,2.4vw,36px);font-weight:500;letter-spacing:-1.3px;margin:10px 0 9px}.top h1 span{color:#527185;font-weight:400}.top p{font-size:12px;color:#7c8b94}.pill{background:#e8eeef;border:1px solid #d7e3e3;border-radius:3px;font-size:9px;color:#51766d;padding:10px 12px}.outline{border-radius:3px;background:#fff;border-color:#d3dde1;font-family:Inter,Arial;font-size:11px;font-weight:600}.metrics{gap:1px;background:#dce4e7;border:1px solid #dce4e7;margin-bottom:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.metrics article{border:0;border-radius:0;box-shadow:none;padding:19px 22px;min-width:0}.metrics article:before{height:2px;background:#7794a1}.metrics article:nth-child(2):before{background:#6b8d9b}.metrics article:nth-child(3):before{background:#6c9186}.metrics article:nth-child(4):before{background:#ae8f70}.metrics span{font-size:9px;font-weight:700;letter-spacing:1.3px}.metrics strong{font-size:30px;font-weight:500;margin:10px 0 5px}.metrics small{font-size:10px}.workspace{border-radius:3px;box-shadow:none;border-color:#d9e2e6}.section-head{background:white;padding:23px 24px 20px}.section-head h2{font-size:19px;font-weight:500}.selectors{background:#f8fafb;border-color:#e3e9ec;padding:16px 24px;gap:13px}.selectors label{font-size:9px;letter-spacing:1px;font-weight:700}.selectors select,.selectors input{font:500 12px Inter,Arial;border-radius:3px;padding:11px 12px;margin-top:8px}.tabs{padding:13px 22px 11px;gap:2px;border-bottom:1px solid #e4e9ec}.tabs button{border-radius:0;font:500 11px Inter,Arial;padding:12px 15px}.tabs button.active{background:transparent;box-shadow:inset 0 -2px 0 #416f86;color:#284d62}.table-wrap{padding:0 21px 10px}table{min-width:770px}thead{background:#f4f7f8}th{font-size:9px;letter-spacing:.7px;font-weight:700;padding:14px 11px;color:#627c8b}td{padding:10px 11px;font-size:11px;border-bottom-color:#e9eef0}td:first-child{font-weight:600}.grade{border-radius:2px!important;background:#f7f9fa!important;font-family:Inter,Arial!important}.mean{border-radius:2px!important;background:#edf3f4!important}.state-tag{border-radius:2px;font-weight:600}.action-btn{border-radius:2px;font-family:Inter,Arial}.table-footer{padding:15px 22px 20px}.note{border-left:2px solid #a4b6bf;padding:8px 0 8px 15px;margin-top:22px;font-size:10px}.delete-card{border-radius:5px}.delete-person{border-radius:3px}.delete-warning{border-radius:0}.delete-buttons button{border-radius:3px}body[data-modality=virtual] .commission-links button.selected{border-left-color:#8cafa7}body[data-modality=virtual] .metrics article:first-child:before{background:#7ba69b}
@media(max-width:1100px){.side{width:215px}main{width:calc(100% - 215px);padding:28px 22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.brand strong{font-size:12px}}
@media(max-width:760px){.app{display:block}.side{position:static;height:auto;width:100%;padding:17px 16px 14px}.brand{margin-bottom:13px;padding:0 0 13px}.side-label,.side-bottom{display:none}.nav{display:inline-block;width:auto;font-size:11px;padding:9px 11px}.commission-menu{margin-top:12px;padding-top:12px}.commission-group{margin:7px 0 7px}.commission-links{display:flex;gap:5px;flex-wrap:wrap}.commission-links button{width:auto;border:1px solid #3e5867;border-left-width:2px;padding:9px 10px}.commission-links button span{font-size:11px}.virtual-group{margin-top:14px}main{width:100%;padding:23px 13px}.top{display:block}.top-actions{margin-top:16px}.metrics{gap:1px}.metrics article{padding:16px 13px}.metrics strong{font-size:25px}.section-head{display:block;padding:19px}.tools{margin-top:15px}.selectors{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:12px}.tabs{padding:10px 12px}.table-wrap{padding:0 10px 10px}.table-footer{display:block;line-height:1.8}}
@media(max-width:440px){.selectors{grid-template-columns:1fr}.commission-links button span{display:none}.commission-links button{min-width:43px;justify-content:center}.metrics span{font-size:8px}}

/* v1.7 — Encabezado institucional con mayor contraste; sin alterar lógica. */
main > header.top{
  position:relative;overflow:hidden;
  background:linear-gradient(112deg,#162e40 0%,#23465c 62%,#315b70 100%);
  border:1px solid #284c61;border-radius:5px;
  padding:27px 30px 29px;margin-bottom:25px;
  box-shadow:0 9px 22px rgba(18,45,63,.10);
}
main > header.top::before{content:"";position:absolute;right:-65px;top:-120px;width:340px;height:340px;border:1px solid rgba(191,166,132,.18);border-radius:50%;pointer-events:none}
main > header.top::after{content:"";position:absolute;right:25px;top:-95px;width:250px;height:250px;border:1px solid rgba(214,229,233,.09);border-radius:50%;pointer-events:none}
main > header.top > *{position:relative;z-index:1}
main > header.top .eyebrow{color:#c9ad8c;letter-spacing:2.5px}
main > header.top h1{color:#f4f7f8;font-weight:500}
main > header.top h1 span{color:#d6b993}
main > header.top p{color:#c2d1da}
main > header.top .pill{background:rgba(78,134,124,.2);border:1px solid rgba(148,198,177,.35);color:#c1e0d0}
main > header.top .outline{background:rgba(255,255,255,.10);color:#f1f6f7;border:1px solid rgba(220,232,238,.35);transition:background .2s ease,border-color .2s ease}
main > header.top .outline:hover{background:rgba(255,255,255,.19);border-color:#d3b895}
@media(max-width:760px){main > header.top{padding:24px 20px 25px}main > header.top::before{right:-180px}main > header.top::after{right:-145px}}