/* =========================================================
   UniSST V238 — HOME PÚBLICA ANTES DO LOGIN
   Correções autorizadas pelo usuário:
   - remover o nome fixo no rodapé externo dos cards;
   - manter o nome SOMENTE dentro da mídia no hover/foco;
   - reinterpretar o +20% horizontal como EFEITO DE HOVER,
     não como aumento permanente da geometria em repouso;
   - preservar vertical/poster 20% menor definido na V237;
   - impedir recorte superior/inferior do hover de 120%.
   Escopo estrito: Página inicial guest (antes do login).
   ========================================================= */

/* O título fixo abaixo/rodapé do card não deve aparecer na Home pública.
   O título injetado pela V211 (.pv211-hover-title) permanece dentro da imagem. */
html body.public-home-v198.public-guest .uv198-public-rails .reference-card-title,
html body.public-home-v198.public-guest .pv-public-rails .reference-card-title{
  display:none!important;
}

/* Mantém explicitamente o título interno de hover/foco. */
html body.public-home-v198.public-guest .uv198-public-rails .v218-unified-card .pv211-hover-title,
html body.public-home-v198.public-guest .pv-public-rails .v218-unified-card .pv211-hover-title{
  display:flex!important;
}

@media (min-width:900px){
  /* CORREÇÃO: horizontal volta à geometria normal V215/V220 em repouso.
     O +20% passa a existir somente durante hover/foco/preview. */
  html body.public-home-v198.public-guest .v217-landscape-section{
    --uv238-card-w:var(--pv-card-w);
    --uv238-card-h:var(--pv-card-h);
    min-height:calc(var(--uv238-card-h) + 112px)!important;
  }

  html body.public-home-v198.public-guest .v217-landscape-section .v217-course-rail{
    grid-auto-columns:var(--uv238-card-w)!important;
    /* 20% de escala exige 10% de folga acima e abaixo. A margem extra
       protege selo, sombra e borda em resoluções/zooms fracionários. */
    padding-top:max(24px,calc(var(--uv238-card-h) * .12))!important;
    padding-bottom:max(28px,calc(var(--uv238-card-h) * .14))!important;
  }

  html body.public-home-v198.public-guest .v217-landscape-section .v217-course-rail >
  a.v220-reference-card.v220-landscape-card:not(.v220-grid-card){
    flex:0 0 var(--uv238-card-w)!important;
    flex-basis:var(--uv238-card-w)!important;
    width:var(--uv238-card-w)!important;
    min-width:var(--uv238-card-w)!important;
    max-width:var(--uv238-card-w)!important;
    height:var(--uv238-card-h)!important;
    min-height:var(--uv238-card-h)!important;
    max-height:var(--uv238-card-h)!important;
    aspect-ratio:16/9!important;
    transform-origin:center center!important;
  }
  html body.public-home-v198.public-guest .v217-landscape-section .v217-course-rail >
  a.v220-reference-card.v220-landscape-card:not(.v220-grid-card):first-child{transform-origin:left center!important}
  html body.public-home-v198.public-guest .v217-landscape-section .v217-course-rail >
  a.v220-reference-card.v220-landscape-card:not(.v220-grid-card):last-child{transform-origin:right center!important}

  /* EFEITO horizontal: +20% exatos. A geometria do trilho não muda,
     evitando deslocamento dos demais cards; o card cresce por sobreposição. */
  html body.public-home-v198.public-guest.streaming-system-v220
  .v217-landscape-section a.v220-reference-card.v220-landscape-card:not(.v220-grid-card):is(:hover,:focus-visible,.preview-pending,.preview-active){
    transform:translate3d(0,0,0) scale(1.20)!important;
    z-index:80!important;
    filter:brightness(1.04)!important;
    box-shadow:0 24px 58px rgba(0,0,0,.58)!important;
  }

  /* Não aplicar um segundo zoom sobre a arte: o aumento perceptível final
     deve ser o próprio card em 120%, sem crop extra causado por scale interno. */
  html body.public-home-v198.public-guest.streaming-system-v220
  .v217-landscape-section a.v220-reference-card.v220-landscape-card:not(.v220-grid-card):is(:hover,:focus-visible,.preview-pending,.preview-active)
  :is(.card-img,.featured-preview-art,.ranked-course-art,.course-playlist-art,.pv205-card-media,.pv203-title-card-media,.v220-reference-art){
    transform:translateZ(0) scale(1)!important;
  }

  /* Setas seguem o card em repouso, não o hover de 120%. */
  html body.public-home-v198.public-guest .v217-landscape-section .v217-rail-shell > .rail-arrow{
    top:max(24px,calc(var(--uv238-card-h) * .12))!important;
    bottom:auto!important;
    height:var(--uv238-card-h)!important;
    min-height:var(--uv238-card-h)!important;
    max-height:var(--uv238-card-h)!important;
    transform:none!important;
  }
}

/* Em touch/mobile não existe hover artificial. O nome permanece oculto fora
   do card e a geometria responsiva anterior continua intacta. */
@media (max-width:899px), (hover:none), (pointer:coarse){
  html body.public-home-v198.public-guest .uv198-public-rails .v218-unified-card .pv211-hover-title,
  html body.public-home-v198.public-guest .pv-public-rails .v218-unified-card .pv211-hover-title{
    display:none!important;
  }
}