/* =========================================================
   UniSST V246 — HARDENING DO PADRÃO DE ARTES/CARDS V245
   Escopo: correções de consistência sem alterar a escala aprovada.

   - Mantém a mesma geometria V245 antes/depois do login.
   - Mantém Cover 16:9, Poster 2:3, Box 3:4/4:3 e hover +2,5%.
   - Torna Episodic Art 16:9 exato mesmo quando CSS legado fixa altura.
   - Garante fit de mídia nas famílias explícitas de artwork.
   ========================================================= */

:root{
  --v246-cover-ratio:16 / 9;
  --v246-poster-ratio:2 / 3;
  --v246-box-movie-ratio:3 / 4;
  --v246-box-season-ratio:4 / 3;
  --v246-episodic-ratio:16 / 9;
}

/* A escala e as dimensões dos cards continuam sendo definidas pela V245.
   O marcador V246 existe apenas para hardening e rastreabilidade. */
html body.prime-artwork-v246.prime-artwork-v245{
  --v246-card-w:var(--v245-card-w);
  --v246-card-h:var(--v245-card-h);
  --v246-poster-w:var(--v245-poster-w);
  --v246-poster-h:var(--v245-poster-h);
}

/* EPISODIC ART REAL: várias folhas antigas definem width + height com
   !important. Nessa situação, aspect-ratio sozinho não corrige o box.
   A altura volta a ser automática e passa a derivar da largura real. */
html body.prime-artwork-v246.prime-artwork-v245 :is(
  .lesson-thumb,
  .lesson-banner-thumb,
  .playlist-item .lesson-thumb,
  .course-curriculum-sidebar .lesson-thumb,
  [data-art-kind="episodic"],
  .prime-episodic-art
){
  aspect-ratio:var(--v246-episodic-ratio)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;
}

/* Imagem/vídeo ocupa o frame sem distorção. */
html body.prime-artwork-v246.prime-artwork-v245 :is(
  .lesson-thumb,
  .lesson-banner-thumb,
  [data-art-kind="episodic"],
  .prime-episodic-art,
  [data-art-kind="cover"],
  [data-art-kind="poster"],
  [data-art-kind="box-movie"],
  [data-art-kind="box-season"]
) :is(img,video){
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Garante as proporções explícitas mesmo em componentes futuros que tragam
   width/height legados. Não altera o tamanho responsivo: só a proporção. */
html body.prime-artwork-v246.prime-artwork-v245 [data-art-kind="cover"]{
  aspect-ratio:var(--v246-cover-ratio)!important;
}
html body.prime-artwork-v246.prime-artwork-v245 [data-art-kind="poster"]{
  aspect-ratio:var(--v246-poster-ratio)!important;
}
html body.prime-artwork-v246.prime-artwork-v245 [data-art-kind="box-movie"]{
  aspect-ratio:var(--v246-box-movie-ratio)!important;
}
html body.prime-artwork-v246.prime-artwork-v245 [data-art-kind="box-season"]{
  aspect-ratio:var(--v246-box-season-ratio)!important;
}

/* Touch continua sem comportamento de hover/super-preview de desktop. */
@media (max-width:680px),(hover:none),(pointer:coarse){
  html body.prime-artwork-v246.prime-artwork-v245 a[data-course-preview="1"].v220-reference-card{
    transform:none!important;
  }
}