/* Fondo general igual que antes */
body.task-login {
    background: #ffffff !important;
}

/* Botón azul */
button.button.mainaction,
input.button.mainaction,
.btn-primary {
    background-color: #1d5fb8 !important;
    border-color: #1d5fb8 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-weight: 600;
}

button.button.mainaction:hover,
input.button.mainaction:hover,
.btn-primary:hover {
    background-color: #184f98 !important;
    border-color: #184f98 !important;
}

button.button.mainaction:focus,
input.button.mainaction:focus,
.btn-primary:focus {
    box-shadow: 0 0 0 2px rgba(29,95,184,0.25) !important;
}

/* Inputs normales */
body.task-login input[type="text"],
body.task-login input[type="password"] {
    border-radius: 4px;
}

/* Footer discreto */
.footer {
    opacity: 0.7;
}

/* ===== Fondo SOLO detrás del logo ===== */

/* Contenedor típico del logo en elastic */
body.task-login #layout-content .header,
body.task-login #layout-content .login-header,
body.task-login #layout-content #logo,
body.task-login #layout-content .boxtitle {
    background: #0f3d82 !important;
    padding: 14px 10px !important;
    border-radius: 8px !important;
    text-align: center !important;
    margin-bottom: 14px !important;
}

/* Imagen/logo */
body.task-login #layout-content .header img,
body.task-login #layout-content .login-header img,
body.task-login #layout-content #logo img,
body.task-login #layout-content .boxtitle img,
body.task-login #layout-content .header svg,
body.task-login #layout-content .login-header svg,
body.task-login #layout-content #logo svg,
body.task-login #layout-content .boxtitle svg {
    max-height: 62px !important;
    width: auto !important;
    display: inline-block !important;
}

/* Si el texto del encabezado queda dentro del bloque azul */
body.task-login #layout-content .header,
body.task-login #layout-content .login-header,
body.task-login #layout-content #logo,
body.task-login #layout-content .boxtitle,
body.task-login #layout-content .header a,
body.task-login #layout-content .boxtitle a {
    color: #ffffff !important;
}
