/* ==========================================================
   VISION FLIX — FINAL MODERN UI V3
   This layer is intentionally loaded AFTER the legacy CSS.
   It only changes presentation; PHP/data/player logic stays intact.
   ========================================================== */
:root{
  --vf-red:#e50914;
  --vf-red-2:#ff2631;
  --vf-bg:#08090c;
  --vf-surface:#111318;
  --vf-surface-2:#171a20;
  --vf-text:#f7f7f8;
  --vf-muted:#a6abb4;
  --vf-line:rgba(255,255,255,.09);
  --vf-radius:12px;
}
html,body{background:var(--vf-bg)!important;color:var(--vf-text)!important;}
body{font-family:'Poppins',sans-serif!important;overflow-x:hidden;}
a{color:inherit;}

/* ---------- HEADER ---------- */
/* Wordmark used by the Netflix-style header. */
#navbar-top .vf-brand{display:inline-flex!important;align-items:flex-end!important;gap:2px!important;text-decoration:none!important;line-height:1!important;padding:0!important;margin:0!important;}
#navbar-top .vf-brand-main{font-family:Arial,Helvetica,sans-serif!important;font-size:23px!important;font-weight:900!important;letter-spacing:-1.2px!important;color:#e50914!important;}
#navbar-top .vf-brand-hd{font-family:Arial,Helvetica,sans-serif!important;font-size:7px!important;font-weight:800!important;color:#e50914!important;margin-bottom:2px!important;}

#navbar-top{
  height:68px!important;
  background:rgba(8,9,12,.88)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.18)!important;
}
#navbar-top .container{max-width:1480px!important;padding-left:22px!important;padding-right:22px!important;}
#navbar-top .navbar-logo{max-width:145px!important;max-height:42px!important;object-fit:contain;}
#navbar-top .nav-item{margin-left:1px!important;}
#navbar-top .nav-item>a.nav-link{
  color:#c9ccd2!important;font-size:12px!important;font-weight:600!important;
  padding:9px 9px!important;border-radius:8px!important;text-decoration:none!important;
  transition:all .18s ease!important;
}
#navbar-top .nav-item>a.nav-link:hover{color:#fff!important;background:rgba(255,255,255,.06)!important;}
#navbar-top .nav-item>a.nav-premium{
  color:#fff!important;background:var(--vf-red)!important;padding-left:14px!important;padding-right:14px!important;
}
#navbar-top .nav-item>a.nav-premium:hover{background:var(--vf-red-2)!important;}
#navbar-top .nav-item>a.nav-link i{color:#b8bbc2!important;margin-right:5px!important;width:auto!important;}
#navbar-top .nav-item>a.nav-premium i{color:#fff!important;}
#navbar-top .avatar-nav{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(255,255,255,.18)!important;}
#navbar-top .apelido-nav{font-size:12px!important;color:#e7e8eb!important;margin-left:5px!important;}
#navbar-top .dropdown-menu{background:#15181e!important;border:1px solid var(--vf-line)!important;border-radius:12px!important;padding:6px!important;box-shadow:0 22px 55px rgba(0,0,0,.55)!important;}
#navbar-top .dropdown-item{color:#dfe2e7!important;background:transparent!important;border:0!important;border-radius:8px!important;font-size:12px!important;padding:9px 11px!important;}
#navbar-top .dropdown-item:hover{background:#242830!important;color:#fff!important;}
#page-content{padding-top:68px!important;}

