/* GC y GF v1.1.0 — interfaz compacta e identidad SENA.
 * Solo presentación: mantiene id=adminNav, data-tab, paneles y motores.
 * Paleta: Manual de Identidad Visual SENA, p. 23-25.
 * Logo extraído sin redibujarlo del manual suministrado, p. 10.
 */
.gcgf-app{
  --sena:#39a900;--sena-dark:#007832;
  --ui-green:#007832;--ui-green-dark:#005d29;
  --ui-blue:#00304d;--ui-ink:#263842;
  --ui-line:#dce6df;--ui-bg:#f6f6f6;
  background:#f6f6f6;color:#243445;min-height:100vh;
  font-family:"Work Sans",Calibri,"Segoe UI",system-ui,sans-serif;
}
.gcgf-app .shell{width:min(1440px,calc(100% - 28px));max-width:none}
.gcgf-app .site-header{
  position:sticky;top:0;z-index:60;background:#fff;
  border-bottom:2px solid #39a900;
  box-shadow:0 2px 10px rgba(0,48,77,.045);
}
.gcgf-app .header-inner{
  min-height:69px;display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding-block:3px;
}
.gcgf-app .brand{
  display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;
  text-decoration:none;min-width:0;
}
.gcgf-app .brand .sena-logo{
  display:block;width:58px;height:58px;object-fit:contain;
  flex:0 0 58px;
}
.gcgf-app .brand-copy{min-width:0;white-space:nowrap}
.gcgf-app .brand-title{font-size:19px;color:#00304d;font-weight:800;letter-spacing:-.035em;line-height:1.15}
.gcgf-app .brand-sub{font-size:11.5px;color:#526b61;font-weight:600;line-height:1.3;margin-top:3px}
.gcgf-app #adminNav{
  display:flex;align-items:center;justify-content:flex-end;gap:5px;
  min-width:0;max-width:100%;margin-left:auto;overflow-x:auto;
  scrollbar-width:thin;scrollbar-color:#c0d8c2 transparent;
}
.gcgf-app #adminNav button{
  flex:0 0 auto;min-height:38px;padding:8px 14px;border:1px solid transparent;
  border-radius:9px;font-size:13px;font-weight:750;white-space:nowrap;
  background:transparent;color:#36515b;text-align:center;
  transition:background-color .15s ease,border-color .15s ease;
}
.gcgf-app #adminNav button:hover:not(.active){color:#00652a;background:#eef8eb;border-color:#d9ead6}
.gcgf-app #adminNav button.active{
  background:#007832!important;color:#fff!important;
  border-color:#007832;box-shadow:none!important;
}
.gcgf-app #adminNav button:focus-visible{outline:3px solid #98d47c;outline-offset:2px}
.gcgf-shell{display:block;padding-top:13px;padding-bottom:20px}
.gcgf-shell .admin-content{width:100%;min-width:0}
.gcgf-shell .admin-panel:not([hidden]){display:block}
.gcgf-shell .admin-panel[hidden]{display:none!important}
.gcgf-app .section-head{margin-bottom:10px}
.gcgf-app .section-head p{line-height:1.45;max-width:980px}
.gcgf-app .admin-panel .card{border-radius:12px}
.gcgf-app .footer{padding:12px 0 18px;font-size:11px;color:#6c7d77}
@media(max-width:760px){
  .gcgf-app .shell{width:calc(100% - 20px)}
  .gcgf-app .header-inner{flex-wrap:wrap;gap:0;padding-top:3px;padding-bottom:5px}
  .gcgf-app .brand{width:100%;justify-content:flex-start;min-height:58px}
  .gcgf-app .brand .sena-logo{width:52px;height:52px;flex-basis:52px}
  .gcgf-app .brand-title{font-size:17px}
  .gcgf-app #adminNav{width:100%;margin:0;padding:2px 0;justify-content:flex-start}
  .gcgf-app #adminNav button{padding:7px 11px;min-height:35px;font-size:12px}
  .gcgf-shell{padding-top:9px}
  .gcgf-app .section-head{align-items:flex-start}
}
@media(max-width:480px){
  .gcgf-app .brand-sub{font-size:10.5px}
  .gcgf-app .section-head h2{font-size:21px!important}
}
@media print{
  .gcgf-app .site-header{display:none!important}
  .gcgf-shell{padding:0}
}