/*
 * Logotipo o isotipo, segun el sitio donde toque pintarlo.
 *
 * El tema ya preveia dos versiones —una regla suya apuntaba a `logo-small.png`
 * cuando la barra lateral se pliega— pero ese fichero nunca llego a existir, y
 * ademas las plantillas escribian el fondo en un `style=` en linea, que gana
 * por especificidad a cualquier regla de hoja de estilos. Resultado: se pintaba
 * siempre el mismo fichero midiera lo que midiera el hueco.
 *
 * Aqui la plantilla ya no escribe imagenes: declara dos variables con las URL
 * —que siguen saliendo de los ajustes, asi que el panel las puede cambiar— y
 * es este fichero el que decide cual usar.
 *
 * Se carga despues de `core.css` para poder ganarle sin `!important`.
 */

/* --- Barra superior de los paneles ------------------------------------- */

.site-header .navbar-brand .logo {
    background-image: var(--brand-logo);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}

/* Barra lateral plegada: 25 px de ancho. Ahi solo cabe el simbolo. */
.compact-sidebar .site-header .navbar-brand .logo {
    background-image: var(--brand-mark);
    background-size: contain;
    background-position: center;
}

/* --- Logotipo de las pantallas de acceso -------------------------------- */

/*
 * Solo tenia altura fija. Con un icono cuadrado daba 155 px de ancho y no
 * molestaba; con el logotipo, que es del doble de ancho que de alto, se va a
 * 331 px y se sale de la pantalla en un movil de 360.
 */
.logo-section img {
    max-width: 100%;
    height: auto;
    max-height: 155px;
}

/* --- Logotipo en barras de navegacion ----------------------------------- */

.navbar-brand > img,
.login-logo > img {
    max-height: 40px;
    width: auto;
}

@media (max-width: 575px) {
    .navbar-brand > img {
        max-height: 32px;
    }
}