.social-auth-options{
    display:grid;
    grid-template-columns:1fr;
    gap:15px;
    width:100%;
    margin-top:15px;
}
#login .social-auth-options{
    margin-bottom:15px;
}
.social-auth-divider{
    display:flex;
    align-items:center;
    gap:12px;
    color:#8b94a3;
    font-size:13px;
    text-transform:uppercase;
}
.social-auth-divider::before,.social-auth-divider::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    background:#dce1e9;
}
.social-auth-button{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:44px;
    width:100%;
    margin:0!important;
    border:1px solid #b7bcc3!important;
    border-radius:3px!important;
    background:#fff!important;
    color:#171d2b!important;
    font-weight:600;
    text-decoration:none!important;
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.social-auth-button:hover,.social-auth-button:focus-visible{
    border-color:#1f7aec!important;
    background:#f7faff!important;
    box-shadow:0 0 0 3px rgba(31,122,236,.12);
    outline:0;
}
.social-auth-button i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    font-size:18px;
}
.social-auth-google i{color:#4285f4}
.social-auth-meta{
    border-color:#0866ff!important;
    background:#0866ff!important;
    color:#fff!important;
    font-size:14px;
}
.social-auth-meta:hover,.social-auth-meta:focus-visible{
    border-color:#075bd8!important;
    background:#075bd8!important;
    color:#fff!important;
}
.social-auth-meta-icon{
    width:18px;
    height:18px;
    flex:0 0 18px;
    color:#fff;
    fill:currentColor;
}
.social-auth-meta span{font-size:14px}
.social-auth-google{
    border-color:#747775!important;
    color:#1f1f1f!important;
    font-size:14px;
}
.social-auth-google-g{width:18px;height:18px;flex:0 0 18px}
.social-auth-help{
    margin:0;
    color:#727b8b;
    font-size:12px;
    line-height:1.45;
    text-align:center;
}
#login .social-auth-help{font-size:10px}
.social-auth-complete{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    width:100%;
    padding-top:22px;
    text-align:center;
}
.social-auth-complete [data-social-status]{
    display:block;
    width:100%;
    color:#4b4f56;
    font-size:14px;
    line-height:1.45;
}
.social-auth-complete [data-social-action]{width:100%}
.social-auth-complete [data-social-action] .btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:44px;
    border-radius:3px!important;
}
.social-auth-complete .spinner-border{
    width:28px;
    height:28px;
    color:#1a73e8;
}
.registration-plan-picker{
    position:relative;
    margin-top:0;
    padding:0;
    border:0;
    background:transparent;
    text-align:left;
}
.registration-plan-select{
    position:relative;
    width:100%;
}
.registration-plan-picker select{
    -webkit-appearance:none;
    appearance:none;
    width:100%;
    height:50px;
    padding:15px 42px 15px 5px;
    border:0;
    border-bottom:1px solid #e5e5e5;
    border-radius:3px 3px 0 0;
    outline:0;
    background-color:transparent;
    box-shadow:none;
    color:#000;
    font-size:16px;
    cursor:pointer;
}
.registration-plan-picker select.is-placeholder{
    color:#90949c;
}
.registration-plan-picker select:focus{
    border-bottom-color:#1f7aec;
    background-color:rgb(232,240,254);
}
.registration-plan-picker select option{
    color:#171d2b;
    background:#fff;
}
.registration-plan-arrow{
    position:absolute;
    top:50%;
    right:16px;
    width:9px;
    height:9px;
    border-right:2px solid #90949c;
    border-bottom:2px solid #90949c;
    pointer-events:none;
    transform:translateY(-70%) rotate(45deg);
}
.registration-plan-picker select:focus + .registration-plan-arrow{
    border-color:#1f7aec;
}
.registration-plan-help{
    display:block;
    margin-top:7px;
    color:#727b8b;
    font-size:12px;
}
#registro .login-body form{margin-bottom:0}
.social-registration-confirmation{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    width:100%;
    margin-top:15px;
    padding:12px;
    border:1px solid #b9ddc8;
    border-radius:15px;
    background:#f2fbf6;
    text-align:left;
}
.social-registration-confirmation__check{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background:#16864b;
    color:#fff;
    font-size:20px;
    font-weight:700;
}
.social-registration-confirmation__copy{
    min-width:0;
}
.social-registration-confirmation__copy strong,
.social-registration-confirmation__copy span,
.social-registration-confirmation__copy small{
    display:block;
}
.social-registration-confirmation__copy strong{
    color:#185c37;
    font-size:14px;
}
.social-registration-confirmation__copy span{
    overflow:hidden;
    margin-top:2px;
    color:#243044;
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.social-registration-confirmation__copy small{
    margin-top:4px;
    color:#5f6d65;
    font-size:11px;
    line-height:1.35;
}
.social-registration-change{
    padding:7px 0;
    border:0;
    background:transparent;
    color:#1a73e8;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
}
.social-registration-change:hover,
.social-registration-change:focus-visible{
    text-decoration:underline;
    outline:0;
}
.social-registration-error{
    display:block;
    width:100%;
    margin-top:15px;
    padding:10px 12px;
    border:1px solid #efc2bc;
    border-radius:15px;
    background:#fff5f4;
    color:#a42d20;
    font-size:12px;
    line-height:1.4;
    text-align:left;
}
#registro input[readonly]{
    background:#f4f6f8;
    color:#596274;
    cursor:not-allowed;
}
.social-auth-button[aria-disabled="true"]{
    pointer-events:none;
    opacity:.65;
}
.login-methods{
    display:grid;
    gap:10px;
}

