:root{--blue:#2b86e0;--blue-2:#5cb0f5;--violet:#6a6fe6;--ink:#343a4f;--bg:#f3f5fa;--slate:#52618a;--orange:#ff8d4e;--green:#2fc08c;--red:#ff4a63;--sidebar:240px}
body{font-family:'Open Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:.92rem}
h1,h2,h3,.brand-name,.brand-top,.page-head h1{font-family:'Quicksand','Open Sans',sans-serif}
a{color:#1e90e8;text-decoration:none}a:hover{text-decoration:underline}
.btn-brand{background:var(--violet);border-color:var(--violet);color:#fff}.btn-brand:hover{background:#5a5fd6;color:#fff}
.btn-icon{background:none;border:0;color:#fff}
.logo-badge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffc94a;color:#2b3a67;font-size:1rem}
.logo-badge.lg{width:46px;height:46px;font-size:1.5rem}

/* Acceso */
.auth{min-height:100vh;display:grid;place-items:center;padding:1.5rem}
.auth-blue{background:linear-gradient(135deg,#2b7fe0,#62b2f5)}.auth-slate{background:linear-gradient(135deg,#4c5a80,#6a7a9f)}
.auth-card{width:100%;max-width:460px;border:0;border-radius:6px}.auth-card.auth-wide{max-width:720px}
.brand-lockup{display:inline-flex;align-items:center;gap:.6rem}.brand-name{font-weight:700;font-size:1.15rem;line-height:1.1}.brand-sub{font-size:.65rem;color:#777}
.divider-text{display:flex;align-items:center;gap:.75rem;color:#8a93a8;font-size:.85rem;margin:1rem 0 1.4rem}
.divider-text:before,.divider-text:after{content:"";flex:1;border-top:1px solid #e1e5ef}
.input-group-text{background:#fff;color:#6b7390}.form-control,.form-select{border-color:#dfe3ee}.form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .15rem rgba(43,134,224,.2)}
.form-control[readonly]{background:#f6f7fb}

/* Estructura interna */
.topbar{position:sticky;top:0;z-index:1030;height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;background:linear-gradient(90deg,#1f78d8,#4aa3f0);color:#fff}
.brand-top{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-weight:600}.brand-top:hover{color:#fff;text-decoration:none}
.user-chip{color:#fff;display:inline-flex;align-items:center;gap:.5rem}.user-chip:hover{color:#fff;text-decoration:none}
.avatar-sm{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#dbe6f6;display:inline-grid;place-items:center;color:#7b8bb3}
.shell{display:flex;min-height:calc(100vh - 50px)}
.sidebar{width:var(--sidebar);flex:none;background:#fff;border-right:1px solid #e6e9f2;padding:.75rem 0}
.side-link{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.1rem;color:#5a6280;border-left:3px solid transparent;font-family:'Quicksand',sans-serif;font-weight:500}
.side-link:hover{background:#f4f7fd;text-decoration:none}.side-link.active{border-left-color:#2b86e0;color:#1f6fd1;background:#eef5fe}
.side-title{padding:.9rem 1.1rem .3rem;font-size:.75rem;color:#98a0b8}
.content{flex:1;min-width:0;padding:1.2rem 1.4rem 0;display:flex;flex-direction:column}
.page-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:1rem}
.page-head h1{font-size:1.25rem;font-weight:500;margin:0}.crumbs{font-size:.78rem;color:#8a93a8;padding-left:1rem;border-left:1px solid #dde1ec}
.foot{margin-top:auto;padding:1.2rem 0;color:#8a93a8;font-size:.8rem}
@media(max-width:991px){.sidebar{position:fixed;z-index:1040;top:50px;bottom:0;left:calc(var(--sidebar) * -1);transition:left .2s}.sidebar-open .sidebar{left:0;box-shadow:0 0 30px rgba(0,0,0,.2)}.content{padding:1rem}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}

.panel{border:0;box-shadow:0 1px 8px rgba(40,55,100,.08);border-radius:4px}
.panel .card-header{background:#fff;font-family:'Quicksand',sans-serif;font-weight:600;border-bottom:1px solid #edf0f6}
.panel .card-footer{background:#fff;border-top:1px solid #edf0f6}

/* Tarjetas de estadística */
.stat{display:flex;gap:1rem;align-items:center;padding:1rem 1.2rem;border-radius:4px;color:#fff;min-height:96px;box-shadow:0 1px 8px rgba(40,55,100,.1)}
.stat>i{font-size:2.4rem;opacity:.9}.stat-n{font-family:'Quicksand',sans-serif;font-size:1.7rem;font-weight:700;line-height:1}.stat-n small{font-size:.8rem;font-weight:500;opacity:.9}
.stat-green{background:linear-gradient(90deg,#2fc08c,#62d9b0)}.stat-blue{background:linear-gradient(90deg,#2b86e0,#5cb0f5)}.stat-orange{background:linear-gradient(90deg,#ff8d4e,#ffb07e)}
.stat-violet{background:linear-gradient(90deg,#6a6fe6,#9a9df2)}.stat-teal{background:linear-gradient(90deg,#1f9fb0,#52c6d4)}
.stat-white{background:#fff;color:var(--ink)}.stat-white>i{color:#2b86e0}
.btn-dark-soft{background:rgba(0,0,0,.35);color:#fff;font-size:.7rem}.btn-dark-soft:hover{background:rgba(0,0,0,.5);color:#fff}

/* Grid */
.grid thead th{background:#52618a;color:#fff;font-family:'Quicksand',sans-serif;font-weight:600;font-size:.8rem;border:0;white-space:nowrap}
.grid td{font-size:.82rem}.grid .desc{max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-act{display:inline-grid;place-items:center;width:26px;height:22px;border-radius:3px;color:#fff;font-size:.75rem;margin:0 1px;cursor:pointer}
.btn-act:hover{color:#fff;filter:brightness(1.1);text-decoration:none}.bg-orange{background:var(--orange)}
.alert-orange{background:#ffb27f;border:0;color:#5a3412}

.ro-data dt{font-weight:700;font-size:.8rem}.ro-data dd{font-size:.85rem;color:#4b5370}
.photo-box{width:150px;height:130px;margin:0 auto;border:1px solid #dfe3ee;border-radius:4px;display:grid;place-items:center;overflow:hidden;background:#f6f7fb;color:#c4c9d8;font-size:4rem}
.photo-box img{width:100%;height:100%;object-fit:cover}

/* Constancia */
.constancia{border:1px solid #e1e5ef;padding:1.2rem 1.5rem}.constancia h2{font-size:1.05rem;font-weight:700;margin-bottom:.8rem}.constancia p{font-size:.85rem}

.flash-stack{position:fixed;top:60px;right:16px;z-index:2000;width:min(380px,calc(100vw - 32px))}

@media print{
  body{background:#fff}.topbar,.sidebar,.no-print,.flash-stack,.page-head,.foot{display:none!important}
  .shell{display:block}.content{padding:0}.panel{box-shadow:none}.constancia{border:1px solid #000}
}