/* SouPrimeiroAC V22.3.38 / build 2361 — redesign exclusivo da aba Planos. */
#planosView{--plans-black:#080808;--plans-panel:#121212;--plans-panel-2:#191919;--plans-line:#303030;--plans-soft:#a9a9a1;--plans-yellow:var(--yellow,#ffd400)}
#planosView .plans-brand-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-bottom:20px;padding:clamp(24px,4vw,44px);border-radius:26px;background:var(--plans-black);color:#fff;border:1px solid #242424;box-shadow:0 20px 60px rgba(0,0,0,.16)}
#planosView .plans-brand-hero:before{content:"AC";position:absolute;right:-.035em;bottom:-.36em;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:clamp(9rem,23vw,22rem);line-height:1;color:rgba(255,212,0,.055);letter-spacing:-.09em;pointer-events:none}
#planosView .plans-brand-copy{position:relative;z-index:1;max-width:790px}
#planosView .plans-brand-copy>.eyebrow{color:var(--plans-yellow);letter-spacing:.16em;margin-bottom:10px}
#planosView .plans-brand-copy h3{max-width:760px;margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(2.2rem,5vw,4.7rem);line-height:.96;letter-spacing:-.055em;color:#fff}
#planosView .plans-brand-copy>p:not(.eyebrow){max-width:690px;margin:18px 0 0;font-size:clamp(.98rem,1.5vw,1.16rem);line-height:1.62;color:#c5c5be}
#planosView .plans-brand-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
#planosView .plans-brand-steps span{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #333;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.09em;color:#deded8;background:#111}
#planosView .plans-brand-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--plans-yellow);color:#111;font-size:.66rem}
#planosView .plans-current-status{position:relative;z-index:1;align-self:start;justify-items:end;max-width:280px;text-align:right}
#planosView .plans-current-status small{color:#aaa}
#planosView .plans-brand-grid{gap:14px;align-items:stretch}
#planosView .store-plan-card{background:var(--plans-panel);color:#fff;border:1px solid var(--plans-line);border-radius:20px;padding:22px;box-shadow:none;overflow:hidden}
#planosView .store-plan-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#3a3a3a}
#planosView .store-plan-card.featured{border-color:#4a4a3a;background:var(--plans-panel-2)}
#planosView .store-plan-card.featured:before{background:rgba(255,212,0,.55)}
#planosView .store-plan-card.premium{background:linear-gradient(160deg,#111 0%,#0a0a0a 68%,rgba(255,212,0,.10) 130%);border-color:rgba(255,212,0,.72)}
#planosView .store-plan-card.premium:before{width:5px;background:var(--plans-yellow)}
#planosView .store-plan-card.current-plan{outline:2px solid var(--plans-yellow);outline-offset:3px}
#planosView .plan-card-index{display:flex;align-items:center;gap:9px;color:#777;margin-bottom:13px;font-size:.66rem;letter-spacing:.13em;font-weight:900}
#planosView .plan-card-index span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #3a3a3a;border-radius:50%;color:var(--plans-yellow);font-size:.65rem}
#planosView .store-plan-tag{padding:7px 10px;border-radius:7px;background:var(--plans-yellow);color:#111;border:0;font-size:.65rem;letter-spacing:.08em}
#planosView .store-plan-top{gap:13px;margin-top:19px}
#planosView .store-plan-top .eyebrow{color:#777;font-size:.66rem;letter-spacing:.12em}
#planosView .store-plan-top h3{font-size:clamp(1.75rem,2.5vw,2.45rem);color:#fff;letter-spacing:-.045em}
#planosView .store-price{display:flex;align-items:baseline;gap:7px;color:#fff;min-height:auto}
#planosView .store-price strong{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.95rem,5vw,4.7rem)!important;line-height:.92!important;letter-spacing:-.065em!important;color:#fff}
#planosView .store-price span{font-size:.78rem!important;color:#8f8f89;text-transform:uppercase;letter-spacing:.06em}
#planosView .plan-card-promise{min-height:5.1em;margin:16px 0 0;color:#b9b9b1;font-size:.92rem;line-height:1.55}
#planosView .plan-quantity-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:17px 0 0}
#planosView .plan-quantity-strip span{min-width:0;padding:10px 8px;border-radius:10px;border:1px solid #2d2d2d;background:#0d0d0d;display:grid;gap:3px}
#planosView .plan-quantity-strip b{font-family:"Space Grotesk",sans-serif;color:var(--plans-yellow);font-size:.86rem;line-height:1.1;overflow-wrap:anywhere}
#planosView .plan-quantity-strip small{font-size:.58rem;line-height:1.25;color:#7e7e78;text-transform:uppercase;letter-spacing:.04em}
#planosView .store-benefits{border-top-color:#292929;padding-top:18px;margin:18px 0 22px;gap:11px;font-size:.86rem;color:#d7d7d0}
#planosView .store-benefits li{padding-left:20px;line-height:1.45}
#planosView .store-benefits li:before{color:var(--plans-yellow);font-size:.74rem;top:.12em}
#planosView .store-benefits strong{color:#fff}
#planosView .plan-checkout-btn{border-radius:10px;min-height:46px;font-weight:900;letter-spacing:.01em}
#planosView .plan-card-complete .plan-checkout-btn{box-shadow:0 8px 24px rgba(255,212,0,.14)}
#planosView .plans-comparison-panel{margin:20px 0;padding:clamp(18px,3vw,28px);border:1px solid #242424;border-radius:22px;background:#0b0b0b;color:#fff;overflow:hidden}
#planosView .plans-comparison-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
#planosView .plans-comparison-head>div{max-width:760px}
#planosView .plans-comparison-head .eyebrow{color:var(--plans-yellow);letter-spacing:.15em}
#planosView .plans-comparison-head h3{margin:4px 0 6px;font-family:"Space Grotesk",sans-serif;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.05;letter-spacing:-.04em;color:#fff}
#planosView .plans-comparison-head p{margin:0;color:#979791;font-size:.82rem;line-height:1.5}
#planosView .plans-compare-mark{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border-radius:14px;background:var(--plans-yellow);color:#111;font-family:"Space Grotesk",sans-serif;font-size:1.25rem;font-weight:900;letter-spacing:-.06em}
#planosView .plans-comparison-scroll{overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #242424;border-radius:14px;scrollbar-width:thin;scrollbar-color:#555 #111}
#planosView .plans-comparison-grid{min-width:760px;background:#101010}
#planosView .plans-compare-row{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(140px,1fr));align-items:stretch;border-bottom:1px solid #242424}
#planosView .plans-compare-row:last-child{border-bottom:0}
#planosView .plans-compare-row>*{min-width:0;padding:12px 14px;border-right:1px solid #242424;display:flex;align-items:center}
#planosView .plans-compare-row>*:last-child{border-right:0}
#planosView .plans-compare-row>span{color:#d5d5cf;font-size:.78rem;font-weight:700}
#planosView .plans-compare-row>b{color:#b9b9b2;font-size:.73rem;font-weight:800;line-height:1.35}
#planosView .plans-compare-row>b:nth-child(4){color:#fff;background:rgba(255,212,0,.035)}
#planosView .plans-compare-row .is-best{color:var(--plans-yellow)!important}
#planosView .plans-compare-row .is-no{color:#555!important}
#planosView .plans-compare-header{position:sticky;top:0;z-index:1;background:#171717}
#planosView .plans-compare-header strong{padding:12px 14px;color:#777;font-size:.64rem;letter-spacing:.1em}
#planosView .plans-compare-header strong:nth-child(4){color:var(--plans-yellow)}
#planosView .plans-compare-section{padding:10px 14px;background:#080808;border-bottom:1px solid #242424;color:var(--plans-yellow);font-size:.62rem;font-weight:900;letter-spacing:.13em}
#planosView .plans-payment-panel{background:#111;color:#fff;border-color:#292929;border-radius:20px;box-shadow:none}
#planosView .plans-payment-panel h3{color:#fff}
#planosView .plans-payment-panel .muted{color:#999993}
#planosView .plans-payment-panel .wallet-preview span{background:#090909;border-color:#303030;color:#fff}
html[data-theme="dark"] #planosView .plans-brand-hero,html[data-theme="dark"] #planosView .store-plan-card,html[data-theme="dark"] #planosView .plans-comparison-panel{box-shadow:none}
@media(max-width:900px){
  #planosView .plans-brand-hero{grid-template-columns:1fr;align-items:start}
  #planosView .plans-current-status{justify-items:start;text-align:left;max-width:none}
  #planosView .plan-card-promise{min-height:0}
}
@media(max-width:760px){
  #planosView .plans-brand-hero{padding:22px 18px;border-radius:19px;margin-bottom:14px}
  #planosView .plans-brand-copy h3{font-size:clamp(2rem,10vw,3rem)}
  #planosView .plans-brand-copy>p:not(.eyebrow){font-size:.9rem;line-height:1.55}
  #planosView .plans-brand-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:20px}
  #planosView .plans-brand-steps span{width:100%;min-width:0;max-width:none;justify-content:center;padding:8px 6px;gap:5px;font-size:.58rem;letter-spacing:.04em;white-space:nowrap}
  #planosView .plans-brand-steps b{flex:0 0 auto;width:23px;height:23px;font-size:.6rem}
  #planosView .plans-brand-grid{gap:10px}
  #planosView .store-plan-card{padding:18px;border-radius:16px}
  #planosView .store-price strong{font-size:clamp(3.35rem,17vw,4.5rem)!important}
  #planosView .plan-quantity-strip{gap:5px}
  #planosView .plan-quantity-strip span{padding:9px 7px}
  #planosView .plans-comparison-panel{padding:16px 12px;border-radius:17px}
  #planosView .plans-comparison-head{gap:10px}
  #planosView .plans-compare-mark{width:44px;height:44px;border-radius:11px;font-size:1rem}
  #planosView .plans-comparison-scroll:after{content:"Deslize para comparar →";display:block;padding:8px 10px;color:#70706b;font-size:.62rem;letter-spacing:.05em;background:#090909}
  #planosView .plans-payment-panel{padding:18px}
}
@media(max-width:400px){
  #planosView .plan-quantity-strip{grid-template-columns:1fr}
  #planosView .plan-quantity-strip span{grid-template-columns:auto 1fr;align-items:baseline;gap:8px}
  #planosView .plan-quantity-strip small{font-size:.6rem}
}

