/* SouPrimeiroAC V22.3.95 / build 2418 — acabamento EXCLUSIVO de Planos.
   Nenhum preco, beneficio, assinatura, checkout ou outra aba foi alterado. */

/* Texto dos tres selos: legibilidade real sobre o grafite. */
#planosView .plans-brand-grid .store-plan-card .store-plan-tag{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:linear-gradient(130deg,#343840,#26282f)!important;
  border:1px solid #60646d!important;
  font-weight:850!important;
  text-shadow:0 1px 2px rgba(0,0,0,.24);
}
#planosView .plans-brand-grid .store-plan-card.premium .store-plan-tag{
  background:linear-gradient(130deg,#3a3527,#292923)!important;
  border-color:#87764a!important;
}

/* Completo: nome sem quebra, preco proporcional ao tamanho do cartao. */
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row{
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-end;
  justify-content:space-between;
  column-gap:8px;
  min-width:0;
}
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row>div:first-child{
  flex:0 0 auto;
  min-width:0;
}
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row h3{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  font-size:clamp(22px,2.05vw,28px)!important;
  letter-spacing:-.045em!important;
}
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row .store-price{
  flex:0 1 auto;
  min-width:0;
  display:flex;
  flex-wrap:nowrap;
  align-items:baseline;
  gap:3px!important;
  white-space:nowrap!important;
}
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row .store-price strong{
  font-size:clamp(29px,2.6vw,36px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  white-space:nowrap!important;
}
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row .store-price span{
  font-size:10px!important;
  letter-spacing:.01em!important;
  margin-left:0!important;
  white-space:nowrap!important;
}

/* Cartao de informacoes de assinatura: compacto, valorizado e com dados reais. */
#planosView .plans-brand-hero .plans-current-status{
  position:relative;
  z-index:1;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:12px!important;
  box-sizing:border-box;
  flex:0 0 auto;
  width:min(100%,318px);
  max-width:318px!important;
  min-width:0;
  min-height:168px;
  margin:0;
  padding:20px 20px 22px!important;
  border:1px solid #746238!important;
  border-radius:19px!important;
  background:linear-gradient(150deg,#2a2925 0%,#202127 49%,#16191f 100%)!important;
  box-shadow:0 16px 35px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,231,142,.13)!important;
  text-align:left!important;
}
#planosView .plans-brand-hero .plans-current-status::before{
  content:"SUA ASSINATURA";
  position:relative;
  z-index:1;
  display:block;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.16em;
  color:#ffe087;
  -webkit-text-fill-color:#ffe087;
}
#planosView .plans-brand-hero .plans-current-status::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  right:-72px;
  top:-65px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,212,38,.13),rgba(255,212,38,0) 68%);
}
#planosView .plans-brand-hero .plans-current-status #plansCurrentBadge{
  position:relative;
  z-index:1;
  align-self:flex-start;
  max-width:100%;
  padding:9px 13px!important;
  border:1px solid #ffe071!important;
  border-radius:11px!important;
  background:linear-gradient(120deg,#ffd426,#ffe77a)!important;
  box-shadow:0 5px 18px rgba(255,212,38,.14)!important;
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  white-space:normal;
  text-align:left;
}
#planosView .plans-brand-hero .plans-current-status #plansAccessSummary{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-width:100%;
  padding-top:11px;
  border-top:1px solid rgba(255,218,101,.22);
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:700;
  color:#f0f2f5!important;
  -webkit-text-fill-color:#f0f2f5!important;
  overflow-wrap:break-word;
  text-align:left!important;
}
@media (min-width:761px) and (max-width:1120px){
  #planosView .plans-brand-grid .plan-card-complete .plan-name-price-row{
    flex-wrap:wrap;
    align-items:flex-start;
    row-gap:5px;
  }
}
@media (max-width:900px){
  #planosView .plans-brand-hero .plans-current-status{
    width:100%;
    max-width:none!important;
    min-height:0;
  }
}
@media (max-width:760px){
  #planosView .plans-brand-hero .plans-current-status{
    padding:17px 18px 19px!important;
    border-radius:16px!important;
  }
  #planosView .plans-brand-grid .plan-card-complete .plan-name-price-row .store-price strong{
    font-size:clamp(29px,8.2vw,35px)!important;
  }
}
@media (max-width:390px){
  #planosView .plans-brand-grid .plan-card-complete .plan-name-price-row{
    flex-wrap:wrap;
    row-gap:6px;
  }
}