/* Lux3 · cabecera clásica, utilidades y navegación. */
.gh-portal-header{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(213,179,112,.58)!important;
  border-radius:0!important;
  background:
    linear-gradient(rgba(19,19,16,.88),rgba(35,34,28,.9)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px)!important;
  box-shadow:
    0 0 0 3px rgba(0,0,0,.72),
    0 0 0 5px rgba(154,118,65,.3),
    0 18px 40px rgba(0,0,0,.52)!important;
  overflow:visible!important;
}
.gh-portal-header:before,
.gh-portal-header:after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
}
.gh-portal-header:before{
  inset:6px;
  border:1px solid rgba(240,216,166,.18);
  box-shadow:inset 0 0 26px rgba(0,0,0,.75);
}
.gh-portal-header:after{
  inset:0;
  opacity:.24;
  background:
    repeating-radial-gradient(circle at 18% 35%,rgba(255,255,255,.14) 0 1px,transparent 1px 9px),
    repeating-linear-gradient(0deg,transparent 0 8px,rgba(0,0,0,.22) 9px 10px);
  mix-blend-mode:overlay;
}

.gh-portal-head-grid{
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-columns:minmax(340px,1.55fr) minmax(0,2.08fr);
  grid-template-rows:auto;
  min-height:120px;
  background:linear-gradient(180deg,rgba(11,11,9,.16),rgba(0,0,0,.34));
}
.gh-portal-head-right{display:grid;grid-template-rows:auto auto;min-width:0}.gh-portal-head-row{display:grid;min-width:0}.gh-portal-head-row>.gh-portal-cell{grid-column:auto!important;grid-row:auto!important}.gh-portal-head-h1{grid-column:auto!important;grid-row:auto!important;display:flex!important;align-items:center!important;padding:16px 26px!important}
.gh-portal-head-grid .gh-portal-cell{
  position:relative;
  z-index:1;
  min-height:58px!important;
  padding:10px 12px!important;
  border-right:1px solid rgba(201,164,101,.22)!important;
  border-bottom:1px solid rgba(201,164,101,.19)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(0,0,0,.12))!important;
}








.demo-brand{line-height:.9;text-transform:uppercase;text-shadow:0 2px 0 #000,0 0 16px rgba(255,255,255,.08);}
.demo-brand-kicker{display:block;margin-bottom:7px;color:#dbc48f;font-size:12px;font-weight:800;letter-spacing:.22em;}
.demo-brand-title{display:block;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(34px,4vw,58px);font-weight:900;letter-spacing:.035em;background:linear-gradient(180deg,#fff 0,#d7d7d2 34%,#7e817d 58%,#f0f1ec 77%,#777b78 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.72);filter:drop-shadow(0 3px 0 #050505);}
.demo-brand-sub{display:block;margin-top:7px;color:#cbb17a;font-size:11px;letter-spacing:.36em;font-weight:800;}
.demo-util{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;color:#f3e4bc;font-size:11px;font-weight:800;line-height:1.25;}
.demo-util a{color:#fff1ca;text-decoration:none}.demo-util a:hover{color:#fff}
.demo-util .demo-small{font-size:9px;opacity:.74;font-weight:600;}
.demo-flags{display:flex;align-items:center;justify-content:center;gap:7px;font-size:17px;filter:saturate(.9)}
.demo-vote{display:grid;grid-template-columns:56px 1fr;gap:9px;align-items:center;text-align:left!important;}
.demo-vote img{width:56px;height:38px;object-fit:cover;border:1px solid rgba(225,188,116,.55);box-shadow:0 3px 10px #000;}
.demo-vote b{display:block;color:#f3d290;font-size:11px}.demo-vote span{display:block;color:#d8c79f;font-size:9px;margin-top:2px}
.demo-searchbox{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;max-width:250px;margin:auto;border:1px solid rgba(187,157,98,.38);background:#12110e;box-shadow:inset 0 1px 5px rgba(0,0,0,.8);}
.demo-searchbox input{min-width:0;width:100%;height:28px;border:0!important;border-radius:0!important;padding:5px 8px!important;background:transparent!important;color:#eee!important;outline:none;box-shadow:none!important;font-size:11px;}
.demo-searchbox button{height:28px;border:0!important;border-left:1px solid #7e2a18!important;border-radius:0!important;padding:0 13px!important;background:linear-gradient(#9c3d20,#5c180c)!important;color:#fff4d0!important;font-size:10px!important;font-weight:900!important;text-shadow:0 1px #000;box-shadow:none!important;}
.demo-account{display:flex;gap:5px;justify-content:center;align-items:center;flex-wrap:wrap}.demo-account a{padding:5px 8px;border:1px solid rgba(211,178,109,.28);background:rgba(92,24,13,.5);color:#f7e9c5;text-decoration:none;font-size:10px;font-weight:800}

.gh-portal-menu-row{position:relative!important;z-index:20!important;border-top:2px ridge rgba(213,178,107,.52);background:linear-gradient(180deg,#6f1b11 0,#461008 48%,#2a0905 100%)!important;box-shadow:inset 0 1px rgba(255,226,160,.16),inset 0 -2px rgba(0,0,0,.5);}
.gh-portal-head-h8{padding:0!important;background:transparent!important;border:0!important;}
.gh-portal-head-h8 .gh-nav ul,.demo-nav{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;margin:0!important;padding:0!important;list-style:none!important;flex-wrap:wrap!important;}
.gh-portal-head-h8 .gh-nav li,.demo-nav a{border-right:1px solid rgba(239,207,147,.22)!important;box-shadow:inset -1px 0 rgba(0,0,0,.55);}
.gh-portal-head-h8 .gh-nav a,.demo-nav a{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 13px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(151,50,28,.3),rgba(54,11,6,.22))!important;color:#fff1ce!important;font-family:Georgia,"Times New Roman",serif!important;font-size:12px!important;font-weight:700!important;text-shadow:0 1px 2px #000;text-decoration:none!important;transition:.15s ease!important;}
.gh-portal-head-h8 .gh-nav a:hover,.demo-nav a:hover{background:linear-gradient(180deg,#a64227,#58150b)!important;color:#fff!important;transform:none!important;box-shadow:inset 0 0 16px rgba(255,206,119,.12)!important;}
/* Una altura explícita del diseñador visual debe superar los mínimos del skin. */
.gh-portal-head-grid .gh-portal-cell[data-gh-custom-height="1"]{min-height:0!important}

/* Fase 8 · flujo vertical WYSIWYG para Cabecera.
   El Manager y el frontend comparten el mismo orden (campo Orden). */
.gh-portal-header-stack{overflow:visible!important}
.gh-portal-head-stack{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:var(--gh-grid-gap,8px);padding:var(--gh-grid-gap,8px);min-width:0}
.gh-portal-head-stack>.gh-portal-cell{position:relative;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid rgba(201,164,101,.22)!important;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(0,0,0,.12))!important}
.gh-portal-head-stack>.gh-portal-cell[data-gh-custom-height="1"]{min-height:0!important}
.gh-portal-head-stack>.gh-portal-head-h8{width:100%!important}