/* Ajuste solicitado: preço como elemento principal, encostado ao nome do plano. */
#planosView .store-plan-top{gap:2px!important}
#planosView .store-price{margin-top:-2px!important}
#planosView .store-price strong{font-size:clamp(4.4rem,7.5vw,6.6rem)!important;line-height:.86!important}
@media(max-width:760px){
  #planosView .store-plan-top{gap:0!important;margin-top:16px!important}
  #planosView .store-price{margin-top:0!important}
  #planosView .store-price strong{font-size:clamp(4.8rem,22vw,6.8rem)!important;line-height:.82!important}
  #planosView .store-price span{font-size:.82rem!important;margin-left:2px}
}

/* Nome à esquerda e valor à direita na mesma linha do plano. */
#planosView .plan-name-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;width:100%}
#planosView .plan-name-price-row>div:first-child{min-width:0}
#planosView .plan-name-price-row .store-price{flex:0 0 auto;margin:0!important;text-align:right}
@media(max-width:760px){
  #planosView .plan-name-price-row{align-items:flex-end;gap:10px}
  #planosView .plan-name-price-row .store-price strong{font-size:clamp(2.65rem,12vw,4rem)!important;line-height:.86!important}
  #planosView .plan-name-price-row .store-price span{font-size:.7rem!important}
}

