/* 1. LOGO EN LA BARRA SUPERIOR (Index) */
header .logo img, 
header img {
    content: url('/static/img/logo.png') !important;
    height: 35px !important; /* Aquí lo achicamos para que no desborde */
    width: auto !important;
    display: block !important;
}

/* 2. LOGO EN EL LOGIN (Más grande y centrado) */
.login img, 
#login img {
    content: url('/static/img/logo.png') !important;
    height: 120px !important; /* Tamaño ideal para el login */
    width: auto !important;
    margin: 0 auto 20px auto !important;
    display: block !important;
}

/* 3. ESTILO DE LA BARRA Y LOGIN */
header {
    background-color: #000000 !important;
    height: 60px !important;
    border-bottom: 2px solid rgb(55, 66, 200) !important;
}

#login {
    background: linear-gradient(180deg, rgb(55, 66, 200) 0%, #000000 100%) !important;
    background-attachment: fixed !important;
}

/* 4. LIMPIEZA DE TEXTOS */
.logo span, .login h1, header #name {
    display: none !important;
}

header i, header button {
    color: white !important;
}

#login .button, #login input[type="submit"] {
    background-color: rgb(55, 66, 200) !important;
}