/* v7.11.66 — Conquistas: frame elástico TOP/MIDDLE/BOTTOM.
   O conteúdo define a altura; descrições longas nunca mais saem da caixa. */
.achievementCard.sliceFrame{
  display:block!important;position:relative!important;isolation:isolate!important;
  min-height:0!important;padding:0!important;gap:0!important;border:0!important;border-radius:0!important;
  background:none!important;background-image:none!important;box-shadow:none!important;overflow:visible!important;
}
.achievementCard>.achievementCardSkin{z-index:0!important;inset:0!important}
.achievementCard>.achievementCardContent{
  position:relative!important;z-index:1!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;
  min-height:174px!important;padding:14px 25px 15px 10px!important;
}
.achievementCard .achievementBody{min-width:0!important;align-self:center!important}
.achievementCard .achievementTitleRow h3{font-size:24px!important;line-height:1.04!important;overflow-wrap:anywhere!important}
.achievementCard .achievementDesc{font-size:12px!important;line-height:1.25!important;margin:5px 0 7px!important;overflow-wrap:anywhere!important}
.achievementCard .achievementRewardWrap{min-height:52px!important;padding:6px 9px!important}
.achievementCard .achievementRewardInfo img{width:37px!important;height:37px!important}
.achievementCard .achievementRewardText strong{font-size:21px!important}
.achievementCard .achievementRewardState{font-size:9px!important;padding:7px 10px!important}
.achievementCard .achievementMeta{font-size:10px!important;line-height:1.15!important}
.achievementCard .achievementProgressTop{font-size:10px!important}
@media(max-width:500px){
  .achievementCard>.achievementCardContent{grid-template-columns:126px minmax(0,1fr)!important;gap:5px!important;min-height:146px!important;padding:10px 14px 11px 7px!important}
  .achievementCard .achievementBadge{width:124px!important;height:122px!important}
  .achievementCard .achievementBadgeInner{width:122px!important;height:120px!important}
  .achievementCard .achievementBadgeInner img{width:118px!important;height:100px!important}
  .achievementCard .achievementTitleRow h3{font-size:18px!important;line-height:1.05!important}
  .achievementCard .achievementDesc{font-size:12px!important;line-height:1.2!important;margin:3px 0 6px!important}
  .achievementCard .achievementRewardWrap{min-height:46px!important;padding:5px 7px!important}
  .achievementCard .achievementRewardInfo img{width:31px!important;height:31px!important}
  .achievementCard .achievementRewardText strong{font-size:17px!important}
  .achievementCard .achievementRewardState{font-size:8px!important;padding:5px 6px!important}
  .achievementCard .achievementMeta{font-size:8px!important;max-width:72px!important}
}
@media(max-width:390px){
  .achievementCard>.achievementCardContent{grid-template-columns:102px minmax(0,1fr)!important;padding:8px 10px 9px 6px!important;min-height:132px!important}
  .achievementCard .achievementBadge{width:100px!important;height:100px!important}
  .achievementCard .achievementBadgeInner{width:98px!important;height:98px!important}
  .achievementCard .achievementBadgeInner img{width:96px!important;height:88px!important}
  .achievementCard .achievementTitleRow h3{font-size:16px!important}
  .achievementCard .achievementDesc{font-size:12px!important;line-height:1.16!important}
  .achievementCard .achievementRewardInfo img{width:27px!important;height:27px!important}
  .achievementCard .achievementRewardText strong{font-size:15px!important}
  .achievementCard .achievementRewardState{font-size:7px!important;padding:4px 5px!important}
  .achievementCard .achievementMeta{font-size:7px!important;max-width:66px!important}
}