.scr-login{--scr-login-primary:#1a4f8c;display:flex;align-items:center;gap:14px;font-family:inherit}
.scr-login *{box-sizing:border-box}

.scr-login__btn{
	padding:10px 24px;border:0!important;outline:none!important;box-shadow:none!important;
	border-radius:999px;background:#fff;color:var(--scr-login-primary);
	font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;
	-webkit-appearance:none;appearance:none
}
.scr-login__btn:hover,.scr-login__btn:focus,.scr-login__btn:active{
	border:0!important;outline:none!important;box-shadow:none!important
}
.scr-login__btn:hover{filter:brightness(.97)}

.scr-login--in{gap:14px}
.scr-login__info{display:flex;flex-direction:column;text-align:right;line-height:1.35}
.scr-login__name{font-weight:750;font-size:14px;color:#fff}
.scr-login__sub{font-size:11.5px;color:rgba(255,255,255,.82)}
.scr-login__logout{
	padding:8px 18px;border:1.5px solid rgba(255,255,255,.75);border-radius:999px;color:#fff;
	font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap
}
.scr-login__logout:hover{background:rgba(255,255,255,.14)}

/* Popup del login */
html.scr-login-lock,html.scr-login-lock body{overflow:hidden}
.scr-login__overlay{
	--scr-login-primary:#1a4f8c;
	position:fixed;inset:0;z-index:100000;background:rgba(8,27,51,.55);
	display:flex;align-items:center;justify-content:center;padding:24px;
	opacity:0;visibility:hidden;transition:opacity .18s ease
}
.scr-login__overlay.is-open{opacity:1;visibility:visible}
.scr-login__modal{
	position:relative;background:#fff;border-radius:20px;max-width:400px;width:100%;
	padding:32px;box-shadow:0 30px 60px rgba(8,27,51,.35);
	transform:translateY(12px);transition:transform .18s ease
}
.scr-login__overlay.is-open .scr-login__modal{transform:translateY(0)}
.scr-login__modal-close{
	position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:0;padding:0;
	background:#f0ebff;color:var(--scr-login-primary);font-size:20px;line-height:1;cursor:pointer;
	display:flex;align-items:center;justify-content:center
}
.scr-login__modal-close:hover{background:#e3d7f9}

.scr-login__modal-body label{display:block;font-size:13px;font-weight:650;margin-bottom:6px;color:#081b33}
.scr-login__modal-body input[type=text],
.scr-login__modal-body input[type=password],
.scr-login__modal-body input[type=email]{
	width:100%;height:46px;padding:0 14px;border:1px solid #d3e0eb;border-radius:12px;font:inherit;font-size:15px;margin-bottom:14px
}
.scr-login__modal-body input[type=submit]{
	width:100%;height:48px;border:0;border-radius:999px;background:var(--scr-login-primary);color:#fff;
	font-weight:750;font-size:15px;cursor:pointer;margin-top:4px
}
.scr-login__modal-body p.login-remember{font-size:13px;color:#657a8e;margin:10px 0}

@media(max-width:360px){
	.scr-login__info{display:none}
}