/* Compás Academy · Brand hardfix v29.2
   Elimina la placa blanca heredada del sidebar y fuerza una aplicación limpia del símbolo oficial sobre fondo oscuro. */

.sidebar .brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-height:72px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Ocultamos el <img> heredado porque distintas capas antiguas le aplicaban una placa blanca. */
.sidebar .brand > img{
  display:none!important;
}

/* El símbolo oficial se pinta directamente sobre el sidebar, sin caja ni fondo. */
.sidebar .brand::before{
  content:""!important;
  display:block!important;
  flex:0 0 64px!important;
  width:64px!important;
  height:64px!important;
  background-color:transparent!important;
  background-image:url('brand/academy/icon-ice.svg?v=29.2.0')!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}

.sidebar .brand > span{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
  color:inherit!important;
  line-height:1!important;
}

.sidebar .brand strong{
  display:block!important;
  margin:0!important;
  color:#F7F9FC!important;
  font-family:"IBM Plex Sans","Inter",ui-sans-serif,system-ui,sans-serif!important;
  font-size:1.08rem!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
  line-height:1.05!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  opacity:1!important;
}

.sidebar .brand > span > span,
.sidebar .brand small{
  display:block!important;
  margin:0!important;
  color:#E6C400!important;
  font-family:"IBM Plex Sans","Inter",ui-sans-serif,system-ui,sans-serif!important;
  font-size:.66rem!important;
  font-weight:500!important;
  letter-spacing:.26em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  opacity:1!important;
}

@media(max-width:900px) and (min-width:761px){
  .sidebar .brand::before{
    flex-basis:58px!important;
    width:58px!important;
    height:58px!important;
  }
  .sidebar .brand strong{font-size:.98rem!important}
  .sidebar .brand > span > span,.sidebar .brand small{font-size:.60rem!important}
}