:root{--istb:#073b66;--istb-2:#0b6aa2;--accent:#f3b61f;--bg:#f5f8fb;--ink:#102133;--sidebar:270px}
*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.navbar,.mobile-topbar{background:linear-gradient(90deg,var(--istb),var(--istb-2));color:#fff}.navbar-brand span,.sidebar-brand span{color:var(--accent)}.hero{background:linear-gradient(135deg,#073b66,#0b6aa2 68%,#1486bd);color:#fff}.hero-card,.info-panel{background:#fff;color:var(--ink);border-radius:1rem;padding:1.5rem;box-shadow:0 1rem 3rem rgba(0,0,0,.12)}.eyebrow{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:#d69700}.hero .eyebrow{color:#ffd45e}.card{border-radius:1rem}.btn-primary{background:#0b6aa2;border-color:#0b6aa2}.form-control,.form-select{min-height:46px}.media-cover{width:100%;height:230px;object-fit:cover}.lottie-box{height:230px;background:#fff}.stat-pill{background:#fff;padding:.65rem 1rem;border-radius:999px;box-shadow:0 .3rem 1rem rgba(0,0,0,.08)}table thead th{white-space:nowrap;background:#eef4f8!important}.min-vw-0{min-width:0}.sidebar,.sidebar-mobile{width:var(--sidebar);background:linear-gradient(180deg,var(--istb),#062b4a);color:#fff}.sidebar{position:sticky;top:0;height:100vh}.sidebar-brand{font-size:1.2rem;font-weight:800;text-decoration:none;color:#fff}.sidebar-label{letter-spacing:.1em;opacity:.65}.sidebar .nav-link,.sidebar-mobile .nav-link{color:rgba(255,255,255,.82);border-radius:.65rem}.sidebar .nav-link:hover,.sidebar-mobile .nav-link:hover{background:rgba(255,255,255,.11);color:#fff}.sidebar-user{color:#fff}.app-main{width:calc(100% - var(--sidebar))}@media(max-width:991.98px){.app-main{width:100%}.sidebar-mobile{--bs-offcanvas-width:285px}.sidebar-mobile .offcanvas-header,.sidebar-mobile .offcanvas-body{background:linear-gradient(180deg,var(--istb),#062b4a);color:#fff}}@media(max-width:767px){.hero h1{font-size:2.25rem}.hero-card{margin-top:1rem}.stat-pill{width:100%;text-align:center}}

/* Identidad institucional ISTB · V5 */
.brand-logo-box{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:58px;height:58px;border-radius:.7rem;background:#fff;padding:5px;box-shadow:0 2px 9px rgba(0,0,0,.12)}
.brand-logo-img{width:100%;height:100%;object-fit:contain;display:block}
.brand-logo-small{width:35px;height:35px;border-radius:.4rem;padding:3px}
.sidebar-brand{line-height:1.15}.sidebar-brand .brand-name{font-size:1.08rem}.navbar-brand .brand-logo-box{width:55px;height:55px}
.hero-institutional-brand{display:flex;align-items:center;gap:1rem}.hero-crest-card{width:100px;height:100px;display:grid;place-items:center;background:#fff;border-radius:50%;padding:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);flex-shrink:0}.hero-crest{max-width:100%;max-height:100%;object-fit:contain}.hero-brand-label{font-size:.83rem;color:rgba(255,255,255,.85);letter-spacing:.02em}.hero-brand-label strong{font-size:1rem;color:#fff}
@media(max-width:575.98px){.hero-crest-card{width:78px;height:78px;padding:8px}.brand-logo-box{width:46px;height:46px}.sidebar-brand .brand-name{font-size:1rem}.navbar-brand{font-size:1rem}.navbar-brand .brand-logo-box{width:46px;height:46px}}