﻿/* AFTERMAN v493 - Font Awesome en Login/Acceso privado
   Refuerza iconografía y reutiliza el login neón actual sin incluir fuentes locales. */

html body.am-body .am-login-v482 .am-login-v482__eyebrow{
    gap:7px!important;
}

html body.am-body .am-login-v482 .am-login-v482__eyebrow > i{
    font-size:.72rem;
    color:#7de7ff;
    text-shadow:0 0 14px rgba(40,215,255,.55);
    transform:translateY(.5px);
}

html body.am-body .am-login-v482 .am-login-v482__input-icon i,
html body.am-body .am-login-v482 .am-login-v482__eye i{
    font-size:.92rem;
    line-height:1;
    display:block;
}

html body.am-body .am-login-v482 .am-login-v482__input-icon{
    color:rgba(255,255,255,.42)!important;
}

html body.am-body .am-login-v482 .am-login-v482__input-wrap.is-focused .am-login-v482__input-icon,
html body.am-body .am-login-v482 .am-login-v482__input:focus ~ .am-login-v482__eye,
html body.am-body .am-login-v482 .am-login-v482__eye.is-on{
    color:#ffffff!important;
}

html body.am-body .am-login-v482 .am-login-v482__eye i{
    transition:transform .18s ease, color .18s ease;
}

html body.am-body .am-login-v482 .am-login-v482__eye:hover i,
html body.am-body .am-login-v482 .am-login-v482__eye.is-on i{
    transform:scale(1.04);
}

html body.am-body .am-login-v482 .am-login-v482__btn span{
    display:inline-grid;
    place-items:center;
    width:18px;
    height:18px;
}

html body.am-body .am-login-v482 .am-login-v482__btn span i{
    font-size:.82rem;
    line-height:1;
}

html body.am-body .am-login-v482 .am-login-v482__footer-note span i{
    font-size:.76rem;
    line-height:1;
}

html body.am-body .am-access-v493 .am-login-v482__card h1{
    max-width:320px;
}

html body.am-body .am-access-v493 .am-access-v493__lead{
    max-width:340px;
}

html body.am-body .am-access-v493 .am-access-v493__code-input{
    text-transform:uppercase;
    letter-spacing:.055em!important;
}

html body.am-body .am-access-v493 .am-access-v493__code-input::placeholder{
    text-transform:none;
    letter-spacing:.01em!important;
}

html body.am-body .am-access-v493 .am-login-v482__btn--ghost{
    margin-top:0!important;
}

html body.am-body .am-login-v482 .am-login-v482__alert.am-alert-error,
html body.am-body .am-login-v482 .am-login-v482__alert--error{
    border-color:rgba(255,30,210,.42)!important;
    background:rgba(255,30,210,.13)!important;
    color:#ffe8fb!important;
}

html body.am-body .am-login-v482 .am-login-v482__alert.am-alert-ok,
html body.am-body .am-login-v482 .am-login-v482__alert--ok{
    border-color:rgba(73,222,175,.42)!important;
    background:rgba(73,222,175,.13)!important;
    color:#eafff8!important;
}

@media (max-width: 820px){
    html body.am-body .am-login-v482 .am-login-v482__input-icon i,
    html body.am-body .am-login-v482 .am-login-v482__eye i{
        font-size:.88rem;
    }

    html body.am-body .am-access-v493 .am-login-v482__card h1{
        max-width:300px;
    }

    html body.am-body .am-access-v493 .am-access-v493__lead{
        max-width:310px;
    }
}

@media (max-width: 360px){
    html body.am-body .am-login-v482 .am-login-v482__eyebrow > i{
        font-size:.66rem;
    }

    html body.am-body .am-login-v482 .am-login-v482__btn span{
        width:16px;
        height:16px;
    }
}
