/* Pantalla de entrada del webmail - G-Carma Consulting S.L.
   Mismos colores e imagen que la entrada del panel (misc.custom_background_color
   = #2c1376, misc.custom_background_file). El logo es blanco sobre transparencia,
   por eso hace falta el fondo oscuro: sobre el blanco de Roundcube no se veria. */

body.task-login {
    background-color: #2c1376;
    background-image: linear-gradient(rgba(44, 19, 118, .78), rgba(44, 19, 118, .78)),
                      url("background.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

body.task-login #layout-content,
body.task-login #layout {
    background: transparent;
}

/* Solo el icono (cuadrado). El tema impone max-height:100px, hay que ganarle
   con la misma especificidad o mas, por eso el selector lleva body.task-login. */
body.task-login #logo {
    width: auto;
    max-width: 200px;
    max-height: 52px;
    height: auto;
    object-fit: contain;   /* nunca recorta, siempre encaja entero */
    margin-bottom: 1.25rem;
}

/* El formulario si va claro, para que se lea */
body.task-login #login-form {
    background: rgba(255, 255, 255, .96);
    border-radius: 10px;
    padding: 1.75rem 1.5rem 1.25rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}

body.task-login #login-footer,
body.task-login #login-footer a {
    color: rgba(255, 255, 255, .85);
}

.gcarma-brand {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 1rem;
    text-align: center;
    font-size: .82rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, .9);
    padding: 0 1rem;
    pointer-events: auto;
}

.gcarma-brand strong { font-weight: 600; }

.gcarma-brand .gcarma-brand-sub {
    display: block;
    font-size: .76rem;
    color: rgba(255, 255, 255, .7);
}

.gcarma-brand a {
    color: rgba(255, 255, 255, .9);
    text-decoration: underline;
}

@media (max-height: 620px) {
    .gcarma-brand { position: static; margin: 1.25rem 0 .5rem; }
}