/*
    El panel de la izquierda de Login y ForgotPassword, igual en todas las webs.

    Cada web tiene tres imagenes de marca en wwwroot/Images/Site, siempre con el mismo nombre:

        Fondo.jpg       la portada, lo que se ve antes de validar
        Logo.png        esa misma portada en pequeno; es lo unico que lleva este panel
        LogoSmall.png   la esquina de arriba del menu lateral

    La portada ocupa todo el panel, sin blanco arriba ni abajo (cover: se recorta lo que sobre),
    como en las primeras versiones; asi la quiere Daniel (16-10-2026).

    La web que no tiene portada (las de gestion interna) pone aqui su logotipo como Logo.png, y
    un logotipo no se puede recortar ni estirar: la vista marca el panel con «es-logo» al cargar
    la imagen si no tiene forma de foto (alargado como una firma, casi cuadrado o pequeno) y
    entonces va entero, con scale-down.
*/

.bg-account-image {
    position: relative;
    padding: 0;
    min-height: 360px;
    border-radius: .5rem 0 0 .5rem;
    overflow: hidden;
    /* La fila centra sus columnas; con esto el panel llega arriba y abajo aunque el
       formulario de al lado sea mas alto. */
    align-self: stretch;
}

.bg-account-image > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bg-account-image.es-logo > img {
    object-fit: scale-down;
}

/*
    Lo que alguna web escribe encima del formulario (el reclamo) y debajo (el pie con el
    telefono). Antes iba metido dentro de la imagen del panel, sin poderse traducir.
*/
.login-reclamo {
    font-size: .95rem;
    font-weight: 600;
    color: var(--app-sidebar-background-color, #212529);
    letter-spacing: .02em;
}

.login-pie {
    font-size: .8rem;
    color: #6c757d;
}

.login-pie a {
    color: var(--app-sidebar-background-color, #212529);
    font-weight: 600;
    text-decoration: none;
}

.login-pie a:hover,
.login-pie a:focus {
    text-decoration: underline;
}

/*
    La cabecera de las paginas de Identity (el _TopMenu de cada web: identity-header con
    identity-brand, la imagen LogoSmall.png y el nombre). Estaba copiada igual en el site.css de
    CasaGalicia, AytoSotoAmio y CompostajeCore; sin ella (Alquiler) el LogoSmall salia a su tamano
    natural (128 px, media pantalla). La imagen va a 32 px venga del tamano que venga.
*/
.identity-header {
    grid-column: 1 / -1;
}

.identity-header > .container {
    display: flex;
    align-items: center;
    min-height: 100%;
}

.identity-brand {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--app-topbar-text-color) !important;
}

.identity-brand-image {
    display: block;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    object-fit: contain;
}

.identity-brand-text {
    display: inline-flex;
    align-items: center;
    line-height: normal;
}