/* Loaded last: forces Browse card styling to match Index */
.cards .card .card-info{background:rgba(0,0,0,.92)!important;padding:8px 10px!important;display:flex!important;flex-direction:column!important;gap:6px!important;min-height:56px!important;border-top:1px solid rgba(255,255,255,.06)!important}
.cards .card .ci-title{font-size:.9rem!important;font-weight:700!important;color:#fff!important;line-height:1.2!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cards .card .meta-row{display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;color:#cfd3d8!important}
.cards .card .rating-pill{display:inline-block!important;padding:2px 8px!important;border-radius:999px!important;font-size:.78rem!important;font-weight:700!important;background:#1f2937!important;color:#fff!important;line-height:1.3!important}
.cards .card .year{font-size:.72rem!important;font-weight:700!important;color:#e50914!important;opacity:.98!important}
@media (max-width:480px){
  .cards .card .ci-title{font-size:.86rem!important}
  .cards .card .rating-pill{font-size:.74rem!important;padding:2px 7px!important}
  .cards .card .year{font-size:.72rem!important;font-weight:700!important;color:#e50914!important;opacity:.98!important}
}


/* Canonical: match Index exactly */
.cards .card{position:relative;overflow:hidden;border-radius:10px;background:#111}
.cards .card> a img{display:block;width:100%;height:auto}
.cards .card .card-info{position:relative;background:rgba(0,0,0,.92)!important;padding:8px 10px!important;display:flex!important;flex-direction:column!important;gap:6px!important;min-height:56px!important;border-top:1px solid rgba(255,255,255,.06)!important}
.cards .card .ci-title{font-size:.9rem!important;font-weight:700!important;color:#fff!important;line-height:1.2!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cards .card .meta-row{display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;color:#cfd3d8!important}
.cards .card .rating-pill{display:inline-block!important;padding:2px 8px!important;border-radius:999px!important;font-size:.78rem!important;font-weight:700!important;background:#1f2937!important;color:#fff!important;line-height:1.3!important}
.cards .card .year{font-size:.72rem!important;font-weight:700!important;color:#e50914!important;opacity:.98!important}
@media (max-width:480px){
  .cards .card .ci-title{font-size:.86rem!important}
  .cards .card .rating-pill{font-size:.74rem!important;padding:2px 7px!important}
  .cards .card .year{font-size:.72rem!important;font-weight:700!important;color:#e50914!important;opacity:.98!important}
}



/* Match Index grid sizing */
.cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:14px!important}
@media(min-width:480px){.cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}}
@media(min-width:768px){.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}}



/* Use Index-like grid sizing under home-sliders scope */
.home-sliders .cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:14px!important}
@media(min-width:768px){.home-sliders .cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}}



/* pill + star parity with Index */
.home-sliders .card .rating-pill,
.card .rating-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:2px 8px !important;
  border-radius:999px !important;
  font-size:.78rem !important;
  font-weight:700 !important;
  background:#1f2937 !important; /* mesmo fundo do Index */
  color:#fff !important;
  line-height:1.3 !important;
}
.rating-pill .star{
  font-size:.85em !important;
  line-height:1 !important;
  position:relative !important;
  top:-1px !important;
}



/* canais: equal to browse cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}
.card{background:#111827;border-radius:18px;overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.3)}
.card .poster img{width:100%;height:auto;display:block}
.card .card-info{padding:10px 12px}
.card .title{font-size:1.05rem;margin:0 0 6px 0;color:#fff}
.card .rating-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:700;background:#1f2937;color:#fff;line-height:1.3}
.rating-pill .star{font-size:.85em;line-height:1;position:relative;top:-1px}
.card .year{color:#e50914;font-weight:700}

/* === Non-Index HERO normalization: desktop 3-up, cover/center === */
.vf-hero-track{display:flex;gap:12px;transition:transform .5s ease}
.vf-hero-slide{flex:0 0 100%}
.vf-hero-card{background-size:cover;background-position:center}
.vf-hero-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
@media (min-width:1024px){
  .vf-hero-slide{flex:0 0 calc((100% - 24px)/3)}
  .vf-hero, .vf-hero-slider{max-width:1280px;margin-left:auto;margin-right:auto;box-sizing:border-box;padding:0 12px}
}
.vf-hero-card, .vf-hero-slide{aspect-ratio:16/9}

/* === /filmes only (scoped) === */
.vf-filmes .vf-hero-track{display:flex;gap:12px;transition:transform .5s ease}
.vf-filmes .vf-hero-slide{flex:0 0 100%}
.vf-filmes .vf-hero-card{background-size:cover;background-position:center}
.vf-filmes .vf-hero-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
@media (min-width:1024px){
  .vf-filmes .vf-hero-slide{flex:0 0 calc((100% - 24px)/3)}
  .vf-filmes.vf-hero, .vf-filmes.vf-hero-slider{max-width:1280px;margin-left:auto;margin-right:auto;box-sizing:border-box;padding:0 12px}
  .vf-filmes .vf-hero-slider, .vf-filmes .vf-hero{max-width:1280px;margin-left:auto;margin-right:auto;box-sizing:border-box;padding:0 12px}
}
.vf-filmes .vf-hero-card, .vf-filmes .vf-hero-slide{aspect-ratio:16/9}