/* =========================================================
   V208 — PADRÃO PERMANENTE UNISST
   1) Cards acadêmicos iguais antes/depois do login.
   2) Nome do curso no hover/foco.
   3) Selo NOVO para publicação recente.
   4) Marca UniSST + sacola amarela em todo card acadêmico.
   5) Cabeçalho público/autenticado com a mesma gramática visual.
   6) CTA "Assine" restrito à área de Assinatura; Home pública usa "Começar agora".
   ========================================================= */

:root{
  --u208-yellow-bag:#ffd814;
  --u208-header-bg:#050505;
  --u208-header-text:#fff;
}

/* ---------- Cards: reforço único de título + identidade ---------- */
html body a.home-card-standard .reference-card-title{display:none!important}
html body a.home-card-standard .pv-card-bag-mark,
html body a.home-card-standard .pv-card-logo-mark,
html body a.home-card-standard .pv-card-new-mark{pointer-events:none!important}

html body a.home-card-standard .pv-card-bag-mark{
  position:absolute!important;left:10px!important;bottom:9px!important;z-index:9!important;
  display:block!important;width:16px!important;height:16px!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffd814' d='M17 9h-1V7a4 4 0 1 0-8 0v2H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2Zm-7-2a2 2 0 1 1 4 0v2h-4V7Zm3 9.73V18h-2v-1.27a2 2 0 1 1 2 0Z'/%3E%3C/svg%3E")!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))!important;
}
html body a.home-card-standard .pv-card-logo-mark{
  position:absolute!important;right:9px!important;bottom:8px!important;z-index:9!important;
  display:block!important;width:49px!important;height:18px!important;background:#fff!important;
  -webkit-mask:url("../unisst-logo.png") center/contain no-repeat!important;
  mask:url("../unisst-logo.png") center/contain no-repeat!important;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.78))!important;
}
html body a.home-card-standard .pv-card-new-mark{
  position:absolute!important;top:7px!important;left:7px!important;z-index:12!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:20px!important;padding:0 7px!important;border:0!important;border-radius:3px!important;
  background:#fff!important;color:#090909!important;box-shadow:0 2px 8px rgba(0,0,0,.38)!important;
  font-size:8px!important;font-weight:950!important;line-height:1!important;letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

/* Badges antigos de recente nunca devem exibir texto longo no card. */
html body a.home-card-standard :is(.pv-public-chip,.popular-chip,.pv205-card-media em){max-width:calc(100% - 14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Hover/foco: o título vem sempre do metadata do próprio card. */
@media(hover:hover) and (pointer:fine){
  html body a.home-card-standard:hover::before,
  html body a.home-card-standard:hover::after,
  html body a.home-card-standard:focus-visible::before,
  html body a.home-card-standard:focus-visible::after{opacity:1!important}
}

/* ---------- Cabeçalho: antes e depois de logar = mesma base ---------- */
html body :is(.prime-header,.public-header){background:var(--u208-header-bg)!important;color:var(--u208-header-text)!important}
html body :is(.prime-header .header-inner,.public-header .public-header-inner,.public-header .uv198-header-inner){align-items:center!important}

html body :is(.prime-nav,.public-nav,.uv198-primary-nav){align-items:center!important;gap:2px!important}
html body :is(.prime-nav,.public-nav,.uv198-primary-nav)>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  height:38px!important;min-height:38px!important;padding:0 10px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:13px!important;font-weight:700!important;
  line-height:1!important;white-space:nowrap!important;opacity:.94!important;transform:none!important;
}
html body :is(.prime-nav,.public-nav,.uv198-primary-nav)>a:hover,
html body :is(.prime-nav,.public-nav,.uv198-primary-nav)>a:focus-visible,
html body :is(.prime-nav,.public-nav,.uv198-primary-nav)>a.active{
  background:transparent!important;color:#fff!important;box-shadow:none!important;border-radius:0!important;opacity:1!important;transform:none!important;
}
html body :is(.prime-nav,.public-nav,.uv198-primary-nav)>a.active::before,
html body :is(.prime-nav,.public-nav,.uv198-primary-nav)>a.active::after{display:none!important}


/* A V205 possuía maior especificidade e criava pílula cinza no item ativo.
   A baseline V208 precisa vencer explicitamente essa regra, antes e depois do login. */
html body.prime-experience-v205 :is(.prime-nav,.uv198-primary-nav)>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  height:38px!important;min-height:38px!important;padding:0 10px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:13px!important;font-weight:700!important;
  line-height:1!important;white-space:nowrap!important;opacity:.94!important;transform:none!important;align-self:center!important;
}
html body.prime-experience-v205 :is(.prime-nav,.uv198-primary-nav)>a:hover,
html body.prime-experience-v205 :is(.prime-nav,.uv198-primary-nav)>a:focus-visible,
html body.prime-experience-v205 :is(.prime-nav,.uv198-primary-nav)>a.active{
  height:38px!important;min-height:38px!important;padding:0 10px!important;border-radius:0!important;
  background:transparent!important;color:#fff!important;box-shadow:none!important;opacity:1!important;transform:none!important;
}
html body.prime-experience-v205 :is(.prime-nav,.uv198-primary-nav)>a.active::before,
html body.prime-experience-v205 :is(.prime-nav,.uv198-primary-nav)>a.active::after{display:none!important}

/* Mesmo breakpoint para a navegação pública e autenticada. */
@media(min-width:961px){
  html body.prime-experience-v205 .uv198-primary-nav{display:flex!important}
  html body.prime-experience-v205 .prime-nav{display:flex!important}
}

/* Sacola da Assinatura: o ícone é amarelo, o texto continua branco. */
html body .uv202-subscription-nav .uv208-subscription-bag{
  width:18px!important;height:18px!important;flex:0 0 18px!important;
  fill:none!important;stroke:var(--u208-yellow-bag)!important;color:var(--u208-yellow-bag)!important;
  stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
html body .uv202-subscription-nav .uv208-subscription-bag path{fill:none!important;stroke:var(--u208-yellow-bag)!important}

/* Logo/brand seguem o mesmo alinhamento do cabeçalho autenticado. */
html body :is(.stream-brand,.public-brand,.uv198-brand){display:inline-flex!important;align-items:center!important;gap:9px!important;min-width:max-content!important}
html body :is(.stream-brand,.public-brand,.uv198-brand) .brand-logo-img{width:30px!important;height:30px!important;max-height:30px!important;object-fit:contain!important}
html body :is(.stream-brand-copy strong,.public-brand>span,.uv198-brand>span){font-size:14px!important;line-height:1!important;font-weight:800!important}

/* CTA comercial da Home pública: somente Começar agora. */
html body .uv208-start-now{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:36px!important;height:36px!important;padding:0 15px!important;border:0!important;border-radius:18px!important;
  background:#D4AF37!important;color:#050505!important;box-shadow:none!important;font-size:12px!important;font-weight:900!important;
  line-height:1!important;text-decoration:none!important;transform:none!important;
}
html body .uv208-start-now:hover{background:#F2C94C!important;color:#050505!important;transform:none!important}

/* ---------- Assinatura: composição do modelo informado ---------- */
body.prime-experience-v205 .sub205-catalog .sub205-hero-actions{
  display:flex!important;align-items:center!important;gap:12px!important;margin-top:15px!important;
}
body.prime-experience-v205 .sub205-catalog .sub205-sign-cta{
  width:190px!important;min-width:190px!important;min-height:58px!important;height:58px!important;
  padding:8px 21px!important;border-radius:8px!important;background:#fff!important;color:#101010!important;
  align-items:flex-start!important;justify-content:center!important;gap:5px!important;box-shadow:none!important;
}
body.prime-experience-v205 .sub205-catalog .sub205-sign-cta strong{font-size:15px!important;font-weight:850!important;line-height:1!important}
body.prime-experience-v205 .sub205-catalog .sub205-sign-cta small{font-size:11px!important;font-weight:650!important;line-height:1.1!important;color:#777!important}
body.prime-experience-v205 .sub205-catalog .pv205-round-action{
  width:50px!important;height:50px!important;min-width:50px!important;background:#303030!important;color:#fff!important;
  border:0!important;border-radius:50%!important;box-shadow:none!important;
}
body.prime-experience-v205 .sub205-catalog .pv205-round-action:hover{background:#3a3a3a!important;color:#fff!important;transform:none!important}
body.prime-experience-v205 .sub205-catalog .sub205-hero-meta{font-size:13px!important;font-weight:750!important;color:#fff!important}

@media(max-width:960px){
  html body :is(.prime-nav,.uv198-primary-nav){display:none!important}
  html body .uv208-public-nav{display:none!important}
}
@media(max-width:680px){
  html body .uv208-start-now{display:none!important}
  body.prime-experience-v205 .sub205-catalog .sub205-sign-cta{width:min(190px,calc(100vw - 100px))!important;min-width:0!important}
}

@media(prefers-reduced-motion:reduce){
  html body :is(.prime-nav,.public-nav,.uv198-primary-nav)>a,
  html body .uv208-start-now,
  body.prime-experience-v205 .sub205-catalog .sub205-sign-cta,
  body.prime-experience-v205 .sub205-catalog .pv205-round-action{transition:none!important}
}