/* Mobile: nome do plano à esquerda e valor à direita na mesma linha. */
@media(max-width:760px){
  #planosView .store-plan-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;column-gap:12px!important}
  #planosView .store-plan-top>div:first-child{min-width:0}
  #planosView .store-price{align-self:end!important;justify-self:end!important;margin:0!important;white-space:nowrap!important}
  #planosView .store-price strong{font-size:clamp(2.4rem,12vw,3.7rem)!important;line-height:.9!important}
  #planosView .store-price span{font-size:.7rem!important}
}

/* Mobile: valor do plano 3x maior que o ajuste anterior, mantendo-o à direita. */
@media(max-width:760px){
  #planosView .store-plan-top{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)!important;align-items:end!important}
  #planosView .store-price{justify-self:end!important;max-width:100%!important}
  #planosView .store-price strong{font-size:clamp(7.2rem,36vw,11.1rem)!important;line-height:.72!important;letter-spacing:-.085em!important}
  #planosView .store-price span{font-size:.72rem!important;flex:0 0 auto}
}

/* Refinamento final mobile: preço forte, proporcional e alinhado ao nome sem dominar o card. */
@media(max-width:760px){
  #planosView .store-plan-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;column-gap:14px!important;row-gap:0!important}
  #planosView .store-plan-top>div:first-child{min-width:0}
  #planosView .store-price{justify-self:end!important;align-self:end!important;max-width:none!important;margin:0 0 2px!important;gap:5px!important;white-space:nowrap!important}
  #planosView .store-price strong{font-size:clamp(3.15rem,15vw,4.65rem)!important;line-height:.84!important;letter-spacing:-.075em!important}
  #planosView .store-price span{font-size:.68rem!important;line-height:1!important;letter-spacing:.045em!important;margin-left:2px!important}
}
@media(max-width:390px){
  #planosView .store-price strong{font-size:clamp(2.85rem,14vw,4rem)!important}
  #planosView .store-plan-top{column-gap:9px!important}
}