.social-password-form{
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #dfe4eb;
    border-radius: 15px;
    max-width: 620px;
}
.social-password-form label{display:block;margin-bottom:12px;}
.social-password-form .form-control{margin-top:6px;}
.login-method{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:12px;
    border:1px solid #dce1e9;
    border-radius:3px;
    background:#fff;
}
.login-method__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#f3f6fa;
    color:#1f7aec;
    font-size:18px;
}
.login-method__copy{min-width:0}
.login-method__copy strong,.login-method__copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.login-method__copy span{margin-top:2px;color:#727b8b;font-size:12px}
.mfa-setup-panel,.mfa-recovery-panel{
    max-width:720px;
    margin-top:20px;
    padding:20px;
    border:1px solid #dfe4eb;
    border-radius:3px;
    background:#fff;
}
.mfa-setup-grid{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:22px;margin:18px 0}
.mfa-qr{display:flex;align-items:center;justify-content:center;min-height:180px;padding:8px;border:1px solid #dfe4eb;background:#fff}
.mfa-qr svg{display:block;width:100%;max-width:180px;height:auto}
.mfa-manual-key span,.mfa-manual-key code{display:block}
.mfa-manual-key code{margin-top:8px;padding:10px;border-radius:3px;background:#f3f6fa;color:#17203a;overflow-wrap:anywhere;letter-spacing:1px}
.mfa-recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}
.mfa-recovery-codes code{padding:9px;border-radius:3px;background:#f3f6fa;color:#17203a;text-align:center;letter-spacing:1px}
.mfa-challenge .login-body form{margin-bottom:12px}
.mfa-code-input{text-align:center;letter-spacing:4px}
.mfa-text-button{width:100%;padding:8px;border:0;background:transparent;color:#1f7aec;cursor:pointer}
@media(max-width:768px){
    .social-registration-confirmation{
        grid-template-columns:38px minmax(0,1fr);
    }
    .social-registration-change{
        grid-column:2;
        justify-self:start;
        padding-top:0;
    }
    .login-method{grid-template-columns:38px minmax(0,1fr)}
    .login-method__actions{grid-column:1/-1;display:flex;width:100%}
    .login-method__actions .btn{flex:1 1 auto}
    .mfa-setup-grid{grid-template-columns:1fr}
    .mfa-qr{max-width:210px;margin:0 auto}
    .mfa-recovery-codes{grid-template-columns:1fr}
}