body {color: #dddddd;}#login,.login .loginstyle-footer { max-width: 100%;}#login { width:360px;}body{ background:transparent; } body:before { content: '';position: fixed; display: block; z-index: -1;height:100%; width:100%; top:0; left:0;background-image: url(https://intranet.grupolelac.com.br/wp-content/uploads/2025/02/VSWallpaper30anos169GrupoLelacFEV25-151994705196-4d48-9a64-a381d18211ef.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}body a {color: #dddddd;} .login #backtoblog a, .login #nav a, .login h1 a {color: #dddddd;}body a:hover {color: #f0f0f0;} .login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {color: #f0f0f0;}p#nav { display: none; }p#backtoblog { display: none; }.login h1 a { background: none; }.login form { -webkit-box-shadow:none; box-shadow:none;padding-top: 10px;padding-right: 0px;padding-bottom: 30px;padding-left: 0px;border: none;border-radius: 5px;background-color: #ffffff;background-color: rgba(255,255,255,0);background-position: center bottom;background-repeat: no-repeat;}#login #login_error, #login .message {border-radius: 5px;background-color: #ffffff;background-color: rgba(255,255,255,0);color: #ffffff;border-right-style: none; border-top-style: none; border-bottom-style: none;border-right-color: #ffffff;border-top-color: #ffffff;border-bottom-color: #ffffff;border-bottom-width: 2px;border-top-width: 2px;border-right-width: 2px;}#wp-submit:focus, #wp-submit:active { -webkit-box-shadow:none; box-shadow:none; }#wp-submit {-webkit-box-shadow:none; box-shadow:none;padding-top: 10px;padding-bottom: 30px;padding-right: 0px;padding-left: 0px;font-size: 10px;height: auto;color: #4c4c4c;border-radius: 4px;background-color: #ffffff;text-shadow: none;transition: all 0.5s; -webkit-transition: all 0.5s;border-width: 2px;border-style: solid;border-color: #ffffff;}#wp-submit:hover {color: #ffffff;background-color: #ffffff;background-color: rgba(255,255,255,0);}::-webkit-input-placeholder { color: #e2e2e2; } :-moz-placeholder { color: #e2e2e2; } ::-moz-placeholder { color: #e2e2e2; } :-ms-input-placeholder { color: #e2e2e2; } :placeholder-shown { color: #e2e2e2; }#login input[type=text], #login input[type=password], #login input[type=email] {-webkit-box-shadow:none; box-shadow:none;padding-top: 12px;padding-bottom: 12px;padding-right: 12px;padding-left: 12px;border-radius: 4px;text-align: center;background-color: #ffffff;background-color: rgba(255,255,255,0);color: #ffffff;font-size: 16px;border: none;}#login label { color: #0a0a0a; }#login input[type=checkbox]:checked:before { color: #4c4c4c;}#login label[for=rememberme] { color: #ffffff; }#login input[type=checkbox] { -webkit-box-shadow:none; box-shadow:none;background-color: #ffffff;border-color: #ffffff;border-radius:2px; }/* =========================================
   LOGIN GRUPO LE LAC
   Elegante + Transparente + Responsivo
========================================= */

/* Fundo principal */
.loginpress-login-body,
body.login {

    background: url("https://intranet.grupolelac.com.br/wp-content/uploads/2025/02/VSWallpaper30anos169GrupoLelacFEV25-151994705196-4d48-9a64-a381d18211ef.png")
    center center / cover no-repeat fixed !important;

    min-height: 100vh !important;

    overflow: hidden !important;

    position: relative !important;
}

/* Remove overlays antigos */
.loginpress-login-body::before,
.loginpress-login-body::after,
body.login::before,
body.login::after {

    display: none !important;

    background: transparent !important;
}

/* Remove backgrounds internos */
.loginpress-page,
.loginpress-page-inner,
.loginpress-form-container,
.loginpress-login-inner {

    background: transparent !important;
}

/* Caixa login */
body.login div#login {

    position: absolute !important;

    top: 12px !important;
    right: 55px !important;

    width: 320px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 9999 !important;
}

/* Formulário transparente */
body.login #loginform {

    background: rgba(255,255,255,0.12) !important;

    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;

    border-radius: 18px !important;

    padding: 28px !important;

    border: 1px solid rgba(255,255,255,0.18) !important;

    box-shadow:
        0 8px 32px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.15) !important;
}

/* Remove logo padrão */
body.login h1 {
    display: none !important;
}

/* Labels */
body.login label {

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    margin-bottom: 5px !important;
}

/* Inputs */
body.login input[type="text"],
body.login input[type="password"] {

    height: 44px !important;

    border-radius: 10px !important;

    border: 1px solid rgba(255,255,255,0.18) !important;

    background: rgba(255,255,255,0.15) !important;

    color: #ffffff !important;

    padding: 0 14px !important;

    font-size: 14px !important;

    box-shadow: none !important;
}

/* Placeholder */
body.login input::placeholder {

    color: rgba(255,255,255,0.65) !important;
}

/* Focus */
body.login input[type="text"]:focus,
body.login input[type="password"]:focus {

    border-color: rgba(255,255,255,0.45) !important;

    background: rgba(255,255,255,0.20) !important;

    box-shadow: 0 0 0 3px rgba(255,255,255,0.10) !important;
}

/* Botão */
body.login #wp-submit {

    width: 100% !important;
    height: 44px !important;

    border-radius: 10px !important;

    border: none !important;

    background: linear-gradient(135deg,#0f4fa8,#2563eb) !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    transition: all 0.25s ease !important;

    box-shadow: 0 8px 18px rgba(37,99,235,0.35) !important;
}

/* Hover botão */
body.login #wp-submit:hover {

    transform: translateY(-1px) !important;

    background: linear-gradient(135deg,#2563eb,#0f4fa8) !important;

    box-shadow: 0 12px 22px rgba(37,99,235,0.45) !important;
}

/* Checkbox */
body.login .forgetmenot label {

    color: #ffffff !important;
}

/* Links */
body.login #nav,
body.login #backtoblog {

    text-align: center !important;

    margin-top: 18px !important;
}

body.login #nav a,
body.login #backtoblog a {

    color: #ffffff !important;

    opacity: 0.9 !important;
}

/* Responsivo */
@media (max-width: 768px) {

    body.login {

        overflow-y: auto !important;
    }

    body.login div#login {

        position: relative !important;

        top: auto !important;
        right: auto !important;

        width: 92% !important;
        max-width: 320px !important;

        margin: 35px auto !important;
    }
}