/* ==========================================================================
   ZIMBRA 10 - LOGIN (MUNICIPALIDAD DE RAFAELA)
   Paleta tomada de www.rafaela.gob.ar:
     Amarillo institucional  #FFB600  (encabezado del sitio)
     Gris oscuro             #3F3E35  (texto y fondos oscuros)
     Gris medio              #585758  (enlaces, menú activo)
     Gris claro              #D5D4D3  (bordes)
   Tipografía: Montserrat (servida desde /logos/fonts)
   Las rutas son relativas a /logos/, donde vive este archivo.
   ========================================================================== */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('fonts/Montserrat-latin.woff2') format('woff2');
}

:root {
    --rfl-amarillo: #FFB600;
    --rfl-amarillo-claro: #FFF4D6;
    --rfl-oscuro: #3F3E35;
    --rfl-medio: #585758;
    --rfl-borde: #D5D4D3;
}

/* Fondo: el contenedor .LoginScreen ocupa toda la pantalla y tapa el body.
   Degradé sobrio en los grises del sitio, con un leve brillo amarillo. */
.LoginScreen {
    background:
        radial-gradient(ellipse at 85% 0%, rgba(255, 182, 0, 0.16) 0%, rgba(255, 182, 0, 0) 55%),
        linear-gradient(135deg, #2B2A24 0%, #3F3E35 50%, #5C5B53 100%) !important;
    background-attachment: fixed !important;
    font-family: 'Montserrat', "Helvetica Neue", Arial, sans-serif !important;
    color: var(--rfl-oscuro);
}
.LoginScreen .decor1,
.LoginScreen .decor2 { display: none !important; }

/* Tarjeta central */
.LoginScreen .modernContentBox {
    background: #FFFFFF !important;
    border-top: 6px solid var(--rfl-amarillo);
    border-radius: 12px !important;
    box-shadow: 0 18px 40px rgba(63, 62, 53, 0.22) !important;
    max-width: 340px !important;
    overflow: hidden;
}

/* Logo de Rafaela (no depende del hostname con que se entre) */
.LoginScreen .logo { text-align: center; }
.LoginScreen .ImgLoginBanner {
    background-image: url('LoginBanner_440x60.png') !important;
    background-position: center center !important;
    background-size: contain !important;
    width: 100% !important;
    height: 56px !important;
}

.LoginScreen .signIn {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 600;
    font-size: 19px;
    color: var(--rfl-oscuro) !important;
    text-align: center;
    padding: 22px 0 14px !important;
}

.LoginScreen .zLoginFieldLabel {
    color: var(--rfl-medio) !important;
    font-size: 13px;
    font-weight: 500;
}

/* Campos */
form#zLoginForm .form INPUT[type='text'],
form#zLoginForm .form INPUT[type='password'],
.LoginScreen .versionBlock select {
    border: 1px solid var(--rfl-borde) !important;
    border-radius: 6px !important;
    height: 40px !important;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px !important;
    color: var(--rfl-oscuro) !important;
    background: #FFFFFF !important;
}
form#zLoginForm .form INPUT[type='text']:focus,
form#zLoginForm .form INPUT[type='password']:focus,
.LoginScreen .versionBlock select:focus {
    border-color: var(--rfl-amarillo) !important;
    box-shadow: 0 0 0 3px rgba(255, 182, 0, 0.28) !important;
    outline: none !important;
}
.LoginScreen #showSpan,
.LoginScreen #hideSpan { color: var(--rfl-medio) !important; }

/* Botón Iniciar sesión */
.LoginScreen button.loginButton,
.LoginScreen input.loginButton {
    background-color: var(--rfl-oscuro) !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px 26px !important;
    border-radius: 6px !important;
    transition: background-color .15s ease;
}
.LoginScreen button.loginButton:hover,
.LoginScreen input.loginButton:hover { background-color: var(--rfl-medio) !important; }
.LoginScreen button.loginButton:focus-visible,
.LoginScreen input.loginButton:focus-visible {
    outline: 3px solid var(--rfl-amarillo) !important;
    outline-offset: 2px;
}
.LoginScreen #remember { color: var(--rfl-medio) !important; font-size: 13px; }
.LoginScreen input[type='checkbox'] { accent-color: var(--rfl-amarillo); }

/* Bloque "Versión de la aplicación" */
.LoginScreen .versionBlock {
    background: var(--rfl-amarillo-claro) !important;
    border-top: 1px solid #F3E2B3;
}
.LoginScreen .versionBlock label { color: var(--rfl-medio) !important; }

.LoginScreen a { color: var(--rfl-medio) !important; }
.LoginScreen a:hover { color: var(--rfl-oscuro) !important; }

/* Pie sobre el fondo oscuro */
.LoginScreen .Footer #ZLoginNotice {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 11px !important;
}