/* LEADER_PUBLIC_V1 */

.hero{
 position:relative!important;
 min-height:150px!important;
 padding:20px 335px 20px 28px!important;
}

.leader-card{
 position:absolute;
 right:18px;
 top:14px;
 bottom:14px;
 width:295px;

 background:rgba(3,18,32,.91);
 border:1px solid rgba(38,114,173,.55);
 border-radius:9px;
 padding:13px 14px;

 display:flex;
 flex-direction:column;
 justify-content:center;

 backdrop-filter:blur(4px);
}

.leader-title{
 color:#1684ff;
 font-size:9px;
 font-weight:900;
 letter-spacing:.8px;
 margin-bottom:8px;
}

.leader-team{
 display:flex;
 align-items:center;
 gap:10px;
 min-height:42px;
}

.leader-logo{
 width:44px;
 height:44px;
 object-fit:contain;
 flex:none;
}

.leader-name{
 font-size:15px;
 font-weight:900;
 color:white;
 line-height:1.1;
}

.leader-sub{
 margin-top:3px;
 color:#69a9e5;
 font-size:8px;
}

.leader-top{
 display:inline-block;
 margin-top:8px;
 padding:4px 9px;
 width:max-content;

 border:1px solid #294d6e;
 border-radius:12px;

 color:#ffd54a;
 font-size:8px;
 font-weight:900;
}

.leader-stats{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:5px;
 margin-top:8px;
}

.leader-stat{
 background:#091a2b;
 border:1px solid #284866;
 border-radius:6px;
 padding:5px 3px;
 text-align:center;
}

.leader-stat strong{
 display:block;
 color:white;
 font-size:11px;
}

.leader-stat span{
 display:block;
 color:#7f9bb5;
 font-size:6px;
 font-weight:800;
 margin-top:1px;
}

.leader-link{
 display:block;
 margin-top:7px;
 padding:7px;

 background:#1684ff;
 color:white!important;
 border-radius:6px;

 text-align:center;
 text-decoration:none!important;
 font-size:8px;
 font-weight:900;
}

@media(max-width:800px){

 .hero{
   padding:20px!important;
   min-height:auto!important;
 }

 .leader-card{
   position:relative;
   right:auto;
   top:auto;
   bottom:auto;
   width:100%;
   margin-top:16px;
 }

}

/* LEADER_SIZE_V2 */

.leader-card{
 width:330px!important;
 padding:16px 17px!important;
}

.leader-title{
 font-size:11px!important;
 margin-bottom:10px!important;
}

.leader-team{
 gap:12px!important;
 min-height:50px!important;
}

.leader-logo{
 width:52px!important;
 height:52px!important;
}

.leader-name{
 font-size:18px!important;
}

.leader-sub{
 font-size:9px!important;
 margin-top:4px!important;
}

.leader-top{
 font-size:9px!important;
 padding:5px 10px!important;
 margin-top:10px!important;
}

.leader-stats{
 gap:7px!important;
 margin-top:10px!important;
}

.leader-stat{
 padding:7px 4px!important;
}

.leader-stat strong{
 font-size:14px!important;
}

.leader-stat span{
 font-size:7px!important;
}

.leader-link{
 font-size:9px!important;
 padding:9px!important;
 margin-top:9px!important;
}

/* mais espaço no banner para o card maior */
.hero{
 padding-right:370px!important;
}

@media(max-width:800px){
 .hero{
   padding-right:20px!important;
 }

 .leader-card{
   width:100%!important;
 }
}