/**
 * Logo del menú lateral: ocupa ~80% del ancho del sidebar.
 * Cargar después de app.min.css
 */
.leftside-menu .logo {
  line-height: normal;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 0;
  padding-right: 0;
}

.leftside-menu .logo span.logo-lg {
  width: 100%;
  display: block;
  box-sizing: border-box;
}

/* Imagen grande: 80% del ancho del menú, centrada, altura automática */
.leftside-menu .logo span.logo-lg img {
  width: 80%;
  max-width: 80%;
  height: auto !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}

/* Menú colapsado: logo pequeño sigue razonable */
html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .logo span.logo-sm img {
  max-width: 90%;
  height: auto !important;
}