.rankingPessoalBloco{box-sizing:border-box;width:min(1120px,100%);gap:18px;border:1px solid #d6e8f5;border-radius:24px;padding:24px 28px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(30,75,110,.08)}
.rankingPessoalCabecalho h2{margin:0;color:#17345f}.rankingPessoalCabecalho p{margin:4px 0 0;color:#6b7e98;font-size:.86rem;text-align:center}
#rankingPessoal{gap:10px;cursor:pointer}
#rankingPessoal .divRankingUsuarios{flex:0 0 auto;gap:0;justify-content:flex-end}
#rankingPessoal .imgPerfilRanking{width:60px;height:60px;border-radius:50%;object-fit:cover}
#rankingPessoal .divOrdem{display:flex;width:33px;height:33px;align-items:center;justify-content:center;margin-bottom:3px;border-radius:50%;color:#fff;font-weight:bold;background-repeat:no-repeat;background-position:center;background-size:contain}
#rankingPessoal .rankingCoroa{width:50px;height:50px;background-image:url('img/coroa.svg')}
#rankingPessoal .divRankingUsuarios>label{line-height:1}
#rankingPessoal .name{max-width:75px;overflow:hidden;color:#008ab8;font-size:10pt;text-overflow:ellipsis;white-space:nowrap}
#rankingPessoal .points{margin-top:3px;color:grey;font-size:10pt;white-space:nowrap}
#rankingPessoal .numPoints{color:#008080;font-weight:bold}
.rankingPessoalVazio{margin:auto;color:#6b7e98}
@media screen and (min-width:800px){section #rankingPessoal{display:flex;width:100%;justify-content:flex-start;overflow-x:auto;overflow-y:hidden}}
@media(max-width:650px){.rankingPessoalBloco{gap:14px;border-radius:20px;padding:18px 14px}}