/* =========================================================
   UniSST V215 — HOME SEM SOBREPOSIÇÃO + ASSINATURA DETALHE + 4 CARDS
   Autorização explícita do usuário em 07/09/2026:
   - corrigir fluxo da Home;
   - adaptar a arquitetura visual da área de Assinaturas;
   - ampliar cards acadêmicos horizontais/verticais para 4 por fileira no desktop.
   Esta passa a ser a nova baseline estrutural autorizada dos cards.
   ========================================================= */

:root{
  --v215-card-gap:clamp(14px,1.25vw,20px);
  --v215-gold:#D4AF37;
  --v215-gold-hi:#F2C94C;
  --v215-bg:#050505;
  --v215-panel:#151515;
  --v215-panel-2:#1B1B1B;
  --v215-line:#303030;
  --v215-text:#FFFFFF;
  --v215-muted:#A3A3A3;
}

/* ---------- 1. HOME: hero em fluxo normal; trilhos nunca sobem sobre o CTA ---------- */
body.public-home-v198 .uv198-home{display:block!important;position:relative!important;overflow:visible!important;background:#050505!important}
body.public-home-v198 .uv198-hero{
  position:relative!important;
  height:auto!important;
  min-height:max(760px,100svh)!important;
  max-height:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body.public-home-v198 .uv198-hero-copy{box-sizing:border-box!important;min-height:calc(max(760px,100svh) - var(--uv198-header-h))!important;padding-top:clamp(66px,8vh,96px)!important;padding-bottom:58px!important}
body.public-home-v198 .uv198-hero-copy h1{margin-bottom:30px!important}
body.public-home-v198 .uv198-hero-note{margin-top:24px!important}
body.public-home-v198 .uv198-hero-cta{margin-top:34px!important}
html body.public-home-v198 .uv198-public-rails,
html body.public-home-v198 .pv-public-rails{
  position:relative!important;
  z-index:12!important;
  margin-top:0!important;
  transform:none!important;
  clear:both!important;
  padding-top:34px!important;
  background:#050505!important;
}
html body.public-home-v198 .uv198-public-rails>.pv-public-rail-section:first-child{margin-top:0!important}
html body.public-home-v198 .v214-courses-home>.uv198-hero + .uv198-public-rails{margin-top:0!important;position:relative!important;z-index:12!important}

/* ---------- 2. NOVA BASELINE: quatro cards acadêmicos visíveis por fileira ---------- */
@media (min-width:900px){
  html body.prime-public-v086,
  html body.prime-v086{
    --pv-rail-gap:var(--v215-card-gap)!important;
    --pv-card-w:calc((100vw - var(--pv-gutter) - var(--pv-right-pad) - var(--v215-card-gap) - var(--v215-card-gap) - var(--v215-card-gap))/4)!important;
    --pv-card-h:calc(var(--pv-card-w) * .5625)!important;
    --pv-poster-w:var(--pv-card-w)!important;
    --pv-poster-h:calc(var(--pv-poster-w) * 1.5)!important;
  }

  body.prime-experience-v205{
    --v215-pv205-card-w:calc((100vw - var(--pv205-gutter) - var(--pv205-gutter) - var(--pv205-rail-gap) - var(--pv205-rail-gap) - var(--pv205-rail-gap))/4);
  }
  body.prime-experience-v205 .pv205-card-rail>.pv205-title-card,
  body.prime-experience-v205 .pv203-card-rail>.pv203-title-card{
    flex:0 0 var(--v215-pv205-card-w)!important;
    width:var(--v215-pv205-card-w)!important;
    min-width:var(--v215-pv205-card-w)!important;
    max-width:var(--v215-pv205-card-w)!important;
  }

  body :is(.catalog-grid,.catalog-20-grid,.catalog-24-grid,.prime-catalog-grid,.library-page .catalog-grid){
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

html body:is(.prime-v086,.prime-public-v086) :is(.reference-landscape-card,.pv-public-landscape-rail .pv-public-course-card){aspect-ratio:16/9!important}
html body:is(.prime-v086,.prime-public-v086) :is(.prime-poster-card,.reference-poster-card,.pv-public-poster-rail .pv-public-course-card){aspect-ratio:2/3!important}
body.prime-experience-v205 .pv205-card-media{aspect-ratio:16/9!important}

body.prime-public-v086 .pv-public-rail-shell>.rail-arrow{top:0!important;bottom:auto!important;height:var(--pv-card-h)!important;transform:none!important}
body.prime-public-v086 .pv-public-rail-shell:has(.pv-public-poster-rail)>.rail-arrow{height:var(--pv-poster-h)!important}
body.prime-v086.authenticated-home-page .v078-reference-home .rail-shell>.rail-arrow{top:0!important;bottom:auto!important;height:var(--pv-card-h)!important;transform:none!important}
body.prime-v086.authenticated-home-page .v078-reference-home .rail-shell:has(.reference-poster-rail)>.rail-arrow{height:var(--pv-poster-h)!important}
body.prime-experience-v205 .pv205-rail-shell>.rail-arrow{top:3px!important;bottom:auto!important;height:var(--pv-card-h)!important;transform:none!important}

/* ---------- 3. ASSINATURAS: arquitetura de página de detalhe audiovisual ---------- */
body.prime-experience-v205 .sub215-detail-page{width:100%;min-height:100vh;background:var(--v215-bg);color:var(--v215-text);overflow:hidden}
body.prime-experience-v205 .sub215-detail-hero{position:relative;min-height:clamp(650px,74vh,820px);display:flex;align-items:flex-end;overflow:hidden;background:#000;border:0!important}
body.prime-experience-v205 .sub215-detail-hero-art{position:absolute;inset:0;background-image:var(--sub215-image);background-size:cover;background-position:center 24%;filter:saturate(.92) brightness(.8);transform:scale(1.01)}
body.prime-experience-v205 .sub215-detail-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.98) 20%,rgba(5,5,5,.78) 45%,rgba(5,5,5,.24) 74%,rgba(5,5,5,.12) 100%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.18) 44%,rgba(5,5,5,.06) 100%)}
body.prime-experience-v205 .sub215-detail-hero-layout{position:relative;z-index:4;width:100%;padding:120px var(--pv205-gutter) 56px;display:grid;grid-template-columns:minmax(250px,320px) minmax(0,760px);gap:34px;align-items:end}
body.prime-experience-v205 .sub215-action-stack{display:flex;flex-direction:column;gap:10px;align-self:end}
body.prime-experience-v205 .sub215-action-stack>a,
body.prime-experience-v205 .sub215-action-stack>form>button{width:100%;min-height:56px;border:0;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;background:#FFFFFF;color:#111111;font-size:15px;font-weight:850;text-decoration:none;box-shadow:none;cursor:pointer}
body.prime-experience-v205 .sub215-action-stack>a.sub215-secondary{background:#303030;color:#FFFFFF}
body.prime-experience-v205 .sub215-action-stack>a:hover,
body.prime-experience-v205 .sub215-action-stack>form>button:hover{filter:brightness(.94);transform:none!important}
body.prime-experience-v205 .sub215-action-stack small{display:block;color:#D0D0D0;font-size:11px;line-height:1.35}
body.prime-experience-v205 .sub215-action-price{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important}
body.prime-experience-v205 .sub215-action-price strong{font-size:16px}
body.prime-experience-v205 .sub215-action-price span{font-size:11px;color:#444;font-weight:700}
body.prime-experience-v205 .sub215-quick-actions{display:flex;align-items:center;gap:10px;margin-top:2px}
body.prime-experience-v205 .sub215-quick-actions>a{width:48px;height:48px;min-height:48px;padding:0;border:2px solid #666;border-radius:50%;display:grid;place-items:center;background:rgba(17,17,17,.75);color:#fff}
body.prime-experience-v205 .sub215-quick-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.prime-experience-v205 .sub215-detail-copy{max-width:760px;padding-bottom:2px;text-shadow:0 2px 18px rgba(0,0,0,.55)}
body.prime-experience-v205 .sub215-detail-copy .pv205-kicker{display:block;margin-bottom:14px}
body.prime-experience-v205 .sub215-detail-copy h1{margin:0 0 18px;color:#fff;font-size:clamp(42px,4.4vw,72px);line-height:.98;letter-spacing:-.038em;font-weight:900}
body.prime-experience-v205 .sub215-status-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}
body.prime-experience-v205 .sub215-status-chip{display:inline-flex;min-height:22px;padding:0 7px;align-items:center;border-radius:2px;background:#fff;color:#0B0B0B;font-size:9px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
body.prime-experience-v205 .sub215-status-rank{color:var(--v215-gold-hi);font-size:13px;font-weight:850}
body.prime-experience-v205 .sub215-detail-copy>p{max-width:67ch;margin:0 0 16px;color:#F2F2F2;font-size:16px;line-height:1.48;font-weight:600}
body.prime-experience-v205 .sub215-meta{display:flex;gap:7px 13px;flex-wrap:wrap;color:#D0D0D0;font-size:13px;font-weight:750}
body.prime-experience-v205 .sub215-meta span+span:before{content:"•";margin-right:13px;color:#8A8A8A}
body.prime-experience-v205 .sub215-referral{display:block;margin-top:12px;color:#BDBDBD;font-size:11px}
body.prime-experience-v205 .sub215-tabs{height:64px;padding:0 var(--pv205-gutter);display:flex;align-items:end;gap:28px;background:#050505;border-bottom:1px solid #303030}
body.prime-experience-v205 .sub215-tabs a{height:64px;display:flex;align-items:center;position:relative;color:#A3A3A3;font-size:15px;font-weight:800;text-decoration:none}
body.prime-experience-v205 .sub215-tabs a:first-child{color:#fff}
body.prime-experience-v205 .sub215-tabs a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff}
body.prime-experience-v205 .sub215-related{padding-top:22px;background:#050505}
body.prime-experience-v205 .sub215-related-title{margin:0 var(--pv205-gutter) 6px;color:#fff;font-size:25px;font-weight:850}
body.prime-experience-v205 .sub215-detail-grid{width:calc(100% - (var(--pv205-gutter) * 2));margin:32px auto 54px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}
body.prime-experience-v205 .sub215-detail-card{min-height:150px;padding:22px 24px;border:1px solid #444;border-radius:8px;background:#151515;color:#fff}
body.prime-experience-v205 .sub215-detail-card h2{margin:0 0 13px;font-size:20px;line-height:1.15}
body.prime-experience-v205 .sub215-detail-card p{margin:0;color:#BDBDBD;font-size:14px;line-height:1.52}
body.prime-experience-v205 .sub215-detail-card ul{margin:0;padding-left:20px;color:#C8C8C8;font-size:14px;line-height:1.55}
body.prime-experience-v205 .sub215-detail-card li+li{margin-top:6px}
body.prime-experience-v205 .sub215-history{width:calc(100% - (var(--pv205-gutter) * 2));margin:0 auto 64px}
body.prime-experience-v205 .sub215-history h2{margin:0 0 16px;font-size:24px}
body.prime-experience-v205 .sub215-offer-page .sub215-detail-hero{min-height:clamp(650px,74vh,820px)}
body.prime-experience-v205 .sub215-offer-note{margin-top:8px;color:#C4C4C4;font-size:11px;line-height:1.4}
body.prime-experience-v205 .sub215-how-list{counter-reset:sub215-step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
body.prime-experience-v205 .sub215-how-list li{min-height:150px;padding:18px;border:1px solid #3A3A3A;border-radius:7px;background:#151515}
body.prime-experience-v205 .sub215-how-list li:before{counter-increment:sub215-step;content:counter(sub215-step);display:grid;place-items:center;width:32px;height:32px;margin-bottom:12px;border-radius:50%;background:#D4AF37;color:#050505;font-weight:950}
body.prime-experience-v205 .sub215-how-list strong{display:block;margin-bottom:6px;font-size:15px}
body.prime-experience-v205 .sub215-how-list p{margin:0;color:#BDBDBD;font-size:13px;line-height:1.45}

@media (max-width:899px){
  body.public-home-v198 .uv198-hero{min-height:0!important;height:auto!important;max-height:none!important}
  body.public-home-v198 .uv198-hero-copy{min-height:0!important}
  html body.public-home-v198 .uv198-public-rails,html body.public-home-v198 .pv-public-rails{margin-top:0!important;padding-top:24px!important}
  body.prime-experience-v205 .sub215-detail-hero{min-height:720px}
  body.prime-experience-v205 .sub215-detail-hero-layout{padding:105px 24px 42px;grid-template-columns:1fr;gap:24px}
  body.prime-experience-v205 .sub215-action-stack{max-width:420px;order:2}
  body.prime-experience-v205 .sub215-detail-copy{order:1}
  body.prime-experience-v205 .sub215-detail-grid{width:calc(100% - 48px);grid-template-columns:1fr}
  body.prime-experience-v205 .sub215-how-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  body.prime-experience-v205 .sub215-detail-hero{min-height:760px}
  body.prime-experience-v205 .sub215-detail-hero-art{background-position:64% center}
  body.prime-experience-v205 .sub215-detail-hero-shade{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.96) 52%,rgba(5,5,5,.28) 100%)}
  body.prime-experience-v205 .sub215-detail-hero-layout{padding:86px 16px 32px}
  body.prime-experience-v205 .sub215-detail-copy h1{font-size:clamp(35px,12vw,50px)}
  body.prime-experience-v205 .sub215-tabs{padding:0 16px;gap:20px}
  body.prime-experience-v205 .sub215-detail-grid{width:calc(100% - 32px)}
  body.prime-experience-v205 .sub215-how-list{grid-template-columns:1fr}
}


/* =========================================================
   V221 — REFINO PREMIUM DOS BLOCOS DE ASSINATURAS
   Apenas os elementos de detalhe/FAQ/ações mostrados pelo usuário.
   ========================================================= */
body.prime-experience-v205 .sub215-action-stack{gap:12px}
body.prime-experience-v205 .sub215-action-stack>a,
body.prime-experience-v205 .sub215-action-stack>form>button{
  min-height:60px;
  border-radius:14px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease, background .2s ease;
}
body.prime-experience-v205 .sub215-action-stack>a,
body.prime-experience-v205 .sub215-action-stack>form>button{
  background:linear-gradient(180deg,#fff 0%,#ececec 100%);
}
body.prime-experience-v205 .sub215-action-stack>a.sub215-secondary{
  background:linear-gradient(180deg,rgba(54,54,54,.92) 0%,rgba(34,34,34,.96) 100%);
  border-color:rgba(255,255,255,.12);
}
body.prime-experience-v205 .sub215-action-stack>a:hover,
body.prime-experience-v205 .sub215-action-stack>form>button:hover{
  transform:translateY(-1px);
  filter:none;
  box-shadow:0 18px 40px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.18);
}
body.prime-experience-v205 .sub215-quick-actions{gap:12px;margin-top:4px}
body.prime-experience-v205 .sub215-quick-actions>a{
  width:50px;height:50px;min-height:50px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(24,24,24,.88) 0%,rgba(12,12,12,.86) 100%);
  box-shadow:0 10px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10);
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
body.prime-experience-v205 .sub215-quick-actions>a:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.28)}
body.prime-experience-v205 .sub215-detail-grid{
  gap:18px;
  margin:36px auto 58px;
}
body.prime-experience-v205 .sub215-detail-card{
  position:relative;
  min-height:188px;
  padding:26px 28px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(25,25,25,.98) 0%,rgba(14,14,14,.98) 100%),
    radial-gradient(120% 140% at 0% 0%,rgba(212,175,55,.10) 0%,transparent 42%);
  box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
body.prime-experience-v205 .sub215-detail-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,rgba(212,175,55,.55),rgba(255,255,255,.10),transparent 85%);
}
body.prime-experience-v205 .sub215-detail-card h2{
  margin:0 0 15px;
  font-size:clamp(24px,2vw,32px);
  line-height:1.06;
  letter-spacing:-.03em;
  font-weight:900;
}
body.prime-experience-v205 .sub215-detail-card p,
body.prime-experience-v205 .sub215-detail-card ul{
  color:#D5D7DB;
  font-size:15px;
  line-height:1.7;
}
body.prime-experience-v205 .sub215-detail-card ul{padding-left:18px}
body.prime-experience-v205 .sub215-detail-card li::marker{color:#D4AF37}
body.prime-experience-v205 .sub205-faq,
body.prime-experience-v205 .sub203-faq{
  width:calc(100% - (var(--pv205-gutter) * 2));
  margin:0 auto 64px;
  padding:30px 0 0;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
body.prime-experience-v205 .sub205-faq h2,
body.prime-experience-v205 .sub203-faq h2{
  margin:0 0 22px;
  font-size:clamp(26px,2.4vw,40px);
  letter-spacing:-.03em;
}
body.prime-experience-v205 .sub205-faq details,
body.prime-experience-v205 .sub203-faq details{
  margin:0 0 10px;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(22,22,22,.98) 0%,rgba(11,11,11,.98) 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden;
}
body.prime-experience-v205 .sub205-faq summary,
body.prime-experience-v205 .sub203-faq summary{
  position:relative;
  padding:18px 54px 18px 22px;
  font-size:15px;
  font-weight:850;
  list-style:none;
}
body.prime-experience-v205 .sub205-faq summary::-webkit-details-marker,
body.prime-experience-v205 .sub203-faq summary::-webkit-details-marker{display:none}
body.prime-experience-v205 .sub205-faq summary::after,
body.prime-experience-v205 .sub203-faq summary::after{
  content:'+';
  position:absolute;
  right:20px;top:50%;transform:translateY(-50%);
  color:#D4AF37;font-size:24px;font-weight:300;line-height:1;
}
body.prime-experience-v205 .sub205-faq details[open] summary::after,
body.prime-experience-v205 .sub203-faq details[open] summary::after{content:'–'}
body.prime-experience-v205 .sub205-faq details p,
body.prime-experience-v205 .sub203-faq details p{
  max-width:none;
  padding:0 22px 20px;
  font-size:14px;
  color:#C9C9C9;
}
@media (max-width:899px){
  body.prime-experience-v205 .sub215-detail-card{min-height:0;padding:22px 22px 24px;border-radius:16px}
}
