/* =========================================================
   UniSST V224 — ASSINATURAS PREMIUM
   Escopo estritamente limitado à aba Assinaturas.
   NÃO altera cards acadêmicos, rails ou sua geometria.
   ========================================================= */

html body.prime-experience-v205 .sub224-subscription{
  --sub224-gold:#D4AF37;
  --sub224-gold-hi:#F2C94C;
  --sub224-text:#FFFFFF;
  --sub224-muted:#BDBDBD;
  --sub224-panel:#121212;
  --sub224-panel-hi:#181818;
  --sub224-line:rgba(255,255,255,.10);
  --sub224-gutter:clamp(24px,4vw,64px);
  background:#050505;
  color:var(--sub224-text);
}

/* HERO: uma única coluna de conteúdo à esquerda + imagem enviada à direita. */
html body.prime-experience-v205 .sub224-subscription .sub215-detail-hero{
  min-height:clamp(650px,78vh,840px)!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:#050505!important;
  isolation:isolate;
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-hero-art{
  inset:0!important;
  background-image:
    radial-gradient(66% 78% at 72% 38%,rgba(212,175,55,.08),transparent 58%),
    radial-gradient(50% 64% at 30% 42%,rgba(255,255,255,.035),transparent 70%)!important;
  filter:none!important;
  transform:none!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-hero-shade{
  z-index:1!important;
  background:
    linear-gradient(90deg,#050505 0%,#050505 40%,rgba(5,5,5,.94) 51%,rgba(5,5,5,.55) 67%,rgba(5,5,5,.16) 84%,rgba(5,5,5,.05) 100%),
    linear-gradient(0deg,#050505 0%,rgba(5,5,5,.1) 27%,rgba(5,5,5,0) 62%,rgba(5,5,5,.10) 100%)!important;
}
html body.prime-experience-v205 .sub224-subscription .sub224-hero-figure{
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  width:min(50vw,690px);
  height:100%;
  overflow:hidden;
  pointer-events:none;
}
html body.prime-experience-v205 .sub224-subscription .sub224-hero-figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
  filter:saturate(.96) contrast(1.03) brightness(.92);
  transform:scale(1.01);
}
html body.prime-experience-v205 .sub224-subscription .sub224-hero-figure::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#050505 0%,rgba(5,5,5,.74) 12%,rgba(5,5,5,.12) 39%,rgba(5,5,5,.02) 100%),
    linear-gradient(0deg,#050505 0%,rgba(5,5,5,.06) 22%,rgba(5,5,5,0) 72%,rgba(5,5,5,.08) 100%);
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-hero-layout{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  max-width:1500px;
  margin:0 auto;
  padding:128px var(--sub224-gutter) 68px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:24px!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-copy{
  order:1!important;
  width:min(100%,650px)!important;
  max-width:650px!important;
  padding:0!important;
  text-align:left!important;
  text-shadow:0 4px 30px rgba(0,0,0,.72)!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-copy .pv205-kicker{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  margin:0 0 16px!important;
  color:var(--sub224-gold-hi)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-copy h1{
  max-width:620px;
  margin:0 0 18px!important;
  font-size:clamp(46px,5vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
  text-wrap:balance;
}
html body.prime-experience-v205 .sub224-subscription .sub215-status-line{
  margin:0 0 18px!important;
  gap:10px!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-status-chip{
  min-height:25px!important;
  padding:0 9px!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#080808!important;
  font-size:10px!important;
  box-shadow:0 6px 20px rgba(0,0,0,.28)!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-status-rank{
  color:var(--sub224-gold-hi)!important;
  font-size:14px!important;
  font-weight:900!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-copy>p{
  max-width:58ch!important;
  margin:0 0 18px!important;
  color:#EEF0F4!important;
  font-size:17px!important;
  line-height:1.55!important;
  font-weight:600!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-meta{
  max-width:620px;
  gap:8px 14px!important;
  color:#D6D6D6!important;
  font-size:13px!important;
  line-height:1.45;
}
html body.prime-experience-v205 .sub224-subscription .sub215-referral{
  max-width:58ch;
  color:#AFAFAF!important;
  line-height:1.5!important;
}

/* Ações: alinhadas diretamente abaixo da copy, não em coluna concorrente. */
html body.prime-experience-v205 .sub224-subscription .sub215-action-stack{
  order:2!important;
  width:min(100%,390px)!important;
  max-width:390px!important;
  align-self:flex-start!important;
  gap:10px!important;
  margin-top:2px!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-action-stack>a,
html body.prime-experience-v205 .sub224-subscription .sub215-action-stack>form>button{
  min-height:58px!important;
  border-radius:12px!important;
  padding:0 19px!important;
  font-size:15px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.18)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-action-stack>a.sub215-secondary{
  background:linear-gradient(180deg,rgba(51,53,58,.94),rgba(31,32,36,.98))!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-action-stack>a:hover,
html body.prime-experience-v205 .sub224-subscription .sub215-action-stack>form>button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-action-stack small{
  margin-top:4px;
  color:#AFAFAF!important;
  font-size:12px!important;
  line-height:1.5!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-quick-actions>a{
  background:rgba(18,19,22,.86)!important;
  border:1px solid rgba(255,255,255,.13)!important;
}

/* Navegação de seção mais limpa. */
html body.prime-experience-v205 .sub224-subscription .sub215-tabs{
  height:66px!important;
  padding:0 var(--sub224-gutter)!important;
  gap:30px!important;
  background:#050505!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-tabs a{
  height:66px!important;
  color:#A1A1A1!important;
  font-size:14px!important;
  letter-spacing:.005em;
}
html body.prime-experience-v205 .sub224-subscription .sub215-tabs a:first-child{color:#fff!important}
html body.prime-experience-v205 .sub224-subscription .sub215-tabs a:first-child:after{background:var(--sub224-gold)!important}

/* Detalhes: premium, alinhados e com densidade menor. */
html body.prime-experience-v205 .sub224-subscription .sub215-detail-grid{
  width:calc(100% - (var(--sub224-gutter) * 2))!important;
  max-width:1450px;
  margin:42px auto 62px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-card{
  min-height:190px!important;
  padding:28px 30px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  background:
    radial-gradient(90% 110% at 0% 0%,rgba(212,175,55,.075),transparent 46%),
    linear-gradient(180deg,#161616 0%,#101010 100%)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-card::before{
  background:linear-gradient(90deg,var(--sub224-gold),rgba(212,175,55,.15),transparent 76%)!important;
  opacity:.72;
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-card h2{
  margin:0 0 15px!important;
  font-size:clamp(22px,2vw,29px)!important;
  line-height:1.08!important;
  letter-spacing:-.028em!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-card p,
html body.prime-experience-v205 .sub224-subscription .sub215-detail-card ul{
  margin-top:0!important;
  color:#C8C8C8!important;
  font-size:14px!important;
  line-height:1.68!important;
}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-card li+li{margin-top:8px!important}
html body.prime-experience-v205 .sub224-subscription .sub215-detail-card li::marker{color:var(--sub224-gold)!important}

/* FAQ real do member.php: antes ainda usava o visual fraco V217. */
html body.prime-experience-v205 .sub224-subscription .v217-subscription-faq{
  width:calc(100% - (var(--sub224-gutter) * 2));
  max-width:1450px;
  margin:0 auto 72px;
  padding:0;
}
html body.prime-experience-v205 .sub224-subscription .v217-subscription-faq>h2{
  margin:0 0 22px;
  font-size:clamp(28px,2.5vw,40px);
  line-height:1.05;
  letter-spacing:-.035em;
  font-weight:950;
}
html body.prime-experience-v205 .sub224-subscription .v217-subscription-faq details{
  margin:0 0 10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:linear-gradient(180deg,#151515 0%,#0E0E0E 100%);
  box-shadow:0 14px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
}
html body.prime-experience-v205 .sub224-subscription .v217-subscription-faq summary{
  position:relative;
  padding:19px 58px 19px 22px;
  color:#fff;
  font-size:15px;
  font-weight:850;
  line-height:1.35;
  cursor:pointer;
  list-style:none;
}
html body.prime-experience-v205 .sub224-subscription .v217-subscription-faq summary::-webkit-details-marker{display:none}
html body.prime-experience-v205 .sub224-subscription .v217-subscription-faq summary::after{
  content:"+";
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  color:var(--sub224-gold-hi);
  font-size:25px;
  font-weight:300;
}
html body.prime-experience-v205 .sub224-subscription .v217-subscription-faq details[open] summary::after{content:"–"}
html body.prime-experience-v205 .sub224-subscription .v217-subscription-faq details p{
  max-width:920px;
  margin:0;
  padding:0 22px 20px;
  color:#BDBDBD;
  font-size:14px;
  line-height:1.65;
}

/* Mobile: imagem vira fundo lateral/alto, conteúdo continua legível. */
@media (max-width:899px){
  html body.prime-experience-v205 .sub224-subscription .sub215-detail-hero{min-height:760px!important;align-items:flex-end!important}
  html body.prime-experience-v205 .sub224-subscription .sub224-hero-figure{width:62%;height:72%;top:0;right:0}
  html body.prime-experience-v205 .sub224-subscription .sub215-detail-hero-shade{
    background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.99) 44%,rgba(5,5,5,.78) 67%,rgba(5,5,5,.24) 100%),linear-gradient(90deg,#050505 0%,rgba(5,5,5,.40) 58%,transparent 100%)!important;
  }
  html body.prime-experience-v205 .sub224-subscription .sub215-detail-hero-layout{padding:112px 24px 40px!important}
  html body.prime-experience-v205 .sub224-subscription .sub215-detail-copy h1{font-size:clamp(40px,9vw,58px)!important}
  html body.prime-experience-v205 .sub224-subscription .sub215-detail-grid{width:calc(100% - 48px)!important;grid-template-columns:1fr!important}
  html body.prime-experience-v205 .sub224-subscription .v217-subscription-faq{width:calc(100% - 48px)}
}
@media (max-width:620px){
  html body.prime-experience-v205 .sub224-subscription .sub215-detail-hero{min-height:800px!important}
  html body.prime-experience-v205 .sub224-subscription .sub224-hero-figure{width:78%;height:61%;opacity:.78}
  html body.prime-experience-v205 .sub224-subscription .sub215-detail-hero-layout{padding:96px 16px 34px!important}
  html body.prime-experience-v205 .sub224-subscription .sub215-detail-copy>p{font-size:15px!important}
  html body.prime-experience-v205 .sub224-subscription .sub215-action-stack{max-width:none!important;width:100%!important}
  html body.prime-experience-v205 .sub224-subscription .sub215-detail-grid{width:calc(100% - 32px)!important;margin-top:28px!important}
  html body.prime-experience-v205 .sub224-subscription .v217-subscription-faq{width:calc(100% - 32px)}
  html body.prime-experience-v205 .sub224-subscription .sub215-tabs{padding:0 16px!important;gap:20px!important;overflow-x:auto!important}
}