/* =========================================================
   UniSST V199 — Home pública: paleta e proporções premium
   Escopo: somente a Home pública. Mantém cards/trilhos protegidos.
   Referência visual: distribuição de preto/navy/painel/azul do modelo
   apresentado pelo usuário, aplicada com identidade e mídias UniSST.
   ========================================================= */
body.public-home-v199{
  --uv199-header:#050505;
  --uv199-page:#000000;
  --uv199-panel:#1E1E1E;
  --uv199-panel-soft:#262626;
  --uv199-panel-hover:#313131;
  --uv199-text:#f7f7f7;
  --uv199-muted:#ACACAC;
  --uv199-blue:#D4AF37;
  --uv199-blue-hover:#F2C94C;
  --uv199-header-h:58px;
  background:var(--uv199-page)!important;
  color:var(--uv199-text)!important;
}
body.public-home-v199 .public-main,
body.public-home-v199 .uv198-home{background:var(--uv199-page)!important}

/* Cabeçalho: mais baixo, preto azulado e com densidade igual à referência. */
body.public-home-v199 .uv198-header{
  height:var(--uv199-header-h)!important;
  background:var(--uv199-header)!important;
  box-shadow:none!important;
  border-bottom:1px solid rgba(255,255,255,.015)!important;
}
body.public-home-v199 .uv198-header-inner{
  height:var(--uv199-header-h)!important;
  min-height:var(--uv199-header-h)!important;
  padding:0 clamp(28px,2.9vw,40px)!important;
  gap:22px!important;
  background:var(--uv199-header)!important;
}
body.public-home-v199 .uv198-brand{gap:8px!important;font-size:14px!important;font-weight:760!important}
body.public-home-v199 .uv198-brand .brand-logo-img{width:29px!important;height:29px!important;max-height:29px!important}
body.public-home-v199 .uv198-primary-nav{gap:1px!important}
body.public-home-v199 .uv198-primary-nav>a,
body.public-home-v199 .uv198-nav-categories{
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:5px!important;
  font-size:14px!important;
  font-weight:700!important;
}
body.public-home-v199 .uv198-primary-nav>a:hover,
body.public-home-v199 .uv198-nav-categories:hover,
body.public-home-v199 .uv198-nav-categories[aria-expanded="true"]{background:rgba(255,255,255,.10)!important}
body.public-home-v199 .uv198-nav-divider{height:32px!important;background:rgba(255,255,255,.42)!important}
body.public-home-v199 .uv198-header-actions{gap:2px!important}
body.public-home-v199 .uv198-icon-action,
body.public-home-v199 .uv198-avatar{width:40px!important;min-width:40px!important;height:40px!important}
body.public-home-v199 .uv198-avatar{
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.public-home-v199 .uv198-avatar img{width:31px!important;height:31px!important;display:block!important;object-fit:cover!important;border-radius:50%!important}
body.public-home-v199 .uv198-language{height:40px!important;padding:0 7px!important}
body.public-home-v199 .uv198-join{
  height:43px!important;min-height:43px!important;padding:0 18px!important;
  border-radius:8px!important;background:var(--uv199-blue)!important;
  font-size:14px!important;font-weight:760!important;
}
body.public-home-v199 .uv198-join:hover{background:var(--uv199-blue-hover)!important}

/* Menu grande: cinza-chumbo neutro, sem o excesso azulado anterior. */
body.public-home-v199 .uv198-mega-menu{
  top:76px!important;
  width:min(620px,calc(100vw - 36px))!important;
  min-height:482px!important;
  padding:21px 34px 25px!important;
  gap:34px!important;
  border:0!important;
  border-radius:13px!important;
  background:var(--uv199-panel)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.62)!important;
}
body.public-home-v199 .uv198-mega-featured{border-left:1px solid rgba(255,255,255,.36)!important}
body.public-home-v199 .uv198-mega-column h2{color:#939393!important;font-size:14px!important;margin-bottom:23px!important}
body.public-home-v199 .uv198-mega-menu a{color:#f3f4f5!important;font-size:15px!important;min-height:49px!important}
body.public-home-v199 .uv198-mega-menu a:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}

/* Hero: preto puro no texto e fotografia sem filtro escuro excessivo no lado direito. */
body.public-home-v199 .uv198-hero{
  min-height:690px!important;
  height:clamp(690px,calc(100vh - 0px),860px)!important;
  max-height:860px!important;
  padding-top:var(--uv199-header-h)!important;
  grid-template-columns:minmax(500px,49.5%) minmax(0,50.5%)!important;
  background:var(--uv199-page)!important;
}
body.public-home-v199 .uv198-hero-copy{
  padding:clamp(64px,9vh,96px) 30px 48px clamp(56px,4.6vw,68px)!important;
  background:var(--uv199-page)!important;
}
body.public-home-v199 .uv198-hero-copy:after{
  inset:0 -170px 0 auto!important;width:285px!important;
  background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 32%,rgba(0,0,0,.56) 67%,transparent 100%)!important;
}
body.public-home-v199 .uv198-hero-copy h1{
  max-width:14ch!important;
  margin:0 0 40px!important;
  color:#fff!important;
  font-size:clamp(46px,3.9vw,59px)!important;
  line-height:1.04!important;
  letter-spacing:-.03em!important;
  font-weight:800!important;
}
body.public-home-v199 .uv198-hero-lead,
body.public-home-v199 .uv198-hero-note{
  max-width:610px!important;color:#fff!important;
  font-size:clamp(18px,1.42vw,21px)!important;line-height:1.32!important;font-weight:620!important;
}
body.public-home-v199 .uv198-hero-note{margin-top:29px!important}
body.public-home-v199 .uv198-hero-cta{width:min(294px,100%)!important;margin-top:42px!important}
body.public-home-v199 .uv198-hero-button{
  min-height:62px!important;border-radius:8px!important;background:#fff!important;color:#141414!important;
  font-size:18px!important;font-weight:750!important;
}
body.public-home-v199 .uv198-hero-button:hover{background:#e6e7e9!important;color:#141414!important}
body.public-home-v199 .uv198-hero-or{height:78px!important;color:#fff!important}
body.public-home-v199 .uv198-hero-catalog-count{color:var(--uv199-muted)!important}

body.public-home-v199 .uv198-hero-visual{background:#030303!important}
body.public-home-v199 .uv198-mosaic{
  width:41.5%!important;gap:6px!important;padding-right:6px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(4,1fr)!important;
}
body.public-home-v199 .uv198-mosaic-card{
  border-radius:4px!important;
  background-image:var(--uv198-card-image),var(--uv199-card-fallback)!important;
  background-size:cover!important;background-position:center!important;
  filter:saturate(1.04) brightness(.97)!important;
  box-shadow:none!important;
}
body.public-home-v199 .uv198-feature{
  inset:0 0 0 41.5%!important;
  background-image:var(--uv198-feature-image),var(--uv199-feature-fallback)!important;
  background-size:cover!important;
  background-position:center 22%!important;
}
body.public-home-v199 .uv198-feature:before{
  background:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.03) 26%,transparent 46%),linear-gradient(0deg,rgba(0,0,0,.28),transparent 34%)!important;
}
body.public-home-v199 .uv198-feature-shade{box-shadow:inset 0 0 80px rgba(0,0,0,.12)!important}
/* A referência usa a arte como protagonista. O título do curso fica discreto. */
body.public-home-v199 .uv198-feature-copy{left:34px!important;right:28px!important;bottom:6.5%!important;gap:5px!important;opacity:.94}
body.public-home-v199 .uv198-feature-copy small{font-size:10px!important;color:#EBEBEB!important}
body.public-home-v199 .uv198-feature-copy strong{max-width:19ch!important;font-size:clamp(22px,2vw,34px)!important;line-height:1.04!important}
body.public-home-v199 .uv198-hero-fade{
  width:24%!important;
  background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.90) 24%,rgba(0,0,0,.30) 68%,transparent 100%)!important;
}
body.public-home-v199 .uv198-public-rails{background:linear-gradient(180deg,#000 0,#050505 92px,#050505 100%)!important}

@media(max-width:1260px){
  body.public-home-v199 .uv198-header-inner{padding-inline:22px!important;gap:13px!important}
  body.public-home-v199 .uv198-primary-nav>a,body.public-home-v199 .uv198-nav-categories{padding-inline:9px!important;font-size:13px!important}
  body.public-home-v199 .uv198-hero{grid-template-columns:49% 51%!important}
}
@media(max-width:1050px){
  body.public-home-v199 .uv198-hero{min-height:660px!important;grid-template-columns:47% 53%!important}
  body.public-home-v199 .uv198-hero-copy{padding-left:30px!important;padding-right:20px!important}
  body.public-home-v199 .uv198-hero-copy h1{font-size:42px!important;margin-bottom:28px!important}
}
@media(max-width:760px){
  body.public-home-v199{--uv199-header-h:58px}
  body.public-home-v199 .uv198-header,body.public-home-v199 .uv198-header-inner{height:58px!important;min-height:58px!important}
  body.public-home-v199 .uv198-avatar img{width:30px!important;height:30px!important}
  body.public-home-v199 .uv198-mega-menu{top:66px!important;min-height:0!important;background:var(--uv199-panel)!important}
  body.public-home-v199 .uv198-hero{height:auto!important;min-height:0!important;max-height:none!important;padding-top:58px!important;display:flex!important}
  body.public-home-v199 .uv198-hero-visual{height:350px!important;min-height:350px!important;background:#030303!important}
  body.public-home-v199 .uv198-hero-copy{min-height:505px!important;padding:36px 20px 52px!important;background:#000!important}
  body.public-home-v199 .uv198-hero-copy h1{font-size:clamp(37px,10.8vw,49px)!important;margin-bottom:23px!important}
  body.public-home-v199 .uv198-hero-lead,body.public-home-v199 .uv198-hero-note{font-size:16px!important}
  body.public-home-v199 .uv198-mosaic{width:47%!important;gap:4px!important}
  body.public-home-v199 .uv198-feature{left:47%!important}
  body.public-home-v199 .uv198-feature-copy strong{font-size:24px!important}
}
@media(max-width:430px){
  body.public-home-v199 .uv198-join{padding-inline:11px!important;font-size:11.5px!important}
  body.public-home-v199 .uv198-hero-visual{height:322px!important;min-height:322px!important}
  body.public-home-v199 .uv198-feature-copy{left:14px!important;right:12px!important;bottom:5%!important}
  body.public-home-v199 .uv198-feature-copy strong{font-size:20px!important}
}
/* V199: as artes dos cursos já carregam sua própria identidade/título; manter a
   mídia como protagonista evita duplicar texto sobre a imagem lateral. */
body.public-home-v199 .uv198-feature-copy{display:none!important}