/* ==========================================
   AUTOLEAD - Portal do Lojista
========================================== */

body{

    background:
        linear-gradient(rgba(18,18,18,.90),rgba(18,18,18,.90)),
        url('/wp-content/uploads/2026/07/bg-showroom.jpg') center center;

    background-size:cover;
    background-attachment:fixed;

    font-family:inherit;

}

.autolead-card{

    width:100%;
    max-width:460px;

    margin:70px auto;

    background:#1d1d1d;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:45px;

    box-shadow:
        0 25px 70px rgba(0,0,0,.45);

}

.autolead-logo{

    text-align:center;

    margin-bottom:25px;

}

.autolead-logo img{

    width:180px;

    height:auto;

}

.autolead-card h2{

    color:#fff;

    text-align:center;

    font-size:32px;

    font-weight:700;

    margin-bottom:12px;

}

.autolead-card p{

    text-align:center;

    color:#a8a8a8;

    margin-bottom:35px;

    line-height:1.6;

}

#autolead-login-form input[type=email],
#autolead-login-form input[type=password]{

    width:100%;

    height:56px;

    background:#2b2b2b;

    border:1px solid #3b3b3b;

    color:#fff;

    border-radius:12px;

    padding:0 18px;

    margin-bottom:18px;

    transition:.25s;

}

#autolead-login-form input::placeholder{

    color:#9a9a9a;

}

#autolead-login-form input:focus{

    border-color:#C8A24A;

    background:#333;

    box-shadow:0 0 0 3px rgba(200,162,74,.22);

    outline:none;

}

.remember{

    display:flex;

    align-items:center;

    gap:10px;

    color:#bfbfbf;

    margin-bottom:28px;

}

#autolead-login-form button{

    width:100%;
    height:56px;

    border:none;

    border-radius:12px;
    background:linear-gradient(
135deg,
#8F6A20 0%,
#C8A24A 25%,
#F2DC8A 50%,
#C8A24A 75%,
#8F6A20 100%
);

    color:#111;

    font-size:17px;

    font-weight:700;

    letter-spacing:.5px;

    cursor:pointer;

    transition:.30s;

}

#autolead-login-form button:hover{

    transform:translateY(-2px);

    background:linear-gradient(135deg,#D8B45A,#E5C873,#C89B3C);

    box-shadow:0 10px 28px rgba(200,162,74,.45);

}

#autolead-login-msg{

    margin-top:18px;

    color:#ff7a7a;

    text-align:center;

}

.autolead-footer{

    margin-top:35px;

    text-align:center;

    color:#999;

    font-size:14px;

}

.autolead-footer a{

    color:#C8A24A;

    text-decoration:none;

    font-weight:600;

}

.autolead-footer a:hover{

    color:#E2C06B;

}


@media(max-width:768px){

    .autolead-card{

        margin:20px;

        padding:30px;

    }

}



/* ==========================================
   RECUPERAR SENHA
========================================== */

#autolead-forgot-form{

    margin-top:20px;

}

#autolead-forgot-form input[type=email]{

    width:100%;
    height:56px;

    background:#2b2b2b;

    border:1px solid #3b3b3b;

    color:#fff;

    border-radius:12px;

    padding:0 18px;

    margin-bottom:20px;

    transition:.30s;

}

#autolead-forgot-form input::placeholder{

    color:#9a9a9a;

}

#autolead-forgot-form input:focus{

    border-color:#C8A24A;

    background:#333;

    box-shadow:0 0 0 3px rgba(200,162,74,.22);

    outline:none;

}

#autolead-forgot-form button{

    width:100%;
    height:56px;

    border:none;

    border-radius:12px;

    background:linear-gradient(
        135deg,
        #8F6A20 0%,
        #C8A24A 25%,
        #F2DC8A 50%,
        #C8A24A 75%,
        #8F6A20 100%
    );

    color:#111;

    font-size:17px;

    font-weight:700;

    cursor:pointer;

    transition:.30s;

}

#autolead-forgot-form button:hover{

    transform:translateY(-2px);

    box-shadow:0 12px 28px rgba(200,162,74,.40);

}

#autolead-forgot-msg{

    margin-top:20px;

    text-align:center;

    font-weight:600;

}


/*==================================================
CADASTRO
==================================================*/

.autolead-signup-box{

    margin-top:30px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.08);

    text-align:center;

}

.autolead-signup-box h4{

    color:#FFF;

    font-size:20px;

    font-weight:700;

    margin-bottom:10px;

}

.autolead-signup-box p{
    text-align:center;

    color:#BDBDBD;

    line-height:1.7;

    margin-bottom:22px;

}

.autolead-signup-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:280px;

    height:56px;

    padding:0 35px;

    border:none;

    border-radius:12px;

    text-decoration:none;

    font-size:17px;

    font-weight:700;

    color:#111;

    background:linear-gradient(
        135deg,
        #8F6A20 0%,
        #C8A24A 25%,
        #F2DC8A 50%,
        #C8A24A 75%,
        #8F6A20 100%
    );

    transition:.30s ease;

}
.autolead-signup-btn:hover{

    background:#C8A24A;

    color:#111;

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(200,162,74,.30);

}