/* v7.11.72 — Power-ups: card inteiro clicável + preço sem botão + cor única por card */
#quickBoost .quickBoostGrid .benefitCard{
  min-height:258px!important;
  padding:12px 12px 13px!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
  border:2px solid rgba(255,255,255,.62)!important;
  box-shadow:0 10px 24px rgba(26,83,118,.17),inset 0 1px 0 rgba(255,255,255,.18)!important;
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important;
}
#quickBoost .quickBoostGrid .benefitCard:hover:not(.noBalance){filter:brightness(1.035)!important;transform:translateY(-1px)!important}
#quickBoost .quickBoostGrid .benefitCard:active:not(.noBalance),
#quickBoost .quickBoostGrid .benefitCard.powerupBusy{transform:translateY(1px) scale(.985)!important;filter:brightness(.98)!important}
#quickBoost .quickBoostGrid .benefitCard:focus-visible{outline:3px solid rgba(255,215,54,.95)!important;outline-offset:3px!important}
#quickBoost .quickBoostGrid .benefitCard.noBalance{cursor:not-allowed!important;filter:saturate(.62) brightness(.92)!important;opacity:.78!important}

/* Uma única família de cor ocupa o card inteiro. */
#quickBoost .quickBoostGrid .benefitCard[data-boost="reposition"]{background:linear-gradient(155deg,#20cbd6 0%,#12a7c9 48%,#1689bf 100%)!important}
#quickBoost .quickBoostGrid .benefitCard[data-boost="t15"]{background:linear-gradient(155deg,#21c9bd 0%,#159fba 52%,#167aa9 100%)!important}
#quickBoost .quickBoostGrid .benefitCard[data-boost="m10"]{background:linear-gradient(155deg,#33b9e8 0%,#279ad9 50%,#2678c7 100%)!important}
#quickBoost .quickBoostGrid .benefitCard.tileBenefit.tile46{background:linear-gradient(155deg,#c75af2 0%,#9d46ec 52%,#7742d5 100%)!important}
#quickBoost .quickBoostGrid .benefitCard.tileBenefit.tile35{background:linear-gradient(155deg,#28d894 0%,#13bb83 52%,#08a574 100%)!important}
#quickBoost .quickBoostGrid .benefitCard.tileBenefit.tile67{background:linear-gradient(155deg,#35b8ff 0%,#168edb 52%,#0878c8 100%)!important}

/* Remove a divisão visual antiga dos cards Próxima X–Y. */
#quickBoost .quickBoostGrid .benefitCard.tileBenefit{padding:12px 12px 13px!important;background-color:transparent!important}
#quickBoost .tileBenefit .tileBenefitTop,
#quickBoost .tileBenefit.tile46 .tileBenefitTop,
#quickBoost .tileBenefit.tile35 .tileBenefitTop,
#quickBoost .tileBenefit.tile67 .tileBenefitTop{width:100%!important;min-height:132px!important;padding:0!important;background:none!important}
#quickBoost .tileBenefit .tileBenefitBody,
#quickBoost .tileBenefit.tile46 .tileBenefitBody,
#quickBoost .tileBenefit.tile35 .tileBenefitBody,
#quickBoost .tileBenefit.tile67 .tileBenefitBody{
  width:100%!important;padding:0!important;gap:6px!important;background:none!important;flex:1 1 auto!important;
}
#quickBoost .tileBenefit .tileBenefitDesc{
  min-height:42px!important;padding:4px 6px!important;background:none!important;border:0!important;border-radius:0!important;
  color:#fff!important;font-size:12px!important;line-height:1.25!important;font-weight:900!important;text-shadow:0 2px 3px rgba(0,0,0,.16)!important;
}

/* Tipografia clara e uniforme em todos os cards coloridos. */
#quickBoost .quickBoostGrid .benefitCard>strong,
#quickBoost .quickBoostGrid .benefitCard[data-boost="reposition"]>strong{
  color:#fff!important;font-size:15px!important;line-height:1.12!important;margin-top:1px!important;text-shadow:0 2px 3px rgba(0,0,0,.16)!important;
}
#quickBoost .quickBoostGrid .benefitCard>small,
#quickBoost .quickBoostGrid .benefitCard[data-boost="reposition"]>small{
  color:rgba(255,255,255,.94)!important;font-size:10px!important;line-height:1.3!important;min-height:28px!important;margin:4px 0 5px!important;text-shadow:0 1px 2px rgba(0,0,0,.13)!important;
}

/* Custo é informação, não botão. */
#quickBoost .powerupCost{
  margin-top:auto!important;min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  color:#fff!important;font-size:17px!important;font-weight:1000!important;line-height:1!important;text-shadow:0 2px 3px rgba(0,0,0,.18)!important;
}
#quickBoost .powerupCost img{
  width:27px!important;height:27px!important;object-fit:contain!important;margin:0!important;filter:drop-shadow(0 3px 3px rgba(45,8,73,.22))!important;
}
#quickBoost .powerupCost strong{color:inherit!important;font-size:17px!important;margin:0!important;text-shadow:inherit!important}
#quickBoost .missingBalance{
  display:block!important;margin:1px 0 2px!important;color:#fff7c8!important;font-size:9px!important;font-weight:1000!important;line-height:1.15!important;text-align:center!important;text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}

@media(max-width:430px){
  #quickBoost .quickBoostGrid .benefitCard{min-height:238px!important;padding:10px!important}
  #quickBoost .quickBoostGrid .benefitCard>img.powerupHeroArt{height:112px!important}
  #quickBoost .tileBenefit .powerupTileHero{height:108px!important}
  #quickBoost .tileBenefit .tileBenefitTop{min-height:116px!important}
  #quickBoost .powerupCost{min-height:34px!important;font-size:15px!important}
  #quickBoost .powerupCost img{width:24px!important;height:24px!important}
  #quickBoost .powerupCost strong{font-size:15px!important}
}