/* =========================================================
   MULTIKA — RECUPERACIÓN DE CONTRASEÑA
   ========================================================= */

.auth-recovery-showcase{
    background:linear-gradient(145deg,#3d718e,#4d9897 52%,#6a70a7)!important;
}

.auth-reset-showcase{
    background:linear-gradient(145deg,#425d88,#616da5 54%,#70629d)!important;
}

.auth-recovery-icon{
    background:linear-gradient(135deg,#347fae,#4ba69d)!important;
}

.auth-reset-icon{
    background:linear-gradient(135deg,#536aab,#7864b0)!important;
}

.auth-recovery-notice{
    display:flex;
    align-items:flex-start;
    gap:11px;
    margin:0 0 15px;
    padding:13px;
    border-radius:13px;
    background:#dce9ee;
    border:1px solid #bfd0d9;
}

.auth-recovery-notice>span{
    width:35px;
    height:35px;
    min-width:35px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#4c8eaa;
    color:#fff;
}

.auth-recovery-notice strong{
    display:block;
    margin-bottom:2px;
    color:#38566a;
    font-size:10px;
}

.auth-recovery-notice p{
    margin:0!important;
    color:#6f818d!important;
    font-size:9px!important;
    line-height:1.5;
}

.auth-recovery-notice.notice-success{
    background:#d9ece5;
    border-color:#bdd9cf;
}

.auth-recovery-notice.notice-success>span{
    background:#46957f;
}

.auth-recovery-notice.notice-error{
    background:#eedcdf;
    border-color:#dfbec4;
}

.auth-recovery-notice.notice-error>span{
    background:#c35360;
}

.auth-debug-reset{
    margin-top:18px;
    padding:14px;
    border-radius:13px;
    background:#eee6cc;
    border:1px dashed #c9ae61;
}

.auth-debug-reset>span{
    display:flex;
    align-items:center;
    gap:7px;
    color:#796327;
    font-size:8px;
    font-weight:800;
    letter-spacing:.08em;
}

.auth-debug-reset p{
    margin:7px 0 10px!important;
    color:#827240!important;
    font-size:8px!important;
    line-height:1.5;
}

.auth-debug-reset a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#5a6f8d;
    font-size:9px;
    font-weight:800;
}

.password-strength{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:5px;
    margin:0 2px;
}

.password-strength span{
    height:5px;
    border-radius:999px;
    background:#d1dce4;
    transition:.2s;
}

.password-strength span.active:nth-child(1){
    background:#c5964e;
}

.password-strength span.active:nth-child(2){
    background:#b7a349;
}

.password-strength span.active:nth-child(3){
    background:#5f9c8e;
}

.password-strength span.active:nth-child(4){
    background:#3d927d;
}

.password-strength-text{
    margin-top:-3px;
    color:#83919a;
    font-size:8px;
}

.auth-invalid-page{
    min-height:calc(100vh - 80px);
    display:grid;
    place-items:center;
    padding:50px 18px;
    background:
      radial-gradient(circle at 10% 8%,rgba(70,151,190,.14),transparent 24%),
      radial-gradient(circle at 90% 12%,rgba(116,99,177,.11),transparent 27%),
      linear-gradient(180deg,#dce7ed,#d3e0e7);
}

.auth-invalid-card{
    width:min(570px,100%);
    padding:38px 34px;
    border-radius:24px;
    text-align:center;
    background:#edf3f6;
    border:1px solid #bacbd5;
    box-shadow:0 19px 50px rgba(40,62,80,.14);
}

.auth-invalid-icon{
    width:72px;
    height:72px;
    display:grid;
    place-items:center;
    margin:0 auto 17px;
    border-radius:20px;
    background:#dce4ed;
    color:#657799;
    font-size:31px;
}

.auth-invalid-card h1{
    margin:8px 0 9px;
    color:#315267;
    font-size:26px;
    font-weight:800;
}

.auth-invalid-card>p{
    max-width:440px;
    margin:0 auto!important;
    color:#718490!important;
    font-size:11px!important;
    line-height:1.6;
}

.auth-invalid-help{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin:20px 0;
    padding:12px 13px;
    border-radius:12px;
    background:#dde7ed;
    color:#607887;
    text-align:left;
    font-size:9px;
    line-height:1.5;
}

.auth-invalid-help i{
    color:#527f99;
    font-size:15px;
}

.auth-invalid-action{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 16px;
    border-radius:11px;
    background:#347fb3;
    color:#fff!important;
    text-decoration:none!important;
    font-size:9px;
    font-weight:800;
}

.auth-invalid-back{
    display:block;
    margin-top:13px;
    color:#617d90;
    font-size:9px;
    font-weight:800;
}

@media(max-width:680px){
    .auth-invalid-card{
        padding:30px 20px;
    }
}