/*
==========================================================
ESCENALAB · CABECERA INTEGRADA
Identidad común para la suite de Artes Escénicas
IES Almunia · Jerez de la Frontera · 2026/2027
==========================================================
*/

.escenalab-integrated-header{
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(155px,205px) minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:16px !important;
  width:min(1600px,calc(100% - 28px)) !important;
  margin:14px auto !important;
  padding:12px 16px !important;
  min-height:82px !important;
  background:linear-gradient(118deg,#4b1230 0%,#7d1d49 42%,#a62d65 72%,#c35f8b 100%) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:22px !important;
  box-shadow:0 12px 30px rgba(63,13,38,.16) !important;
  position:relative !important;
  z-index:40 !important;
  overflow:visible !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}
.escenalab-integrated-header *{box-sizing:border-box}
.escenalab-header-logo{
  height:58px;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(255,255,255,.65);
  border-radius:14px;
  padding:4px 8px;
  box-shadow:0 5px 14px rgba(43,7,27,.14);
  overflow:hidden;
}
.escenalab-header-logo img{
  display:block !important;
  width:100% !important;
  max-width:190px !important;
  height:50px !important;
  object-fit:contain !important;
  margin:0 !important;
  padding:0 !important;
  filter:none !important;
}
.escenalab-integrated-header .brand,
.escenalab-integrated-header .escenalab-header-main{
  min-width:0;
  color:#fff !important;
}
.escenalab-integrated-header .brand h1,
.escenalab-integrated-header > h1,
.escenalab-integrated-header .escenalab-header-main h1,
.escenalab-integrated-header .brand-title{
  margin:0 !important;
  color:#fff !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(1.22rem,2vw,1.78rem) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}
.escenalab-integrated-header .brand,
.escenalab-integrated-header .escenalab-header-main{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}
.escenalab-integrated-header .brand > small,
.escenalab-integrated-header small,
.escenalab-integrated-header p,
.escenalab-integrated-header .kicker,
.escenalab-integrated-header .brand-kicker,
.escenalab-integrated-header .subtitle{
  color:rgba(255,255,255,.90) !important;
  opacity:1 !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}
.escenalab-integrated-header .brand > small,
.escenalab-integrated-header small{
  display:block !important;
  margin-top:4px !important;
  font-size:.78rem !important;
  letter-spacing:.025em !important;
  line-height:1.3 !important;
}
.escenalab-integrated-header .kicker,
.escenalab-integrated-header .brand-kicker{
  margin:0 0 3px !important;
  font-size:.72rem !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.escenalab-integrated-header .escenalab-header-main p{
  margin:4px 0 0 !important;
  font-size:.82rem !important;
  line-height:1.25 !important;
}
.escenalab-integrated-header .actions,
.escenalab-integrated-header .top-actions,
.escenalab-integrated-header .headerActions,
.escenalab-integrated-header .escenalab-header-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  min-width:0;
}
.escenalab-integrated-header button,
.escenalab-integrated-header .btn,
.escenalab-integrated-header label.btn,
.escenalab-integrated-header .icon-btn,
.escenalab-integrated-header .menu-btn,
.escenalab-integrated-header .pill{
  border-radius:11px !important;
  padding:9px 12px !important;
  min-height:38px;
  border:1px solid rgba(255,255,255,.55) !important;
  background:#fff !important;
  color:#8e214a !important;
  font-weight:800 !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  box-shadow:none !important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease !important;
}
.escenalab-integrated-header button:hover,
.escenalab-integrated-header .btn:hover,
.escenalab-integrated-header label.btn:hover,
.escenalab-integrated-header .icon-btn:hover,
.escenalab-integrated-header .menu-btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 6px 14px rgba(54,8,31,.18) !important;
}
.escenalab-integrated-header .ghost,
.escenalab-integrated-header .light{
  background:rgba(255,255,255,.13) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.35) !important;
}
.escenalab-integrated-header input[type="file"]{display:none !important}
.escenalab-integrated-header .pill{cursor:default !important;background:rgba(255,255,255,.14) !important;color:#fff !important}

/* La antigua banda blanca deja de existir aunque quede alguna referencia heredada. */
.escenalab-identity{display:none !important}

/* Cabeceras de páginas todavía en preparación. */
.escenalab-placeholder-header .brand strong{display:block;font-size:1.35rem;line-height:1.1}
.escenalab-placeholder-header .brand span{display:block;margin-top:4px;font-size:.82rem;color:rgba(255,255,255,.88)}
.escenalab-placeholder-header a{color:#8e214a !important;text-decoration:none;background:#fff;border-radius:11px;padding:9px 12px;font-weight:800}

/* IMPROVISA: cabecera de portada compacta, sin alterar la pantalla de juego. */
.escenalab-improvisa-home-header{margin:0 auto 18px !important;width:min(1120px,100%) !important}

@media (max-width:980px){
  .escenalab-integrated-header{
    grid-template-columns:minmax(145px,185px) minmax(0,1fr) !important;
    gap:12px !important;
  }
  .escenalab-integrated-header .actions,
  .escenalab-integrated-header .top-actions,
  .escenalab-integrated-header .headerActions,
  .escenalab-integrated-header .escenalab-header-actions,
  .escenalab-integrated-header > button,
  .escenalab-integrated-header > label.btn,
  .escenalab-integrated-header > .pill{
    grid-column:1/-1 !important;
    justify-content:flex-start !important;
  }
}
@media (max-width:620px){
  .escenalab-integrated-header{
    grid-template-columns:1fr !important;
    width:calc(100% - 18px) !important;
    margin:9px auto !important;
    padding:11px 12px !important;
    border-radius:18px !important;
  }
  .escenalab-header-logo{width:min(210px,100%);height:54px}
  .escenalab-header-logo img{height:46px !important}
  .escenalab-integrated-header .actions,
  .escenalab-integrated-header .top-actions,
  .escenalab-integrated-header .headerActions,
  .escenalab-integrated-header .escenalab-header-actions{
    grid-column:auto !important;
    justify-content:flex-start !important;
  }
}