/* ---------- SEARCH ---------- */
.container-busca{padding-top:12px!important;margin-bottom:0!important;}
.container-busca input[name=input-busca]{
  height:44px!important;background:#12151a!important;color:#fff!important;border:1px solid var(--vf-line)!important;
  border-radius:10px 0 0 10px!important;
}
.container-busca .input-group-text{height:44px!important;background:var(--vf-red)!important;border-color:var(--vf-red)!important;color:#fff!important;border-radius:0 10px 10px 0!important;}

/* ---------- HOME HERO ---------- */
.hero-streaming{
  position:relative!important;
  width:100%!important;
  height:min(78vh,730px)!important;
  min-height:600px!important;
  margin-top:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#050608!important;
}
.hero-streaming .carousel-home,
.hero-streaming .carousel-inner,
.hero-streaming .carousel-item{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.hero-streaming .carousel-item img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-height:none!important;object-fit:cover!important;object-position:center!important;
}
.hero-streaming .hero-overlay{
  position:absolute!important;inset:0!important;z-index:1!important;
  background:
    linear-gradient(90deg,rgba(3,4,6,.94) 0%,rgba(3,4,6,.75) 27%,rgba(3,4,6,.26) 61%,rgba(3,4,6,.10) 100%),
    linear-gradient(0deg,#08090c 0%,rgba(8,9,12,.72) 8%,transparent 42%)!important;
}
.hero-streaming .hero-content{
  position:absolute!important;z-index:3!important;
  left:max(6vw,40px)!important;right:auto!important;bottom:17%!important;
  max-width:600px!important;color:#fff!important;
}
.hero-streaming .hero-badge{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  color:#fff!important;font-size:10px!important;font-weight:800!important;letter-spacing:1.5px!important;
  text-transform:uppercase!important;margin-bottom:13px!important;
}
.hero-streaming .hero-badge i{color:var(--vf-red)!important;}
.hero-streaming h1{
  color:#fff!important;font-size:clamp(38px,4.5vw,66px)!important;font-weight:800!important;
  line-height:1.02!important;letter-spacing:-2px!important;margin:0 0 16px!important;
  text-shadow:0 5px 24px rgba(0,0,0,.45)!important;
}
.hero-streaming p{
  color:#e0e2e6!important;font-size:14px!important;line-height:1.65!important;
  max-width:520px!important;margin:0 0 24px!important;
}
.hero-streaming .btn-hero-play{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  min-height:44px!important;padding:11px 19px!important;border:0!important;border-radius:8px!important;
  background:#fff!important;color:#111318!important;text-decoration:none!important;
  font-size:13px!important;font-weight:750!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
  transition:transform .2s,background .2s!important;
}
.hero-streaming .btn-hero-play:hover{background:#f1f2f4!important;color:#111318!important;transform:translateY(-2px)!important;}
.hero-streaming .carousel-control-prev,.hero-streaming .carousel-control-next{z-index:4!important;width:8%!important;opacity:.75!important;}
.hero-streaming .carousel-control-prev-icon,.hero-streaming .carousel-control-next-icon{width:28px!important;height:28px!important;}
.hero-streaming .carousel-indicators{z-index:4!important;left:max(6vw,40px)!important;right:auto!important;bottom:25px!important;margin:0!important;gap:6px!important;}
.hero-streaming .carousel-indicators button{
  width:28px!important;height:3px!important;margin:0!important;border:0!important;
  background:rgba(255,255,255,.35)!important;border-radius:3px!important;
}
.hero-streaming .carousel-indicators .active{background:#fff!important;}

/* ---------- CATEGORY NAV ---------- */
.streaming-category-nav{
  position:relative!important;z-index:5!important;max-width:1480px!important;
  margin:-2px auto 0!important;padding:0 22px 22px!important;
}
.streaming-category-nav .category-chips{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:0!important;
}
.streaming-category-nav .category-chips a{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  background:#12151a!important;border:1px solid var(--vf-line)!important;
  color:#cfd2d8!important;border-radius:999px!important;padding:9px 14px!important;
  font-size:11px!important;font-weight:650!important;text-decoration:none!important;
  transition:all .18s ease!important;
}
.streaming-category-nav .category-chips a:hover{
  background:#fff!important;color:#111318!important;border-color:#fff!important;transform:translateY(-2px)!important;
}
.streaming-category-nav .category-chips a i{color:#9da2aa!important;}
.streaming-category-nav .category-chips a:hover i{color:var(--vf-red)!important;}

/* ---------- CONTENT SECTIONS / CAROUSELS ---------- */
#page-content>.container.pb-3,
#page-content>div.container.pb-3,
.container.pb-3{
  max-width:1480px!important;padding-left:22px!important;padding-right:22px!important;padding-bottom:22px!important;
}
.splide-lista{padding-top:0!important;}
.splide-lista .top-info{min-height:40px!important;padding:0 0 6px!important;}
.splide-lista .top-info h4{
  color:#f4f5f7!important;font-size:18px!important;font-weight:750!important;letter-spacing:-.3px!important;margin:0!important;
}
.splide-lista .top-info h4:before{
  content:""!important;display:inline-block!important;width:3px!important;height:17px!important;
  background:var(--vf-red)!important;border-radius:5px!important;margin-right:9px!important;vertical-align:-2px!important;
}
.splide-lista .splide__arrows{display:flex!important;gap:6px!important;}
.splide-lista .splide__arrows button{
  position:static!important;transform:none!important;width:35px!important;height:35px!important;
  background:#171a20!important;border:1px solid var(--vf-line)!important;color:#fff!important;
  opacity:1!important;border-radius:50%!important;
}
.splide-lista .splide__arrows button:hover{background:#fff!important;color:#111!important;}
.splide-lista .splide__track{padding:10px 3px 28px!important;overflow:visible!important;}
.splide-lista .lista-midia{
  position:relative!important;border-radius:9px!important;overflow:hidden!important;background:#111318!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22)!important;transition:transform .22s ease,box-shadow .22s ease!important;
}
.splide-lista .lista-midia:hover{transform:translateY(-5px) scale(1.035)!important;box-shadow:0 22px 45px rgba(0,0,0,.55)!important;z-index:20!important;}
.splide-lista .lista-midia img{
  display:block!important;width:100%!important;aspect-ratio:2/3!important;object-fit:cover!important;border-radius:0!important;
  transition:transform .25s,filter .25s!important;
}
.splide-lista .lista-midia:hover img{transform:scale(1.035)!important;filter:brightness(.5)!important;}
.splide-lista .lista-midia .top-left{
  top:8px!important;left:8px!important;background:rgba(7,8,10,.82)!important;
  border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;padding:5px 7px!important;
  color:#fff!important;font-size:9px!important;font-weight:700!important;
}
.splide-lista .lista-midia .bottom-right{
  right:8px!important;bottom:8px!important;background:var(--vf-red)!important;border:0!important;
  border-radius:6px!important;padding:6px 8px!important;color:#fff!important;font-size:9px!important;font-weight:750!important;
  opacity:0!important;transition:opacity .2s!important;
}
.splide-lista .lista-midia:hover .bottom-right{opacity:1!important;}
.splide-lista .lista-midia .center{
  bottom:0!important;left:0!important;right:0!important;padding:42px 10px 10px!important;
  background:linear-gradient(0deg,rgba(0,0,0,.96),transparent)!important;opacity:0!important;
  transition:opacity .2s!important;
}
.splide-lista .lista-midia:hover .center{opacity:1!important;}
.splide-lista .lista-midia .center .title{
  color:#fff!important;font-size:11px!important;font-weight:650!important;padding:0!important;margin:0!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* ---------- CATALOG ---------- */
.listar-midia-page{padding:22px 0 48px!important;}
.listar-midia-page .title{color:#fff!important;font-size:21px!important;font-weight:800!important;margin:0 0 18px!important;}
.listar-midia-page .lista-midia{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:15px!important;
}
.listar-midia-page .lista-midia>a{
  position:relative!important;display:block!important;min-width:0!important;overflow:hidden!important;
  background:#111318!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:9px!important;
  box-shadow:0 9px 25px rgba(0,0,0,.24)!important;transition:transform .22s,box-shadow .22s!important;
}
.listar-midia-page .lista-midia>a:hover{transform:translateY(-5px) scale(1.025)!important;box-shadow:0 22px 45px rgba(0,0,0,.5)!important;z-index:4!important;}
.listar-midia-page .lista-midia>a img{display:block!important;width:100%!important;aspect-ratio:2/3!important;object-fit:cover!important;border-radius:0!important;transition:filter .2s,transform .2s!important;}
.listar-midia-page .lista-midia>a:hover img{filter:brightness(.5)!important;transform:scale(1.03)!important;}
.listar-midia-page .lista-midia>a .top-left{
  top:8px!important;left:8px!important;background:rgba(6,7,9,.82)!important;border:1px solid rgba(255,255,255,.1)!important;
  color:#fff!important;border-radius:6px!important;padding:5px 7px!important;font-size:9px!important;
}
.listar-midia-page .lista-midia>a .bottom-right{
  right:8px!important;bottom:8px!important;background:var(--vf-red)!important;color:#fff!important;border:0!important;
  border-radius:6px!important;padding:6px 8px!important;font-size:9px!important;opacity:0!important;
}
.listar-midia-page .lista-midia>a:hover .bottom-right{opacity:1!important;}
.listar-midia-page .lista-midia>a .center{
  left:0!important;right:0!important;bottom:0!important;padding:40px 9px 10px!important;
  background:linear-gradient(0deg,rgba(0,0,0,.96),transparent)!important;opacity:0!important;
}
.listar-midia-page .lista-midia>a:hover .center{opacity:1!important;}
.listar-midia-page .lista-midia>a .center .title{color:#fff!important;font-size:11px!important;margin:0!important;}
.listar-midia-page .col-categorias{
  position:sticky!important;top:82px!important;background:#111318!important;border:1px solid var(--vf-line)!important;
  border-radius:12px!important;padding:16px!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.listar-midia-page .col-categorias .list-group-item{
  background:transparent!important;border-color:rgba(255,255,255,.06)!important;color:#bfc3ca!important;
  font-size:11px!important;padding:9px!important;border-radius:7px!important;
}
.listar-midia-page .col-categorias .list-group-item.active,
.listar-midia-page .col-categorias .list-group-item:hover{background:rgba(229,9,20,.12)!important;color:#fff!important;border-color:rgba(229,9,20,.2)!important;}
.lista-splide-categorias{padding-top:18px!important;}
.lista-splide-categorias .top-info h4{color:#fff!important;font-size:14px!important;font-weight:750!important;}
.lista-splide-categorias .splide__list a{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  height:auto!important;padding:9px 13px!important;border-radius:999px!important;
  background:#15181d!important;border:1px solid var(--vf-line)!important;color:#cfd2d8!important;
  font-size:11px!important;text-decoration:none!important;
}
.lista-splide-categorias .splide__list a:hover{background:var(--vf-red)!important;border-color:var(--vf-red)!important;color:#fff!important;}

/* ---------- DETAIL PAGE ---------- */
.vf-media-page{
  position:relative!important;min-height:650px!important;overflow:hidden!important;
  margin:0!important;padding:92px 0 74px!important;background:#07080b!important;
}
.vf-media-backdrop{
  position:absolute!important;inset:0!important;
  background-image:
    linear-gradient(90deg,rgba(7,8,11,.98) 0%,rgba(7,8,11,.90) 24%,rgba(7,8,11,.50) 58%,rgba(7,8,11,.82) 100%),
    linear-gradient(0deg,#07080b 0%,rgba(7,8,11,.06) 55%,rgba(7,8,11,.84) 100%),
    var(--vf-media-bg)!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
  filter:saturate(.9)!important;transform:scale(1.035)!important;opacity:.82!important;
}
.vf-media-glow{position:absolute!important;inset:0!important;background:radial-gradient(circle at 70% 38%,rgba(229,9,20,.12),transparent 30%)!important;pointer-events:none!important;}
.vf-media-container{position:relative!important;z-index:2!important;max-width:1280px!important;}
.vf-back{
  display:inline-flex!important;align-items:center!important;gap:8px!important;margin-bottom:30px!important;
  color:#e0e2e6!important;background:rgba(12,14,18,.62)!important;border:1px solid rgba(255,255,255,.1)!important;
  border-radius:999px!important;padding:8px 13px!important;text-decoration:none!important;font-size:11px!important;font-weight:650!important;
  backdrop-filter:blur(12px)!important;
}
.vf-back:hover{color:#fff!important;background:rgba(255,255,255,.09)!important;}
.vf-media-grid{
  display:grid!important;grid-template-columns:300px minmax(0,760px)!important;gap:54px!important;
  align-items:center!important;justify-content:center!important;
}
.vf-media-poster-wrap{width:300px!important;justify-self:center!important;}
.vf-media-poster{
  position:relative!important;aspect-ratio:2/3!important;overflow:hidden!important;border-radius:13px!important;
  background:#111318!important;border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.62)!important;
}
.vf-media-poster img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
.vf-poster-rating{
  position:absolute!important;top:12px!important;left:12px!important;background:rgba(5,6,8,.84)!important;
  border:1px solid rgba(255,255,255,.1)!important;border-radius:7px!important;padding:6px 8px!important;
  color:#fff!important;font-size:10px!important;font-weight:750!important;
}
.vf-poster-rating i{margin-right:5px!important;}
.vf-watch-actions{margin-top:12px!important;}
.vf-watch-actions button{
  width:100%!important;height:46px!important;border:0!important;border-radius:8px!important;
  background:var(--vf-red)!important;color:#fff!important;font-size:13px!important;font-weight:750!important;
  box-shadow:0 12px 30px rgba(229,9,20,.2)!important;
}
.vf-watch-actions button:hover{background:var(--vf-red-2)!important;transform:translateY(-2px)!important;}
.vf-media-details{max-width:760px!important;}
.vf-media-kicker{display:flex!important;align-items:center!important;gap:8px!important;color:#bfc3ca!important;text-transform:uppercase!important;letter-spacing:1.7px!important;font-size:10px!important;font-weight:800!important;margin-bottom:10px!important;}
.vf-media-kicker span{width:7px!important;height:7px!important;border-radius:50%!important;background:var(--vf-red)!important;box-shadow:0 0 14px rgba(229,9,20,.65)!important;}
.vf-media-details .midia-title{
  color:#fff!important;font-size:clamp(38px,4.2vw,60px)!important;line-height:1.03!important;
  font-weight:800!important;letter-spacing:-1.9px!important;margin:0 0 18px!important;
}
.vf-media-meta{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-bottom:18px!important;}
.vf-media-meta span{
  display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 10px!important;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:7px!important;
  color:#d7d9de!important;font-size:10px!important;font-weight:650!important;
}
.vf-media-meta i{color:#aeb2b9!important;}
.vf-media-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:25px!important;}
.vf-media-actions .vf-action-secondary{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:9px 13px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;color:#fff!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important;
}
.vf-media-actions .vf-action-secondary:hover{background:#fff!important;color:#111!important;border-color:#fff!important;}
.vf-synopsis{max-width:700px!important;margin-bottom:24px!important;}
.vf-synopsis h2,.vf-categories h2{color:#9da2aa!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:1.2px!important;font-weight:800!important;margin:0 0 9px!important;}
.vf-synopsis p{color:#e0e2e5!important;font-size:13px!important;line-height:1.75!important;margin:0!important;}
.vf-category-list{display:flex!important;flex-wrap:wrap!important;gap:7px!important;}
.vf-category-list a{
  display:inline-flex!important;padding:7px 10px!important;border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important;
  color:#d8dadd!important;text-decoration:none!important;font-size:10px!important;font-weight:650!important;
}
.vf-category-list a:hover{background:var(--vf-red)!important;border-color:var(--vf-red)!important;color:#fff!important;}

/* Detail modals/player - preserve function, improve appearance */
#modal-temporadas .modal-content,#modal-episodios .modal-content,#modal-players .modal-content,#modal-assistir .modal-content,#modal-trailer .modal-content{
  background:#08090c!important;color:#fff!important;
}
#modal-temporadas .modal-header,#modal-episodios .modal-header,#modal-players .modal-header,#modal-assistir .modal-header,#modal-trailer .modal-header{
  background:rgba(8,9,12,.88)!important;border-bottom:1px solid var(--vf-line)!important;backdrop-filter:blur(16px)!important;
}
#modal-temporadas .modal-header .btn,#modal-episodios .modal-header .btn,#modal-players .modal-header .btn,#modal-assistir .modal-header .btn,#modal-trailer .modal-header .btn{
  color:#fff!important;background:#171a20!important;border:1px solid var(--vf-line)!important;border-radius:8px!important;
}
#modal-assistir .form-control{background:#12151a!important;color:#fff!important;border-color:var(--vf-line)!important;}
#modal-assistir .bt-comentar{background:var(--vf-red)!important;color:#fff!important;border:0!important;border-radius:7px!important;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1199px){
  #navbar-top{height:64px!important;}
  #page-content{padding-top:64px!important;}
  .hero-streaming{height:68vh!important;min-height:540px!important;}
  .listar-midia-page .lista-midia{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  .vf-media-grid{grid-template-columns:250px minmax(0,1fr)!important;gap:35px!important;}
  .vf-media-poster-wrap{width:250px!important;}
}
@media(max-width:991px){
  .hero-streaming{height:650px!important;}
  .hero-streaming .hero-content{left:30px!important;bottom:16%!important;max-width:520px!important;}
  .listar-midia-page .lista-midia{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .vf-media-grid{grid-template-columns:220px minmax(0,1fr)!important;gap:28px!important;}
  .vf-media-poster-wrap{width:220px!important;}
}
@media(max-width:767px){
  #navbar-top .container{padding:0 14px!important;}
  #navbar-top .navbar-logo{max-width:120px!important;}
  .hero-streaming{height:620px!important;min-height:0!important;}
  .hero-streaming .carousel-item img{object-position:62% center!important;}
  .hero-streaming .hero-overlay{background:linear-gradient(90deg,rgba(3,4,6,.88),rgba(3,4,6,.25)),linear-gradient(0deg,#08090c 0%,rgba(8,9,12,.55) 18%,transparent 60%)!important;}
  .hero-streaming .hero-content{left:20px!important;right:20px!important;bottom:15%!important;max-width:none!important;}
  .hero-streaming h1{font-size:35px!important;letter-spacing:-1px!important;}
  .hero-streaming p{font-size:12px!important;max-width:420px!important;}
  .hero-streaming .carousel-indicators{left:20px!important;bottom:18px!important;}
  .streaming-category-nav{padding:0 14px 18px!important;overflow:auto!important;}
  .streaming-category-nav .category-chips{flex-wrap:nowrap!important;width:max-content!important;}
  .container.pb-3{padding-left:14px!important;padding-right:14px!important;}
  .splide-lista .top-info h4{font-size:16px!important;}
  .splide-lista .lista-midia:hover{transform:none!important;}
  .listar-midia-page .lista-midia{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
  .listar-midia-page .col-categorias{display:none!important;}
  .vf-media-page{min-height:0!important;padding:78px 0 52px!important;}
  .vf-media-backdrop{opacity:.5!important;background-position:center top!important;}
  .vf-media-grid{grid-template-columns:1fr!important;gap:25px!important;}
  .vf-media-poster-wrap{width:min(230px,62vw)!important;}
  .vf-media-details{text-align:center!important;}
  .vf-media-kicker,.vf-media-meta,.vf-media-actions,.vf-category-list{justify-content:center!important;}
  .vf-media-details .midia-title{font-size:34px!important;letter-spacing:-1px!important;}
  .vf-synopsis p{font-size:12px!important;}
}
@media(max-width:480px){
  .hero-streaming{height:560px!important;}
  .hero-streaming h1{font-size:29px!important;}
  .hero-streaming p{font-size:11px!important;}
  .hero-streaming .btn-hero-play{min-height:40px!important;padding:10px 14px!important;font-size:12px!important;}
  .listar-midia-page .lista-midia{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .listar-midia-page .lista-midia>a .center,.listar-midia-page .lista-midia>a .bottom-right{opacity:1!important;}
  .vf-media-details .midia-title{font-size:29px!important;}
}

/* ---------- VISION FLIX FINAL OVERRIDES ---------- */
#sidebar-left{display:none!important;}
#page-fixed{margin-left:0!important;width:100%!important;}
#navbar-top .navbar-brand{display:flex!important;align-items:center!important;}
#navbar-top .navbar-brand .navbar-logo{width:auto!important;height:auto!important;}
#navbar-top .desktop{display:block!important;}
#navbar-top .mobile{display:none!important;}
#navbar-top .nav-premium{border-radius:999px!important;}

/* Keep the original search behavior (hidden until JS opens it), but make it modern when visible. */
.container-busca{max-width:1480px!important;margin-left:auto!important;margin-right:auto!important;}
.container-busca.show{display:block!important;}

/* Poster class is independent from legacy .midia-image responsive rules. */
.vf-media-page .vf-poster-image{
  display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;min-width:0!important;min-height:0!important;
  object-fit:cover!important;
}

/* Original player/list modals remain functional but match the new theme. */
.modal-backdrop{background:#000!important;}
.modal-backdrop.show{opacity:.82!important;}

@media(max-width:1199px){
  #navbar-top .desktop{display:none!important;}
  #navbar-top .mobile{display:flex!important;}
}
@media(max-width:767px){
  #navbar-top .navbar-logo{max-width:120px!important;}
}

/* ---------- HERO FINAL OVERRIDES ---------- */
.hero-streaming{display:block!important;position:relative!important;width:100%!important;height:clamp(520px,72vh,760px)!important;min-height:520px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#050608!important;}
.hero-streaming #carouselExampleIndicators{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;}
.hero-streaming .carousel-inner{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;}
.hero-streaming .carousel-item{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;float:none!important;overflow:hidden!important;}
.hero-streaming .carousel-item.active{display:block!important;}
.hero-streaming .carousel-item img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;object-fit:cover!important;object-position:center center!important;border:0!important;border-radius:0!important;}
.hero-streaming .hero-overlay{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(3,4,6,.96) 0%,rgba(3,4,6,.78) 25%,rgba(3,4,6,.32) 62%,rgba(3,4,6,.08) 100%),linear-gradient(0deg,#08090c 0%,rgba(8,9,12,.70) 8%,transparent 45%)!important;}
.hero-streaming .hero-content{display:block!important;position:absolute!important;z-index:3!important;left:clamp(28px,7vw,110px)!important;right:28px!important;bottom:clamp(90px,15%,145px)!important;width:auto!important;max-width:620px!important;color:#fff!important;}
.hero-streaming .hero-content h1{display:block!important;color:#fff!important;font-size:clamp(34px,4.4vw,68px)!important;line-height:1.02!important;font-weight:800!important;letter-spacing:-2px!important;margin:0 0 16px!important;}
.hero-streaming .hero-content p{display:block!important;color:#e1e3e7!important;font-size:14px!important;line-height:1.65!important;max-width:520px!important;margin:0 0 24px!important;}
.hero-streaming .carousel-indicators{display:flex!important;position:absolute!important;z-index:5!important;left:clamp(28px,7vw,110px)!important;right:auto!important;bottom:28px!important;width:auto!important;margin:0!important;padding:0!important;gap:6px!important;}
.hero-streaming .carousel-indicators button{display:block!important;position:static!important;width:30px!important;height:3px!important;margin:0!important;padding:0!important;border:0!important;border-radius:3px!important;background:rgba(255,255,255,.35)!important;opacity:1!important;}
.hero-streaming .carousel-indicators button.active{background:#fff!important;}
.hero-streaming .carousel-control-prev,.hero-streaming .carousel-control-next{display:flex!important;position:absolute!important;top:0!important;bottom:0!important;z-index:5!important;width:8%!important;opacity:.72!important;}
.hero-streaming .carousel-control-prev:hover,.hero-streaming .carousel-control-next:hover{opacity:1!important;}
.hero-streaming .carousel-control-prev-icon,.hero-streaming .carousel-control-next-icon{width:32px!important;height:32px!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))!important;}
@media(max-width:767.98px){.hero-streaming{height:560px!important;min-height:560px!important;}.hero-streaming .hero-content{left:24px!important;right:24px!important;bottom:82px!important;max-width:calc(100% - 48px)!important;}.hero-streaming .hero-content h1{font-size:34px!important;letter-spacing:-1px!important;}.hero-streaming .hero-content p{font-size:13px!important;max-width:100%!important;}.hero-streaming .carousel-indicators{left:24px!important;bottom:24px!important;}}

/* ==========================================================
   HEADER FINAL OVERRIDE — Netflix-style desktop navigation
   ========================================================== */
#navbar-top{height:68px!important;left:0!important;right:0!important;z-index:1000!important;}
#navbar-top .container{height:68px!important;display:flex!important;align-items:center!important;max-width:1480px!important;margin:0 auto!important;}
#navbar-top .navbar-brand{margin-right:28px!important;flex-shrink:0!important;}
#navbar-top .navbar-logo{display:block!important;width:auto!important;max-width:150px!important;height:42px!important;max-height:42px!important;object-fit:contain!important;}
#navbar-top .ms-auto{margin-left:auto!important;}
#navbar-top .navbar-nav{align-items:center!important;gap:1px!important;}
#navbar-top .nav-item>a.nav-link{white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:4px!important;}
#navbar-top .nav-item>a.nav-premium{border-radius:8px!important;margin-left:4px!important;}
#navbar-top .desktop{margin-left:8px!important;}
#navbar-top .desktop>ul{align-items:center!important;}
#navbar-top .desktop .nav-link{padding-left:5px!important;padding-right:5px!important;}
#navbar-top .desktop .avatar-nav{width:34px!important;height:34px!important;}

/* The hero must begin immediately under the fixed header and occupy the full viewport width. */
#page-content{padding-top:68px!important;}
#page-content>.hero-streaming{margin-left:0!important;margin-right:0!important;}
.hero-streaming{height:clamp(560px,72vh,650px)!important;min-height:560px!important;margin-top:0!important;}
.hero-streaming #carouselExampleIndicators,
.hero-streaming .carousel-inner,
.hero-streaming .carousel-item{height:100%!important;}
.hero-streaming .carousel-item{display:none!important;}
.hero-streaming .carousel-item.active{display:block!important;}
.hero-streaming .carousel-item img{object-fit:cover!important;object-position:center center!important;}
.hero-streaming .hero-content{bottom:17%!important;}
@media(max-width:1199.98px){
  #navbar-top .navbar-brand{margin-right:10px!important;}
  #navbar-top .navbar-logo{max-width:125px!important;}
}


/* FINAL HERO OVERRIDES: isolate the large Netflix-style home banner from legacy carousel rules. */
#page-content > .hero-streaming{display:block!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;}
#page-content > .hero-streaming .carousel-home{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;}
#page-content > .hero-streaming .carousel-inner{display:block!important;height:100%!important;}
#page-content > .hero-streaming .carousel-item{height:100%!important;min-height:600px!important;}
#page-content > .hero-streaming .carousel-item img{display:block!important;visibility:visible!important;opacity:1!important;}
@media(max-width:991.98px){#navbar-top .vf-brand-main{font-size:20px!important;}#page-content > .hero-streaming{min-height:520px!important;}#page-content > .hero-streaming .carousel-item{min-height:520px!important;}}

/* ===== HOME CONTENT VISIBILITY / SPLIDE SAFE FIX ===== */
/* The content rows must remain visible even if a third-party carousel script fails. */
.splide-lista,
.splide-lista .splide,
.splide-lista .splide__track,
.splide-lista .splide__list{visibility:visible!important;}
.splide-lista .top-info>a{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  color:#f4f5f7!important;text-decoration:none!important;
  padding-top:6px!important;font-size:18px!important;font-weight:750!important;
  line-height:1.2!important;
}
.splide-lista .top-info>a:hover{color:#fff!important;}
.splide-lista .top-info>a i{color:var(--vf-red)!important;}
.splide-lista .splide__track{min-height:180px!important;}
.splide-lista .splide__list{min-height:160px!important;}
@media(max-width:767.98px){.splide-lista .top-info>a{font-size:16px!important;}}

/* ==========================================================
   VISION FLIX — HEADER MENU V4
   More visible navigation while preserving existing markup.
   ========================================================== */
#navbar-top{
  height:74px!important;
  background:rgba(6,8,12,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.38)!important;
}
#navbar-top .container{height:74px!important;}
#navbar-top .vf-brand{margin-right:34px!important;}
#navbar-top .vf-brand-main{font-size:25px!important;letter-spacing:-1.3px!important;}
#navbar-top .vf-brand-hd{font-size:8px!important;margin-bottom:3px!important;}
#navbar-top .navbar-nav{gap:5px!important;}
#navbar-top .nav-item{margin-left:0!important;}
#navbar-top .nav-item>a.nav-link{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:42px!important;
  padding:10px 12px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:#d9dce2!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.05px!important;
  transition:all .2s ease!important;
}
#navbar-top .nav-item>a.nav-link:hover{
  color:#fff!important;
  background:rgba(255,255,255,.085)!important;
  border-color:rgba(255,255,255,.10)!important;
  transform:translateY(-1px)!important;
}
#navbar-top .nav-item>a.nav-link::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:4px;
  height:2px;
  border-radius:3px;
  background:var(--vf-red);
  transform:scaleX(0);
  transition:transform .2s ease;
}
#navbar-top .nav-item>a.nav-link:hover::after{transform:scaleX(1);}
#navbar-top .nav-item>a.nav-premium{
  min-height:44px!important;
  padding:10px 17px!important;
  margin-left:3px!important;
  border:1px solid rgba(255,70,80,.45)!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#e50914,#b80710)!important;
  box-shadow:0 6px 18px rgba(229,9,20,.22)!important;
}
#navbar-top .nav-item>a.nav-premium:hover{
  background:linear-gradient(135deg,#ff1b27,#d40712)!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:0 8px 22px rgba(229,9,20,.34)!important;
}
#navbar-top .nav-item>a.nav-premium::after{display:none!important;}
#navbar-top .nav-item>a.nav-link i{
  color:#d1d5dc!important;
  font-size:12px!important;
  margin-right:1px!important;
}
#navbar-top .nav-item>a.nav-premium i{color:#fff!important;font-size:13px!important;}
#navbar-top .desktop .nav-link{padding-left:12px!important;padding-right:12px!important;}
#navbar-top .desktop>ul{gap:5px!important;}
#navbar-top .avatar-nav{
  width:39px!important;
  height:39px!important;
  border:2px solid rgba(255,255,255,.22)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.35)!important;
}
#navbar-top .desktop .nav-link.dropdown-toggle{
  min-height:46px!important;
  padding:4px 9px!important;
  border-radius:12px!important;
}
#navbar-top .desktop .nav-link.dropdown-toggle:hover{
  background:rgba(255,255,255,.07)!important;
}
#navbar-top .apelido-nav{font-size:13px!important;font-weight:700!important;color:#f0f1f3!important;margin-left:6px!important;}
#page-content{padding-top:74px!important;}

@media(max-width:1399.98px) and (min-width:1200px){
  #navbar-top .vf-brand{margin-right:18px!important;}
  #navbar-top .nav-item>a.nav-link{font-size:12px!important;padding-left:9px!important;padding-right:9px!important;}
  #navbar-top .desktop .nav-link{padding-left:9px!important;padding-right:9px!important;}
}
@media(max-width:1199.98px){
  #navbar-top{height:68px!important;}
  #navbar-top .container{height:68px!important;}
  #page-content{padding-top:68px!important;}
}

/* ===== Vision Flix - Catálogo / Home v12 ===== */
.splide-lista{margin-bottom:10px!important;}
.splide-lista .top-info{position:relative!important;min-height:48px!important;padding:0 0 8px!important;}
.splide-lista .top-info>a{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  color:#f5f5f5!important;text-decoration:none!important;font-size:20px!important;
  font-weight:800!important;letter-spacing:-.35px!important;padding-left:12px!important;
  position:relative!important;transition:color .18s ease!important;
}
.splide-lista .top-info>a:before{
  content:""!important;position:absolute!important;left:0!important;top:50%!important;
  transform:translateY(-50%)!important;width:4px!important;height:22px!important;
  border-radius:4px!important;background:var(--vf-red)!important;
}
.splide-lista .top-info>a:hover{color:#fff!important;}
.splide-lista .top-info>a i{color:var(--vf-red)!important;font-size:15px!important;}
.splide-lista .splide__track{padding:7px 4px 30px!important;}
.splide-lista .splide__list{align-items:stretch!important;}
.splide-lista .lista-midia{
  min-width:0!important;border:1px solid rgba(255,255,255,.07)!important;
  border-radius:10px!important;background:#111318!important;
  box-shadow:0 8px 25px rgba(0,0,0,.25)!important;
  transform-origin:center bottom!important;
}
.splide-lista .lista-midia:after{
  content:""!important;position:absolute!important;inset:0!important;
  border-radius:10px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
  pointer-events:none!important;
}
.splide-lista .lista-midia img{aspect-ratio:2/3!important;}
.splide-lista .lista-midia .center{
  padding:52px 11px 11px!important;
  background:linear-gradient(0deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.72) 42%,transparent 100%)!important;
}
.splide-lista .lista-midia .center .title{font-size:12px!important;font-weight:750!important;line-height:1.25!important;}
.splide-lista .lista-midia .bottom-right{font-size:10px!important;padding:7px 9px!important;}
.splide-lista .lista-midia .top-left{font-size:10px!important;padding:5px 8px!important;}
.splide-lista .splide__arrows button{
  width:38px!important;height:38px!important;background:rgba(23,26,32,.95)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.25)!important;
}
.splide-lista .splide__arrows button:hover{transform:scale(1.06)!important;}
@media(max-width:767.98px){
  .splide-lista .top-info>a{font-size:17px!important;}
  .splide-lista .top-info>a:before{height:19px!important;}
}


/* ==========================================================
   VISION FLIX — DETAIL PAGE V13
   Refinamento visual da página de filme/série.
   Não altera player, AJAX, banco ou regras de acesso.
   ========================================================== */
.vf-media-page{
  min-height:690px!important;
  padding-top:88px!important;
  padding-bottom:78px!important;
}
.vf-media-backdrop{
  background-image:
    linear-gradient(90deg,rgba(5,6,9,.985) 0%,rgba(5,6,9,.92) 22%,rgba(5,6,9,.58) 52%,rgba(5,6,9,.18) 76%,rgba(5,6,9,.72) 100%),
    linear-gradient(0deg,#08090c 0%,rgba(8,9,12,.82) 9%,rgba(8,9,12,.12) 52%,rgba(8,9,12,.72) 100%),
    var(--vf-media-bg)!important;
  filter:saturate(.95) contrast(1.03)!important;
  transform:scale(1.045)!important;
  opacity:.88!important;
}
.vf-media-glow{
  background:
    radial-gradient(circle at 76% 34%,rgba(229,9,20,.16),transparent 28%),
    linear-gradient(90deg,rgba(229,9,20,.035),transparent 45%)!important;
}
.vf-media-container{max-width:1340px!important;}
.vf-back{
  margin-bottom:34px!important;
  background:rgba(12,14,18,.72)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
}
.vf-back:hover{border-color:rgba(255,255,255,.24)!important;}
.vf-media-grid{
  grid-template-columns:320px minmax(0,780px)!important;
  gap:58px!important;
}
.vf-media-poster-wrap{width:320px!important;}
.vf-media-poster{
  border-radius:15px!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 34px 85px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025)!important;
}
.vf-media-poster:after{
  content:""!important;
  position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 22%,transparent 75%,rgba(0,0,0,.2))!important;
  pointer-events:none!important;
}
.vf-poster-rating{
  top:13px!important;left:13px!important;
  padding:7px 9px!important;border-radius:8px!important;
  font-size:10px!important;background:rgba(5,6,8,.88)!important;
  backdrop-filter:blur(10px)!important;
}
.vf-watch-actions{margin-top:14px!important;}
.vf-watch-actions button,.vf-watch-actions a{
  width:100%!important;min-height:50px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  border:0!important;border-radius:9px!important;
  background:var(--vf-red)!important;color:#fff!important;
  font-size:13px!important;font-weight:800!important;text-decoration:none!important;
  box-shadow:0 14px 34px rgba(229,9,20,.24)!important;
  transition:transform .2s,box-shadow .2s,background .2s!important;
}
.vf-watch-actions button:hover,.vf-watch-actions a:hover{
  background:var(--vf-red-2)!important;color:#fff!important;
  transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(229,9,20,.32)!important;
}
.vf-media-details{padding-top:4px!important;}
.vf-media-kicker{font-size:11px!important;letter-spacing:1.9px!important;margin-bottom:12px!important;}
.vf-media-kicker span{width:8px!important;height:8px!important;}
.vf-media-details .midia-title{
  font-size:clamp(42px,4.7vw,70px)!important;
  line-height:.99!important;
  letter-spacing:-2.6px!important;
  margin-bottom:20px!important;
  text-wrap:balance!important;
}
.vf-media-meta{gap:8px!important;margin-bottom:21px!important;}
.vf-media-meta span{
  min-height:32px!important;padding:7px 11px!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.12)!important;
  border-radius:8px!important;font-size:10px!important;
  backdrop-filter:blur(8px)!important;
}
.vf-media-actions{gap:9px!important;margin-bottom:29px!important;}
.vf-media-actions .vf-action-secondary{
  min-height:39px!important;padding:9px 14px!important;border-radius:8px!important;
  background:rgba(12,14,18,.62)!important;
  backdrop-filter:blur(10px)!important;
}
.vf-media-actions .vf-action-secondary:hover{background:#fff!important;color:#111!important;}
.vf-synopsis,.vf-categories{max-width:720px!important;}
.vf-synopsis{
  padding-top:21px!important;margin-bottom:25px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.vf-synopsis h2,.vf-categories h2{
  color:#fff!important;font-size:11px!important;letter-spacing:1.35px!important;
  margin-bottom:10px!important;
}
.vf-synopsis p{font-size:13.5px!important;line-height:1.8!important;color:#d9dce1!important;}
.vf-category-list a{
  padding:8px 12px!important;border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.10)!important;
  font-size:10px!important;
}
.vf-category-list a:hover{transform:translateY(-1px)!important;}

/* Recommendation rows below the detail hero feel like a streaming catalog. */
.vf-media-page + .container .splide-lista{padding-top:7px!important;}
.vf-media-page + .container .splide-lista .top-info>a{font-size:19px!important;}

@media(max-width:1199px){
  .vf-media-grid{grid-template-columns:270px minmax(0,1fr)!important;gap:40px!important;}
  .vf-media-poster-wrap{width:270px!important;}
}
@media(max-width:991px){
  .vf-media-grid{grid-template-columns:230px minmax(0,1fr)!important;gap:30px!important;}
  .vf-media-poster-wrap{width:230px!important;}
  .vf-media-details .midia-title{font-size:clamp(36px,5.4vw,54px)!important;}
}
@media(max-width:767px){
  .vf-media-page{padding-top:76px!important;padding-bottom:48px!important;}
  .vf-media-backdrop{opacity:.58!important;}
  .vf-media-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .vf-media-poster-wrap{width:min(250px,68vw)!important;}
  .vf-media-details{padding-top:0!important;}
  .vf-media-details .midia-title{font-size:35px!important;letter-spacing:-1.2px!important;}
  .vf-synopsis{padding-top:18px!important;}
  .vf-synopsis p{font-size:12.5px!important;}
}
@media(max-width:480px){
  .vf-media-poster-wrap{width:min(220px,70vw)!important;}
  .vf-media-details .midia-title{font-size:30px!important;}
  .vf-media-actions .vf-action-secondary{font-size:10px!important;}
}

/* V14 - correção do hover dos cards do catálogo/home.
   O título e o botão Assistir/Premium ficam em áreas separadas para nunca se sobrepor. */
.splide-lista .splide-lista-midia .lista-midia,
.splide-lista .lista-midia{
  overflow:hidden!important;
}
.splide-lista .lista-midia .center{
  left:0!important;
  right:0!important;
  bottom:43px!important;
  width:100%!important;
  padding:28px 10px 8px!important;
  text-align:center!important;
  background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,0))!important;
  z-index:5!important;
  pointer-events:none!important;
}
.splide-lista .lista-midia .center .title{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:750!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 8px rgba(0,0,0,.9)!important;
}
.splide-lista .lista-midia .bottom-right{
  left:50%!important;
  right:auto!important;
  bottom:9px!important;
  transform:translateX(-50%)!important;
  z-index:7!important;
  margin:0!important;
  min-width:82px!important;
  text-align:center!important;
  white-space:nowrap!important;
  box-shadow:0 5px 14px rgba(0,0,0,.35)!important;
}
.splide-lista .lista-midia:hover .center{opacity:1!important;}
.splide-lista .lista-midia:hover .bottom-right{opacity:1!important;}

/* O mesmo comportamento na grade da página de catálogo. */
.listar-midia-page .lista-midia>a .center{
  left:0!important;
  right:0!important;
  bottom:43px!important;
  width:100%!important;
  padding:28px 10px 8px!important;
  text-align:center!important;
  z-index:5!important;
  pointer-events:none!important;
}
.listar-midia-page .lista-midia>a .center .title{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
.listar-midia-page .lista-midia>a .bottom-right{
  left:50%!important;
  right:auto!important;
  bottom:9px!important;
  transform:translateX(-50%)!important;
  z-index:7!important;
  margin:0!important;
  min-width:82px!important;
  text-align:center!important;
}


/* ================================================================
   V15 - CATÁLOGO / LISTAGEM MODERNA
   Somente apresentação. Nenhuma regra de player ou dados é alterada.
   ================================================================ */
.listar-midia-page{
  max-width:1480px!important;
  margin:0 auto!important;
  padding:30px 22px 60px!important;
}
.listar-midia-page > .row{
  align-items:flex-start!important;
}
.listar-midia-page .col-12.col-lg-9{
  min-width:0!important;
}
.listar-midia-page .title{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:34px!important;
  padding-left:13px!important;
  margin:0 0 20px!important;
  font-size:25px!important;
  line-height:1.2!important;
  letter-spacing:-.5px!important;
}
.listar-midia-page .title:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:4px!important;
  bottom:4px!important;
  width:4px!important;
  border-radius:8px!important;
  background:var(--vf-red)!important;
  box-shadow:0 0 16px rgba(229,9,20,.28)!important;
}
.listar-midia-page .lista-midia{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:18px!important;
}
.listar-midia-page .lista-midia>a{
  border-radius:10px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}
.listar-midia-page .lista-midia>a:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  border:1px solid rgba(255,255,255,.05)!important;
  pointer-events:none!important;
  transition:border-color .2s ease!important;
}
.listar-midia-page .lista-midia>a:hover:after{
  border-color:rgba(229,9,20,.45)!important;
}
.listar-midia-page .lista-midia>a .top-left{
  z-index:8!important;
  backdrop-filter:blur(6px)!important;
}
.listar-midia-page .lista-midia>a .bottom-right{
  z-index:8!important;
  box-shadow:0 7px 18px rgba(0,0,0,.4)!important;
  font-size:10px!important;
  padding:7px 11px!important;
}
.listar-midia-page .lista-midia>a .center{
  z-index:7!important;
  bottom:42px!important;
  padding:34px 11px 9px!important;
  background:linear-gradient(0deg,rgba(0,0,0,.97),rgba(0,0,0,.08))!important;
}
.listar-midia-page .lista-midia>a .center .title{
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:0!important;
}
.listar-midia-page .paginacao{
  display:flex!important;
  justify-content:center!important;
  gap:10px!important;
  margin-top:28px!important;
}
.listar-midia-page .paginacao .btn{
  border:1px solid var(--vf-line)!important;
  background:#15181d!important;
  color:#fff!important;
  border-radius:8px!important;
  padding:10px 16px!important;
  font-size:12px!important;
  font-weight:700!important;
  transition:all .2s ease!important;
}
.listar-midia-page .paginacao .btn:hover{
  background:var(--vf-red)!important;
  border-color:var(--vf-red)!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}
.listar-midia-page .col-categorias{
  top:92px!important;
  padding:18px!important;
  background:linear-gradient(180deg,#11151b,#0d1015)!important;
}
.listar-midia-page .col-categorias .title{
  font-size:17px!important;
  margin-bottom:12px!important;
}
.listar-midia-page .col-categorias .list-group-item{
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:10px 12px!important;
  font-size:12px!important;
  font-weight:650!important;
}
.listar-midia-page .col-categorias .list-group-item:before{
  content:""!important;
  width:5px!important;
  height:5px!important;
  margin-right:9px!important;
  border-radius:50%!important;
  background:#656b75!important;
  transition:background .2s ease,transform .2s ease!important;
}
.listar-midia-page .col-categorias .list-group-item.active:before,
.listar-midia-page .col-categorias .list-group-item:hover:before{
  background:var(--vf-red)!important;
  transform:scale(1.35)!important;
}
.lista-splide-categorias{
  max-width:1480px!important;
  margin:0 auto!important;
  padding:18px 22px 2px!important;
}
.lista-splide-categorias .top-info{
  margin-bottom:10px!important;
}
.lista-splide-categorias .top-info h4:before{
  content:""!important;
  display:inline-block!important;
  width:3px!important;
  height:15px!important;
  margin-right:8px!important;
  border-radius:5px!important;
  vertical-align:-2px!important;
  background:var(--vf-red)!important;
}
.lista-splide-categorias .splide__track{
  padding:3px 2px 14px!important;
}
.lista-splide-categorias .splide__list a{
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
.lista-splide-categorias .splide__list a:hover{
  transform:translateY(-2px)!important;
}
.listar-midia-page .no-content{
  min-height:260px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:#111318!important;
  border:1px solid var(--vf-line)!important;
  border-radius:14px!important;
  color:#9da2aa!important;
}
.listar-midia-page .no-content i{
  font-size:30px!important;
  color:var(--vf-red)!important;
  margin-bottom:12px!important;
}
@media (max-width:1399px){
  .listar-midia-page .lista-midia{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}
@media (max-width:1099px){
  .listar-midia-page .lista-midia{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (max-width:767px){
  .listar-midia-page{padding:20px 12px 42px!important;}
  .lista-splide-categorias{padding:14px 12px 0!important;}
  .listar-midia-page .lista-midia{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
  .listar-midia-page .title{font-size:20px!important;margin-bottom:14px!important;}
}
@media (max-width:480px){
  .listar-midia-page .lista-midia{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .listar-midia-page .lista-midia>a .center,.listar-midia-page .lista-midia>a .bottom-right{opacity:1!important;}
  .listar-midia-page .lista-midia>a .center{bottom:42px!important;}
}


/* ================================================================
   V16 - BUSCA MODERNA
   Apenas apresentação e navegação da página de resultados.
   ================================================================ */
.vf-search-page{
  max-width:1480px!important;
  padding-top:34px!important;
}
.vf-search-hero{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:28px!important;
  padding:4px 0 24px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.vf-search-heading{min-width:0!important;}
.vf-section-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-bottom:8px!important;
  color:var(--vf-red)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:1.2px!important;
}
.vf-search-heading h1{
  margin:0!important;
  color:#fff!important;
  font-size:32px!important;
  font-weight:850!important;
  letter-spacing:-.8px!important;
}
.vf-search-heading p{
  margin:8px 0 0!important;
  color:#8f96a1!important;
  font-size:13px!important;
}
.vf-search-box{
  display:flex!important;
  align-items:center!important;
  width:min(430px,42vw)!important;
  min-width:320px!important;
  height:48px!important;
  padding:0 5px 0 15px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:12px!important;
  background:#11151b!important;
  box-shadow:0 12px 35px rgba(0,0,0,.22)!important;
}
.vf-search-box>i{color:#858d99!important;font-size:14px!important;margin-right:10px!important;}
.vf-search-box input{
  flex:1!important;
  min-width:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:13px!important;
}
.vf-search-box input::placeholder{color:#737b87!important;}
.vf-search-box button{
  height:38px!important;
  padding:0 17px!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--vf-red)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:transform .2s ease,filter .2s ease!important;
}
.vf-search-box button:hover{transform:translateY(-1px)!important;filter:brightness(1.08)!important;}
.vf-search-summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px 0 20px!important;
  color:#9299a4!important;
  font-size:13px!important;
}
.vf-search-summary strong{color:#fff!important;font-size:15px!important;}
.vf-search-summary span{color:#fff!important;font-weight:700!important;}
.vf-search-home{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:8px 12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:8px!important;
  color:#b9bec6!important;
  background:#11151b!important;
  font-size:11px!important;
  font-weight:700!important;
  text-decoration:none!important;
  transition:all .2s ease!important;
}
.vf-search-home:hover{color:#fff!important;border-color:rgba(229,9,20,.4)!important;background:rgba(229,9,20,.1)!important;}
.vf-search-results{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:18px!important;
}
.vf-search-results>a{
  min-width:0!important;
  border-radius:11px!important;
  overflow:hidden!important;
  box-shadow:0 10px 28px rgba(0,0,0,.3)!important;
}
.vf-search-results>a img{aspect-ratio:2/3!important;}
.vf-search-results>a .center .title{
  font-size:12px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media (max-width:1399px){.vf-search-results{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}
@media (max-width:1099px){.vf-search-results{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media (max-width:767px){
  .vf-search-page{padding:22px 12px 42px!important;}
  .vf-search-hero{display:block!important;padding-bottom:18px!important;}
  .vf-search-heading h1{font-size:25px!important;}
  .vf-search-box{width:100%!important;min-width:0!important;margin-top:18px!important;}
  .vf-search-summary{align-items:flex-start!important;flex-direction:column!important;}
  .vf-search-results{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
}
@media (max-width:480px){.vf-search-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}

/* =========================================================
   V17 - CATEGORIAS MODERNAS
   Camada visual isolada: não altera a lógica de categorias.
   ========================================================= */
.vf-categories-page{
  max-width:1480px!important;
  margin:0 auto!important;
  padding:34px 24px 70px!important;
}
.vf-categories-hero{
  position:relative!important;
  overflow:hidden!important;
  padding:34px 36px 32px!important;
  margin-bottom:18px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:18px!important;
  background:linear-gradient(110deg,#15181e 0%,#0e1116 58%,#0b0d11 100%)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.25)!important;
}
.vf-categories-hero:after{
  content:""!important;
  position:absolute!important;
  width:300px!important;height:300px!important;
  right:-110px!important;top:-160px!important;
  border-radius:50%!important;
  background:rgba(229,9,20,.13)!important;
  filter:blur(4px)!important;
}
.vf-categories-kicker,.vf-category-section-kicker{
  color:var(--vf-red)!important;
  font-size:11px!important;font-weight:850!important;
  letter-spacing:1.4px!important;text-transform:uppercase!important;
}
.vf-categories-kicker i{margin-right:7px!important;}
.vf-categories-hero h1{
  margin:9px 0 6px!important;color:#fff!important;
  font-size:clamp(28px,4vw,45px)!important;
  line-height:1.05!important;font-weight:850!important;
}
.vf-categories-hero p{margin:0!important;color:#aeb4be!important;font-size:14px!important;}
.vf-category-type-nav{
  display:flex!important;gap:9px!important;flex-wrap:wrap!important;
  margin:0 0 30px!important;
}
.vf-category-type-nav a{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:10px 15px!important;border-radius:999px!important;
  background:#15181d!important;border:1px solid var(--vf-line)!important;
  color:#d6d9df!important;text-decoration:none!important;
  font-size:12px!important;font-weight:750!important;
  transition:all .2s ease!important;
}
.vf-category-type-nav a:hover{background:var(--vf-red)!important;border-color:var(--vf-red)!important;color:#fff!important;transform:translateY(-2px)!important;}
.vf-category-section{margin-bottom:42px!important;}
.vf-category-section-head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
  gap:20px!important;margin-bottom:16px!important;padding-bottom:14px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.vf-category-section-kicker{display:block!important;margin-bottom:5px!important;color:#8f96a1!important;font-size:9px!important;}
.vf-category-section-kicker i{color:var(--vf-red)!important;margin-right:5px!important;}
.vf-category-section h2{margin:0!important;color:#fff!important;font-size:24px!important;font-weight:850!important;}
.vf-category-section p{margin:4px 0 0!important;color:#777f8b!important;font-size:11px!important;}
.vf-category-count{
  flex:none!important;padding:7px 11px!important;border:1px solid var(--vf-line)!important;
  border-radius:999px!important;color:#9da4ae!important;background:#111419!important;
  font-size:10px!important;font-weight:750!important;
}
.vf-category-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;
}
.vf-category-card{
  position:relative!important;min-height:165px!important;overflow:hidden!important;
  display:flex!important;align-items:flex-end!important;
  border-radius:13px!important;border:1px solid rgba(255,255,255,.07)!important;
  background:#111318!important;text-decoration:none!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
  isolation:isolate!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.vf-category-card-bg{position:absolute!important;inset:0!important;background-size:cover!important;background-position:center!important;z-index:-3!important;transition:transform .35s ease,filter .25s ease!important;}
.vf-category-card-overlay{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(5,6,8,.05) 15%,rgba(5,6,8,.34) 48%,rgba(5,6,8,.96) 100%)!important;z-index:-2!important;}
.vf-category-card-content{position:relative!important;padding:18px!important;min-width:0!important;z-index:2!important;}
.vf-category-card-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:34px!important;height:34px!important;margin-bottom:9px!important;border-radius:9px!important;
  background:rgba(229,9,20,.18)!important;border:1px solid rgba(229,9,20,.28)!important;
  color:#ff3340!important;font-size:13px!important;
}
.vf-category-card-title{color:#fff!important;font-size:17px!important;font-weight:850!important;line-height:1.15!important;text-shadow:0 2px 10px #000!important;}
.vf-category-card-meta{margin-top:5px!important;color:#c2c6cd!important;font-size:10px!important;font-weight:650!important;}
.vf-category-card-arrow{
  position:absolute!important;right:15px!important;bottom:17px!important;
  width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:50%!important;background:rgba(0,0,0,.48)!important;border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;font-size:10px!important;opacity:.85!important;z-index:2!important;
  transition:all .2s ease!important;
}
.vf-category-card:hover{transform:translateY(-5px)!important;border-color:rgba(229,9,20,.42)!important;box-shadow:0 20px 45px rgba(0,0,0,.45)!important;}
.vf-category-card:hover .vf-category-card-bg{transform:scale(1.06)!important;filter:brightness(.62)!important;}
.vf-category-card:hover .vf-category-card-arrow{background:var(--vf-red)!important;border-color:var(--vf-red)!important;transform:translateX(2px)!important;}
@media (max-width:1100px){.vf-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:760px){
  .vf-categories-page{padding:22px 14px 48px!important;}
  .vf-categories-hero{padding:26px 22px!important;border-radius:14px!important;}
  .vf-categories-hero h1{font-size:30px!important;}
  .vf-category-section-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;}
  .vf-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .vf-category-card{min-height:145px!important;}
  .vf-category-card-content{padding:14px!important;}
  .vf-category-card-title{font-size:14px!important;}
}
@media (max-width:430px){.vf-category-grid{grid-template-columns:1fr!important;}.vf-category-card{min-height:135px!important;}}

/* ================================================================
   V18 - MINHA LISTA / WATCHLIST MODERNA
   Camada visual; preserva a lógica existente da lista.
   ================================================================ */
.vf-watchlist-page{
  max-width:1480px!important;
  margin:0 auto!important;
  padding:34px 22px 64px!important;
}
.vf-watchlist-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin-bottom:26px!important;
  padding-bottom:20px!important;
  border-bottom:1px solid var(--vf-line)!important;
}
.vf-watchlist-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-bottom:8px!important;
  color:var(--vf-red)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:1.5px!important;
  text-transform:uppercase!important;
}
.vf-watchlist-title{
  margin:0!important;
  color:#fff!important;
  font-size:32px!important;
  font-weight:850!important;
  letter-spacing:-.8px!important;
  line-height:1.05!important;
}
.vf-watchlist-subtitle{
  margin:8px 0 0!important;
  color:#8f96a1!important;
  font-size:13px!important;
}
.vf-watchlist-count{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 14px!important;
  background:#11151b!important;
  border:1px solid var(--vf-line)!important;
  border-radius:10px!important;
  color:#dfe2e7!important;
  font-size:12px!important;
  font-weight:700!important;
}
.vf-watchlist-count strong{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:30px!important;
  height:30px!important;
  padding:0 8px!important;
  border-radius:7px!important;
  background:rgba(229,9,20,.12)!important;
  color:#fff!important;
  font-size:13px!important;
}
.vf-watchlist-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:18px!important;
}
.vf-watch-card{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  aspect-ratio:2/3!important;
  background:#111318!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:10px!important;
  box-shadow:0 9px 25px rgba(0,0,0,.28)!important;
  text-decoration:none!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.vf-watch-card:hover{
  transform:translateY(-6px) scale(1.025)!important;
  border-color:rgba(229,9,20,.48)!important;
  box-shadow:0 24px 48px rgba(0,0,0,.58)!important;
  z-index:5!important;
}
.vf-watch-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .28s ease,filter .28s ease!important;
}
.vf-watch-card:hover img{transform:scale(1.04)!important;filter:brightness(.48)!important;}
.vf-watch-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.06) 35%,rgba(0,0,0,.94) 100%)!important;
  pointer-events:none!important;
  opacity:.72!important;
  transition:opacity .2s ease!important;
}
.vf-watch-card:hover:after{opacity:1!important;}
.vf-watch-badge{
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  z-index:3!important;
  padding:5px 8px!important;
  background:rgba(7,8,10,.82)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:6px!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:750!important;
  backdrop-filter:blur(6px)!important;
}
.vf-watch-info{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:4!important;
  padding:58px 11px 12px!important;
  text-align:left!important;
}
.vf-watch-title{
  display:block!important;
  margin:0 0 9px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.vf-watch-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:84px!important;
  padding:7px 10px!important;
  background:var(--vf-red)!important;
  border-radius:7px!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  opacity:0!important;
  transform:translateY(5px)!important;
  transition:opacity .2s ease,transform .2s ease!important;
}
.vf-watch-card:hover .vf-watch-action{opacity:1!important;transform:translateY(0)!important;}
.vf-watch-empty{
  min-height:360px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:35px!important;
  text-align:center!important;
  background:radial-gradient(circle at top,rgba(229,9,20,.08),transparent 48%),#111318!important;
  border:1px solid var(--vf-line)!important;
  border-radius:16px!important;
}
.vf-watch-empty-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:66px!important;
  height:66px!important;
  margin-bottom:17px!important;
  border-radius:50%!important;
  background:rgba(229,9,20,.1)!important;
  color:var(--vf-red)!important;
  font-size:25px!important;
}
.vf-watch-empty h2{margin:0 0 7px!important;color:#fff!important;font-size:20px!important;font-weight:800!important;}
.vf-watch-empty p{margin:0 0 18px!important;color:#8f96a1!important;font-size:13px!important;}
.vf-watch-empty a{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:10px 16px!important;border-radius:8px!important;background:#fff!important;color:#111!important;
  font-size:12px!important;font-weight:800!important;text-decoration:none!important;transition:transform .18s ease!important;
}
.vf-watch-empty a:hover{transform:translateY(-2px)!important;}
@media (max-width:1399px){.vf-watchlist-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}
@media (max-width:1099px){.vf-watchlist-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media (max-width:767px){
  .vf-watchlist-page{padding:22px 12px 45px!important;}
  .vf-watchlist-head{align-items:flex-start!important;flex-direction:column!important;margin-bottom:20px!important;}
  .vf-watchlist-title{font-size:26px!important;}
  .vf-watchlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
  .vf-watch-action{opacity:1!important;transform:none!important;}
}
@media (max-width:480px){.vf-watchlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}


/* =========================================================
   V19 — CATALOG / CATEGORY STREAMING EXPERIENCE
   Isolated visual layer: does not change player logic.
   ========================================================= */
.vf-catalog-page{
  max-width:1500px!important;
  margin:0 auto!important;
  padding:34px 28px 72px!important;
}
.vf-catalog-hero{
  position:relative!important;
  min-height:260px!important;
  display:flex!important;
  align-items:flex-end!important;
  overflow:hidden!important;
  margin-bottom:24px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  background:#0b0d11!important;
  box-shadow:0 22px 60px rgba(0,0,0,.30)!important;
}
.vf-catalog-hero-bg{
  position:absolute!important;
  inset:0!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:.48!important;
  transform:scale(1.04)!important;
  filter:saturate(.9)!important;
}
.vf-catalog-hero-overlay{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(5,6,8,.98) 0%,rgba(5,6,8,.80) 38%,rgba(5,6,8,.28) 100%),
    linear-gradient(0deg,#07080b 0%,rgba(7,8,11,.58) 30%,transparent 75%)!important;
}
.vf-catalog-hero-content{
  position:relative!important;
  z-index:2!important;
  padding:42px 44px 38px!important;
  max-width:720px!important;
}
.vf-catalog-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--vf-red)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:1.5px!important;
}
.vf-catalog-hero h1{
  margin:8px 0 8px!important;
  color:#fff!important;
  font-size:clamp(32px,4vw,52px)!important;
  line-height:1.04!important;
  font-weight:850!important;
  letter-spacing:-1.4px!important;
}
.vf-catalog-hero p{
  margin:0!important;
  color:#b9bec7!important;
  font-size:13px!important;
}
.vf-catalog-toolbar{
  margin-bottom:28px!important;
  padding:20px 0 4px!important;
}
.vf-catalog-toolbar-top{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:15px!important;
}
.vf-catalog-label,.vf-results-kicker{
  display:block!important;
  color:#777f8b!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:1.35px!important;
  text-transform:uppercase!important;
}
.vf-catalog-toolbar h2{
  margin:3px 0 0!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:800!important;
}
.vf-catalog-all{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:9px 13px!important;
  border:1px solid var(--vf-line)!important;
  border-radius:999px!important;
  background:#111419!important;
  color:#d8dbe0!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:700!important;
  transition:all .2s ease!important;
}
.vf-catalog-all:hover{
  color:#fff!important;
  background:var(--vf-red)!important;
  border-color:var(--vf-red)!important;
  transform:translateY(-2px)!important;
}
.vf-catalog-chips{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding-bottom:5px!important;
}
.vf-catalog-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:8px 14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  background:#111419!important;
  color:#bfc4cc!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:700!important;
  transition:all .2s ease!important;
}
.vf-catalog-chip:hover{
  color:#fff!important;
  background:#1a1e25!important;
  border-color:rgba(255,255,255,.18)!important;
  transform:translateY(-2px)!important;
}
.vf-catalog-chip.active{
  color:#fff!important;
  background:linear-gradient(135deg,#ef101d,#b90009)!important;
  border-color:#ef101d!important;
  box-shadow:0 8px 24px rgba(229,9,20,.20)!important;
}
.vf-catalog-chip.active:before{
  content:""!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#fff!important;
}
.vf-results-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:0 0 13px!important;
  margin-bottom:18px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.vf-results-head h2{
  margin:4px 0 0!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:850!important;
}
.vf-results-count{
  flex:none!important;
  padding:7px 11px!important;
  border:1px solid var(--vf-line)!important;
  border-radius:999px!important;
  background:#111419!important;
  color:#9ea5af!important;
  font-size:10px!important;
  font-weight:750!important;
}
.vf-catalog-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:17px!important;
}
.vf-catalog-card{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:11px!important;
  background:#111318!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.26)!important;
  text-decoration:none!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.vf-catalog-card:hover{
  z-index:10!important;
  transform:translateY(-7px) scale(1.025)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 25px 50px rgba(0,0,0,.58)!important;
}
.vf-catalog-card-media{
  position:relative!important;
  overflow:hidden!important;
  aspect-ratio:2/3!important;
  background:#111318!important;
}
.vf-catalog-card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  transition:transform .3s ease,filter .3s ease!important;
}
.vf-catalog-card:hover .vf-catalog-card-media img{
  transform:scale(1.06)!important;
  filter:brightness(.46)!important;
}
.vf-catalog-year{
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 7px!important;
  border-radius:6px!important;
  background:rgba(5,6,8,.82)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:750!important;
  backdrop-filter:blur(7px)!important;
}
.vf-catalog-play{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  z-index:4!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:7px 9px!important;
  border-radius:7px!important;
  background:var(--vf-red)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:800!important;
  opacity:0!important;
  transform:translateY(5px)!important;
  transition:opacity .2s ease,transform .2s ease!important;
}
.vf-catalog-card:hover .vf-catalog-play{
  opacity:1!important;
  transform:translateY(0)!important;
}
.vf-catalog-hover{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:3!important;
  padding:58px 10px 11px!important;
  background:linear-gradient(0deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.82) 40%,transparent 100%)!important;
  opacity:0!important;
  transform:translateY(5px)!important;
  transition:opacity .2s ease,transform .2s ease!important;
}
.vf-catalog-card:hover .vf-catalog-hover{
  opacity:1!important;
  transform:translateY(0)!important;
}
.vf-catalog-hover-title{
  overflow:hidden!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:800!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  padding-right:76px!important;
}
.vf-catalog-hover-meta{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:6px!important;
  color:#aeb4be!important;
  font-size:9px!important;
  font-weight:650!important;
}
.vf-catalog-hover-meta span:first-child{
  color:#fff!important;
}
.vf-catalog-hover-meta i{
  color:var(--vf-red)!important;
}
.vf-catalog-pagination{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:28px!important;
}
.vf-page-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:40px!important;
  padding:9px 15px!important;
  border:1px solid var(--vf-line)!important;
  border-radius:9px!important;
  background:#13161b!important;
  color:#e1e4e8!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:750!important;
  transition:all .2s ease!important;
}
.vf-page-btn:hover{
  color:#fff!important;
  background:var(--vf-red)!important;
  border-color:var(--vf-red)!important;
  transform:translateY(-2px)!important;
}
.vf-catalog-empty{
  min-height:330px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:35px!important;
  text-align:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#111419,#0d0f13)!important;
}
.vf-empty-icon{
  width:58px!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:14px!important;
  border-radius:50%!important;
  background:rgba(229,9,20,.12)!important;
  color:var(--vf-red)!important;
  font-size:22px!important;
}
.vf-catalog-empty h3{
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:800!important;
}
.vf-catalog-empty p{
  margin:0 0 18px!important;
  color:#8e96a1!important;
  font-size:12px!important;
}
.vf-empty-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:10px 14px!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#101216!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:800!important;
}
.vf-empty-btn:hover{color:#101216!important;background:#f0f1f3!important;}

@media (max-width:1399px){
  .vf-catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
}
@media (max-width:1149px){
  .vf-catalog-page{padding-left:20px!important;padding-right:20px!important;}
  .vf-catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}
@media (max-width:899px){
  .vf-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;}
  .vf-catalog-hero{min-height:220px!important;}
  .vf-catalog-hero-content{padding:32px 28px!important;}
}
@media (max-width:599px){
  .vf-catalog-page{padding:22px 14px 48px!important;}
  .vf-catalog-hero{min-height:200px!important;border-radius:15px!important;}
  .vf-catalog-hero-content{padding:25px 20px!important;}
  .vf-catalog-hero h1{font-size:31px!important;}
  .vf-catalog-toolbar-top,.vf-results-head{align-items:flex-start!important;flex-direction:column!important;}
  .vf-catalog-chips{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:9px!important;scrollbar-width:none!important;}
  .vf-catalog-chips::-webkit-scrollbar{display:none!important;}
  .vf-catalog-chip{flex:none!important;}
  .vf-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;}
  .vf-catalog-hover-title{font-size:10px!important;}
}

/* ================================================================
   V21 - BUSCA STREAMING
   Camada visual isolada para a nova página de resultados.
   ================================================================ */
.vf-search-page-v21{
  width:min(1480px,100%);margin:0 auto;padding:34px 26px 70px!important;box-sizing:border-box;
}
.vf-search-v21-hero{
  position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:34px;overflow:hidden;
  min-height:210px;padding:34px 38px 30px;border:1px solid rgba(255,255,255,.08);border-radius:22px;
  background:linear-gradient(115deg,#151820 0%,#0f1218 55%,#0a0c10 100%);box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.vf-search-v21-glow{position:absolute;width:360px;height:360px;right:-120px;top:-180px;background:radial-gradient(circle,rgba(229,9,20,.2),transparent 68%);pointer-events:none}
.vf-search-v21-copy{position:relative;z-index:1;max-width:650px}
.vf-search-v21-kicker{display:inline-flex;gap:8px;align-items:center;color:#ff2631;font-size:11px;font-weight:900;letter-spacing:1.5px;margin-bottom:10px}
.vf-search-v21-copy h1{margin:0;color:#fff;font-size:36px;line-height:1.12;font-weight:850;letter-spacing:-1px}
.vf-search-v21-copy p{margin:10px 0 0;color:#9da4af;font-size:13px;line-height:1.6}
.vf-search-v21-form{position:relative;z-index:2;display:flex;gap:8px;width:min(520px,44vw);flex-shrink:0}
.vf-search-v21-input-wrap{height:54px;display:flex;align-items:center;flex:1;min-width:0;padding:0 12px 0 17px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#090b0f;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.vf-search-v21-input-wrap>i{color:#777f8b;margin-right:11px;font-size:14px}
.vf-search-v21-input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:13px;font-weight:500}
.vf-search-v21-input-wrap input::placeholder{color:#6f7782}
.vf-search-v21-clear{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#68717d;cursor:pointer}
.vf-search-v21-clear:hover{background:#171b22;color:#fff}
.vf-search-v21-submit{height:54px;padding:0 20px;border:0;border-radius:13px;background:#e50914;color:#fff;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 10px 24px rgba(229,9,20,.2);transition:.2s ease}
.vf-search-v21-submit i{margin-right:7px}.vf-search-v21-submit:hover{background:#ff2631;transform:translateY(-1px)}
.vf-search-v21-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 2px 15px}
.vf-search-v21-result-text{display:flex;align-items:center;gap:11px;color:#8e96a2;font-size:13px}
.vf-search-v21-result-text strong{color:#fff;font-size:16px}.vf-search-v21-result-text b{color:#fff}.vf-search-v21-result-text small{display:block;margin-top:4px;color:#626b77;font-size:10px}
.vf-search-v21-dot{width:7px;height:27px;border-radius:5px;background:#e50914;box-shadow:0 0 16px rgba(229,9,20,.4)}
.vf-search-v21-home{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#11151b;color:#adb4be;font-size:11px;font-weight:750;text-decoration:none;transition:.2s ease}.vf-search-v21-home:hover{color:#fff;border-color:rgba(229,9,20,.45);background:rgba(229,9,20,.08)}
.vf-search-v21-filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 22px}
.vf-search-v21-filters button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#11151b;color:#9fa6b0;font-size:11px;font-weight:750;cursor:pointer;transition:.2s ease}
.vf-search-v21-filters button i{font-size:10px}.vf-search-v21-filters button span{min-width:18px;padding:2px 6px;border-radius:10px;background:#1c2129;color:#d8dce1;font-size:9px}.vf-search-v21-filters button:hover,.vf-search-v21-filters button.is-active{border-color:#e50914;background:#e50914;color:#fff}.vf-search-v21-filters button.is-active span,.vf-search-v21-filters button:hover span{background:rgba(0,0,0,.18);color:#fff}
.vf-search-v21-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px}
.vf-search-v21-card{min-width:0}.vf-search-v21-poster{position:relative;display:block;overflow:hidden;aspect-ratio:2/3;border-radius:12px;background:#12151a;border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 28px rgba(0,0,0,.3);text-decoration:none}
.vf-search-v21-poster img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease,filter .3s ease}.vf-search-v21-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.75) 100%);opacity:.15;transition:.25s ease}
.vf-search-v21-type{position:absolute;top:9px;left:9px;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:rgba(5,7,10,.82);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);color:#fff;font-size:9px;font-weight:800;z-index:2}
.vf-search-v21-play{position:absolute;left:50%;bottom:14px;transform:translate(-50%,8px);display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:8px;background:#e50914;color:#fff;white-space:nowrap;font-size:10px;font-weight:850;opacity:0;transition:.25s ease;z-index:3}.vf-search-v21-play i{font-size:9px}
.vf-search-v21-card:hover .vf-search-v21-poster{border-color:rgba(229,9,20,.45);box-shadow:0 22px 42px rgba(0,0,0,.5)}.vf-search-v21-card:hover img{transform:scale(1.045);filter:brightness(.58)}.vf-search-v21-card:hover .vf-search-v21-shade{opacity:1}.vf-search-v21-card:hover .vf-search-v21-play{opacity:1;transform:translate(-50%,0)}
.vf-search-v21-card-info{padding:10px 3px 0}.vf-search-v21-card-info h2{margin:0;color:#e9ebee;font-size:12px;font-weight:750;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf-search-v21-card-info span{display:block;margin-top:4px;color:#656e7a;font-size:9px;font-weight:650}
.vf-search-v21-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:390px;margin-top:10px;padding:45px 20px;border:1px dashed rgba(255,255,255,.1);border-radius:18px;background:#0e1116;text-align:center}.vf-search-v21-empty-icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin-bottom:16px;border-radius:50%;background:#171a20;color:#e50914;font-size:24px}.vf-search-v21-empty h2{margin:0;color:#fff;font-size:20px}.vf-search-v21-empty p{margin:8px 0 18px;color:#777f8b;font-size:12px}.vf-search-v21-empty p b{color:#bfc4cb}.vf-search-v21-empty-btn{padding:10px 15px;border-radius:9px;background:#e50914;color:#fff;font-size:11px;font-weight:800;text-decoration:none}.vf-search-v21-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:35px 0 0}.vf-search-v21-pagination a,.vf-search-v21-pagination>span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#11151b;color:#aeb5bf;font-size:10px;font-weight:750;text-decoration:none}.vf-search-v21-pagination a:hover{background:#e50914;border-color:#e50914;color:#fff}.vf-search-v21-pagination>span{color:#fff;background:#171a20}
@media (max-width:1350px){.vf-search-v21-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.vf-search-v21-form{width:min(470px,43vw)}}
@media (max-width:1050px){.vf-search-v21-hero{display:block}.vf-search-v21-form{width:100%;margin-top:24px}.vf-search-v21-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:720px){.vf-search-page-v21{padding:20px 12px 45px!important}.vf-search-v21-hero{padding:26px 20px 22px;border-radius:16px}.vf-search-v21-copy h1{font-size:27px}.vf-search-v21-copy p{font-size:11px}.vf-search-v21-form{gap:6px}.vf-search-v21-submit{width:50px;padding:0}.vf-search-v21-submit span{display:none}.vf-search-v21-toolbar{align-items:flex-start;flex-direction:column;padding-top:20px}.vf-search-v21-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px}.vf-search-v21-type{top:6px;left:6px;font-size:8px;padding:4px 6px}.vf-search-v21-play{font-size:9px;padding:8px 10px}.vf-search-v21-card-info h2{font-size:10px}.vf-search-v21-card-info span{font-size:8px}}
@media (max-width:430px){.vf-search-v21-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vf-search-v21-copy h1{font-size:24px}.vf-search-v21-pagination{gap:6px}.vf-search-v21-pagination a,.vf-search-v21-pagination>span{padding:0 10px}}