
/* v20.56.05 — correção focada na tela de login */
#login .login-panel{position:relative}
#login .mp-login-flagbar{display:none!important}
#login .mp-login-flags-fixed{position:absolute;top:18px;right:18px;display:flex;gap:10px;align-items:center;z-index:20;flex-wrap:nowrap}
#login .mp-flag-btn{width:38px;height:38px;border-radius:999px;border:1px solid rgba(123,146,170,.44);background:rgba(14,28,43,.94);display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:.15s ease}
#login .mp-flag-btn:hover{transform:translateY(-1px);border-color:rgba(220,173,72,.7);box-shadow:0 10px 24px rgba(0,0,0,.25)}
#login .mp-flag-btn.active{border-color:#e0b04e;box-shadow:0 0 0 2px rgba(224,176,78,.18),0 12px 28px rgba(0,0,0,.3);background:linear-gradient(180deg,#18314d,#102238)}
#login .mp-flag-icon{display:block;width:22px;height:22px;border-radius:50%;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
#login .mp-flag-br{background:#1b9d48}
#login .mp-flag-br::before{content:'';position:absolute;left:50%;top:50%;width:12px;height:12px;background:#f2c644;transform:translate(-50%,-50%) rotate(45deg)}
#login .mp-flag-br::after{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#2450aa;transform:translate(-50%,-50%)}
#login .mp-flag-gb{background:
linear-gradient(90deg,transparent 0 39%,#fff 39% 61%,transparent 61% 100%),
linear-gradient(0deg,transparent 0 39%,#fff 39% 61%,transparent 61% 100%),
linear-gradient(45deg,transparent 0 43%,#fff 43% 57%,transparent 57% 100%),
linear-gradient(-45deg,transparent 0 43%,#fff 43% 57%,transparent 57% 100%),
linear-gradient(90deg,transparent 0 45%,#c91e2f 45% 55%,transparent 55% 100%),
linear-gradient(0deg,transparent 0 45%,#c91e2f 45% 55%,transparent 55% 100%),
linear-gradient(45deg,transparent 0 47%,#c91e2f 47% 53%,transparent 53% 100%),
linear-gradient(-45deg,transparent 0 47%,#c91e2f 47% 53%,transparent 53% 100%),
#183b8f}
#login .mp-flag-es{background:linear-gradient(180deg,#be2030 0 28%,#f2c94c 28% 72%,#be2030 72% 100%)}
#login .mp-flag-de{background:linear-gradient(180deg,#121212 0 33.33%,#c52828 33.33% 66.66%,#f0c447 66.66% 100%)}
#login .mp-flag-it{background:linear-gradient(90deg,#198754 0 33.33%,#fff 33.33% 66.66%,#cf2b37 66.66% 100%)}
#login .mp-flag-fr{background:linear-gradient(90deg,#2b66d9 0 33.33%,#fff 33.33% 66.66%,#d93846 66.66% 100%)}
#login .hero > div:nth-child(2) h1{max-width:360px}
@media (max-width:1100px){#login .mp-login-flags-fixed{top:12px;right:12px;gap:8px}#login .mp-flag-btn{width:34px;height:34px}#login .mp-flag-icon{width:18px;height:18px}}
@media (max-width:760px){#login .mp-login-flags-fixed{position:static;justify-content:flex-end;margin-bottom:16px;flex-wrap:wrap}}
