@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
:root{--bg:#252a30;--panel:#171c22;--panel2:#20262d;--text:#d8dce2;--muted:#9ba3ad;--blue:#1e9bff;--line:#11161b}*{box-sizing:border-box}body.api-page{margin:0;background:var(--bg);color:var(--text);font-family:"Roboto",Arial,Helvetica,sans-serif}.api-header{height:72px;background:#11161b;display:flex;align-items:center;gap:22px;padding:0 28px;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #0005}.api-logo{font-size:25px;font-weight:900;color:#fff;text-decoration:none;letter-spacing:-1px}.api-logo span{color:var(--blue)}.api-nav{display:flex;gap:8px;margin-left:auto}.api-nav a,.mobile-drawer a{color:#cfd5dc;text-decoration:none;padding:11px 15px;border-radius:10px;font-weight:700}.api-nav a.active,.api-nav a:hover{background:#252b32}.icon-btn{border:0;background:#20262d;color:#fff;border-radius:8px;width:46px;height:46px;font-size:22px;cursor:pointer}.mobile-menu{display:none}.search-toggle{margin-left:0}.mobile-drawer{display:none;background:#11161b;padding:10px 18px;border-top:1px solid #27303a}.api-wrap{max-width:1340px;margin:0 auto;padding:30px 28px 70px}.notice{background:#2b1d1d;border:1px solid #663232;padding:14px;border-radius:10px;margin-bottom:18px}.hero-panel{background:#171c22;border:1px solid #101419;border-radius:4px;display:grid;grid-template-columns:1.4fr .9fr;gap:60px;padding:18px 28px 32px}.preview-box{position:relative;min-height:420px}.preview-box img{width:100%;height:405px;object-fit:cover;filter:brightness(.45)}.preview-over,.preview-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.preview-over h2,.preview-empty h2{font-size:30px;color:#fff}.preview-over button{background:#b9262a;color:#fff;border:0;border-radius:3px;padding:10px 18px;margin:5px;font-weight:700}.active-id{font-size:16px}.active-id span{color:#4aa3ff}.search-card{padding:25px 15px}.insert-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:34px}.insert-row select{background:#242a31;color:#d9dde4;border:0;border-radius:6px;padding:12px}.tabs,.switch,.modal-tabs{display:flex;align-items:center;gap:8px;background:#252b32;border-radius:30px;padding:6px;width:max-content;max-width:100%}.tab,.switch a,.modal-tabs button{border:0;background:transparent;color:#d7dbe1;text-decoration:none;border-radius:22px;padding:10px 18px;font-weight:800;cursor:pointer}.tab.active,.switch a.active,.modal-tabs button.active{background:#303740}.search-card h1{font-size:31px;line-height:1.35}.search-card h1 span{color:var(--blue)}.hero-search input,.filter-bar input{width:100%;height:44px;background:#242a31;border:0;border-radius:4px;color:#fff;padding:0 14px}.hero-search button{margin-top:18px;width:100%;height:46px;background:var(--blue);border:0;border-radius:4px;color:#fff;font-weight:900}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:42px 0 22px}.section-title h2,.page-top h1{font-size:31px;margin:0}.poster-grid{display:grid;gap:14px}.home-grid,.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.poster-card{position:relative;background:#11161b;border:7px solid #1a2027;border-radius:5px;overflow:hidden;aspect-ratio:2/3;cursor:pointer;box-shadow:0 2px 8px #0007}.poster-card img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.78);transition:.2s}.poster-card:hover img{filter:brightness(.35);transform:scale(1.03)}.poster-card b{position:absolute;right:7px;top:7px;background:#111;color:#fff;border-radius:4px;padding:4px 6px}.poster-card span{position:absolute;left:8px;bottom:8px;background:#1c2229;color:#fff;border-radius:4px;padding:5px 8px;font-weight:700}.hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:15px;opacity:0;transition:.2s}.poster-card:hover .hover{opacity:1}.hover h3{font-size:20px;line-height:1.25}.hover div{font-size:28px;background:#ffffff1a;border-radius:8px;padding:10px 14px}.page-top{margin-bottom:24px}.filter-bar{background:#171c22;border-radius:3px;padding:12px;display:flex;gap:10px;align-items:center}.filter-bar button{background:#222830;color:#fff;border:0;border-radius:4px;padding:12px 16px;font-weight:700}.filter-bar input{max-width:290px;margin-left:auto}.pagination{text-align:center;margin:45px 0}.pagination a,.pagination span{display:inline-block;background:#303640;color:#fff;text-decoration:none;padding:10px 14px;border-radius:4px;margin:0 3px}.pagination a.active{background:var(--blue)}.api-footer{background:#11161b;text-align:center;padding:28px;color:#cfd4da}.api-footer p{font-weight:700}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:100;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-close{position:fixed;left:24px;top:24px;width:62px;height:62px;border-radius:50%;border:0;background:#1d2228;color:#fff;font-size:34px;font-weight:900;cursor:pointer}.modal-box{width:min(760px,100%);background:#1c2229;border-radius:6px;padding:42px}.modal-box h2{font-size:39px;margin:0 0 28px}.modal-tabs{margin-bottom:30px}.modal-panel label{display:block;font-size:22px;font-weight:800;margin:20px 0 10px}.copy-row{display:flex}.copy-row input,.modal-panel textarea{width:100%;background:#252b32;border:0;color:#fff;border-radius:5px;padding:17px;font-size:22px}.copy-row button{width:74px;border:0;background:#2a3038;color:#fff;font-size:26px;border-radius:0 5px 5px 0;cursor:pointer}.modal-panel textarea{height:130px;font-size:15px}.copy-big{margin-top:12px;background:var(--blue);border:0;color:#fff;border-radius:5px;padding:12px 18px;font-weight:800}.hidden{display:none!important}@media(max-width:1050px){.home-grid,.catalog-grid{grid-template-columns:repeat(4,1fr)}.hero-panel{grid-template-columns:1fr;gap:25px}.search-card h1{font-size:25px}}@media(max-width:760px){.api-header{height:88px;padding:0 18px}.mobile-menu{display:block}.api-nav{display:none}.api-logo{font-size:24px}.mobile-drawer.open{display:flex;flex-direction:column}.api-wrap{padding:18px 18px 60px}.hero-panel{padding:0 18px 24px;border-radius:0}.preview-box{min-height:210px}.preview-box img{height:200px}.search-card{padding:18px 0}.insert-row{display:none}.tabs{width:100%;justify-content:center}.search-card h1{font-size:24px}.section-title{align-items:flex-start;flex-direction:column}.section-title h2,.page-top h1{font-size:30px}.home-grid,.catalog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.filter-bar{overflow:auto}.filter-bar input{min-width:190px;margin-left:0}.modal{align-items:flex-start;padding:190px 0 0}.modal-close{left:18px;top:18px}.modal-box{border-radius:5px;padding:30px 22px;width:100%}.modal-box h2{font-size:32px}.modal-tabs{width:100%;justify-content:center}.modal-panel label{font-size:20px}.copy-row input{font-size:19px}}@media(max-width:420px){.api-logo{font-size:21px}.icon-btn{width:47px;height:47px}.api-header{gap:14px}.modal-box h2{font-size:27px}.tab,.switch a,.modal-tabs button{padding:10px 12px}.poster-card{border-width:5px}}

.api-player-frame{width:100%;height:405px;border:0;background:#000;display:block;border-radius:3px}.preview-box .active-id{margin-top:12px}@media(max-width:760px){.api-player-frame{height:220px}}

/* Ajuste: troca Filmes/Séries na home sem abrir outra página */
.switch button{border:0;background:transparent;color:#d7dbe1;text-decoration:none;border-radius:22px;padding:10px 18px;font-weight:800;cursor:pointer;font-family:inherit;font-size:inherit}
.switch button.active{background:#303740;box-shadow:0 0 0 1px rgba(30,155,255,.35) inset}
.home-list[hidden]{display:none!important}
@media(max-width:420px){.switch button{padding:10px 12px}}

/* Correção da troca Filmes/Séries na home */
.recent-switch{flex-shrink:0}
.home-list{animation:none}
.home-list.active{display:grid}
.home-list.is-changing{animation:nxHomeFade .18s ease both}
@keyframes nxHomeFade{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.poster-card span:first-of-type{z-index:2}
#home-series .poster-card span{top:8px;bottom:auto;left:8px;background:#161b21;font-size:15px;letter-spacing:.2px}
#home-series .poster-card b{z-index:2}
@media(max-width:760px){
  .section-title{gap:12px}
  .recent-switch{align-self:flex-end;margin-top:-8px}
  .home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #home-series .poster-card span{font-size:14px;padding:4px 7px}
}
@media(max-width:360px){.recent-switch{align-self:flex-start;margin-top:0}}


/* === Correção final dos botões Filmes/Séries abaixo de Adicionados recentemente === */
.recent-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;margin:42px 0 22px!important}
.recent-head h2{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;font-size:31px!important;line-height:1.15!important;font-weight:700!important;color:#d8dce2!important}
.recent-icon{font-size:34px!important;color:#cfd4da!important;line-height:1!important}
.recent-switch{display:flex!important;align-items:center!important;gap:8px!important;background:transparent!important;border-radius:999px!important;padding:0!important;width:auto!important;max-width:100%!important;flex-shrink:0!important}
.recent-tab{appearance:none!important;-webkit-appearance:none!important;border:2px solid transparent!important;background:transparent!important;color:#d7dbe1!important;border-radius:999px!important;padding:12px 24px!important;font-family:"Roboto",Arial,Helvetica,sans-serif!important;font-size:17px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:48px!important;min-width:132px!important;text-decoration:none!important;box-shadow:none!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important}
.recent-tab:hover{background:#252b32!important;color:#fff!important}
.recent-tab.active{background:#303740!important;border-color:#166db8!important;color:#fff!important;box-shadow:0 0 0 2px rgba(30,155,255,.16), inset 0 0 0 1px rgba(255,255,255,.04)!important}
.recent-tab .tab-ico{font-size:20px!important;line-height:1!important;display:inline-block!important}
.home-list{display:none!important}
.home-list.active{display:grid!important}
.home-list[hidden]{display:none!important}
.home-list.is-changing{animation:nxHomeFade .18s ease both!important}
@media(max-width:760px){
  .recent-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;margin:34px 0 20px!important}
  .recent-head h2{font-size:36px!important;line-height:1.15!important;gap:12px!important}
  .recent-icon{font-size:38px!important}
  .recent-switch{align-self:flex-end!important;justify-content:flex-end!important;gap:10px!important}
  .recent-tab{min-width:142px!important;min-height:58px!important;padding:14px 18px!important;font-size:22px!important;border-width:2px!important}
  .recent-tab .tab-ico{font-size:24px!important}
}
@media(max-width:520px){
  .recent-head h2{font-size:34px!important;white-space:normal!important}
  .recent-switch{width:100%!important;justify-content:flex-end!important;gap:8px!important}
  .recent-tab{min-width:auto!important;flex:0 1 auto!important;padding:13px 18px!important;font-size:21px!important}
}
@media(max-width:390px){
  .recent-head h2{font-size:29px!important}
  .recent-tab{padding:12px 14px!important;font-size:18px!important}
}

/* === Abas principais Filmes/Séries/API sem sair da página + responsivo === */
.hero-tabs{display:flex!important;align-items:center!important;gap:8px!important;background:#252b32!important;border-radius:999px!important;padding:6px!important;width:max-content!important;max-width:100%!important;margin-bottom:22px!important;overflow:hidden!important}
.hero-tabs .tab{appearance:none!important;-webkit-appearance:none!important;border:2px solid transparent!important;background:transparent!important;color:#d7dbe1!important;border-radius:999px!important;padding:10px 18px!important;font-family:"Roboto",Arial,Helvetica,sans-serif!important;font-size:15px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;white-space:nowrap!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.hero-tabs .tab.active{background:#303740!important;border-color:#166db8!important;color:#fff!important;box-shadow:0 0 0 2px rgba(30,155,255,.14)!important}
.hero-tab-panel{display:none!important;animation:nxHomeFade .18s ease both!important}
.hero-tab-panel.active{display:block!important}
.hero-tab-panel[hidden]{display:none!important}
.hero-search label{display:block!important;color:#d9dde4!important;font-weight:800!important;margin:0 0 10px!important;font-size:15px!important}
.hero-search label em{color:#ff4f6b!important;font-style:normal!important}
.season-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:22px!important}
.api-info-panel{padding:6px 0 25px!important}
.api-info-panel h2{font-size:28px!important;margin:20px 0 12px!important;color:#d8dce2!important;line-height:1.15!important}
.api-info-panel h2 span{color:var(--blue)!important}
.api-info-panel p{font-size:16px!important;color:#eef2f6!important;margin:0 0 22px!important;word-break:break-word!important}
.api-info-panel a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#47aaff!important;text-decoration:none!important;font-weight:900!important;margin-top:4px!important}
.hero-panel{overflow:hidden!important}.search-card{min-width:0!important}.preview-box{min-width:0!important}.poster-grid{width:100%!important}.poster-card{min-width:0!important}
@media(max-width:760px){
  .api-wrap{padding-left:18px!important;padding-right:18px!important;overflow:hidden!important}.hero-panel{margin-left:-18px!important;margin-right:-18px!important;border-left:0!important;border-right:0!important;padding:0 18px 26px!important;gap:14px!important}.search-card{padding:18px 0 0!important}.hero-tabs{width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important}.hero-tabs::-webkit-scrollbar{display:none!important}.hero-tabs .tab{font-size:14px!important;padding:11px 15px!important;min-width:max-content!important}.hero-tab-panel h1{font-size:24px!important;line-height:1.35!important;margin:20px 0!important}.hero-search input{height:54px!important;font-size:16px!important}.hero-search button{height:56px!important;font-size:18px!important;border-radius:6px!important}.season-fields{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:18px!important}.api-info-panel h2{font-size:24px!important}.api-info-panel p{font-size:14px!important}.home-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.poster-card{border-width:6px!important}.recent-head{margin-top:34px!important}
}
@media(max-width:390px){.hero-tabs .tab{font-size:13px!important;padding:10px 12px!important}.season-fields{gap:10px!important}.recent-tab{font-size:17px!important}.home-grid,.catalog-grid{gap:12px!important}}

/* === HEADER RESPONSIVO NEXEMBED + MENU LATERAL === */
body.api-page{overflow-x:hidden!important}
.api-header{
  height:78px!important;background:#10151a!important;display:flex!important;align-items:center!important;gap:18px!important;
  padding:0 28px!important;position:sticky!important;top:0!important;z-index:1000!important;box-shadow:0 2px 12px rgba(0,0,0,.45)!important
}
.api-logo{font-family:"Roboto",Arial,sans-serif!important;font-size:28px!important;font-weight:900!important;letter-spacing:-1.2px!important;color:#fff!important;line-height:1!important;white-space:nowrap!important;text-decoration:none!important}
.api-logo span{color:#1e9bff!important}.api-nav{margin-left:auto!important}.search-toggle{margin-left:0!important}.icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:54px!important;height:54px!important;border-radius:8px!important;background:#1b2026!important;color:#f3f6f9!important;border:1px solid #12171c!important;box-shadow:0 4px 12px rgba(0,0,0,.22)!important;font-size:0!important;line-height:1!important;cursor:pointer!important}.mobile-menu::before{content:"☰";font-size:28px;font-weight:900}.search-toggle::before{content:"⌕";font-size:34px;font-weight:900;line-height:1;transform:translateY(-1px)}
.mobile-drawer{position:fixed!important;left:0!important;top:78px!important;bottom:0!important;width:0!important;display:flex!important;flex-direction:column!important;gap:18px!important;align-items:center!important;background:#171c22!important;border-right:1px solid #0f1318!important;padding:42px 0!important;overflow:hidden!important;z-index:950!important;box-shadow:8px 0 22px rgba(0,0,0,.25)!important;transition:width .22s ease!important}.mobile-drawer.open{width:176px!important}.mobile-drawer a{width:92px!important;height:72px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#252a30!important;border:1px solid #20262d!important;border-radius:8px!important;color:#d8dce2!important;text-decoration:none!important;padding:0!important;box-shadow:0 3px 8px rgba(0,0,0,.18)!important}.mobile-drawer a:hover,.mobile-drawer a.active{border-color:#1e9bff!important;color:#fff!important}.drawer-ico{font-size:34px!important;line-height:1!important}.drawer-label{display:none!important}
.api-wrap{transition:margin-left .22s ease!important}.api-page.drawer-open .api-wrap{margin-left:176px!important}.api-page.drawer-open .api-header{padding-left:28px!important}
.hero-panel,.preview-box,.search-card,.api-player-frame{max-width:100%!important}.preview-box{overflow:hidden!important}.api-player-frame{display:block!important;width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important}.preview-box .active-id{padding:0 18px!important}.hero-panel{overflow:hidden!important}
@media(max-width:900px){
  .api-header{height:88px!important;padding:0 18px!important;gap:16px!important}.mobile-menu{display:inline-flex!important;flex:0 0 64px!important}.search-toggle{flex:0 0 64px!important;margin-left:auto!important}.icon-btn{width:64px!important;height:58px!important}.api-logo{font-size:30px!important;letter-spacing:-1px!important;flex:1 1 auto!important;text-align:left!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}.api-nav{display:none!important}.mobile-drawer{top:88px!important}.mobile-drawer.open{width:176px!important}.api-page.drawer-open .api-wrap{margin-left:176px!important}.api-wrap{width:100%!important;max-width:100%!important;padding:22px 18px 60px!important;overflow:hidden!important}.hero-panel{width:100%!important;margin:0!important;padding:18px!important;border-radius:6px!important;display:block!important}.preview-box{min-height:0!important}.api-player-frame{aspect-ratio:16/11!important}.search-card{padding:22px 0 0!important}.insert-row{display:flex!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important;margin:18px 0!important}.insert-row select{max-width:100%!important}.hero-tabs{max-width:100%!important;width:100%!important;overflow-x:auto!important;justify-content:flex-start!important}.hero-tabs .tab{flex:0 0 auto!important}.home-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.poster-card{width:100%!important}.section-title,.recent-head{width:100%!important;overflow:hidden!important}.recent-switch{max-width:100%!important}
}
@media(max-width:520px){
  .api-header{height:88px!important;padding:0 18px!important;gap:14px!important}.mobile-menu,.search-toggle{flex-basis:64px!important;width:64px!important;height:58px!important}.api-logo{font-size:28px!important}.mobile-drawer{top:88px!important;width:0!important}.mobile-drawer.open{width:176px!important}.api-page.drawer-open .api-wrap{margin-left:176px!important;width:calc(100% - 176px)!important;min-width:640px!important}.api-page.drawer-open{overflow-x:auto!important}.api-wrap{padding:18px 16px 56px!important}.hero-panel{padding:16px!important}.api-player-frame{aspect-ratio:9/14!important;min-height:520px!important}.preview-box .active-id{font-size:24px!important;padding:0 0 0 10px!important}.insert-row{font-size:22px!important;align-items:center!important}.insert-row select{font-size:20px!important;padding:14px!important}.search-toggle::before{font-size:36px!important}.mobile-menu::before{font-size:30px!important}
}
@media(max-width:390px){.api-logo{font-size:24px!important}.mobile-menu,.search-toggle{flex-basis:58px!important;width:58px!important}.api-header{gap:12px!important}}

/* === CORREÇÃO FINAL HEADER / LOGO / LUPA / MENU - NEXEMBED === */
.api-header{
  height:88px!important;
  padding:0 18px!important;
  background:#0f1419!important;
  border-bottom:1px solid #20262d!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  position:sticky!important;
  top:0!important;
  z-index:5000!important;
}
.api-logo{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  text-decoration:none!important;
  font-size:29px!important;
  line-height:1!important;
  letter-spacing:-1.6px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.api-logo b{color:#fff!important;font-weight:900!important}.api-logo span{color:#1d9bff!important;font-weight:900!important}
.icon-btn{
  width:64px!important;
  height:58px!important;
  min-width:64px!important;
  border-radius:7px!important;
  border:1px solid #171d23!important;
  background:#1b2026!important;
  color:#eef2f6!important;
  box-shadow:0 4px 12px rgba(0,0,0,.25)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  font-size:0!important;
}
.mobile-menu::before{
  content:""!important;
  width:28px!important;height:22px!important;display:block!important;
  background:#eef2f6!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.search-toggle{margin-left:auto!important;background:#171c22!important;border-radius:0!important;width:78px!important;min-width:78px!important;height:70px!important;align-self:stretch!important}
.search-toggle::before{
  content:""!important;width:32px!important;height:32px!important;background:#eef2f6!important;display:block!important;transform:none!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.mobile-menu:focus,.mobile-menu:hover,.mobile-menu.is-open{border-color:#1e9bff!important;box-shadow:0 0 0 3px rgba(30,155,255,.18)!important}
.mobile-drawer{
  position:fixed!important;top:88px!important;left:0!important;bottom:0!important;width:0!important;z-index:4500!important;
  background:#171c22!important;border-right:1px solid #11161c!important;overflow:hidden!important;
  padding:44px 0 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:18px!important;
  transition:width .22s ease!important;box-shadow:8px 0 20px rgba(0,0,0,.28)!important;
}
.mobile-drawer.open{width:176px!important}.api-page.drawer-open .api-wrap{margin-left:176px!important}.api-page.drawer-open{overflow-x:auto!important}
.mobile-drawer a{
  width:102px!important;height:72px!important;border-radius:8px!important;background:#252a30!important;border:1px solid #20262d!important;
  display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;text-decoration:none!important;box-shadow:0 3px 9px rgba(0,0,0,.20)!important;
}
.mobile-drawer a:hover,.mobile-drawer a.active{border-color:#1e9bff!important;background:#29313a!important}.drawer-label{display:none!important}.drawer-ico{display:block!important;width:34px!important;height:34px!important;background:#dce1e7!important}.drawer-sep{width:102px!important;height:1px!important;background:#283039!important;margin-top:44px!important;display:block!important}
.ico-home{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4.1-2.8.1-4.2.1H392c-22.1 0-40-17.9-40-40V360c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32V472c0 22.1-17.9 40-40 40H128.1c-1.5 0-3-.1-4.5-.2c-1.2.1-2.4.2-3.6.2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9.1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4.1-2.8.1-4.2.1H392c-22.1 0-40-17.9-40-40V360c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32V472c0 22.1-17.9 40-40 40H128.1c-1.5 0-3-.1-4.5-.2c-1.2.1-2.4.2-3.6.2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9.1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.ico-movie{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zm48 48v64h80V96H64c-8.8 0-16 7.2-16 16v32zm0 112v64h80V256H48zm0 112v48c0 8.8 7.2 16 16 16h64V368H48zm336 64h64c8.8 0 16-7.2 16-16V368H384v64zm80-112V256H384v64h80zm0-112V144H384v64h80zM176 96v336H336V96H176z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zm48 48v64h80V96H64c-8.8 0-16 7.2-16 16v32zm0 112v64h80V256H48zm0 112v48c0 8.8 7.2 16 16 16h64V368H48zm336 64h64c8.8 0 16-7.2 16-16V368H384v64zm80-112V256H384v64h80zm0-112V144H384v64h80zM176 96v336H336V96H176z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.ico-tv{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H576c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm32 64H544c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H576c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm32 64H544c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.ico-plus{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.ico-magic{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6L432 135.2 408.8 112 461.4 59.4l23.2 23.2z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6L432 135.2 408.8 112 461.4 59.4l23.2 23.2z'/%3E%3C/svg%3E") center/contain no-repeat!important}
@media(max-width:520px){.api-logo{font-size:28px!important}.api-header{gap:14px!important}.search-toggle{width:78px!important;min-width:78px!important}.api-page.drawer-open .api-wrap{margin-left:176px!important;width:calc(100% - 176px)!important;min-width:640px!important}}
@media(max-width:390px){.api-logo{font-size:24px!important}.icon-btn{width:58px!important;min-width:58px!important}.search-toggle{width:70px!important;min-width:70px!important}.api-header{padding:0 14px!important;gap:12px!important}}

/* =========================================================
   AJUSTE FINAL - VISUAL DE STREAMING COMPACTO E RESPONSIVO
   Mantém funções existentes, só organiza tamanhos/ângulos/espaços.
========================================================= */
:root{
  --nx-bg:#22272d;
  --nx-header:#0f1419;
  --nx-panel:#171c22;
  --nx-card:#12171d;
  --nx-card-2:#1b2027;
  --nx-text:#d6dbe1;
  --nx-muted:#9ba4ad;
  --nx-blue:#1e9bff;
  --nx-radius:6px;
}
html,body.api-page{width:100%;max-width:100%;overflow-x:hidden!important;background:var(--nx-bg)!important;color:var(--nx-text)!important;font-family:"Roboto",Arial,sans-serif!important;font-size:14px!important}
body.api-page *{letter-spacing:0!important}

/* Header estilo streaming: baixo, limpo e proporcional */
.api-header{
  height:64px!important;min-height:64px!important;padding:0 20px!important;gap:14px!important;background:var(--nx-header)!important;border-bottom:1px solid #1b2229!important;box-shadow:0 2px 10px rgba(0,0,0,.28)!important
}
.api-logo{font-size:24px!important;line-height:1!important;letter-spacing:-1px!important;max-width:190px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.icon-btn{width:44px!important;height:44px!important;min-width:44px!important;border-radius:6px!important;background:#1a2026!important;border:1px solid #202832!important;box-shadow:none!important}
.mobile-menu::before{width:20px!important;height:16px!important}
.search-toggle{width:54px!important;min-width:54px!important;height:52px!important;border-radius:0!important;background:#171c22!important;align-self:stretch!important;margin-left:auto!important}
.search-toggle::before{width:24px!important;height:24px!important}
.api-nav a{font-size:13px!important;padding:8px 12px!important;border-radius:6px!important}

/* Menu hamburguer igual ao visual da referência, sem empurrar/quebrar o site */
.mobile-drawer{top:64px!important;width:0!important;padding:28px 0!important;gap:13px!important;background:#171c22!important;border-right:1px solid #10161c!important;transition:width .2s ease!important}
.mobile-drawer.open{width:118px!important}
.api-page.drawer-open .api-wrap{margin-left:118px!important;width:auto!important;min-width:0!important}
.mobile-drawer a{width:66px!important;height:58px!important;border-radius:6px!important;background:#252b32!important;border:1px solid #202832!important;box-shadow:0 2px 5px rgba(0,0,0,.18)!important}
.drawer-ico{width:25px!important;height:25px!important;background:#d9dee5!important}.drawer-sep{width:66px!important;margin-top:28px!important}

/* Estrutura geral menor e centralizada */
.api-wrap{max-width:1180px!important;margin:0 auto!important;padding:24px 22px 52px!important;transition:margin-left .2s ease!important}
.hero-panel{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr)!important;gap:34px!important;background:#171c22!important;border:1px solid #10151b!important;border-radius:6px!important;padding:16px!important;overflow:hidden!important}
.preview-box{min-height:0!important;overflow:hidden!important}.api-player-frame{width:100%!important;aspect-ratio:16/9!important;height:auto!important;max-height:390px!important;border-radius:4px!important;background:#000!important}.preview-box .active-id,.active-id{font-size:14px!important;margin:12px 0 0!important;padding:0!important}.active-id span{font-weight:700!important;color:#3ea4ff!important}
.search-card{padding:10px 6px!important;min-width:0!important}.insert-row{margin:0 0 22px!important;font-size:13px!important;gap:8px!important}.insert-row select{height:36px!important;padding:0 12px!important;font-size:13px!important;border-radius:5px!important;background:#252b32!important;color:#d8dce2!important}
.hero-tabs,.tabs{padding:5px!important;gap:5px!important;border-radius:999px!important;background:#252b32!important;margin-bottom:18px!important}
.hero-tabs .tab,.tab{font-size:13px!important;font-weight:800!important;padding:8px 13px!important;border-radius:999px!important;min-height:34px!important;border-width:1px!important}.hero-tabs .tab.active,.tab.active{background:#303740!important;border-color:#176eb9!important;box-shadow:0 0 0 1px rgba(30,155,255,.12)!important}
.search-card h1,.hero-tab-panel h1{font-size:24px!important;line-height:1.32!important;margin:18px 0!important;font-weight:500!important}.hero-search label{font-size:13px!important;margin-bottom:8px!important}.hero-search input,.filter-bar input{height:38px!important;border-radius:4px!important;font-size:14px!important;background:#242a31!important}.hero-search button{height:40px!important;margin-top:14px!important;border-radius:4px!important;font-size:14px!important;font-weight:800!important}.season-fields{gap:12px!important;margin-top:15px!important}
.api-info-panel h2{font-size:22px!important;margin:16px 0 9px!important}.api-info-panel p{font-size:13px!important;margin-bottom:16px!important}.api-info-panel a{font-size:13px!important}

/* Título e botões recentes */
.recent-head,.section-title{margin:34px 0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important}.recent-head h2,.section-title h2,.page-top h1{font-size:25px!important;line-height:1.15!important;font-weight:500!important;margin:0!important}.recent-icon{font-size:28px!important}.recent-switch{display:flex!important;gap:8px!important;background:transparent!important;padding:0!important}.recent-tab{min-width:104px!important;min-height:40px!important;padding:9px 16px!important;font-size:14px!important;font-weight:800!important;border-radius:999px!important;border:1px solid transparent!important;background:transparent!important;color:#d8dce2!important}.recent-tab.active{background:#303740!important;border-color:#176eb9!important;box-shadow:0 0 0 2px rgba(30,155,255,.12)!important;color:#fff!important}

/* Cards menores, simétricos, com grid de streaming */
.poster-grid{gap:13px!important;width:100%!important}.home-grid,.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.poster-card{border:4px solid #171e25!important;border-radius:5px!important;background:#11161b!important;box-shadow:0 2px 6px rgba(0,0,0,.35)!important;aspect-ratio:2/3!important}.poster-card b{top:5px!important;right:5px!important;font-size:11px!important;padding:3px 5px!important;border-radius:3px!important;background:rgba(12,15,19,.86)!important}.poster-card span{left:6px!important;bottom:6px!important;font-size:11px!important;padding:3px 6px!important;border-radius:3px!important;background:rgba(19,24,30,.88)!important}.hover h3{font-size:15px!important;line-height:1.25!important;font-weight:600!important}.hover div{font-size:20px!important;padding:7px 10px!important;border-radius:6px!important}
#home-series .poster-card span{top:6px!important;bottom:auto!important;left:6px!important;font-size:12px!important;padding:4px 7px!important}

/* Catálogo */
.page-top{margin-bottom:18px!important}.filter-bar{padding:10px!important;gap:8px!important;border-radius:5px!important;background:#171c22!important}.filter-bar button{height:36px!important;padding:0 12px!important;font-size:12px!important;border-radius:4px!important}.filter-bar input{max-width:240px!important}.pagination{margin:34px 0!important}.pagination a,.pagination span{padding:8px 11px!important;font-size:12px!important;border-radius:4px!important}
.api-footer{padding:24px 16px!important;font-size:12px!important}.api-footer p{font-size:13px!important;margin:10px 0 0!important;font-weight:500!important}

/* Modal menor e organizado */
.modal-box{width:min(620px,calc(100% - 30px))!important;padding:30px!important;border-radius:7px!important}.modal-box h2{font-size:30px!important;margin-bottom:22px!important}.modal-close{width:48px!important;height:48px!important;font-size:28px!important}.modal-tabs button{font-size:15px!important;padding:10px 16px!important}.modal-panel label{font-size:15px!important;margin:16px 0 8px!important}.copy-row input,.modal-panel textarea{font-size:15px!important;padding:13px!important}.copy-row button{width:54px!important;font-size:20px!important}

@media(max-width:1050px){
  .api-wrap{max-width:100%!important}.hero-panel{grid-template-columns:1fr!important;gap:20px!important}.home-grid,.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .api-header{height:62px!important;min-height:62px!important;padding:0 14px!important;gap:12px!important}.mobile-drawer{top:62px!important}.api-logo{font-size:22px!important;max-width:170px!important}.icon-btn{width:42px!important;height:42px!important;min-width:42px!important}.search-toggle{width:50px!important;min-width:50px!important;height:50px!important}.api-wrap{padding:18px 14px 48px!important}.hero-panel{padding:14px!important;border-radius:6px!important;margin:0!important}.api-player-frame{aspect-ratio:16/9!important;max-height:none!important}.search-card{padding:8px 0 0!important}.insert-row{display:flex!important;justify-content:flex-start!important;margin:13px 0 16px!important}.hero-tabs{width:100%!important;overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none!important}.hero-tabs::-webkit-scrollbar{display:none!important}.hero-tabs .tab{flex:0 0 auto!important;font-size:12px!important;padding:8px 12px!important}.search-card h1,.hero-tab-panel h1{font-size:20px!important;margin:15px 0!important}.hero-search input{height:42px!important}.hero-search button{height:44px!important}.recent-head,.section-title{margin:28px 0 15px!important}.recent-head h2,.section-title h2,.page-top h1{font-size:23px!important}.home-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}.poster-card{border-width:4px!important}.filter-bar{overflow-x:auto!important;white-space:nowrap!important}.filter-bar input{min-width:180px!important}.api-page.drawer-open .api-wrap{margin-left:118px!important;min-width:0!important;width:auto!important}.mobile-drawer.open{width:112px!important}.mobile-drawer a{width:62px!important;height:54px!important}.drawer-ico{width:23px!important;height:23px!important}
}
@media(max-width:560px){
  body.api-page{font-size:13px!important}.api-header{height:58px!important;min-height:58px!important;padding:0 12px!important;gap:10px!important}.mobile-drawer{top:58px!important}.api-logo{font-size:20px!important;max-width:160px!important}.icon-btn{width:38px!important;height:38px!important;min-width:38px!important}.mobile-menu::before{width:18px!important;height:14px!important}.search-toggle{width:46px!important;min-width:46px!important;height:46px!important}.search-toggle::before{width:21px!important;height:21px!important}.api-wrap{padding:14px 10px 42px!important}.hero-panel{padding:10px!important}.preview-box .active-id{font-size:13px!important;margin-top:9px!important}.insert-row{font-size:12px!important}.insert-row select{height:34px!important;font-size:12px!important}.hero-tabs .tab{font-size:12px!important;padding:7px 10px!important}.search-card h1,.hero-tab-panel h1{font-size:18px!important}.season-fields{grid-template-columns:1fr 1fr!important;gap:8px!important}.recent-head{align-items:flex-start!important;gap:12px!important}.recent-head h2{font-size:22px!important;width:100%!important}.recent-switch{width:100%!important;justify-content:flex-end!important}.recent-tab{min-width:92px!important;min-height:36px!important;font-size:13px!important;padding:8px 12px!important}.home-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.poster-card{border-width:4px!important}.poster-card b,.poster-card span{font-size:10px!important}.hover h3{font-size:13px!important}.api-footer{padding-bottom:28px!important}.modal{padding:90px 0 0!important;align-items:flex-start!important}.modal-box{width:100%!important;border-radius:6px 6px 0 0!important;padding:24px 18px!important}.modal-box h2{font-size:24px!important}.modal-close{top:14px!important;left:14px!important;width:42px!important;height:42px!important}.modal-tabs{width:100%!important;overflow-x:auto!important}.modal-tabs button{font-size:13px!important;padding:9px 12px!important;white-space:nowrap!important}
}
@media(max-width:390px){
  .api-logo{font-size:18px!important;max-width:135px!important}.api-header{gap:8px!important}.home-grid,.catalog-grid{gap:8px!important}.recent-head h2{font-size:20px!important}.recent-tab{min-width:84px!important;font-size:12px!important}.api-wrap{padding-left:8px!important;padding-right:8px!important}.hero-panel{padding:8px!important}.filter-bar button{font-size:11px!important;padding:0 10px!important}
}

/* === Painel estilo portal/streaming atrás dos recentes === */
.recent-streaming-panel{
  max-width:1280px!important;
  margin:34px auto 0!important;
  padding:0 18px 20px!important;
  background:linear-gradient(180deg,#2a2e35 0%,#24282f 100%)!important;
  border:1px solid #343a43!important;
  border-top:3px solid #1e9bff!important;
  border-radius:7px!important;
  box-shadow:0 14px 35px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
.streaming-titlebar{
  min-height:42px!important;
  margin:0 -18px 18px!important;
  padding:0 10px 0 0!important;
  background:#12161b!important;
  border-bottom:1px solid #343a43!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}
.streaming-camera{
  width:36px!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#050607!important;
  color:#e8edf3!important;
  font-size:15px!important;
  flex:0 0 36px!important;
}
.streaming-titlebar>strong{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0 22px 0 14px!important;
  margin-left:0!important;
  background:#1e9bff!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  text-transform:none!important;
  white-space:nowrap!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%)!important;
}
.recent-streaming-panel .recent-switch{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding-right:2px!important;
  width:auto!important;
  justify-content:flex-end!important;
}
.recent-streaming-panel .recent-tab{
  min-width:86px!important;
  min-height:30px!important;
  padding:6px 11px!important;
  font-size:12px!important;
  border-radius:4px!important;
  border:1px solid #343a43!important;
  background:#20252b!important;
  color:#dce1e7!important;
  box-shadow:none!important;
}
.recent-streaming-panel .recent-tab.active{
  background:#1e9bff!important;
  border-color:#1e9bff!important;
  color:#fff!important;
  box-shadow:0 0 0 2px rgba(30,155,255,.16)!important;
}
.recent-streaming-panel .poster-grid{
  padding:0!important;
}
.recent-streaming-panel .poster-card{
  border-color:#171b20!important;
  box-shadow:0 4px 12px rgba(0,0,0,.42)!important;
}

@media(max-width:820px){
  .recent-streaming-panel{
    margin-top:26px!important;
    padding:0 12px 14px!important;
    border-radius:6px!important;
  }
  .streaming-titlebar{
    margin:0 -12px 14px!important;
    min-height:40px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .streaming-titlebar::-webkit-scrollbar{display:none!important}
  .streaming-camera{width:34px!important;height:40px!important;flex-basis:34px!important}
  .streaming-titlebar>strong{
    min-height:32px!important;
    font-size:13px!important;
    padding:0 20px 0 12px!important;
  }
  .recent-streaming-panel .recent-switch{gap:6px!important;padding-left:8px!important;flex:0 0 auto!important}
  .recent-streaming-panel .recent-tab{
    min-width:76px!important;
    min-height:30px!important;
    padding:6px 9px!important;
    font-size:12px!important;
  }
}
@media(max-width:560px){
  .recent-streaming-panel{
    margin-left:0!important;
    margin-right:0!important;
    padding:0 10px 12px!important;
  }
  .streaming-titlebar{margin:0 -10px 12px!important}
  .streaming-titlebar>strong{font-size:12px!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .recent-streaming-panel .recent-tab{min-width:70px!important;font-size:11px!important;padding:6px 8px!important}
}

/* === Ajuste final: visual de portal/streaming compacto e responsivo === */
html,body{max-width:100%!important;overflow-x:hidden!important}
.api-page{background:#222629!important;color:#e7eaee!important;font-family:'Roboto',Arial,sans-serif!important;font-size:14px!important}
.api-wrap{width:min(100% - 28px,1180px)!important;margin:0 auto!important;padding:20px 0 42px!important;overflow:visible!important}
.api-header{height:58px!important;min-height:58px!important;background:#11161c!important;border-top:2px solid #1e9bff!important;border-bottom:1px solid #222832!important;padding:0 18px!important;position:sticky!important;top:0!important;z-index:30!important}
.api-logo{font-size:22px!important;letter-spacing:-.7px!important}.api-logo b{color:#fff!important}.api-logo span{color:#1e9bff!important}
.icon-btn{width:42px!important;height:42px!important;min-width:42px!important;border-radius:4px!important;background:#20262d!important;border:1px solid #252d36!important;box-shadow:0 2px 6px rgba(0,0,0,.25)!important}.search-toggle{margin-left:auto!important;width:44px!important;height:44px!important;min-width:44px!important;background:#151a20!important;border-radius:2px!important}
.mobile-drawer{background:#171c22!important;border-right:1px solid #252b33!important;box-shadow:8px 0 18px rgba(0,0,0,.2)!important}.mobile-drawer.open{width:112px!important}.mobile-drawer a{width:62px!important;height:54px!important;border-radius:6px!important;background:#252a31!important;border:1px solid #2d333b!important;margin:12px auto!important}.drawer-ico{width:24px!important;height:24px!important}.drawer-label{display:none!important}
.api-page.drawer-open .api-wrap{transform:none!important;margin-left:auto!important;width:min(100% - 28px,1180px)!important}

.hero-panel{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1.33fr) minmax(300px,.8fr)!important;gap:28px!important;background:#181d23!important;border:1px solid #303640!important;border-radius:5px!important;padding:16px!important;margin:0 auto 26px!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important;overflow:hidden!important}.preview-box{min-width:0!important}.api-player-frame{width:100%!important;aspect-ratio:16/8.8!important;max-height:390px!important;background:#050607!important;border:0!important}.active-id{font-size:13px!important;margin:12px 0 0!important}.search-card{min-width:0!important;padding:6px 0!important}.insert-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin:0 0 16px!important;font-size:13px!important}.insert-row select{height:34px!important;border-radius:4px!important;font-size:12px!important;padding:0 10px!important;background:#252b32!important;border:1px solid #2e3640!important;color:#dde2e8!important}.tabs,.hero-tabs{background:#252b32!important;border-radius:999px!important;padding:5px!important;gap:5px!important;margin:0 0 16px!important;display:flex!important;align-items:center!important;overflow-x:auto!important;scrollbar-width:none!important}.tabs::-webkit-scrollbar,.hero-tabs::-webkit-scrollbar{display:none!important}.tab,.hero-tabs .tab{height:32px!important;min-height:32px!important;min-width:auto!important;padding:0 13px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;background:transparent!important;border:1px solid transparent!important;color:#d7dce2!important;box-shadow:none!important}.tab.active,.hero-tabs .tab.active{background:#303740!important;border-color:#1e79c4!important;box-shadow:0 0 0 1px rgba(30,155,255,.14)!important;color:#fff!important}.hero-tab-panel h1,.search-card h1{font-size:23px!important;line-height:1.28!important;margin:16px 0!important;font-weight:500!important}.hero-tab-panel h1 span{color:#1e9bff!important}.hero-search label{font-size:13px!important;font-weight:700!important;margin-bottom:8px!important}.hero-search input{height:38px!important;border-radius:4px!important;background:#242a31!important;border:1px solid #2b333d!important;font-size:14px!important;padding:0 13px!important}.hero-search button{height:40px!important;border-radius:4px!important;margin-top:14px!important;background:#1e9bff!important;font-size:14px!important;font-weight:800!important}.season-fields{gap:10px!important;margin-top:12px!important}.api-info-panel h2{font-size:20px!important;margin:10px 0!important}.api-info-panel p{font-size:13px!important;word-break:break-word!important}

.recent-streaming-panel{width:100%!important;max-width:1180px!important;margin:26px auto 0!important;padding:0 16px 18px!important;background:#2b2b2b!important;border:1px solid #343434!important;border-top:3px solid #d71919!important;border-radius:2px!important;box-shadow:0 10px 24px rgba(0,0,0,.32)!important;overflow:hidden!important}.catalog-streaming-panel{margin-top:18px!important}.streaming-titlebar{height:auto!important;min-height:34px!important;margin:0 -16px 16px!important;padding:0 8px 0 0!important;background:#0b0b0b!important;border-bottom:1px solid #242424!important;display:flex!important;align-items:center!important;gap:0!important;overflow:visible!important}.streaming-camera{width:32px!important;height:34px!important;flex:0 0 32px!important;background:#050505!important;color:#fff!important;font-size:12px!important}.streaming-titlebar>strong{height:30px!important;min-height:30px!important;padding:0 22px 0 12px!important;background:#ed1717!important;color:#fff!important;font-size:13px!important;font-weight:900!important;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;max-width:60%!important;overflow:hidden!important;text-overflow:ellipsis!important}.recent-streaming-panel .recent-switch{margin-left:auto!important;display:flex!important;align-items:center!important;gap:5px!important;padding-left:8px!important;padding-right:0!important;flex:0 0 auto!important;background:transparent!important}.recent-streaming-panel .recent-tab{height:27px!important;min-height:27px!important;min-width:auto!important;padding:0 9px!important;border-radius:3px!important;border:1px solid #444!important;background:#222!important;color:#ddd!important;font-size:11px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important}.recent-streaming-panel .recent-tab .tab-ico{font-size:12px!important;margin-right:4px!important}.recent-streaming-panel .recent-tab.active{background:#ed1717!important;border-color:#ed1717!important;color:#fff!important;box-shadow:none!important}.recent-streaming-panel .poster-grid{padding:0!important;display:grid!important;gap:14px!important}.home-grid,.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.poster-card{width:100%!important;aspect-ratio:2/3!important;border:4px solid #171717!important;border-radius:2px!important;background:#111!important;box-shadow:0 3px 9px rgba(0,0,0,.36)!important;overflow:hidden!important}.poster-card img{width:100%!important;height:100%!important;object-fit:cover!important}.poster-card b{top:5px!important;right:5px!important;font-size:10px!important;padding:3px 5px!important;border-radius:2px!important;background:rgba(8,9,10,.88)!important}.poster-card span{left:6px!important;bottom:6px!important;font-size:10px!important;padding:3px 5px!important;border-radius:2px!important;background:rgba(15,17,20,.88)!important}.hover h3{font-size:13px!important;line-height:1.22!important}.hover div{font-size:18px!important;padding:6px 8px!important;border-radius:4px!important}
.page-top{width:100%!important;max-width:1180px!important;margin:0 auto 14px!important}.page-top h1{font-size:22px!important;margin:0 0 12px!important;font-weight:700!important}.filter-bar{display:flex!important;gap:8px!important;background:#15191e!important;border:1px solid #2d333b!important;border-radius:3px!important;padding:8px!important;overflow-x:auto!important;scrollbar-width:none!important}.filter-bar::-webkit-scrollbar{display:none!important}.filter-bar button,.filter-bar input{height:32px!important;border-radius:3px!important;font-size:12px!important;white-space:nowrap!important}.filter-bar input{min-width:190px!important}.pagination{margin:18px auto 0!important;display:flex!important;justify-content:center!important;gap:7px!important}.pagination a,.pagination span{min-width:30px!important;height:30px!important;border-radius:3px!important;font-size:12px!important}
.api-footer{padding:24px 14px!important;background:#11161a!important;border-top:1px solid #2b3138!important;font-size:13px!important}.modal-box{border-radius:4px!important}.modal-tabs button{height:36px!important;font-size:13px!important;border-radius:4px!important}

@media(max-width:1100px){.api-wrap{width:min(100% - 24px,980px)!important}.hero-panel{grid-template-columns:1fr!important;gap:18px!important}.api-player-frame{max-height:none!important;aspect-ratio:16/9!important}.home-grid,.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:820px){.api-wrap{width:calc(100% - 20px)!important;padding-top:14px!important}.api-header{height:58px!important;padding:0 12px!important}.api-logo{font-size:20px!important}.api-nav{display:none!important}.hero-panel{padding:10px!important;margin-bottom:18px!important}.insert-row{justify-content:flex-start!important;margin:12px 0 14px!important}.hero-tab-panel h1,.search-card h1{font-size:20px!important}.home-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.recent-streaming-panel{padding:0 10px 12px!important;margin-top:18px!important}.streaming-titlebar{margin:0 -10px 12px!important;min-height:34px!important}.streaming-titlebar>strong{font-size:12px!important;height:28px!important;min-height:28px!important;max-width:46%!important}.recent-streaming-panel .recent-switch{gap:4px!important;padding-left:5px!important}.recent-streaming-panel .recent-tab{height:26px!important;min-height:26px!important;font-size:10px!important;padding:0 7px!important}.recent-streaming-panel .recent-tab .tab-ico{font-size:11px!important;margin-right:3px!important}.filter-bar{padding:7px!important}.mobile-drawer.open{width:104px!important}.mobile-drawer a{width:58px!important;height:50px!important}.api-page.drawer-open .api-wrap{width:calc(100% - 20px)!important;margin-left:auto!important}}
@media(max-width:560px){.api-page{font-size:13px!important}.api-wrap{width:calc(100% - 16px)!important;padding-top:12px!important}.api-header{height:56px!important;min-height:56px!important}.icon-btn{width:38px!important;height:38px!important;min-width:38px!important}.search-toggle{width:42px!important;height:42px!important;min-width:42px!important}.api-logo{font-size:18px!important}.hero-panel{padding:8px!important;border-radius:4px!important}.api-player-frame{aspect-ratio:16/10!important}.tabs,.hero-tabs{padding:4px!important;gap:4px!important}.tab,.hero-tabs .tab{height:28px!important;min-height:28px!important;font-size:11px!important;padding:0 9px!important}.hero-tab-panel h1,.search-card h1{font-size:18px!important}.hero-search input{height:36px!important}.hero-search button{height:38px!important}.season-fields{grid-template-columns:1fr 1fr!important}.home-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.poster-card{border-width:3px!important}.recent-streaming-panel{width:100%!important;margin-top:16px!important;padding:0 8px 10px!important}.streaming-titlebar{margin:0 -8px 10px!important;padding-right:5px!important}.streaming-camera{width:28px!important;height:32px!important;flex-basis:28px!important}.streaming-titlebar>strong{font-size:11px!important;height:26px!important;min-height:26px!important;max-width:42%!important;padding-left:9px!important;padding-right:16px!important}.recent-streaming-panel .recent-tab{height:24px!important;min-height:24px!important;font-size:10px!important;padding:0 6px!important}.recent-streaming-panel .recent-tab .tab-ico{display:none!important}.page-top h1{font-size:20px!important}.filter-bar button,.filter-bar input{height:30px!important;font-size:11px!important}.modal-box{width:100%!important;border-radius:5px 5px 0 0!important;padding:22px 16px!important}.modal-box h2{font-size:23px!important}}
@media(max-width:380px){.home-grid,.catalog-grid{gap:7px!important}.streaming-titlebar>strong{max-width:38%!important}.recent-streaming-panel .recent-tab{font-size:9px!important;padding:0 5px!important}.api-logo{font-size:16px!important}.hero-tab-panel h1,.search-card h1{font-size:17px!important}}

/* === Correção definitiva: painel estilo referência + tabs funcionando + responsivo === */
.home-list[hidden], .hero-tab-panel[hidden]{display:none!important}
.home-list.active{display:grid!important}
.hero-tab-panel.active{display:block!important}
.api-wrap{max-width:1180px!important;width:min(100% - 28px,1180px)!important;margin:0 auto!important;padding:22px 0 56px!important;overflow:hidden!important}
.api-header{height:60px!important;min-height:60px!important;background:#10151b!important;border-bottom:1px solid #222a33!important;padding:0 max(14px,calc((100vw - 1180px)/2))!important}
.api-logo{font-size:22px!important;line-height:1!important;white-space:nowrap!important;color:#fff!important}.api-logo b{color:#fff!important}.api-logo span{color:#1e9bff!important}.search-toggle{margin-left:auto!important;background:#171d24!important;border-radius:2px!important;box-shadow:0 3px 10px rgba(0,0,0,.35)!important}.mobile-menu{background:#1b222a!important;border:1px solid #25313c!important}.mobile-menu.is-open{border-color:#1e9bff!important;box-shadow:0 0 0 2px rgba(30,155,255,.18)!important}
.hero-panel{max-width:1180px!important;margin:0 auto 22px!important;padding:16px!important;border-radius:4px!important;background:#171c22!important;border:1px solid #303741!important;gap:26px!important}.search-card h1,.hero-tab-panel h1{font-size:24px!important;line-height:1.35!important}.hero-tabs .tab{font-size:13px!important;height:34px!important;min-height:34px!important;padding:0 14px!important}.hero-search input{height:40px!important}.hero-search button{height:42px!important}.insert-row{margin-bottom:18px!important}.insert-row select{height:36px!important;padding:0 12px!important;font-size:13px!important}.api-player-frame{width:100%!important;aspect-ratio:16/9!important;min-height:0!important;border:0!important;background:#05070a!important}.preview-box{min-height:0!important}
.streaming-section.recent-streaming-panel{width:100%!important;max-width:1180px!important;margin:22px auto 0!important;padding:0 14px 16px!important;background:#2b2b2b!important;border:1px solid #373737!important;border-top:3px solid #d91b1b!important;border-radius:2px!important;box-shadow:0 10px 24px rgba(0,0,0,.32)!important;overflow:hidden!important}.catalog-streaming-panel{margin-top:16px!important}.streaming-titlebar{height:34px!important;min-height:34px!important;margin:0 -14px 14px!important;padding:0 7px 0 0!important;background:#080909!important;border:0!important;display:flex!important;align-items:center!important;gap:0!important;overflow:hidden!important}.section-mini-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;background:#050505!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important}.section-mini-icon:before{content:"";width:17px;height:17px;display:block;background:#fff;opacity:.95}.icon-recent:before{clip-path:polygon(0 20%,55% 20%,55% 0,100% 50%,55% 100%,55% 80%,0 80%)}.icon-filmes:before{background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px),linear-gradient(#fff,#fff);border-radius:1px}.icon-series:before{width:18px;height:13px;border:2px solid #fff;background:transparent;border-radius:2px;box-shadow:0 6px 0 -4px #fff}.streaming-titlebar>strong{height:30px!important;min-height:30px!important;padding:0 24px 0 12px!important;background:#e31818!important;color:#fff!important;font-size:13px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)!important;max-width:45%!important;overflow:hidden!important;text-overflow:ellipsis!important}.recent-streaming-panel .recent-switch{margin-left:auto!important;display:flex!important;gap:5px!important;align-items:center!important;background:transparent!important;padding:0!important;flex:0 0 auto!important}.recent-streaming-panel .recent-tab{height:25px!important;min-height:25px!important;min-width:auto!important;border-radius:3px!important;border:1px solid #474747!important;background:#222!important;color:#ddd!important;padding:0 8px!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;gap:4px!important}.recent-streaming-panel .recent-tab.active{background:#e31818!important;border-color:#e31818!important;color:#fff!important}.recent-streaming-panel .recent-tab .tab-ico{font-size:12px!important;line-height:1!important;margin:0!important}.poster-grid{display:grid!important}.home-grid,.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:13px!important}.poster-card{border:4px solid #171717!important;border-radius:2px!important;background:#101010!important;box-shadow:0 3px 8px rgba(0,0,0,.45)!important;aspect-ratio:2/3!important}.poster-card b{top:5px!important;right:5px!important;font-size:10px!important;padding:3px 5px!important;border-radius:2px!important}.poster-card span{left:6px!important;bottom:6px!important;font-size:10px!important;padding:3px 5px!important;border-radius:2px!important}.hover h3{font-size:13px!important}.hover div{font-size:18px!important;padding:6px 8px!important}.page-top{width:100%!important;max-width:1180px!important;margin:0 auto 14px!important}.page-top h1{font-size:22px!important;margin:0 0 10px!important}.filter-bar{background:#15191e!important;border:1px solid #2f363f!important;border-radius:3px!important;padding:8px!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important}.filter-bar::-webkit-scrollbar{display:none!important}.filter-bar button,.filter-bar input{height:32px!important;font-size:12px!important;border-radius:3px!important;white-space:nowrap!important}.filter-bar input{min-width:190px!important}
@media(max-width:1050px){.home-grid,.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.hero-panel{grid-template-columns:1fr!important}.api-wrap{width:calc(100% - 22px)!important}}
@media(max-width:760px){.api-wrap{width:calc(100% - 18px)!important;padding-top:14px!important}.api-header{height:58px!important;min-height:58px!important;padding:0 12px!important}.api-logo{font-size:20px!important}.api-nav{display:none!important}.mobile-menu{display:inline-flex!important;align-items:center!important;justify-content:center!important}.hero-panel{padding:10px!important;gap:14px!important}.search-card{padding:8px 0 0!important}.search-card h1,.hero-tab-panel h1{font-size:20px!important}.hero-tabs{width:100%!important;overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none!important}.hero-tabs::-webkit-scrollbar{display:none!important}.home-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.streaming-section.recent-streaming-panel{padding:0 10px 12px!important;margin-top:16px!important}.streaming-titlebar{margin:0 -10px 12px!important}.streaming-titlebar>strong{font-size:12px!important;height:28px!important;min-height:28px!important;max-width:48%!important}.section-mini-icon{width:31px!important;height:34px!important;flex-basis:31px!important}.recent-streaming-panel .recent-tab{height:24px!important;min-height:24px!important;font-size:10px!important;padding:0 7px!important}.mobile-drawer.open{display:flex!important;position:fixed!important;left:0!important;top:58px!important;bottom:0!important;width:96px!important;z-index:49!important;flex-direction:column!important;align-items:center!important;gap:12px!important;background:#141a21!important;border-right:1px solid #29313a!important;padding:22px 0!important}.mobile-drawer a{width:58px!important;height:52px!important;border-radius:6px!important;background:#252b32!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.drawer-label{display:none!important}.api-page.drawer-open .api-wrap{margin-left:auto!important;width:calc(100% - 18px)!important}}
@media(max-width:560px){.api-wrap{width:100%!important;padding:0 8px 44px!important}.api-header{height:56px!important;min-height:56px!important}.api-logo{font-size:18px!important}.icon-btn{width:38px!important;height:38px!important;min-width:38px!important}.search-toggle{width:42px!important;min-width:42px!important;height:42px!important}.hero-panel{border-radius:4px!important;margin:10px 0 14px!important;padding:8px!important}.api-player-frame{aspect-ratio:16/10!important}.insert-row{display:flex!important;justify-content:flex-start!important}.hero-tabs .tab{font-size:11px!important;height:28px!important;min-height:28px!important;padding:0 9px!important}.search-card h1,.hero-tab-panel h1{font-size:18px!important}.hero-search input{height:36px!important}.hero-search button{height:38px!important}.season-fields{grid-template-columns:1fr 1fr!important}.home-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.streaming-section.recent-streaming-panel{margin-top:12px!important;padding:0 7px 9px!important;border-radius:2px!important}.streaming-titlebar{height:32px!important;min-height:32px!important;margin:0 -7px 9px!important;padding-right:5px!important}.section-mini-icon{width:27px!important;height:32px!important;flex-basis:27px!important}.section-mini-icon:before{transform:scale(.82)!important}.streaming-titlebar>strong{height:26px!important;min-height:26px!important;font-size:11px!important;max-width:43%!important;padding:0 17px 0 8px!important}.recent-streaming-panel .recent-switch{gap:4px!important}.recent-streaming-panel .recent-tab{height:23px!important;min-height:23px!important;font-size:10px!important;padding:0 6px!important}.recent-streaming-panel .recent-tab .tab-ico{display:none!important}.poster-card{border-width:3px!important}.page-top h1{font-size:20px!important}.filter-bar{padding:7px!important}.filter-bar button,.filter-bar input{height:30px!important;font-size:11px!important}.pagination{margin:18px auto!important}.modal{padding-top:82px!important}.modal-box{width:100%!important;padding:22px 16px!important;border-radius:5px 5px 0 0!important}.modal-box h2{font-size:23px!important}}
@media(max-width:380px){.api-logo{font-size:16px!important}.streaming-titlebar>strong{max-width:39%!important}.recent-streaming-panel .recent-tab{font-size:9px!important;padding:0 5px!important}.home-grid,.catalog-grid{gap:7px!important}.hero-tab-panel h1,.search-card h1{font-size:17px!important}}

/* === Correção final: título Filmes/Séries no lugar correto, sem faixa duplicada === */
.page-top.catalog-heading-panel{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto 0!important;
  padding:0!important;
  background:#2b2b2b!important;
  border:1px solid #373737!important;
  border-top:3px solid #d91b1b!important;
  border-bottom:0!important;
  border-radius:2px 2px 0 0!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}
.page-top.catalog-heading-panel .catalog-main-title{
  margin:0!important;
  height:34px!important;
  min-height:34px!important;
  background:#080909!important;
  border:0!important;
}
.page-top.catalog-heading-panel .filter-bar{
  margin:10px 12px 12px!important;
  background:#15191e!important;
  border:1px solid #303741!important;
  border-radius:3px!important;
  padding:8px!important;
  box-shadow:none!important;
}
.catalog-content-panel{
  margin-top:0!important;
  border-top:0!important;
  border-radius:0 0 2px 2px!important;
  padding-top:14px!important;
  box-shadow:0 14px 30px rgba(0,0,0,.30)!important;
}
.catalog-content-panel .streaming-titlebar{display:none!important;}

/* deixa o painel de catálogo mais simétrico em PC/celular */
.catalog-content-panel .catalog-grid{
  padding:0!important;
  align-items:start!important;
}

@media(max-width:760px){
  .page-top.catalog-heading-panel{
    width:calc(100% - 18px)!important;
    margin:0 auto!important;
  }
  .page-top.catalog-heading-panel .catalog-main-title{
    height:32px!important;
    min-height:32px!important;
  }
  .page-top.catalog-heading-panel .filter-bar{
    margin:8px 8px 10px!important;
    padding:7px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    gap:7px!important;
  }
  .catalog-content-panel{
    width:calc(100% - 18px)!important;
    margin:0 auto!important;
    padding:10px!important;
  }
}
@media(max-width:560px){
  .page-top.catalog-heading-panel{
    width:calc(100% - 16px)!important;
  }
  .page-top.catalog-heading-panel .catalog-main-title{
    height:31px!important;
    min-height:31px!important;
  }
  .page-top.catalog-heading-panel .streaming-titlebar>strong{
    max-width:70%!important;
    font-size:11px!important;
  }
  .page-top.catalog-heading-panel .filter-bar{
    margin:7px 7px 9px!important;
    padding:6px!important;
  }
  .catalog-content-panel{
    width:calc(100% - 16px)!important;
    padding:8px!important;
  }
}

/* =========================================================
   FINAL PREMIUM STREAMING - layout organizado e harmônico
   Ajusta header, seção filmes/séries, cards, modal e mobile.
========================================================= */
:root{
  --nx-page:#202429;
  --nx-head:#0f141b;
  --nx-panel:#292929;
  --nx-panel-dark:#050505;
  --nx-panel-soft:#171c22;
  --nx-border:#343a42;
  --nx-red:#e51515;
  --nx-red-dark:#b80d0d;
  --nx-blue:#2196f3;
  --nx-text:#e9edf2;
  --nx-muted:#aab1ba;
}
html,body.api-page{background:#24282e!important;color:var(--nx-text)!important;font-family:Roboto,Arial,sans-serif!important;overflow-x:hidden!important}
.api-header{position:sticky!important;top:0!important;z-index:1000!important;height:60px!important;min-height:60px!important;padding:0 16px!important;background:#10151b!important;border-top:2px solid #0e7ad1!important;border-bottom:1px solid #20262d!important;display:flex!important;align-items:center!important;gap:14px!important;box-shadow:0 3px 12px rgba(0,0,0,.32)!important}
.api-logo{font-size:23px!important;font-weight:900!important;letter-spacing:-.8px!important;color:#fff!important;text-decoration:none!important;white-space:nowrap!important}.api-logo b{color:#fff!important}.api-logo span{color:#168ce8!important}.api-nav{margin-left:auto!important;display:flex!important;gap:8px!important}.api-nav a{font-size:13px!important;font-weight:800!important;color:#dce1e7!important;text-decoration:none!important;padding:9px 12px!important;border-radius:4px!important;background:#1b2027!important;border:1px solid #242b34!important}.api-nav a.active,.api-nav a:hover{background:#26313c!important;color:#fff!important;border-color:#168ce8!important}
.icon-btn{width:46px!important;height:46px!important;min-width:46px!important;border-radius:7px!important;background:#1a2028!important;border:1px solid #28313b!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 7px rgba(0,0,0,.25)!important}.mobile-menu::before{content:''!important;width:20px!important;height:14px!important;background:linear-gradient(#dce2e8,#dce2e8) 0 0/100% 2px no-repeat,linear-gradient(#dce2e8,#dce2e8) 0 6px/100% 2px no-repeat,linear-gradient(#dce2e8,#dce2e8) 0 12px/100% 2px no-repeat!important}.search-toggle{margin-left:auto!important;width:58px!important;height:52px!important;min-width:58px!important;background:#171d24!important;border-radius:2px!important}.search-toggle::before{content:''!important;width:24px!important;height:24px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23eef3f8' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E") center/contain no-repeat!important}

.api-wrap{max-width:1120px!important;margin:0 auto!important;padding:22px 18px 46px!important}.hero-panel{background:#171c22!important;border:1px solid #0c1116!important;border-radius:5px!important;padding:18px!important;box-shadow:0 3px 12px rgba(0,0,0,.25)!important}.api-player-frame{border-radius:3px!important;overflow:hidden!important}.search-card{background:transparent!important;border:0!important}.hero-tabs,.tabs{background:#242a31!important;border-radius:999px!important;padding:5px!important;gap:5px!important}.tab,.hero-tabs .tab{font-size:13px!important;font-weight:800!important;padding:8px 14px!important;min-height:34px!important;border-radius:999px!important;color:#e8edf2!important;background:transparent!important;border:1px solid transparent!important}.tab.active,.hero-tabs .tab.active{background:#2f3740!important;border-color:#168ce8!important;box-shadow:inset 0 0 0 1px rgba(22,140,232,.18)!important}.hero-tab-panel h1{font-size:25px!important;line-height:1.28!important;margin:0 0 20px!important}.hero-tab-panel h1 span,.api-info-panel span{color:#2196f3!important}.hero-search label{font-size:14px!important}.hero-search input,.filter-bar input{height:45px!important;border-radius:4px!important;background:#232a31!important;border:1px solid #28313a!important;color:#fff!important;padding:0 16px!important}.hero-search button{height:48px!important;border-radius:4px!important;background:#2196f3!important;font-weight:900!important}

/* Cabeçalho vermelho estilo referência */
.streaming-section,.catalog-heading-panel{background:#292929!important;border:1px solid #1d1d1d!important;border-radius:2px!important;box-shadow:0 3px 12px rgba(0,0,0,.28)!important;overflow:hidden!important}.streaming-section{padding:0 14px 18px!important;margin-top:24px!important}.catalog-heading-panel{padding:0 14px 14px!important;margin-bottom:0!important}.streaming-titlebar,.catalog-main-title{height:42px!important;margin:0 -14px 16px!important;background:#050505!important;border-top:4px solid #e51515!important;border-radius:0!important;display:flex!important;align-items:center!important;gap:0!important;padding:0!important;position:relative!important}.section-mini-emoji{width:42px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#050505!important;color:#fff!important;font-size:18px!important;line-height:1!important;flex:0 0 42px!important}.streaming-titlebar strong,.catalog-main-title strong{height:38px!important;display:flex!important;align-items:center!important;background:linear-gradient(180deg,#fa2626,#cf1010)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;padding:0 24px 0 14px!important;line-height:1!important;position:relative!important;text-transform:none!important}.streaming-titlebar strong:after,.catalog-main-title strong:after{content:''!important;position:absolute!important;right:-18px!important;top:0!important;border-top:19px solid transparent!important;border-bottom:19px solid transparent!important;border-left:18px solid #cf1010!important}.recent-switch{margin-left:auto!important;margin-right:12px!important;display:flex!important;gap:7px!important;align-items:center!important;background:transparent!important;box-shadow:none!important;padding:0!important}.recent-tab{height:30px!important;min-height:30px!important;padding:0 11px!important;border-radius:4px!important;background:#1b2026!important;border:1px solid #303741!important;color:#e7ecf1!important;font-size:12px!important;font-weight:900!important;display:flex!important;align-items:center!important;gap:6px!important;box-shadow:none!important}.recent-tab.active{background:#272f38!important;border-color:#168ce8!important;color:#fff!important}.tab-ico{font-size:14px!important;line-height:1!important}.catalog-main-title{margin-bottom:12px!important}.catalog-main-title strong{font-size:16px!important}

/* filtros e topo da página catálogo */
.filter-bar{background:#151a20!important;border:1px solid #10151a!important;border-radius:4px!important;padding:10px!important;display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important}.filter-bar::-webkit-scrollbar{display:none!important}.filter-bar button{height:36px!important;white-space:nowrap!important;border-radius:4px!important;background:#232a31!important;border:1px solid #2b333c!important;color:#eef2f6!important;font-size:13px!important;font-weight:800!important;padding:0 13px!important}.filter-bar input{min-width:190px!important;flex:1 1 220px!important;height:36px!important;font-size:13px!important}.filter-bar button[type=submit]{background:#1d8fe8!important;border-color:#1d8fe8!important}

/* Grid e cards de streaming */
.poster-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:16px!important;align-items:start!important}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))!important}.poster-card{position:relative!important;aspect-ratio:2/3!important;background:#111!important;border:1px solid #15191e!important;border-radius:2px!important;overflow:hidden!important;cursor:pointer!important;box-shadow:0 3px 9px rgba(0,0,0,.42)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.poster-card:hover{transform:translateY(-3px)!important;border-color:#2196f3!important;box-shadow:0 8px 18px rgba(0,0,0,.48)!important}.poster-card img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .25s ease,filter .2s ease!important}.poster-card:hover img{transform:scale(1.04)!important;filter:brightness(.55)!important}.poster-card b{position:absolute!important;right:7px!important;top:7px!important;background:#171b20!important;color:#fff!important;border-radius:3px!important;font-size:11px!important;font-weight:900!important;padding:3px 5px!important;line-height:1!important}.poster-card>span{position:absolute!important;left:7px!important;bottom:7px!important;background:rgba(12,15,18,.88)!important;color:#fff!important;border-radius:3px!important;font-size:11px!important;font-weight:900!important;padding:4px 6px!important;line-height:1!important}.poster-card .hover{position:absolute!important;inset:0!important;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.18))!important;opacity:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:14px!important;text-align:center!important;transition:opacity .18s ease!important}.poster-card:hover .hover{opacity:1!important}.poster-card .hover h3{font-size:16px!important;line-height:1.25!important;margin:0 0 14px!important;color:#fff!important}.poster-card .hover div{display:flex!important;gap:8px!important;font-size:0!important}.poster-card .hover div::before{content:'▶'!important;width:40px!important;height:36px!important;border-radius:5px!important;background:rgba(255,255,255,.12)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important}.poster-card .hover div::after{content:'</>'!important;width:40px!important;height:36px!important;border-radius:5px!important;background:rgba(255,255,255,.12)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:900!important}.home-list[hidden]{display:none!important}.home-list.active{display:grid!important}

/* Modal sempre abre nas opções, bonito e responsivo */
.modal{position:fixed!important;inset:0!important;z-index:2000!important;background:rgba(0,0,0,.82)!important;display:none!important;align-items:center!important;justify-content:center!important;padding:20px!important}.modal.open{display:flex!important}.modal-close{position:fixed!important;top:20px!important;left:20px!important;width:48px!important;height:48px!important;border-radius:50%!important;background:#1d2228!important;color:#fff!important;border:0!important;font-size:28px!important;font-weight:900!important;z-index:2!important}.modal-box{width:min(720px,100%)!important;background:#171c22!important;border:1px solid #252d36!important;border-radius:6px!important;padding:24px!important;box-shadow:0 12px 40px rgba(0,0,0,.55)!important}.modal-box h2{font-size:28px!important;line-height:1.2!important;margin:0 0 18px!important}.modal-tabs{display:flex!important;background:#252b32!important;border-radius:999px!important;padding:5px!important;gap:6px!important;margin-bottom:20px!important}.modal-tabs button{flex:1!important;height:42px!important;border-radius:999px!important;border:0!important;background:transparent!important;color:#dce2e8!important;font-weight:900!important;font-size:15px!important}.modal-tabs button.active{background:#343b45!important}.modal-panel label{display:block!important;font-weight:800!important;margin:15px 0 8px!important}.copy-row{display:flex!important;gap:0!important}.copy-row input,.modal-panel textarea{width:100%!important;background:#22292f!important;border:1px solid #28313a!important;color:#fff!important;border-radius:4px 0 0 4px!important;height:44px!important;padding:0 12px!important}.copy-row button{width:54px!important;border:0!important;background:#2a3138!important;color:#fff!important;border-radius:0 4px 4px 0!important;font-size:20px!important}.modal-panel textarea{height:120px!important;border-radius:4px!important;padding:12px!important}.copy-big{margin-top:10px!important;height:42px!important;border-radius:4px!important;background:#2196f3!important;border:0!important;color:#fff!important;font-weight:900!important}.hidden{display:none!important}

.pagination{display:flex!important;justify-content:center!important;gap:6px!important;margin:20px 0!important}.pagination a,.pagination span{min-width:32px!important;height:32px!important;border-radius:3px!important;background:#252b32!important;color:#fff!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:800!important}.pagination a.active{background:#e51515!important}.api-footer{background:#10151b!important;color:#d4d9de!important;text-align:center!important;padding:24px 16px!important;border-top:1px solid #20262d!important}.api-footer p{margin:8px 0 0!important;color:#aeb6bf!important;font-size:13px!important}

@media(max-width:900px){.api-nav{display:none!important}.api-wrap{padding:18px 14px 42px!important}.hero-panel{grid-template-columns:1fr!important;gap:18px!important}.poster-grid,.catalog-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.streaming-titlebar,.catalog-main-title{height:auto!important;min-height:42px!important}.recent-switch{position:absolute!important;right:8px!important;top:6px!important}.streaming-titlebar strong,.catalog-main-title strong{font-size:13px!important;padding-right:22px!important}.modal-box h2{font-size:24px!important}}
@media(max-width:640px){.api-header{height:56px!important;min-height:56px!important;padding:0 14px!important}.api-logo{font-size:22px!important}.icon-btn{width:43px!important;height:43px!important;min-width:43px!important}.search-toggle{width:54px!important;min-width:54px!important;height:48px!important}.api-wrap{padding:14px 10px 36px!important}.hero-panel{padding:12px!important}.hero-tab-panel h1{font-size:22px!important}.hero-tabs .tab,.tab{font-size:12px!important;padding:8px 10px!important}.streaming-section,.catalog-heading-panel{margin-top:16px!important;padding-left:10px!important;padding-right:10px!important}.streaming-titlebar,.catalog-main-title{margin-left:-10px!important;margin-right:-10px!important;margin-bottom:12px!important}.recent-switch{top:48px!important;right:0!important;left:0!important;justify-content:center!important;margin:0!important}.recent-streaming-panel{padding-top:42px!important}.recent-tab{font-size:12px!important;height:32px!important}.filter-bar{padding:8px!important}.filter-bar button{font-size:12px!important;height:34px!important;padding:0 10px!important}.poster-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.poster-card .hover{opacity:0!important}.poster-card b{font-size:11px!important}.modal{align-items:flex-end!important;padding:0!important}.modal-box{border-radius:8px 8px 0 0!important;padding:20px!important}.modal-close{top:12px!important;left:12px!important}.modal-tabs button{font-size:13px!important;height:40px!important}.mobile-drawer{top:56px!important}.mobile-drawer.open{width:86px!important}.api-page.drawer-open .api-wrap{margin-left:86px!important}.mobile-drawer a{width:54px!important;height:52px!important}.drawer-ico{width:22px!important;height:22px!important}}
@media(max-width:380px){.poster-grid,.catalog-grid{gap:9px!important}.api-logo{font-size:20px!important}.hero-tab-panel h1{font-size:20px!important}.streaming-titlebar strong,.catalog-main-title strong{font-size:12px!important}.section-mini-emoji{width:36px!important;flex-basis:36px!important}.recent-tab{padding:0 9px!important}.tab-ico{font-size:12px!important}}

/* =========================================================
   ÍCONES DESENHADOS EM CSS NAS FAIXAS DAS SEÇÕES
   Não altera os ícones do menu hambúrguer.
   Cada seção tem um desenho próprio, no estilo portal/streaming.
========================================================= */
.streaming-titlebar .section-mini-emoji,
.catalog-main-title .section-mini-emoji{
  display:none!important;
}
.streaming-titlebar .section-mark,
.catalog-main-title .section-mark{
  width:42px!important;
  height:38px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#050505!important;
  color:#fff!important;
  box-sizing:border-box!important;
}

/* Adicionados recentemente: câmera/filmadora desenhada, parecida com a referência */
.section-mark-recent::before{
  content:''!important;
  width:18px!important;
  height:13px!important;
  border-radius:2px!important;
  background:#f4f6f8!important;
  box-shadow:inset 0 0 0 2px #f4f6f8!important;
  position:absolute!important;
  left:10px!important;
  top:13px!important;
}
.section-mark-recent::after{
  content:''!important;
  position:absolute!important;
  left:27px!important;
  top:15px!important;
  width:0!important;
  height:0!important;
  border-top:5px solid transparent!important;
  border-bottom:5px solid transparent!important;
  border-left:8px solid #f4f6f8!important;
}
.section-mark-recent i{display:none!important;}

/* Filmes: película desenhada com furos laterais */
.section-mark-filmes::before{
  content:''!important;
  width:20px!important;
  height:22px!important;
  border:2px solid #f4f6f8!important;
  border-radius:2px!important;
  position:absolute!important;
  left:11px!important;
  top:8px!important;
  background:linear-gradient(90deg,transparent 0 5px,#f4f6f8 5px 7px,transparent 7px 13px,#f4f6f8 13px 15px,transparent 15px)!important;
}
.section-mark-filmes::after{
  content:''!important;
  position:absolute!important;
  left:14px!important;
  top:11px!important;
  width:3px!important;
  height:3px!important;
  background:#050505!important;
  box-shadow:0 6px 0 #050505,0 12px 0 #050505,13px 0 0 #050505,13px 6px 0 #050505,13px 12px 0 #050505!important;
}

/* Séries: monitor/TV desenhado */
.section-mark-series::before{
  content:''!important;
  width:22px!important;
  height:15px!important;
  border:2px solid #f4f6f8!important;
  border-radius:2px!important;
  position:absolute!important;
  left:9px!important;
  top:10px!important;
  background:transparent!important;
}
.section-mark-series::after{
  content:''!important;
  position:absolute!important;
  left:17px!important;
  top:27px!important;
  width:10px!important;
  height:2px!important;
  background:#f4f6f8!important;
  box-shadow:0 3px 0 2px #f4f6f8!important;
  border-radius:1px!important;
}

/* API: varinha/código, caso alguma faixa futura use esta classe */
.section-mark-api::before{
  content:''!important;
  width:24px!important;
  height:3px!important;
  background:#f4f6f8!important;
  border-radius:3px!important;
  position:absolute!important;
  transform:rotate(-42deg)!important;
}
.section-mark-api::after{
  content:''!important;
  width:4px!important;
  height:4px!important;
  background:#f4f6f8!important;
  border-radius:50%!important;
  position:absolute!important;
  left:12px!important;
  top:8px!important;
  box-shadow:9px 3px 0 #f4f6f8,2px 15px 0 #f4f6f8!important;
}

/* Alinhamento final das faixas para PC e celular */
.streaming-titlebar,
.catalog-main-title{
  overflow:visible!important;
}
.streaming-titlebar>strong,
.catalog-main-title>strong{
  margin-left:0!important;
}

@media(max-width:640px){
  .streaming-titlebar .section-mark,
  .catalog-main-title .section-mark{
    width:36px!important;
    min-width:36px!important;
    flex-basis:36px!important;
    height:34px!important;
  }
  .section-mark-recent::before{left:8px!important;top:11px!important;transform:scale(.88)!important;transform-origin:left top!important;}
  .section-mark-recent::after{left:24px!important;top:13px!important;transform:scale(.88)!important;transform-origin:left top!important;}
  .section-mark-filmes::before{left:8px!important;top:7px!important;transform:scale(.88)!important;transform-origin:left top!important;}
  .section-mark-filmes::after{left:11px!important;top:10px!important;transform:scale(.88)!important;transform-origin:left top!important;}
  .section-mark-series::before{left:7px!important;top:8px!important;transform:scale(.88)!important;transform-origin:left top!important;}
  .section-mark-series::after{left:14px!important;top:24px!important;transform:scale(.88)!important;transform-origin:left top!important;}
}

/* =========================================================
   ÍCONES FINAIS ESTILO FONT AWESOME / STREAMING
   Aplicado no menu hamburguer, abas e títulos das seções.
   Sem emoji e sem imagem externa.
========================================================= */
.drawer-ico,.section-mark,.tab-ico,.inline-ico{
  display:inline-block!important;
  background:#dce1e7!important;
  color:transparent!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  flex:0 0 auto!important;
}
.tab-ico{width:16px!important;height:16px!important;background:#dfe5eb!important;vertical-align:-2px!important;margin-right:6px!important}
.inline-ico{width:14px!important;height:14px!important;background:#dfe5eb!important;vertical-align:-2px!important;margin-right:6px!important}
.hero-tabs .tab,.recent-tab,.modal-tabs button,.filter-bar button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
.hero-tabs .tab .tab-ico,.recent-tab .tab-ico{margin-right:0!important}
.tab.active .tab-ico,.recent-tab.active .tab-ico,.modal-tabs button.active .inline-ico{background:#fff!important}

/* máscaras SVG em estilo de biblioteca de ícones */
.ico-home,.section-mark-home{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M543.8 287.6H512V448c0 35.3-28.7 64-64 64H352V352c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32V512H128c-35.3 0-64-28.7-64-64V287.6H32.2c-28.6 0-42.8-34.6-22.6-54.8L266.4 8.3c12.2-10.7 30.9-10.7 43.1 0L566.4 232.8c20.2 20.2 6 54.8-22.6 54.8z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M543.8 287.6H512V448c0 35.3-28.7 64-64 64H352V352c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32V512H128c-35.3 0-64-28.7-64-64V287.6H32.2c-28.6 0-42.8-34.6-22.6-54.8L266.4 8.3c12.2-10.7 30.9-10.7 43.1 0L566.4 232.8c20.2 20.2 6 54.8-22.6 54.8z'/%3E%3C/svg%3E")!important}
.ico-movie,.section-mark-filmes{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zm48 48v64h80V96H64c-8.8 0-16 7.2-16 16v32zm0 112v64h80V256H48zm0 112v48c0 8.8 7.2 16 16 16h64V368H48zm336 64h64c8.8 0 16-7.2 16-16V368H384v64zm80-112V256H384v64h80zm0-112V144H384v64h80zM176 96v336H336V96H176z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zm48 48v64h80V96H64c-8.8 0-16 7.2-16 16v32zm0 112v64h80V256H48zm0 112v48c0 8.8 7.2 16 16 16h64V368H48zm336 64h64c8.8 0 16-7.2 16-16V368H384v64zm80-112V256H384v64h80zm0-112V144H384v64h80zM176 96v336H336V96H176z'/%3E%3C/svg%3E")!important}
.ico-tv,.section-mark-series{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M64 64C28.7 64 0 92.7 0 128V352c0 35.3 28.7 64 64 64H256l-16 48H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H400l-16-48H576c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm32 64H544c17.7 0 32 14.3 32 32V320c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M64 64C28.7 64 0 92.7 0 128V352c0 35.3 28.7 64 64 64H256l-16 48H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H400l-16-48H576c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm32 64H544c17.7 0 32 14.3 32 32V320c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32z'/%3E%3C/svg%3E")!important}
.ico-plus{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M384 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64zM256 320v48c0 8.8-7.2 16-16 16H208c-8.8 0-16-7.2-16-16V320H144c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16H192V208c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v48h48c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H256z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M384 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64zM256 320v48c0 8.8-7.2 16-16 16H208c-8.8 0-16-7.2-16-16V320H144c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16H192V208c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v48h48c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H256z'/%3E%3C/svg%3E")!important}
.ico-magic,.section-mark-api{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6L432 135.2 408.8 112 461.4 59.4l23.2 23.2z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6L432 135.2 408.8 112 461.4 59.4l23.2 23.2z'/%3E%3C/svg%3E")!important}
.ico-link{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 335.2c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6c-41.2 57.5-34.7 136.3 15.4 186.3c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6c-31.5-31.5-31.5-82.5 0-114L217.7 176.8c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6c41.2-57.5 34.7-136.3-15.4-186.3c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 335.2c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6c-41.2 57.5-34.7 136.3 15.4 186.3c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6c-31.5-31.5-31.5-82.5 0-114L217.7 176.8c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6c41.2-57.5 34.7-136.3-15.4-186.3c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z'/%3E%3C/svg%3E")!important}
.ico-code{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M392.8 1.2c17 4.9 26.9 22.6 22 39.6l-128 448c-4.9 17-22.6 26.9-39.6 22s-26.9-22.6-22-39.6l128-448c4.9-17 22.6-26.9 39.6-22zM164.7 121.4c12.5 12.5 12.5 32.8 0 45.3L75.3 256l89.4 89.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L7 278.3c-12.5-12.5-12.5-32.8 0-45.3L119.4 120.6c12.5-12.5 32.8-12.5 45.3 .8zm310.6 0c12.5-12.5 32.8-12.5 45.3 0L633 233.7c12.5 12.5 12.5 32.8 0 45.3L520.6 391.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L564.7 256l-89.4-89.4c-12.5-12.5-12.5-32.8 0-45.3z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M392.8 1.2c17 4.9 26.9 22.6 22 39.6l-128 448c-4.9 17-22.6 26.9-39.6 22s-26.9-22.6-22-39.6l128-448c4.9-17 22.6-26.9 39.6-22zM164.7 121.4c12.5 12.5 12.5 32.8 0 45.3L75.3 256l89.4 89.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L7 278.3c-12.5-12.5-12.5-32.8 0-45.3L119.4 120.6c12.5-12.5 32.8-12.5 45.3 .8zm310.6 0c12.5-12.5 32.8-12.5 45.3 0L633 233.7c12.5 12.5 12.5 32.8 0 45.3L520.6 391.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L564.7 256l-89.4-89.4c-12.5-12.5-12.5-32.8 0-45.3z'/%3E%3C/svg%3E")!important}
.ico-quality{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M287.9 0c9.2 0 17.6 5.2 21.7 13.5l68.6 138.9 153.3 22.3c9.1 1.3 16.7 7.7 19.6 16.5s.5 18.4-6 24.8L434 324.4l26.2 152.7c1.6 9.1-2.2 18.2-9.7 23.6s-17.4 6.1-25.5 1.8L288 430.4 151 502.5c-8.2 4.3-18 3.6-25.5-1.8s-11.3-14.5-9.7-23.6L142 324.4 30.9 216c-6.6-6.4-8.9-16-6-24.8s10.5-15.2 19.6-16.5l153.3-22.3L266.4 13.5C270.4 5.2 278.7 0 287.9 0z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M287.9 0c9.2 0 17.6 5.2 21.7 13.5l68.6 138.9 153.3 22.3c9.1 1.3 16.7 7.7 19.6 16.5s.5 18.4-6 24.8L434 324.4l26.2 152.7c1.6 9.1-2.2 18.2-9.7 23.6s-17.4 6.1-25.5 1.8L288 430.4 151 502.5c-8.2 4.3-18 3.6-25.5-1.8s-11.3-14.5-9.7-23.6L142 324.4 30.9 216c-6.6-6.4-8.9-16-6-24.8s10.5-15.2 19.6-16.5l153.3-22.3L266.4 13.5C270.4 5.2 278.7 0 287.9 0z'/%3E%3C/svg%3E")!important}
.ico-calendar{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M128 0c17.7 0 32 14.3 32 32V64H288V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H0V112C0 85.5 21.5 64 48 64H96V32c0-17.7 14.3-32 32-32zM0 192H448V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V192z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M128 0c17.7 0 32 14.3 32 32V64H288V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H0V112C0 85.5 21.5 64 48 64H96V32c0-17.7 14.3-32 32-32zM0 192H448V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V192z'/%3E%3C/svg%3E")!important}
.ico-globe{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.7 3.2-42.1 3.2-64s-1.1-43.3-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6C399.1 33.5 461.1 90.2 493.4 160zM344.3 160H167.7c6.1-36.4 15.5-68.6 27-94.7C213.7 22.5 237.2 0 256 0s42.3 22.5 61.3 65.3c11.5 26.1 20.9 58.3 27 94.7zm-209 0H18.6C50.9 90.2 112.9 33.5 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.7-3.2 42.1-3.2 64s1.1 43.3 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM167.7 352H344.3c-6.1 36.4-15.5 68.6-27 94.7C298.3 489.5 274.8 512 256 512s-42.3-22.5-61.3-65.3c-11.5-26.1-20.9-58.3-27-94.7zm-32.4 0c10 63.9 29.8 117.4 55.3 151.6C112.9 478.5 50.9 421.8 18.6 352H135.3zm241.4 0H493.4c-32.3 69.8-94.3 126.5-172 151.6c25.5-34.2 45.3-87.7 55.3-151.6z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.7 3.2-42.1 3.2-64s-1.1-43.3-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6C399.1 33.5 461.1 90.2 493.4 160zM344.3 160H167.7c6.1-36.4 15.5-68.6 27-94.7C213.7 22.5 237.2 0 256 0s42.3 22.5 61.3 65.3c11.5 26.1 20.9 58.3 27 94.7zm-209 0H18.6C50.9 90.2 112.9 33.5 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.7-3.2 42.1-3.2 64s1.1 43.3 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM167.7 352H344.3c-6.1 36.4-15.5 68.6-27 94.7C298.3 489.5 274.8 512 256 512s-42.3-22.5-61.3-65.3c-11.5-26.1-20.9-58.3-27-94.7zm-32.4 0c10 63.9 29.8 117.4 55.3 151.6C112.9 478.5 50.9 421.8 18.6 352H135.3zm241.4 0H493.4c-32.3 69.8-94.3 126.5-172 151.6c25.5-34.2 45.3-87.7 55.3-151.6z'/%3E%3C/svg%3E")!important}

/* título das seções: quadrado preto + ícone branco, sem desenhos antigos por pseudo-elementos */
.streaming-titlebar .section-mark,
.catalog-main-title .section-mark{
  width:42px!important;height:38px!important;min-width:42px!important;flex-basis:42px!important;
  background:#f4f6f8!important;position:relative!important;margin:0!important;
  -webkit-mask-size:22px 22px!important;mask-size:22px 22px!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
}
.section-mark::before,.section-mark::after{display:none!important;content:none!important}
.section-mark-recent{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128zM559.1 99.8c10.4 5.6 16.9 16.4 16.9 28.2V384c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6L416 337.1V174.9l110.2-73.5c9.8-6.5 22.4-7.2 32.9-1.6z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128zM559.1 99.8c10.4 5.6 16.9 16.9 16.9 28.2V384c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6L416 337.1V174.9l110.2-73.5c9.8-6.5 22.4-7.2 32.9-1.6z'/%3E%3C/svg%3E")!important}

@media(max-width:640px){
  .streaming-titlebar .section-mark,.catalog-main-title .section-mark{width:36px!important;height:34px!important;min-width:36px!important;flex-basis:36px!important;-webkit-mask-size:19px 19px!important;mask-size:19px 19px!important}
  .tab-ico{width:14px!important;height:14px!important}.inline-ico{width:13px!important;height:13px!important}
}

/* ==========================================================
   NEXEMBED - visual streaming final inspirado no modelo enviado
   ========================================================== */
:root{
  --nx-bg:#0b1117;
  --nx-page:#111820;
  --nx-panel:#171e26;
  --nx-panel-2:#20262d;
  --nx-line:#26313b;
  --nx-red:#e50914;
  --nx-blue:#1598ff;
  --nx-text:#f2f5f8;
  --nx-muted:#9aa7b4;
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body.api-page{
  margin:0!important;
  background:radial-gradient(circle at 50% -20%,#15202b 0,#0d141b 42%,#090e13 100%)!important;
  color:var(--nx-text)!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.api-header{
  position:sticky!important;top:0!important;z-index:50!important;
  width:min(1220px,100% - 24px)!important;
  margin:0 auto!important;
  height:58px!important;min-height:58px!important;
  padding:0 12px!important;
  display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:14px!important;
  background:#0c1219!important;border-top:3px solid var(--nx-red)!important;border-bottom:1px solid #1d2630!important;
  box-shadow:0 6px 22px rgba(0,0,0,.32)!important;
}
.api-logo{display:inline-flex!important;align-items:center!important;text-decoration:none!important;color:#fff!important;font-weight:900!important;letter-spacing:.2px!important;font-size:23px!important;line-height:1!important;white-space:nowrap!important;justify-self:start!important}
.api-logo b{color:#fff!important}.api-logo span{color:var(--nx-blue)!important}
.api-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important}
.api-nav a{height:32px!important;min-width:74px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 13px!important;border-radius:4px!important;background:#121922!important;border:1px solid #1e2935!important;color:#dce4ec!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;box-shadow:0 2px 8px rgba(0,0,0,.22)!important}
.api-nav a.active,.api-nav a:hover{border-color:var(--nx-blue)!important;color:#fff!important;background:#172230!important;box-shadow:0 0 0 1px rgba(21,152,255,.25) inset!important}
.icon-btn{border:0!important;color:#dfe6ee!important;background:#151c24!important;border-radius:5px!important;width:42px!important;height:42px!important;min-width:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 14px rgba(0,0,0,.25)!important;cursor:pointer!important;font-size:0!important}
.mobile-menu::before{content:''!important;width:18px!important;height:14px!important;background:linear-gradient(#e7edf4,#e7edf4) 0 0/18px 2px no-repeat,linear-gradient(#e7edf4,#e7edf4) 0 6px/18px 2px no-repeat,linear-gradient(#e7edf4,#e7edf4) 0 12px/18px 2px no-repeat!important}
.search-toggle::before{content:''!important;width:20px!important;height:20px!important;border:3px solid #e8eef5!important;border-radius:50%!important;display:block!important;position:relative!important;transform:rotate(-45deg)!important;box-sizing:border-box!important}
.search-toggle::after{content:''!important;width:11px!important;height:3px!important;background:#e8eef5!important;border-radius:4px!important;position:absolute!important;transform:translate(11px,11px) rotate(45deg)!important}
.api-wrap{width:min(1220px,100% - 24px)!important;margin:0 auto!important;padding:24px 0 48px!important;background:transparent!important}
.notice{background:#1b2632!important;border:1px solid #2e4052!important;border-radius:5px!important;padding:14px!important;margin-bottom:18px!important;color:#d9e2ec!important}
.hero-panel{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr)!important;gap:24px!important;align-items:stretch!important;background:linear-gradient(180deg,#151c24,#111820)!important;border:1px solid #222c36!important;border-radius:5px!important;padding:18px!important;box-shadow:0 12px 28px rgba(0,0,0,.30)!important;margin:0 0 24px!important}
.preview-box{min-width:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;background:transparent!important}.api-player-frame{width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;border:0!important;border-radius:2px!important;background:#000!important}.active-id{margin:0!important;font-size:13px!important;font-weight:700!important;color:#d8e0e8!important}.active-id span{color:var(--nx-blue)!important}.preview-empty{aspect-ratio:16/9!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#05080c!important;border:1px solid #1c2630!important;border-radius:3px!important}.preview-empty h2{font-size:20px!important;margin:0 0 8px!important}
.search-card{min-width:0!important;padding:6px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important}.insert-row{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin:0 0 18px!important;color:#dce4ec!important;font-weight:700!important;font-size:13px!important}.insert-row select{height:34px!important;padding:0 34px 0 12px!important;border:1px solid #25313d!important;background:#202832!important;color:#dce5ef!important;border-radius:5px!important;font-weight:700!important;max-width:100%!important}.tabs.hero-tabs{display:flex!important;align-items:center!important;gap:6px!important;background:#202832!important;border:1px solid #283441!important;border-radius:22px!important;padding:5px!important;margin:0 0 18px!important}.hero-tabs .tab{height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 14px!important;border:1px solid transparent!important;background:transparent!important;color:#dce4ec!important;border-radius:17px!important;font-weight:800!important;font-size:13px!important;cursor:pointer!important}.hero-tabs .tab.active{background:#2a333e!important;border-color:var(--nx-blue)!important;box-shadow:0 0 0 1px rgba(21,152,255,.22),0 4px 14px rgba(0,0,0,.24)!important}.hero-tab-panel h1{font-size:23px!important;line-height:1.28!important;margin:0 0 18px!important;font-weight:900!important;color:#f3f7fb!important}.hero-tab-panel h1 span,.api-info-panel h2 span{color:var(--nx-blue)!important}.hero-search label{font-size:13px!important;color:#d8e0e9!important;font-weight:800!important;margin:0 0 8px!important;display:block!important}.hero-search em{color:#ff4f5e!important;font-style:normal!important}.hero-search input{width:100%!important;height:42px!important;border:1px solid #25313d!important;border-radius:4px!important;background:#222a33!important;color:#fff!important;padding:0 14px!important;font-size:14px!important;margin:0 0 14px!important}.hero-search button{width:100%!important;height:44px!important;border:0!important;border-radius:4px!important;background:var(--nx-blue)!important;color:#fff!important;font-size:15px!important;font-weight:900!important;cursor:pointer!important}.season-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.api-info-panel p{font-size:13px!important;color:#d5dde5!important;word-break:break-all!important;margin:4px 0 14px!important}.api-info-panel a{color:var(--nx-blue)!important;text-decoration:none!important;font-weight:800!important}
/* barras das seções no estilo CanaisFlix */
.streaming-section,.catalog-heading-panel{background:linear-gradient(180deg,#242a31,#1e242b)!important;border:1px solid #303943!important;border-radius:4px!important;box-shadow:0 12px 30px rgba(0,0,0,.30)!important}.recent-streaming-panel,.catalog-streaming-panel{width:100%!important;margin:0 0 24px!important;padding:0 16px 18px!important;border-top:0!important}.streaming-titlebar{min-height:42px!important;margin:0 -16px 16px!important;background:#050607!important;border-top:3px solid var(--nx-red)!important;display:flex!important;align-items:center!important;gap:0!important;position:relative!important;overflow:visible!important}.section-mark{width:38px!important;height:39px!important;min-width:38px!important;background:#050607!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}.streaming-titlebar strong{height:39px!important;min-width:0!important;display:inline-flex!important;align-items:center!important;padding:0 28px 0 14px!important;background:var(--nx-red)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%)!important;white-space:nowrap!important}.section-mark::before,.section-mark::after{content:''!important;display:block!important;position:absolute!important}.section-mark-recent::before{width:16px!important;height:11px!important;border-radius:2px!important;background:#fff!important;left:11px!important;top:14px!important}.section-mark-recent::after{width:0!important;height:0!important;border-top:6px solid transparent!important;border-bottom:6px solid transparent!important;border-left:9px solid #fff!important;left:27px!important;top:13px!important}.section-mark-filmes::before{width:16px!important;height:18px!important;border:2px solid #fff!important;border-radius:2px!important;left:11px!important;top:10px!important;background:repeating-linear-gradient(90deg,transparent 0 5px,#fff 5px 7px,transparent 7px 12px)!important}.section-mark-filmes::after{width:4px!important;height:4px!important;background:#fff!important;box-shadow:0 7px 0 #fff!important;left:14px!important;top:14px!important}.section-mark-series::before{width:21px!important;height:14px!important;border:2px solid #fff!important;border-radius:2px!important;left:8px!important;top:10px!important}.section-mark-series::after{width:13px!important;height:2px!important;background:#fff!important;left:12px!important;top:28px!important;box-shadow:0 4px 0 #fff!important}.recent-switch{margin-left:auto!important;display:flex!important;align-items:center!important;gap:7px!important;padding-right:9px!important}.recent-tab{height:28px!important;min-width:76px!important;padding:0 9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px solid #2b3642!important;border-radius:3px!important;background:#13191f!important;color:#dce4ec!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important}.recent-tab.active{background:var(--nx-red)!important;border-color:#ff2732!important;color:#fff!important}.tab-ico{width:15px!important;height:15px!important;display:inline-block!important;position:relative!important;flex:0 0 15px!important;color:currentColor!important}.ico-movie::before{content:''!important;position:absolute!important;inset:1px 2px!important;border:2px solid currentColor!important;border-radius:2px!important}.ico-movie::after{content:''!important;position:absolute!important;left:5px!important;top:3px!important;width:2px!important;height:2px!important;background:currentColor!important;box-shadow:0 4px 0 currentColor,6px 0 0 currentColor,6px 4px 0 currentColor!important}.ico-tv::before{content:''!important;position:absolute!important;left:1px!important;top:2px!important;width:13px!important;height:9px!important;border:2px solid currentColor!important;border-radius:2px!important}.ico-tv::after{content:''!important;position:absolute!important;left:5px!important;top:13px!important;width:7px!important;height:2px!important;background:currentColor!important;box-shadow:0 3px 0 currentColor!important}.ico-magic::before{content:''!important;position:absolute!important;left:4px!important;top:2px!important;width:3px!important;height:14px!important;background:currentColor!important;transform:rotate(45deg)!important;border-radius:2px!important}.ico-magic::after{content:'✦'!important;position:absolute!important;right:-1px!important;top:-5px!important;font-size:10px!important;line-height:1!important;color:currentColor!important}.ico-quality::before{content:'★'!important}.ico-calendar::before{content:'▣'!important}.ico-globe::before{content:'◎'!important}.ico-link::before{content:'🔗'!important}.ico-code::before{content:'</>'!important;font-size:10px!important;font-weight:900!important}.inline-ico{display:inline-block!important;margin-right:4px!important;color:inherit!important}
.poster-grid{display:grid!important;gap:16px!important;width:100%!important}.home-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.poster-card{position:relative!important;display:block!important;aspect-ratio:2/3!important;overflow:hidden!important;border-radius:2px!important;background:#0a0d10!important;border:1px solid #151c23!important;box-shadow:0 6px 12px rgba(0,0,0,.38)!important;cursor:pointer!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}.poster-card:hover{transform:translateY(-3px)!important;border-color:#2a91e8!important;box-shadow:0 10px 24px rgba(0,0,0,.48)!important}.poster-card img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:brightness(.88)!important}.poster-card b{position:absolute!important;right:5px!important;top:5px!important;background:#0b0f14!important;color:#fff!important;font-size:10px!important;font-weight:900!important;padding:2px 4px!important;border-radius:2px!important;line-height:1.1!important}.poster-card span{position:absolute!important;left:5px!important;bottom:5px!important;background:rgba(0,0,0,.78)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;padding:3px 5px!important;border-radius:2px!important;line-height:1.1!important}.poster-card .hover{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.72))!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:12px!important;opacity:0!important;transition:.18s ease!important}.poster-card:hover .hover{opacity:1!important}.hover h3{font-size:14px!important;line-height:1.25!important;margin:0 0 12px!important;color:#fff!important;font-weight:900!important;text-shadow:0 2px 5px rgba(0,0,0,.6)!important}.hover div{font-size:22px!important;color:#fff!important;display:flex!important;gap:14px!important}
.catalog-heading-panel{padding:0 16px 16px!important;margin:0 0 18px!important}.catalog-main-title{margin:0 -16px 14px!important}.page-top h1{margin:0!important}.filter-bar{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0!important;background:transparent!important;border:0!important;padding:0!important}.filter-bar button,.filter-bar input{height:36px!important;border-radius:4px!important;border:1px solid #26313c!important;background:#151c24!important;color:#eef3f8!important;font-weight:800!important;font-size:13px!important;padding:0 12px!important}.filter-bar input{margin-left:auto!important;min-width:220px!important;font-weight:600!important;color:#fff!important}.filter-bar button[type="submit"]{background:var(--nx-blue)!important;border-color:var(--nx-blue)!important;color:#fff!important}.catalog-content-panel{padding-top:16px!important}.pagination{display:flex!important;justify-content:center!important;gap:8px!important;margin:20px 0 4px!important}.pagination a,.pagination span{min-width:30px!important;height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:4px!important;background:#151c24!important;color:#dbe5ef!important;text-decoration:none!important;font-weight:800!important}.pagination a.active{background:var(--nx-red)!important;color:#fff!important}.api-footer{width:min(1220px,100% - 24px)!important;margin:0 auto!important;padding:22px 14px 32px!important;text-align:center!important;border-top:1px solid #1e2934!important;color:#bdc8d3!important}.api-footer strong{display:block!important;margin-bottom:8px!important;color:#e8eef5!important}.api-footer p{margin:0!important;font-weight:700!important;color:#c9d3dc!important}
.mobile-drawer{position:fixed!important;top:58px!important;left:calc((100% - min(1220px,100% - 24px))/2)!important;z-index:45!important;width:0!important;max-width:112px!important;height:calc(100dvh - 58px)!important;overflow:hidden!important;background:#121920!important;border-right:1px solid #242f3a!important;transition:width .22s ease!important;padding-top:22px!important;box-shadow:12px 0 25px rgba(0,0,0,.32)!important}.mobile-drawer.open{width:112px!important}.mobile-drawer a{width:70px!important;height:58px!important;margin:0 auto 14px!important;border-radius:7px!important;background:#20272f!important;border:1px solid #28323d!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#e7edf4!important;text-decoration:none!important;box-shadow:0 4px 14px rgba(0,0,0,.22)!important}.drawer-label{display:none!important}.drawer-ico{width:25px!important;height:25px!important;position:relative!important;display:block!important;color:currentColor!important}.ico-home::before{content:''!important;position:absolute!important;left:4px!important;top:11px!important;width:17px!important;height:11px!important;background:currentColor!important;border-radius:1px!important}.ico-home::after{content:''!important;position:absolute!important;left:2px!important;top:3px!important;width:18px!important;height:18px!important;border-left:5px solid currentColor!important;border-top:5px solid currentColor!important;transform:rotate(45deg)!important}.ico-plus::before{content:''!important;position:absolute!important;left:4px!important;top:4px!important;width:17px!important;height:17px!important;border-radius:3px!important;background:currentColor!important}.ico-plus::after{content:'+'!important;position:absolute!important;left:8px!important;top:0px!important;color:#121920!important;font-weight:900!important;font-size:24px!important;line-height:25px!important}.drawer-sep{display:block!important;width:70px!important;height:1px!important;margin:22px auto!important;background:#28323d!important}
.modal{position:fixed!important;inset:0!important;background:rgba(0,0,0,.82)!important;z-index:100!important;display:none!important;align-items:center!important;justify-content:center!important;padding:24px!important}.modal.open{display:flex!important}.modal-box{width:min(620px,100%)!important;background:#151c24!important;border:1px solid #26333f!important;border-radius:7px!important;padding:28px!important;box-shadow:0 20px 60px rgba(0,0,0,.55)!important}.modal-box h2{font-size:26px!important;margin:0 0 20px!important}.modal-close{position:absolute!important;left:28px!important;top:28px!important;width:42px!important;height:42px!important;border-radius:50%!important;border:0!important;background:#1b232c!important;color:#fff!important;font-size:28px!important}.modal-tabs{display:flex!important;gap:6px!important;background:#202832!important;border-radius:24px!important;padding:6px!important;margin-bottom:18px!important}.modal-tabs button{flex:1!important;height:38px!important;border:0!important;border-radius:20px!important;background:transparent!important;color:#dce4ec!important;font-weight:900!important}.modal-tabs button.active{background:#303943!important;color:#fff!important}.copy-row{display:flex!important;margin:7px 0 16px!important}.copy-row input,.modal textarea{width:100%!important;background:#222a33!important;border:1px solid #2d3945!important;color:#fff!important;border-radius:4px!important;padding:0 12px!important;height:40px!important}.copy-row button,.copy-big{background:#28323c!important;color:#fff!important;border:0!important;border-radius:4px!important;padding:0 12px!important;font-weight:900!important}.modal textarea{height:110px!important;padding:12px!important}.hidden{display:none!important}
@media(min-width:981px){.mobile-menu{display:inline-flex!important}.mobile-drawer.open~.api-wrap,.api-page.drawer-open .api-wrap{margin-left:auto!important}.api-page.drawer-open .api-wrap{width:min(1220px,100% - 24px)!important}}
@media(max-width:1100px){.home-grid,.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.hero-panel{grid-template-columns:1fr!important}.search-card{max-width:760px!important;width:100%!important;margin:0 auto!important}.insert-row{justify-content:flex-start!important}.filter-bar input{margin-left:0!important;flex:1 1 240px!important}}
@media(max-width:820px){.api-header{width:100%!important;border-radius:0!important;border-top:0!important;height:58px!important}.api-nav{display:none!important}.api-wrap{width:100%!important;padding:18px 12px 42px!important}.hero-panel{border-radius:0!important;margin:0 0 18px!important;padding:12px!important}.home-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.recent-streaming-panel,.catalog-streaming-panel,.catalog-heading-panel{border-radius:0!important}.streaming-titlebar strong{font-size:13px!important}.recent-switch{gap:5px!important}.recent-tab{min-width:68px!important;font-size:11px!important}.mobile-drawer{left:0!important}.api-page.drawer-open .api-wrap{transform:translateX(92px)!important;transition:transform .22s ease!important;width:100%!important;margin:0!important}}
@media(max-width:560px){body.api-page{font-size:13px!important}.api-logo{font-size:20px!important}.api-header{gap:10px!important;padding:0 12px!important}.api-wrap{padding:14px 8px 38px!important}.hero-panel{padding:10px!important}.tabs.hero-tabs{overflow-x:auto!important;border-radius:18px!important;scrollbar-width:none!important}.tabs.hero-tabs::-webkit-scrollbar{display:none!important}.hero-tabs .tab{height:30px!important;font-size:12px!important;padding:0 11px!important;flex:0 0 auto!important}.hero-tab-panel h1{font-size:19px!important}.insert-row{justify-content:flex-start!important;flex-wrap:wrap!important}.insert-row select{max-width:100%!important}.streaming-titlebar{min-height:39px!important;margin-bottom:12px!important}.section-mark{width:34px!important;min-width:34px!important;height:36px!important}.streaming-titlebar strong{height:36px!important;padding-left:11px!important;padding-right:24px!important;font-size:12px!important}.recent-switch{margin-left:auto!important;padding-right:5px!important}.recent-tab{min-width:auto!important;height:26px!important;padding:0 7px!important;font-size:0!important}.recent-tab .tab-ico{margin:0!important}.recent-tab::after{font-size:11px!important}.recent-tab[data-home-tab="filmes"]::after{content:'Filmes'!important}.recent-tab[data-home-tab="series"]::after{content:'Séries'!important}.home-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.recent-streaming-panel,.catalog-streaming-panel{padding:0 10px 12px!important}.streaming-titlebar{margin-left:-10px!important;margin-right:-10px!important}.catalog-heading-panel{padding:0 10px 12px!important}.catalog-main-title{margin-left:-10px!important;margin-right:-10px!important}.filter-bar{gap:7px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important;scrollbar-width:none!important}.filter-bar::-webkit-scrollbar{display:none!important}.filter-bar button,.filter-bar input{height:34px!important;font-size:12px!important;white-space:nowrap!important;flex:0 0 auto!important}.filter-bar input{min-width:190px!important}.modal{align-items:flex-end!important;padding:0!important}.modal-box{border-radius:8px 8px 0 0!important;padding:24px 18px!important}.modal-close{top:14px!important;left:14px!important}.modal-box h2{font-size:22px!important;margin-top:34px!important}}

/* === Ajuste final: largura PC igual às referências + pesquisa própria responsiva === */
@media (min-width: 981px){
  .api-header,
  .api-wrap,
  .api-footer{
    width:min(1220px, calc(100% - 36px))!important;
    max-width:1220px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .api-header{
    border-top:3px solid #1e9bff!important;
    height:62px!important;
    padding:0 18px!important;
  }
  .api-wrap{padding:22px 18px 58px!important;}
  .hero-panel{gap:44px!important;padding:18px 24px 28px!important;}
  .recent-streaming-panel,.catalog-heading-panel,.catalog-streaming-panel{max-width:100%!important;}
  .poster-grid{gap:14px!important;}
  .home-grid,.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
}

.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:120;display:none;align-items:flex-start;justify-content:center;padding:92px 14px 20px;backdrop-filter:blur(4px)}
.search-overlay.open{display:flex!important}.search-box{width:min(760px,100%);background:#151b22;border:1px solid #25303b;border-top:3px solid #1e9bff;border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.65);padding:18px;position:relative}.search-box strong{display:block;font-size:20px;color:#fff;margin:0 54px 14px 0}.search-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:8px;background:#222a33;color:#fff;font-size:28px;font-weight:900;cursor:pointer}.global-search-form{display:flex;gap:10px}.global-search-form input{flex:1;height:46px;border:1px solid #2a3440;border-radius:6px;background:#222a32;color:#fff;padding:0 14px;font-size:15px;outline:none}.global-search-form input:focus{border-color:#1e9bff;box-shadow:0 0 0 3px rgba(30,155,255,.16)}.global-search-form button{height:46px;border:0;border-radius:6px;background:#1e9bff;color:#fff;font-weight:900;padding:0 18px;cursor:pointer}.search-results{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:54vh;overflow:auto}.search-result{display:flex;gap:10px;align-items:center;background:#202730;border:1px solid #2b3540;border-radius:7px;padding:8px;cursor:pointer;color:#dbe3eb}.search-result:hover{border-color:#1e9bff;background:#24303b}.search-result img{width:44px;height:64px;object-fit:cover;border-radius:4px;background:#0b0f13}.search-result b{display:block;font-size:14px;line-height:1.2;color:#fff}.search-result small{display:block;margin-top:4px;color:#94a0ad;font-weight:700}.search-empty{grid-column:1/-1;color:#9da7b2;padding:14px;text-align:center;background:#1d242c;border-radius:7px}.search-toggle::before{content:''!important;width:23px!important;height:23px!important;border:4px solid #f4f7fa!important;border-radius:50%!important;display:block!important;position:relative!important;transform:none!important}.search-toggle::after{content:''!important;width:13px!important;height:4px!important;background:#f4f7fa!important;border-radius:4px!important;position:absolute!important;right:12px!important;bottom:13px!important;transform:rotate(45deg)!important}
.search-toggle{position:relative!important;font-size:0!important;}

@media(max-width:760px){.search-overlay{padding-top:76px}.search-box{border-radius:6px;padding:15px}.global-search-form{flex-direction:column}.global-search-form button{width:100%}.search-results{grid-template-columns:1fr;max-height:58vh}.search-box strong{font-size:18px}.api-wrap{overflow:hidden!important}.hero-panel,.recent-streaming-panel,.catalog-heading-panel,.catalog-streaming-panel{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.poster-card{border-radius:4px!important}}

/* =========================================================
   AJUSTE FINAL: header + busca no topo + tela cheia responsiva
   ========================================================= */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
body.api-page{background:#23282f!important}
.api-header{
  width:100%!important;max-width:100%!important;height:58px!important;min-height:58px!important;
  padding:0 22px!important;display:grid!important;grid-template-columns:44px auto 1fr 50px!important;
  align-items:center!important;gap:14px!important;background:#0e141a!important;border-bottom:1px solid #17232e!important;
  box-shadow:0 2px 16px rgba(0,0,0,.45)!important;position:sticky!important;top:0!important;z-index:100!important
}
.mobile-menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:38px!important;border:1px solid #1d2b38!important;background:#161f28!important;border-radius:6px!important;color:#d8e1ea!important;font-size:0!important;box-shadow:0 2px 10px rgba(0,0,0,.28)!important}
.mobile-menu:before{content:''!important;width:16px!important;height:12px!important;background:linear-gradient(#d9e1e9 0 0) 0 0/100% 2px no-repeat,linear-gradient(#d9e1e9 0 0) 0 50%/100% 2px no-repeat,linear-gradient(#d9e1e9 0 0) 0 100%/100% 2px no-repeat!important;display:block!important}
.mobile-menu.is-open{border-color:#1598ff!important;box-shadow:0 0 0 2px rgba(21,152,255,.18)!important}
.api-logo{justify-self:start!important;white-space:nowrap!important;font-size:22px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.7px!important;color:#fff!important;margin:0!important}.api-logo b{color:#fff!important}.api-logo span{color:#1598ff!important}
.api-nav{justify-self:center!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important}.api-nav a{height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 15px!important;background:#151d25!important;border:1px solid #172433!important;border-radius:4px!important;color:#dbe3eb!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 2px 9px rgba(0,0,0,.22)!important}.api-nav a.active,.api-nav a:hover{border-color:#1598ff!important;background:#192330!important;color:#fff!important;box-shadow:0 0 0 2px rgba(21,152,255,.12),0 2px 9px rgba(0,0,0,.25)!important}
.search-toggle{justify-self:end!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;border-radius:5px!important;border:1px solid #1b2834!important;background:#161f28!important;box-shadow:0 2px 12px rgba(0,0,0,.38)!important;z-index:102!important}.search-toggle::before{width:18px!important;height:18px!important;border-width:3px!important}.search-toggle::after{width:10px!important;height:3px!important;right:10px!important;bottom:11px!important}
.api-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:22px 22px 60px!important;overflow:visible!important}.hero-panel,.streaming-section,.catalog-heading-panel,.catalog-streaming-panel{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.hero-panel{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;gap:28px!important;padding:20px!important;border-radius:5px!important}.preview-box{min-height:360px!important}.api-player-frame,.preview-box img{height:350px!important}.search-card{max-width:none!important}.home-grid,.catalog-grid{grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:16px!important}.poster-card{border-width:5px!important;border-radius:4px!important}.poster-card span{font-size:11px!important}.streaming-section,.catalog-streaming-panel{background:#151a20!important;border:1px solid #0e1419!important;border-top:3px solid #e50914!important;border-radius:5px!important;padding:18px!important;box-shadow:0 8px 28px rgba(0,0,0,.35)!important}.streaming-titlebar,.catalog-main-title{margin:-18px -18px 18px!important;background:#050708!important;border:0!important;border-top:0!important;min-height:42px!important}.recent-switch{position:absolute!important;right:12px!important;top:8px!important;transform:none!important;background:transparent!important;border:0!important;padding:0!important;gap:6px!important}.recent-tab{height:26px!important;min-height:26px!important;padding:0 10px!important;border-radius:3px!important;background:#141b22!important;border:1px solid #242f3b!important;color:#dbe3ea!important;font-size:11px!important}.recent-tab.active{background:#e50914!important;border-color:#ff2b34!important;color:#fff!important;box-shadow:none!important}.filter-bar{border-radius:4px!important;background:#151a20!important;display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;padding:12px!important}.filter-bar input{margin-left:auto!important;min-width:220px!important;max-width:340px!important}.search-overlay{z-index:300!important;padding-top:82px!important}.search-box{width:min(720px,calc(100vw - 28px))!important}
@media(min-width:1500px){.home-grid,.catalog-grid{grid-template-columns:repeat(8,minmax(120px,1fr))!important}.api-wrap{padding-left:26px!important;padding-right:26px!important}.api-player-frame,.preview-box img{height:390px!important}.preview-box{min-height:400px!important}}
@media(max-width:1100px){.api-header{grid-template-columns:44px auto 1fr 48px!important;padding:0 14px!important}.api-nav{display:none!important}.hero-panel{grid-template-columns:1fr!important}.api-player-frame,.preview-box img{height:360px!important}.home-grid,.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.filter-bar input{margin-left:0!important;max-width:none!important;flex:1 1 100%!important}}
@media(max-width:760px){.api-header{height:56px!important;min-height:56px!important;grid-template-columns:42px auto 1fr 48px!important;gap:10px!important;padding:0 16px!important}.api-logo{font-size:21px!important}.search-toggle{width:44px!important;height:44px!important}.api-wrap{padding:14px 10px 40px!important}.hero-panel{padding:12px!important;gap:16px!important}.api-player-frame,.preview-box img{height:auto!important;min-height:0!important;aspect-ratio:16/10!important}.preview-box{min-height:0!important}.streaming-section,.catalog-streaming-panel,.catalog-heading-panel{padding:12px!important}.streaming-titlebar,.catalog-main-title{margin:-12px -12px 12px!important;min-height:40px!important}.streaming-titlebar strong,.catalog-main-title strong{font-size:13px!important}.recent-switch{right:8px!important;top:7px!important}.recent-tab{font-size:10px!important;padding:0 7px!important;gap:4px!important}.tab-ico{transform:scale(.82)!important}.home-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.filter-bar{gap:8px!important;overflow-x:auto!important;flex-wrap:nowrap!important}.filter-bar button{flex:0 0 auto!important}.filter-bar input{min-width:180px!important;flex:0 0 180px!important}.mobile-drawer{top:56px!important}.mobile-drawer.open{width:86px!important}.api-page.drawer-open .api-wrap{margin-left:0!important;transform:translateX(86px)!important;width:calc(100% - 86px)!important;transition:.18s!important}}
@media(max-width:380px){.api-header{padding:0 10px!important;gap:8px!important}.api-logo{font-size:19px!important}.home-grid,.catalog-grid{gap:9px!important}.recent-tab{padding:0 5px!important}.streaming-titlebar strong,.catalog-main-title strong{max-width:150px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}

/* =========================================================
   CORREÇÃO: conteúdo do meio em tela cheia e realmente responsivo
   O header continua fixo no topo; quem se adapta à tela é o miolo.
========================================================= */
body.api-page{
  width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}
.api-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:22px clamp(12px,2vw,34px) 52px!important;
}
.hero-panel,
.recent-streaming-panel,
.catalog-streaming-panel,
.streaming-section,
.catalog-heading-panel{
  width:100%!important;
  max-width:none!important;
}
.hero-panel{
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;
  gap:clamp(18px,2vw,34px)!important;
}
.home-grid,
.catalog-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  gap:clamp(10px,1.15vw,16px)!important;
  width:100%!important;
}
.poster-card{
  width:100%!important;
  min-width:0!important;
  border-width:5px!important;
}
.api-player-frame,
.preview-empty{
  width:100%!important;
  max-width:100%!important;
}
.filter-bar{
  width:100%!important;
  flex-wrap:wrap!important;
}
.filter-bar input{
  flex:1 1 230px!important;
  max-width:none!important;
}

@media (min-width:1500px){
  .home-grid,.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;}
  .api-wrap{padding-left:38px!important;padding-right:38px!important;}
}
@media (min-width:1900px){
  .home-grid,.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;}
  .api-wrap{padding-left:48px!important;padding-right:48px!important;}
}
@media (max-width:1050px){
  .api-wrap{padding:18px 14px 48px!important;}
  .hero-panel{grid-template-columns:1fr!important;}
  .home-grid,.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))!important;}
}
@media (max-width:760px){
  .api-wrap{width:100%!important;margin:0!important;padding:14px 10px 46px!important;}
  .api-page.drawer-open .api-wrap{margin-left:0!important;width:100%!important;min-width:0!important;}
  .hero-panel{padding:12px!important;border-radius:4px!important;}
  .home-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .streaming-titlebar{margin-left:-12px!important;margin-right:-12px!important;}
  .recent-streaming-panel,.catalog-streaming-panel{padding-left:12px!important;padding-right:12px!important;}
  .poster-card{border-width:4px!important;}
}
@media (max-width:380px){
  .home-grid,.catalog-grid{gap:8px!important;}
  .api-wrap{padding-left:8px!important;padding-right:8px!important;}
}

/* =========================================================
   AJUSTE FINAL: CONTAINER PRINCIPAL EM TELA CHEIA RESPONSIVA
   Faz o conteúdo do meio acompanhar a largura da tela e aumenta
   automaticamente a quantidade de cards por fileira.
   ========================================================= */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
body.api-page{background:#20252b!important}
.api-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:18px clamp(14px,2vw,34px) 64px!important;
}
.hero-panel,
.streaming-section,
.catalog-heading-panel,
.recent-streaming-panel,
.catalog-main,
.main-content,
.content-wrapper,
.page-content{
  width:100%!important;
  max-width:none!important;
}
.hero-panel{
  display:grid!important;
  grid-template-columns:minmax(420px,1.3fr) minmax(340px,.85fr)!important;
  gap:clamp(22px,3vw,54px)!important;
  padding:clamp(16px,2vw,26px)!important;
}
.streaming-section,
.catalog-heading-panel{
  background:#11161b!important;
  border:1px solid #151b22!important;
  border-top:3px solid #d91515!important;
  box-shadow:0 10px 28px rgba(0,0,0,.25)!important;
}
.recent-streaming-panel,
.catalog-main{
  padding:clamp(12px,1.5vw,22px)!important;
}
.poster-grid,
.home-grid,
.catalog-grid,
.home-list.active{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(clamp(132px,10.8vw,185px),1fr))!important;
  gap:clamp(10px,1.25vw,18px)!important;
  align-items:start!important;
}
.poster-card{
  width:100%!important;
  min-width:0!important;
  aspect-ratio:2/3!important;
}
.filter-bar{
  width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
}
.filter-bar input{
  flex:1 1 260px!important;
  max-width:none!important;
  min-width:220px!important;
}
.filter-bar button{
  flex:0 0 auto!important;
}
.page-top,
.catalog-page-header,
.catalog-title-row{
  width:100%!important;
}
@media(min-width:1500px){
  .poster-grid,.home-grid,.catalog-grid,.home-list.active{
    grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;
  }
  .api-wrap{padding-left:42px!important;padding-right:42px!important}
}
@media(min-width:1900px){
  .poster-grid,.home-grid,.catalog-grid,.home-list.active{
    grid-template-columns:repeat(auto-fill,minmax(185px,1fr))!important;
  }
}
@media(max-width:1100px){
  .hero-panel{grid-template-columns:1fr!important}
  .poster-grid,.home-grid,.catalog-grid,.home-list.active{
    grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;
  }
}
@media(max-width:700px){
  .api-wrap{padding:12px 10px 46px!important}
  .hero-panel{padding:12px!important;border-radius:7px!important}
  .poster-grid,.home-grid,.catalog-grid,.home-list.active{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .filter-bar{overflow:visible!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .filter-bar input{grid-column:1/-1!important;min-width:0!important;width:100%!important}
  .filter-bar button{width:100%!important;min-width:0!important;text-align:center!important}
}
@media(max-width:360px){
  .poster-grid,.home-grid,.catalog-grid,.home-list.active{gap:9px!important}
  .api-wrap{padding-left:8px!important;padding-right:8px!important}
}

/* =========================================================
   CORREÇÃO REAL: MAIN CONTENT / GRID FULL RESPONSIVO
   Esta camada fica no final para vencer qualquer regra antiga.
   ========================================================= */
@media (min-width: 901px){
  body.api-page{
    overflow-x:hidden!important;
    background:#20252b!important;
  }
  body.api-page .api-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:18px clamp(18px,2vw,36px) 58px!important;
  }
  body.api-page .catalog-heading-panel,
  body.api-page .catalog-content-panel,
  body.api-page .recent-streaming-panel,
  body.api-page .hero-panel{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.api-page .catalog-content-panel{
    padding:16px clamp(14px,1.4vw,24px) 18px!important;
  }
  body.api-page .catalog-grid,
  body.api-page .home-grid,
  body.api-page .home-list.active{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(auto-fill,minmax(125px,1fr))!important;
    gap:clamp(10px,1vw,16px)!important;
  }
  body.api-page .poster-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    aspect-ratio:2/3!important;
    border-width:4px!important;
  }
  body.api-page .filter-bar{
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    flex-wrap:nowrap!important;
  }
  body.api-page .filter-bar input{
    flex:1 1 auto!important;
    min-width:220px!important;
    max-width:none!important;
    margin-left:auto!important;
  }
}
@media (min-width: 1200px){
  body.api-page .catalog-grid,
  body.api-page .home-grid,
  body.api-page .home-list.active{
    grid-template-columns:repeat(auto-fill,minmax(135px,1fr))!important;
  }
}
@media (min-width: 1600px){
  body.api-page .catalog-grid,
  body.api-page .home-grid,
  body.api-page .home-list.active{
    grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;
  }
}
@media (max-width: 900px){
  body.api-page .api-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 10px 48px!important;
  }
  body.api-page.drawer-open .api-wrap{
    margin-left:0!important;
    width:100%!important;
    min-width:0!important;
  }
  body.api-page .catalog-grid,
  body.api-page .home-grid,
  body.api-page .home-list.active{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
}
@media (max-width: 520px){
  body.api-page .catalog-content-panel,
  body.api-page .recent-streaming-panel{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.api-page .poster-card{border-width:4px!important;}
}

/* =========================================================
   CORREÇÃO DEFINITIVA: remove a faixa/linha vertical azul
   Causa: o drawer/menu lateral ficava com borda/sombra visível
   mesmo fechado, atravessando player e cards.
========================================================= */
body.api-page:not(.drawer-open) .mobile-drawer,
.mobile-drawer:not(.open){
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.api-page:not(.drawer-open) .mobile-drawer::before,
body.api-page:not(.drawer-open) .mobile-drawer::after,
.mobile-drawer:not(.open)::before,
.mobile-drawer:not(.open)::after{
  display:none!important;
  content:none!important;
}
.mobile-drawer.open{
  visibility:visible!important;
  pointer-events:auto!important;
  border-right:1px solid #242f3a!important;
  box-shadow:12px 0 25px rgba(0,0,0,.32)!important;
  padding-top:22px!important;
}
@media(min-width:821px){
  .mobile-drawer.open{width:112px!important;max-width:112px!important;}
}
@media(max-width:820px){
  .mobile-drawer.open{width:86px!important;max-width:86px!important;}
}


/* =========================================================
   CORREÇÃO: grids preenchidos e responsivos no container principal
   - Home/Adicionados recentes com mais cards por linha sem buracos grandes
   - Filmes/Séries com paginação maior para formar várias fileiras
   - Título vermelho aparece completo, sem cortar o texto
========================================================= */
body.api-page .api-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:clamp(18px,2.2vw,42px)!important;
  padding-right:clamp(18px,2.2vw,42px)!important;
}
body.api-page .hero-panel,
body.api-page .recent-streaming-panel,
body.api-page .catalog-heading-panel,
body.api-page .catalog-content-panel{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.api-page .streaming-titlebar{
  overflow:visible!important;
}
body.api-page .streaming-titlebar > strong{
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  flex:0 0 auto!important;
}
body.api-page .recent-streaming-panel .recent-switch{
  margin-left:auto!important;
  flex:0 0 auto!important;
}
body.api-page .poster-grid{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-auto-flow:row dense!important;
  align-items:start!important;
}
body.api-page .home-grid,
body.api-page .home-list.active{
  grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;
  gap:clamp(10px,.85vw,16px)!important;
}
body.api-page .catalog-grid{
  grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;
  gap:clamp(10px,.78vw,15px)!important;
}
body.api-page .poster-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
@media(min-width:1600px){
  body.api-page .home-grid,
  body.api-page .home-list.active{grid-template-columns:repeat(auto-fill,minmax(126px,1fr))!important;}
  body.api-page .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;}
}
@media(min-width:2200px){
  body.api-page .home-grid,
  body.api-page .home-list.active{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important;}
  body.api-page .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;}
}
@media(max-width:900px){
  body.api-page .api-wrap{padding-left:12px!important;padding-right:12px!important;}
  body.api-page .home-grid,
  body.api-page .catalog-grid,
  body.api-page .home-list.active{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
}
@media(max-width:560px){
  body.api-page .api-wrap{padding-left:8px!important;padding-right:8px!important;}
  body.api-page .home-grid,
  body.api-page .catalog-grid,
  body.api-page .home-list.active{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  body.api-page .streaming-titlebar > strong{font-size:10px!important;padding-right:14px!important;}
}

/* Filtros reais funcionando por dados salvos no banco */
.filter-bar select{
  min-width:132px;height:40px;padding:0 12px;border-radius:7px;border:1px solid #25313d;background:#151b22;color:#dbe3ea;font-weight:800;outline:none
}
.filter-bar select:focus,.filter-bar input:focus{border-color:#179bff;box-shadow:0 0 0 2px rgba(23,155,255,.18)}
.api-nav{overflow-x:auto;scrollbar-width:none}.api-nav::-webkit-scrollbar{display:none}
@media(max-width:900px){.api-nav a:nth-child(n+4){display:none}.filter-bar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.filter-bar input,.filter-bar button,.filter-bar select{width:100%!important;min-width:0!important}}
@media(max-width:520px){.filter-bar{grid-template-columns:1fr 1fr!important;padding:10px!important}.filter-bar select,.filter-bar input,.filter-bar button{height:44px!important;font-size:13px!important}.catalog-main-title strong{font-size:18px!important}}

/* =========================================================
   AJUSTE FINAL: filtros estilo streaming + faixa vermelha maior
   - Mantém filtro rolável no mobile
   - Remove aparência branca padrão dos selects
   - Deixa a faixa da seção mais parecida com portal/streaming
========================================================= */
body.api-page .catalog-heading-panel{
  background:linear-gradient(180deg,#1c2229,#151a20)!important;
  border:1px solid #26313b!important;
  border-radius:7px!important;
  padding:0 16px 16px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
  overflow:visible!important;
}
body.api-page .catalog-heading-panel .streaming-titlebar,
body.api-page .catalog-main-title{
  height:52px!important;
  min-height:52px!important;
  background:#050607!important;
  border-top:5px solid #e50914!important;
  border-radius:4px 4px 0 0!important;
  margin:0 -16px 14px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  overflow:visible!important;
}
body.api-page .catalog-main-title .section-mark,
body.api-page .streaming-titlebar .section-mark{
  width:50px!important;
  min-width:50px!important;
  height:47px!important;
  border-right:1px solid #1b1b1b!important;
  background:#070707!important;
  position:relative!important;
}
body.api-page .catalog-main-title>strong,
body.api-page .streaming-titlebar>strong{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-width:148px!important;
  height:42px!important;
  padding:0 34px 0 18px!important;
  margin:0!important;
  background:linear-gradient(180deg,#ff151b,#c8040a)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:-.2px!important;
  line-height:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.35)!important;
  clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%)!important;
  border-radius:0!important;
}
body.api-page .catalog-main-title>strong::after,
body.api-page .streaming-titlebar>strong::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 48%)!important;
}

body.api-page .filter-bar{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:62px!important;
  padding:12px!important;
  background:#11161c!important;
  border:1px solid #242e38!important;
  border-radius:5px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 6px 14px rgba(0,0,0,.18)!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
body.api-page .filter-bar::-webkit-scrollbar{display:none!important;}
body.api-page .filter-bar select,
body.api-page .filter-bar input,
body.api-page .filter-bar button{
  appearance:none!important;
  -webkit-appearance:none!important;
  height:44px!important;
  min-width:150px!important;
  flex:0 0 auto!important;
  background:#1f252c!important;
  color:#eef2f6!important;
  border:1px solid #303a45!important;
  border-radius:6px!important;
  padding:0 42px 0 15px!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:44px!important;
  outline:none!important;
  box-shadow:0 2px 5px rgba(0,0,0,.22)!important;
}
body.api-page .filter-bar select{
  background-image:linear-gradient(45deg,transparent 50%,#cbd3dc 50%),linear-gradient(135deg,#cbd3dc 50%,transparent 50%)!important;
  background-position:calc(100% - 18px) 19px,calc(100% - 12px) 19px!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat!important;
}
body.api-page .filter-bar select option{
  background:#171c22!important;
  color:#e8edf2!important;
}
body.api-page .filter-bar input{
  min-width:240px!important;
  flex:1 1 280px!important;
  padding-right:15px!important;
}
body.api-page .filter-bar button,
body.api-page .filter-bar button[type=submit]{
  min-width:94px!important;
  padding:0 18px!important;
  background:linear-gradient(180deg,#229eff,#0d83df)!important;
  border-color:#229eff!important;
  color:#fff!important;
  cursor:pointer!important;
}
body.api-page .filter-bar select:hover,
body.api-page .filter-bar input:hover,
body.api-page .filter-bar button:hover{
  border-color:#168ce8!important;
  box-shadow:0 0 0 1px rgba(22,140,232,.28),0 3px 8px rgba(0,0,0,.25)!important;
}
body.api-page .filter-bar select:focus,
body.api-page .filter-bar input:focus{
  border-color:#229eff!important;
  box-shadow:0 0 0 3px rgba(34,158,255,.18),0 4px 10px rgba(0,0,0,.28)!important;
}

/* Painel dos cards mais harmônico */
body.api-page .catalog-content-panel,
body.api-page .recent-streaming-panel.catalog-content-panel{
  margin-top:18px!important;
  padding:18px!important;
  background:#222222!important;
  border-top:5px solid #e50914!important;
  border-radius:4px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}

@media(max-width:900px){
  body.api-page .catalog-heading-panel{padding:0 12px 12px!important;}
  body.api-page .catalog-heading-panel .streaming-titlebar,
  body.api-page .catalog-main-title{margin:0 -12px 12px!important;}
  body.api-page .filter-bar{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    padding:10px!important;
    min-height:62px!important;
  }
  body.api-page .filter-bar select,
  body.api-page .filter-bar input,
  body.api-page .filter-bar button{
    min-width:185px!important;
    width:auto!important;
    height:48px!important;
    line-height:48px!important;
    font-size:16px!important;
    border-radius:6px!important;
  }
  body.api-page .filter-bar input{min-width:230px!important;}
  body.api-page .catalog-content-panel{padding:12px!important;}
}
@media(max-width:560px){
  body.api-page .catalog-main-title,
  body.api-page .streaming-titlebar{height:60px!important;min-height:60px!important;}
  body.api-page .catalog-main-title .section-mark,
  body.api-page .streaming-titlebar .section-mark{width:55px!important;min-width:55px!important;height:55px!important;}
  body.api-page .catalog-main-title>strong,
  body.api-page .streaming-titlebar>strong{min-width:150px!important;height:50px!important;font-size:16px!important;padding-left:18px!important;}
  body.api-page .filter-bar{margin:0!important;}
  body.api-page .filter-bar select,
  body.api-page .filter-bar input,
  body.api-page .filter-bar button{min-width:180px!important;font-size:15px!important;}
}

/* =========================================================
   CORREÇÃO FINAL VISUAL - filtros compactos e titlebar responsiva
   Mantém a rolagem horizontal dos filtros, corrige ícones quebrados
   e deixa as seções com proporção de site de streaming.
========================================================= */
body.api-page .catalog-heading-panel{
  padding:0 12px 12px!important;
  margin:0 0 18px!important;
  background:linear-gradient(180deg,#1b2027,#171c22)!important;
  border:1px solid #27313c!important;
  border-radius:6px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
}
body.api-page .streaming-titlebar,
body.api-page .catalog-heading-panel .streaming-titlebar,
body.api-page .catalog-main-title{
  height:40px!important;
  min-height:40px!important;
  margin:0 -12px 12px!important;
  padding:0!important;
  background:#050607!important;
  border-top:3px solid #e50914!important;
  border-radius:5px 5px 0 0!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  overflow:visible!important;
}
body.api-page .streaming-titlebar .section-mark,
body.api-page .catalog-main-title .section-mark{
  width:38px!important;
  min-width:38px!important;
  height:37px!important;
  flex:0 0 38px!important;
  display:block!important;
  position:relative!important;
  background:#050607!important;
  color:#fff!important;
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  border-right:1px solid #151515!important;
}
body.api-page .streaming-titlebar .section-mark::before,
body.api-page .streaming-titlebar .section-mark::after,
body.api-page .catalog-main-title .section-mark::before,
body.api-page .catalog-main-title .section-mark::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
body.api-page .section-mark-filmes::before{
  width:16px!important;height:18px!important;left:11px!important;top:9px!important;
  border:2px solid #fff!important;border-radius:2px!important;background:transparent!important;
  box-shadow:inset 5px 0 0 transparent,inset -5px 0 0 transparent!important;
}
body.api-page .section-mark-filmes::after{
  width:3px!important;height:3px!important;left:14px!important;top:13px!important;border-radius:1px!important;
  box-shadow:0 5px 0 #fff,0 10px 0 #fff,8px 0 0 #fff,8px 5px 0 #fff,8px 10px 0 #fff!important;
}
body.api-page .section-mark-series::before{
  width:20px!important;height:13px!important;left:9px!important;top:9px!important;border:2px solid #fff!important;border-radius:2px!important;background:transparent!important;
}
body.api-page .section-mark-series::after{
  width:12px!important;height:2px!important;left:13px!important;top:27px!important;border-radius:2px!important;box-shadow:0 4px 0 #fff!important;
}
body.api-page .section-mark-recent::before{
  width:15px!important;height:10px!important;left:10px!important;top:13px!important;border-radius:2px!important;background:#fff!important;
}
body.api-page .section-mark-recent::after{
  width:0!important;height:0!important;left:25px!important;top:12px!important;background:transparent!important;
  border-top:6px solid transparent!important;border-bottom:6px solid transparent!important;border-left:9px solid #fff!important;
}
body.api-page .streaming-titlebar > strong,
body.api-page .catalog-main-title > strong{
  height:37px!important;
  min-width:118px!important;
  max-width:70vw!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 30px 0 14px!important;
  margin:0!important;
  background:linear-gradient(180deg,#f4141b 0%,#d6070e 62%,#b90409 100%)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.35)!important;
  clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.api-page .streaming-titlebar > strong::after,
body.api-page .catalog-main-title > strong::after{
  content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0 1px,transparent 1px 8px)!important;
}

/* filtros: menores, escuros, rolantes e alinhados */
body.api-page .filter-bar{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:48px!important;
  padding:8px!important;
  margin:0!important;
  background:#11161c!important;
  border:1px solid #25303a!important;
  border-radius:5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.api-page .filter-bar::-webkit-scrollbar{display:none!important;}
body.api-page .filter-bar select,
body.api-page .filter-bar input,
body.api-page .filter-bar button{
  appearance:none!important;
  -webkit-appearance:none!important;
  height:34px!important;
  min-width:126px!important;
  width:auto!important;
  flex:0 0 auto!important;
  padding:0 30px 0 11px!important;
  border:1px solid #2b3642!important;
  border-radius:5px!important;
  background-color:#1b2229!important;
  color:#e4e9ef!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:34px!important;
  box-shadow:0 2px 5px rgba(0,0,0,.18)!important;
  outline:none!important;
}
body.api-page .filter-bar select{
  background-image:linear-gradient(45deg,transparent 50%,#c9d1da 50%),linear-gradient(135deg,#c9d1da 50%,transparent 50%)!important;
  background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
}
body.api-page .filter-bar select option{background:#171c22!important;color:#fff!important;}
body.api-page .filter-bar input{
  min-width:210px!important;
  flex:1 0 210px!important;
  padding:0 12px!important;
}
body.api-page .filter-bar button,
body.api-page .filter-bar button[type=submit]{
  min-width:86px!important;
  padding:0 13px!important;
  background:linear-gradient(180deg,#219cff,#0b81df)!important;
  border-color:#168ce8!important;
  color:#fff!important;
  cursor:pointer!important;
}
body.api-page .filter-bar select:focus,
body.api-page .filter-bar input:focus{
  border-color:#219cff!important;
  box-shadow:0 0 0 2px rgba(33,156,255,.22)!important;
}

body.api-page .catalog-content-panel,
body.api-page .recent-streaming-panel.catalog-content-panel{
  margin-top:16px!important;
  padding:14px!important;
  background:#22272e!important;
  border-top:3px solid #e50914!important;
  border-radius:5px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
}

@media(max-width:760px){
  body.api-page .catalog-heading-panel{padding:0 10px 10px!important;margin-bottom:14px!important;border-radius:6px!important;}
  body.api-page .streaming-titlebar,
  body.api-page .catalog-heading-panel .streaming-titlebar,
  body.api-page .catalog-main-title{height:36px!important;min-height:36px!important;margin:0 -10px 10px!important;border-top-width:3px!important;}
  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{width:34px!important;min-width:34px!important;flex-basis:34px!important;height:33px!important;}
  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{height:33px!important;min-width:104px!important;padding:0 26px 0 12px!important;font-size:13px!important;}
  body.api-page .filter-bar{gap:7px!important;padding:7px!important;min-height:44px!important;}
  body.api-page .filter-bar select,
  body.api-page .filter-bar input,
  body.api-page .filter-bar button{height:32px!important;line-height:32px!important;min-width:116px!important;font-size:12px!important;padding-left:10px!important;border-radius:5px!important;}
  body.api-page .filter-bar input{min-width:190px!important;}
  body.api-page .filter-bar button{min-width:82px!important;}
  body.api-page .catalog-content-panel{padding:10px!important;margin-top:12px!important;}
}
@media(max-width:420px){
  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{font-size:12px!important;min-width:96px!important;}
  body.api-page .filter-bar select,
  body.api-page .filter-bar input,
  body.api-page .filter-bar button{min-width:108px!important;font-size:11px!important;}
  body.api-page .filter-bar input{min-width:175px!important;}
}

/* =========================================================
   AJUSTE DEFINITIVO - ÍCONES DAS SEÇÕES IGUAIS AO MENU
   Remove o quadrado quebrado, corrige faixa vermelha e deixa
   filtros/seções compactos e responsivos.
========================================================= */
body.api-page .streaming-titlebar,
body.api-page .catalog-heading-panel .streaming-titlebar,
body.api-page .catalog-main-title{
  height:42px!important;
  min-height:42px!important;
  margin:0 -12px 12px!important;
  padding:0!important;
  background:#050607!important;
  border-top:3px solid #e50914!important;
  border-radius:5px 5px 0 0!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  position:relative!important;
}
body.api-page .streaming-titlebar .section-mark,
body.api-page .catalog-main-title .section-mark{
  width:48px!important;
  min-width:48px!important;
  height:39px!important;
  flex:0 0 48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  background:#07090b!important;
  border-right:1px solid #15191e!important;
  color:#e7edf5!important;
  -webkit-mask:none!important;
  mask:none!important;
  clip-path:none!important;
}
body.api-page .streaming-titlebar .section-mark::after,
body.api-page .catalog-main-title .section-mark::after{
  display:none!important;
  content:none!important;
}
body.api-page .streaming-titlebar .section-mark::before,
body.api-page .catalog-main-title .section-mark::before{
  content:''!important;
  display:block!important;
  position:static!important;
  width:24px!important;
  height:24px!important;
  background:#e8eef5!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}
body.api-page .section-mark-filmes::before,
body.api-page .section-mark-recent::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zm48 48v64h80V96H64c-8.8 0-16 7.2-16 16v32zm0 112v64h80V256H48zm0 112v48c0 8.8 7.2 16 16 16h64V368H48zm336 64h64c8.8 0 16-7.2 16-16V368H384v64zm80-112V256H384v64h80zm0-112V144H384v64h80zM176 96v336H336V96H176z'/%3E%3C/svg%3E") center/contain no-repeat!important;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zm48 48v64h80V96H64c-8.8 0-16 7.2-16 16v32zm0 112v64h80V256H48zm0 112v48c0 8.8 7.2 16 16 16h64V368H48zm336 64h64c8.8 0 16-7.2 16-16V368H384v64zm80-112V256H384v64h80zm0-112V144H384v64h80zM176 96v336H336V96H176z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
body.api-page .section-mark-series::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M64 64C28.7 64 0 92.7 0 128V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm448 64V352H64V128H512z'/%3E%3C/svg%3E") center/contain no-repeat!important;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M64 64C28.7 64 0 92.7 0 128V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm448 64V352H64V128H512z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
body.api-page .streaming-titlebar > strong,
body.api-page .catalog-main-title > strong{
  height:39px!important;
  min-width:122px!important;
  max-width:260px!important;
  padding:0 34px 0 15px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:linear-gradient(180deg,#fb1018 0%,#e50914 58%,#bd050b 100%)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  position:relative!important;
}
body.api-page .streaming-titlebar > strong::after,
body.api-page .catalog-main-title > strong::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 42%,rgba(0,0,0,.12))!important;
}
body.api-page .catalog-heading-panel{
  padding:0 12px 12px!important;
  background:#171c22!important;
  border:1px solid #27313c!important;
  border-radius:6px!important;
  overflow:hidden!important;
}
body.api-page .filter-bar{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:8px!important;
  min-height:48px!important;
  background:#11161c!important;
  border:1px solid #26313c!important;
  border-radius:5px!important;
  scrollbar-width:none!important;
}
body.api-page .filter-bar::-webkit-scrollbar{display:none!important;}
body.api-page .filter-bar select,
body.api-page .filter-bar input,
body.api-page .filter-bar button{
  height:34px!important;
  min-width:126px!important;
  max-width:none!important;
  flex:0 0 auto!important;
  border:1px solid #2b3743!important;
  border-radius:5px!important;
  background-color:#1b2229!important;
  color:#e5ebf2!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:34px!important;
  padding:0 30px 0 11px!important;
  box-shadow:0 2px 6px rgba(0,0,0,.2)!important;
}
body.api-page .filter-bar input{min-width:210px!important;padding:0 12px!important;}
body.api-page .filter-bar button{min-width:86px!important;padding:0 13px!important;background:linear-gradient(180deg,#219cff,#0c84e7)!important;border-color:#158deb!important;color:#fff!important;}
@media(max-width:760px){
  body.api-page .streaming-titlebar,
  body.api-page .catalog-heading-panel .streaming-titlebar,
  body.api-page .catalog-main-title{height:36px!important;min-height:36px!important;margin:0 -10px 10px!important;}
  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{width:40px!important;min-width:40px!important;flex-basis:40px!important;height:33px!important;}
  body.api-page .streaming-titlebar .section-mark::before,
  body.api-page .catalog-main-title .section-mark::before{width:21px!important;height:21px!important;}
  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{height:33px!important;min-width:106px!important;max-width:190px!important;font-size:12px!important;padding:0 27px 0 12px!important;}
  body.api-page .catalog-heading-panel{padding:0 10px 10px!important;}
  body.api-page .filter-bar{gap:7px!important;padding:7px!important;min-height:44px!important;}
  body.api-page .filter-bar select,
  body.api-page .filter-bar input,
  body.api-page .filter-bar button{height:32px!important;line-height:32px!important;min-width:112px!important;font-size:11px!important;padding-left:10px!important;}
  body.api-page .filter-bar input{min-width:170px!important;}
  body.api-page .filter-bar button{min-width:78px!important;}
}
@media(max-width:390px){
  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{min-width:98px!important;max-width:155px!important;font-size:11px!important;}
  body.api-page .filter-bar select,
  body.api-page .filter-bar input,
  body.api-page .filter-bar button{min-width:104px!important;}
  body.api-page .filter-bar input{min-width:160px!important;}
}

/* =========================================================
   CORREÇÃO REAL - nome da seção totalmente visível
   Move o texto da faixa vermelha para a direita e impede corte.
========================================================= */
body.api-page .streaming-titlebar,
body.api-page .catalog-heading-panel .streaming-titlebar,
body.api-page .catalog-main-title{
  overflow:visible!important;
}
body.api-page .streaming-titlebar > strong,
body.api-page .catalog-main-title > strong{
  margin-left:18px!important;
  padding-left:22px!important;
  padding-right:38px!important;
  min-width:170px!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  flex:0 0 auto!important;
  z-index:2!important;
}
body.api-page .streaming-titlebar > strong::after,
body.api-page .catalog-main-title > strong::after{
  z-index:0!important;
}
body.api-page .streaming-titlebar > strong,
body.api-page .catalog-main-title > strong{
  isolation:isolate!important;
}
body.api-page .streaming-titlebar > strong::before,
body.api-page .catalog-main-title > strong::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
}
@media(max-width:760px){
  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    margin-left:18px!important;
    padding-left:24px!important;
    padding-right:36px!important;
    min-width:160px!important;
    max-width:none!important;
    font-size:13px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}
@media(max-width:390px){
  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    margin-left:16px!important;
    padding-left:22px!important;
    padding-right:34px!important;
    min-width:150px!important;
    font-size:12px!important;
  }
}

/* =========================================================
   CORREÇÃO DEFINITIVA V3 - ADICIONADOS RECENTEMENTE
   Mantém ícone, título e botões na mesma linha sem sobrepor,
   remove duplicação "Filmes Filmes / Séries Séries" e ajusta mobile.
========================================================= */
body.api-page .recent-streaming-panel .streaming-titlebar{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  height:44px!important;
  min-height:44px!important;
  overflow:hidden!important;
  position:relative!important;
  padding:0!important;
  background:#050607!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  height:41px!important;
  margin:0!important;
  z-index:3!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar > strong{
  position:relative!important;
  z-index:2!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 210px)!important;
  height:41px!important;
  margin:0!important;
  padding:0 32px 0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:14px!important;
  line-height:1!important;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%)!important;
}
body.api-page .recent-streaming-panel .recent-switch{
  position:static!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  padding:0 10px 0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  width:auto!important;
  max-width:none!important;
  background:transparent!important;
  z-index:4!important;
}
body.api-page .recent-streaming-panel .recent-tab{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:74px!important;
  height:29px!important;
  min-height:29px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:4px!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.api-page .recent-streaming-panel .recent-tab::before,
body.api-page .recent-streaming-panel .recent-tab::after{
  content:none!important;
  display:none!important;
}
body.api-page .recent-streaming-panel .recent-tab .tab-ico{
  display:inline-block!important;
  flex:0 0 14px!important;
  width:14px!important;
  height:14px!important;
  margin:0!important;
  transform:none!important;
}

@media(max-width:760px){
  body.api-page .recent-streaming-panel .streaming-titlebar{
    height:42px!important;
    min-height:42px!important;
    margin:0 -10px 10px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
    flex-basis:48px!important;
    width:48px!important;
    min-width:48px!important;
    height:39px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    height:39px!important;
    max-width:calc(100% - 178px)!important;
    padding-left:14px!important;
    padding-right:26px!important;
    font-size:12px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.api-page .recent-streaming-panel .recent-switch{
    gap:5px!important;
    padding-right:7px!important;
    padding-left:5px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    min-width:57px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 7px!important;
    font-size:11px!important;
    gap:0!important;
  }
  body.api-page .recent-streaming-panel .recent-tab .tab-ico{
    display:none!important;
  }
}

@media(max-width:390px){
  body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
    flex-basis:44px!important;
    width:44px!important;
    min-width:44px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    max-width:calc(100% - 160px)!important;
    padding-left:12px!important;
    padding-right:22px!important;
    font-size:11px!important;
  }
  body.api-page .recent-streaming-panel .recent-switch{
    gap:4px!important;
    padding-right:5px!important;
    padding-left:4px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    min-width:52px!important;
    height:27px!important;
    min-height:27px!important;
    padding:0 5px!important;
    font-size:10px!important;
  }
}

@media(max-width:340px){
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    font-size:10px!important;
    max-width:calc(100% - 152px)!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    min-width:49px!important;
    font-size:9.5px!important;
  }
}

/* =========================================================
   AJUSTE PROFISSIONAL FINAL - HEADER "ADICIONADOS RECENTEMENTE"
   Desktop: tudo em uma linha.
   Mobile: título em cima e botões abaixo, sem apertar/cortar.
========================================================= */
body.api-page .recent-streaming-panel{
  overflow:hidden!important;
  border-top:3px solid #e50914!important;
  background:#151a20!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  height:52px!important;
  min-height:52px!important;
  margin:-18px -18px 18px!important;
  padding:0 12px 0 0!important;
  overflow:visible!important;
  background:linear-gradient(180deg,#07090c,#030405)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
  flex:0 0 62px!important;
  width:62px!important;
  min-width:62px!important;
  height:49px!important;
  margin:0!important;
  background:#080a0d!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  z-index:4!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar > strong{
  position:relative!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:220px!important;
  max-width:420px!important;
  height:40px!important;
  margin:0!important;
  padding:0 44px 0 24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  background:linear-gradient(180deg,#ff1722 0%,#d70812 100%)!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.35)!important;
  clip-path:polygon(0 0,calc(100% - 34px) 0,100% 50%,calc(100% - 34px) 100%,0 100%)!important;
  z-index:3!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar > strong::before,
body.api-page .recent-streaming-panel .streaming-titlebar > strong::after{
  content:none!important;
  display:none!important;
}
body.api-page .recent-streaming-panel .recent-switch{
  position:static!important;
  transform:none!important;
  margin-left:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  background:transparent!important;
  border:0!important;
  z-index:5!important;
}
body.api-page .recent-streaming-panel .recent-tab{
  flex:0 0 auto!important;
  min-width:82px!important;
  height:34px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:7px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,#252b32,#15191f)!important;
  color:#f2f4f7!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 3px 10px rgba(0,0,0,.25)!important;
}
body.api-page .recent-streaming-panel .recent-tab.active{
  background:linear-gradient(180deg,#ff1b26,#d80913)!important;
  border-color:#ff2630!important;
  color:#fff!important;
}
body.api-page .recent-streaming-panel .recent-tab::before,
body.api-page .recent-streaming-panel .recent-tab::after{
  content:none!important;
  display:none!important;
}
body.api-page .recent-streaming-panel .recent-tab .tab-ico{
  display:inline-block!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  margin:0!important;
  transform:none!important;
}

@media(max-width:760px){
  body.api-page .recent-streaming-panel{
    padding:12px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-rows:44px auto!important;
    column-gap:0!important;
    row-gap:9px!important;
    height:auto!important;
    min-height:0!important;
    margin:-12px -12px 12px!important;
    padding:0 10px 10px 0!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#07090c,#030405)!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
    grid-column:1!important;
    grid-row:1!important;
    width:52px!important;
    min-width:52px!important;
    height:44px!important;
    flex-basis:auto!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:36px!important;
    margin:0!important;
    padding:0 38px 0 18px!important;
    font-size:13px!important;
    overflow:visible!important;
    white-space:nowrap!important;
    clip-path:polygon(0 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,0 100%)!important;
  }
  body.api-page .recent-streaming-panel .recent-switch{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    padding:0 0 0 52px!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    min-width:92px!important;
    height:34px!important;
    padding:0 13px!important;
    border-radius:7px!important;
    font-size:13px!important;
    gap:6px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab .tab-ico{
    display:inline-block!important;
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
  }
}
@media(max-width:420px){
  body.api-page .recent-streaming-panel .streaming-titlebar{
    grid-template-columns:48px minmax(0,1fr)!important;
    row-gap:8px!important;
    padding-right:8px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
    width:48px!important;
    min-width:48px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    height:35px!important;
    padding-left:16px!important;
    padding-right:34px!important;
    font-size:12.5px!important;
  }
  body.api-page .recent-streaming-panel .recent-switch{
    padding-left:58px!important;
    gap:7px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    min-width:86px!important;
    height:33px!important;
    padding:0 11px!important;
    font-size:12.5px!important;
  }
}
@media(max-width:360px){
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    font-size:11.5px!important;
    padding-left:13px!important;
    padding-right:28px!important;
  }
  body.api-page .recent-streaming-panel .recent-switch{
    padding-left:52px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    min-width:78px!important;
    font-size:11.5px!important;
    padding:0 9px!important;
  }
}

/* =========================================================
   AJUSTE DEFINITIVO - Barra "Adicionados recentemente"
   Mantém seta e botões na mesma linha em todas as telas.
========================================================= */
body.api-page .recent-streaming-panel .streaming-titlebar{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 10px 0 0!important;
  overflow:hidden!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
  flex:0 0 54px!important;
  width:54px!important;
  min-width:54px!important;
  height:43px!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar > strong{
  flex:0 1 auto!important;
  width:clamp(210px, 36vw, 335px)!important;
  min-width:190px!important;
  max-width:335px!important;
  height:34px!important;
  padding:0 34px 0 18px!important;
  font-size:14px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  clip-path:polygon(0 0,calc(100% - 27px) 0,100% 50%,calc(100% - 27px) 100%,0 100%)!important;
}
body.api-page .recent-streaming-panel .recent-switch{
  position:static!important;
  flex:0 0 auto!important;
  width:auto!important;
  margin-left:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  transform:none!important;
}
body.api-page .recent-streaming-panel .recent-tab{
  min-width:76px!important;
  height:32px!important;
  padding:0 11px!important;
  font-size:12px!important;
  border-radius:6px!important;
}

@media(max-width:760px){
  body.api-page .recent-streaming-panel .streaming-titlebar{
    display:flex!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    height:43px!important;
    min-height:43px!important;
    margin:-12px -12px 12px!important;
    padding:0 8px 0 0!important;
    overflow:hidden!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:40px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:172px!important;
    max-width:none!important;
    height:32px!important;
    padding:0 26px 0 12px!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%)!important;
  }
  body.api-page .recent-streaming-panel .recent-switch{
    grid-column:auto!important;
    grid-row:auto!important;
    flex:0 0 auto!important;
    width:auto!important;
    margin-left:4px!important;
    padding:0!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    min-width:67px!important;
    height:30px!important;
    padding:0 8px!important;
    font-size:11px!important;
    gap:4px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab .tab-ico{
    display:inline-block!important;
    width:13px!important;
    height:13px!important;
    flex-basis:13px!important;
    transform:scale(.86)!important;
  }
}

@media(max-width:420px){
  body.api-page .recent-streaming-panel .streaming-titlebar{
    gap:5px!important;
    height:40px!important;
    min-height:40px!important;
    padding-right:6px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    height:38px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    min-width:160px!important;
    height:30px!important;
    padding-left:10px!important;
    padding-right:22px!important;
    font-size:11.2px!important;
    clip-path:polygon(0 0,calc(100% - 19px) 0,100% 50%,calc(100% - 19px) 100%,0 100%)!important;
  }
  body.api-page .recent-streaming-panel .recent-switch{
    gap:5px!important;
    margin-left:2px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    min-width:60px!important;
    height:28px!important;
    padding:0 6px!important;
    font-size:10.5px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab .tab-ico{
    display:none!important;
  }
}

@media(max-width:360px){
  body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
    flex-basis:36px!important;
    width:36px!important;
    min-width:36px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    min-width:146px!important;
    font-size:10.4px!important;
    padding-left:8px!important;
    padding-right:18px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    min-width:55px!important;
    font-size:10px!important;
    padding:0 5px!important;
  }
}


/* Ajuste fino: centraliza Filmes/Séries verticalmente ao lado da seta */
@media (max-width: 768px){
  .recent-head{
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:10px!important;
  }
  .recent-switch{
    position:relative!important;
    top:-4px!important;
    margin-bottom:0!important;
    align-self:center!important;
  }
}

/* ==========================================================
   AJUSTE FINAL - SETAS/ABAS DAS SECOES RESPONSIVAS
   Mantem todas as setas menores, centralizadas e sem encostar
   em cima/baixo. Os botoes Filmes/Series ficam ao lado da seta.
   ========================================================== */
body.api-page .streaming-titlebar,
body.api-page .catalog-main-title{
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  padding:0 10px 0 0!important;
  overflow:hidden!important;
}
body.api-page .streaming-titlebar .section-mark,
body.api-page .catalog-main-title .section-mark{
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  height:38px!important;
  min-height:38px!important;
  align-self:center!important;
}
body.api-page .streaming-titlebar > strong,
body.api-page .catalog-main-title > strong{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 60px)!important;
  height:32px!important;
  min-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  align-self:center!important;
  padding:0 28px 0 14px!important;
  margin:0!important;
  line-height:1!important;
  font-size:14px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%)!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar > strong{
  flex:0 1 285px!important;
  max-width:min(45vw,285px)!important;
}
body.api-page .recent-streaming-panel .recent-switch{
  flex:0 0 auto!important;
  margin-left:auto!important;
  padding:0!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  gap:8px!important;
  transform:none!important;
  position:static!important;
  top:auto!important;
}
body.api-page .recent-streaming-panel .recent-tab{
  height:30px!important;
  min-height:30px!important;
  min-width:78px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

@media(max-width:768px){
  body.api-page .streaming-titlebar,
  body.api-page .catalog-main-title{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    gap:7px!important;
    padding-right:8px!important;
  }
  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{
    flex-basis:39px!important;
    width:39px!important;
    min-width:39px!important;
    height:36px!important;
  }
  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    height:30px!important;
    min-height:30px!important;
    padding:0 23px 0 11px!important;
    font-size:12px!important;
    clip-path:polygon(0 0,calc(100% - 19px) 0,100% 50%,calc(100% - 19px) 100%,0 100%)!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    flex:0 1 210px!important;
    max-width:min(43vw,210px)!important;
  }
  body.api-page .recent-streaming-panel .recent-switch{
    height:28px!important;
    gap:6px!important;
    margin-left:auto!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    height:28px!important;
    min-height:28px!important;
    min-width:68px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
}

@media(max-width:430px){
  body.api-page .streaming-titlebar,
  body.api-page .catalog-main-title{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    gap:6px!important;
    padding-right:6px!important;
  }
  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{
    flex-basis:37px!important;
    width:37px!important;
    min-width:37px!important;
    height:36px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    flex:0 1 170px!important;
    max-width:44vw!important;
    height:29px!important;
    min-height:29px!important;
    padding-left:9px!important;
    padding-right:20px!important;
    font-size:10.8px!important;
  }
  body.api-page .recent-streaming-panel .recent-switch{
    height:28px!important;
    gap:5px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    height:28px!important;
    min-height:28px!important;
    min-width:58px!important;
    padding:0 6px!important;
    font-size:10.5px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab .tab-ico{
    display:none!important;
  }
}

@media(max-width:360px){
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    max-width:41vw!important;
    font-size:10px!important;
    padding-left:8px!important;
    padding-right:17px!important;
  }
  body.api-page .recent-streaming-panel .recent-tab{
    min-width:53px!important;
    padding:0 5px!important;
    font-size:10px!important;
  }
}

/* =========================================================
   AJUSTE FINAL API - seta maior e títulos mais à direita
   Mantém a estrutura original e aplica somente no visual das seções.
========================================================= */
body.api-page .streaming-titlebar,
body.api-page .catalog-heading-panel .streaming-titlebar,
body.api-page .catalog-main-title{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  align-items:center!important;
  overflow:hidden!important;
}
body.api-page .streaming-titlebar .section-mark,
body.api-page .catalog-main-title .section-mark{
  width:52px!important;
  min-width:52px!important;
  flex-basis:52px!important;
  height:43px!important;
}
body.api-page .streaming-titlebar .section-mark::before,
body.api-page .catalog-main-title .section-mark::before{
  width:26px!important;
  height:26px!important;
}
body.api-page .streaming-titlebar > strong,
body.api-page .catalog-main-title > strong{
  height:43px!important;
  min-height:43px!important;
  min-width:192px!important;
  margin-left:24px!important;
  padding-left:30px!important;
  padding-right:46px!important;
  font-size:14px!important;
  clip-path:polygon(0 0,calc(100% - 32px) 0,100% 50%,calc(100% - 32px) 100%,0 100%)!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
  flex-basis:54px!important;
  width:54px!important;
  min-width:54px!important;
  height:43px!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar > strong{
  height:43px!important;
  min-height:43px!important;
  margin-left:18px!important;
  padding-left:28px!important;
  padding-right:44px!important;
  min-width:184px!important;
  max-width:calc(100% - 230px)!important;
  clip-path:polygon(0 0,calc(100% - 32px) 0,100% 50%,calc(100% - 32px) 100%,0 100%)!important;
}

@media(max-width:760px){
  body.api-page .streaming-titlebar,
  body.api-page .catalog-heading-panel .streaming-titlebar,
  body.api-page .catalog-main-title{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{
    width:44px!important;
    min-width:44px!important;
    flex-basis:44px!important;
    height:39px!important;
  }
  body.api-page .streaming-titlebar .section-mark::before,
  body.api-page .catalog-main-title .section-mark::before{
    width:23px!important;
    height:23px!important;
  }
  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    height:39px!important;
    min-height:39px!important;
    min-width:166px!important;
    margin-left:20px!important;
    padding-left:26px!important;
    padding-right:38px!important;
    font-size:12.5px!important;
    clip-path:polygon(0 0,calc(100% - 28px) 0,100% 50%,calc(100% - 28px) 100%,0 100%)!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
    flex-basis:46px!important;
    width:46px!important;
    min-width:46px!important;
    height:39px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    height:39px!important;
    min-height:39px!important;
    min-width:0!important;
    margin-left:12px!important;
    padding-left:18px!important;
    padding-right:30px!important;
    max-width:calc(100% - 178px)!important;
    font-size:11.5px!important;
    clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media(max-width:430px){
  body.api-page .streaming-titlebar,
  body.api-page .catalog-heading-panel .streaming-titlebar,
  body.api-page .catalog-main-title{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{
    width:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
    height:37px!important;
  }
  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    height:37px!important;
    min-height:37px!important;
    min-width:150px!important;
    margin-left:16px!important;
    padding-left:22px!important;
    padding-right:32px!important;
    font-size:11.5px!important;
  }
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    margin-left:9px!important;
    padding-left:13px!important;
    padding-right:24px!important;
    max-width:43vw!important;
    font-size:10.5px!important;
  }
}

/* =========================================================
   CORREÇÃO FINAL - clique dos botões Filmes/Séries recentes
   Garante que a seta/título não fiquem por cima dos botões.
========================================================= */
body.api-page .recent-streaming-panel .streaming-titlebar{
  position:relative!important;
}
body.api-page .recent-streaming-panel .streaming-titlebar > strong,
body.api-page .recent-streaming-panel .streaming-titlebar .section-mark{
  position:relative!important;
  z-index:1!important;
  pointer-events:none!important;
}
body.api-page .recent-streaming-panel .recent-switch{
  position:relative!important;
  z-index:30!important;
  pointer-events:auto!important;
}
body.api-page .recent-streaming-panel .recent-tab{
  position:relative!important;
  z-index:31!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
body.api-page .home-list{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
body.api-page .home-list.active{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
body.api-page .home-list[hidden]:not(.active){display:none!important;}

/* =========================================================
   Ajuste mobile: centralizacao da lupa de pesquisa no header
   Mantem desktop intacto e corrige apenas telas pequenas.
   ========================================================= */
@media (max-width: 760px){
  body.api-page .api-header{
    align-items:center!important;
  }
  body.api-page .search-toggle{
    align-self:center!important;
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
    position:relative!important;
    top:0!important;
    transform:none!important;
  }
  body.api-page .search-toggle::before{
    content:''!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:18px!important;
    height:18px!important;
    border:3px solid #f4f7fa!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
    display:block!important;
    transform:translate(-56%,-56%)!important;
  }
  body.api-page .search-toggle::after{
    content:''!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:10px!important;
    height:3px!important;
    background:#f4f7fa!important;
    border-radius:4px!important;
    display:block!important;
    transform:translate(3px,7px) rotate(45deg)!important;
    right:auto!important;
    bottom:auto!important;
  }
}

@media (max-width: 380px){
  body.api-page .search-toggle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
}

/* =========================================================
   CORRECAO FINAL - menu desktop igual ao site de referencia
   - No PC o hamburguer fica escondido
   - Filmes, Series, Animes, Doramas e Novelas aparecem no topo
   - Mantem o menu hamburguer apenas no mobile
   ========================================================= */
@media (min-width: 761px){
  body.api-page .api-header{
    display:flex!important;
    align-items:center!important;
    gap:20px!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 28px!important;
  }
  body.api-page .mobile-menu{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.api-page .api-logo{
    flex:0 0 auto!important;
    margin-right:8px!important;
  }
  body.api-page .api-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    margin-left:0!important;
    margin-right:auto!important;
    width:auto!important;
    flex:1 1 auto!important;
    min-width:0!important;
  }
  body.api-page .api-nav a,
  body.api-page .api-nav a:nth-child(n+4){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    height:38px!important;
    min-width:auto!important;
    width:auto!important;
    padding:0 6px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:4px!important;
    color:#d7dce2!important;
    font-size:15px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }
  body.api-page .api-nav a.active,
  body.api-page .api-nav a:hover{
    color:#1e9bff!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.api-page .api-nav a::before{
    display:inline-block!important;
    font-size:14px!important;
    line-height:1!important;
    opacity:.95!important;
    transform:translateY(-1px)!important;
  }
  body.api-page .api-nav a:nth-child(1)::before{content:'⌂'!important;color:#1e9bff!important;}
  body.api-page .api-nav a:nth-child(2)::before{content:'▦'!important;}
  body.api-page .api-nav a:nth-child(3)::before{content:'▭'!important;}
  body.api-page .api-nav a:nth-child(4)::before{content:'✦'!important;}
  body.api-page .api-nav a:nth-child(5)::before{content:'❤'!important;}
  body.api-page .api-nav a:nth-child(6)::before{content:'▣'!important;}
  body.api-page .api-nav a:nth-child(7)::before{content:'◉'!important;}
  body.api-page .search-toggle{
    flex:0 0 auto!important;
    margin-left:auto!important;
    align-self:center!important;
  }
}

@media (max-width: 760px){
  body.api-page .mobile-menu{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.api-page .api-nav{
    display:none!important;
  }
}

/* =========================================================
   CORRECAO FINAL - titulos das secoes no desktop
   Evita que o icone/faixa vermelha esconda o texto e aplica
   o mesmo ajuste nas demais secoes do catalogo.
   ========================================================= */
@media (min-width: 761px){
  body.api-page .streaming-titlebar,
  body.api-page .catalog-main-title{
    position:relative!important;
    overflow:visible!important;
    min-height:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    padding-left:0!important;
  }

  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{
    position:relative!important;
    z-index:6!important;
    flex:0 0 48px!important;
    width:48px!important;
    min-width:48px!important;
    height:42px!important;
    margin:0!important;
  }

  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    position:relative!important;
    z-index:5!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:42px!important;
    min-height:42px!important;
    margin-left:12px!important;
    padding-left:34px!important;
    padding-right:64px!important;
    min-width:310px!important;
    max-width:calc(100% - 260px)!important;
    overflow:visible!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
  }

  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    min-width:330px!important;
    max-width:calc(100% - 260px)!important;
  }

  body.api-page .recent-streaming-panel .recent-switch{
    position:absolute!important;
    right:12px!important;
    top:8px!important;
    z-index:40!important;
  }
}

@media (min-width: 761px) and (max-width: 980px){
  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong,
  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    min-width:250px!important;
    max-width:calc(100% - 210px)!important;
    padding-left:28px!important;
    padding-right:48px!important;
    font-size:18px!important;
  }
}

/* =========================================================
   CORRECAO DEFINITIVA - faixa vermelha das secoes no desktop
   A seta/titulo agora fica colada no topo da barra, cobrindo a
   linha vermelha embaixo dela, sem ficar rebaixada no PC.
   ========================================================= */
@media (min-width: 761px){
  body.api-page .streaming-titlebar,
  body.api-page .catalog-heading-panel .streaming-titlebar,
  body.api-page .catalog-main-title{
    position:relative!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    margin:-18px -18px 18px!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:0!important;
    background:#050607!important;
    border-top:0!important;
    border-radius:5px 5px 0 0!important;
    overflow:visible!important;
  }

  body.api-page .streaming-titlebar::before,
  body.api-page .catalog-main-title::before{
    content:''!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:3px!important;
    background:#e50914!important;
    z-index:1!important;
    pointer-events:none!important;
  }

  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{
    position:relative!important;
    z-index:3!important;
    width:44px!important;
    min-width:44px!important;
    flex:0 0 44px!important;
    height:39px!important;
    margin-top:3px!important;
    background:#050607!important;
    border-right:1px solid #161616!important;
  }

  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    position:relative!important;
    z-index:4!important;
    align-self:flex-start!important;
    top:0!important;
    transform:none!important;
    height:34px!important;
    min-height:34px!important;
    margin:0 0 0 0!important;
    padding:0 42px 0 26px!important;
    min-width:230px!important;
    max-width:calc(100% - 260px)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:linear-gradient(180deg,#ff171d 0%,#de080f 62%,#b90409 100%)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    clip-path:polygon(0 0,calc(100% - 28px) 0,100% 50%,calc(100% - 28px) 100%,0 100%)!important;
    border-radius:0!important;
    box-shadow:0 2px 5px rgba(0,0,0,.25)!important;
  }

  body.api-page .recent-streaming-panel .recent-switch{
    position:absolute!important;
    right:12px!important;
    top:7px!important;
    z-index:10!important;
    margin:0!important;
  }
}

/* =========================================================
   FIX REAL 2026-06-05 - seta da seção no PC
   O bloco vermelho do título agora fica SOBRE a linha vermelha,
   não abaixo dela. Também força nova posição mesmo com estilos antigos.
========================================================= */
@media (min-width: 761px){
  body.api-page .streaming-section,
  body.api-page .catalog-streaming-panel{
    overflow:visible!important;
  }

  body.api-page .streaming-titlebar,
  body.api-page .catalog-main-title{
    position:relative!important;
    height:43px!important;
    min-height:43px!important;
    margin:-18px -18px 18px!important;
    padding:0!important;
    background:#050607!important;
    border:0!important;
    border-radius:5px 5px 0 0!important;
    display:block!important;
    overflow:visible!important;
  }

  body.api-page .streaming-titlebar::before,
  body.api-page .catalog-main-title::before{
    content:''!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:3px!important;
    background:#e50914!important;
    z-index:1!important;
    pointer-events:none!important;
  }

  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{
    position:absolute!important;
    left:0!important;
    top:3px!important;
    z-index:5!important;
    width:48px!important;
    min-width:48px!important;
    height:40px!important;
    margin:0!important;
    background:#07090b!important;
    border-right:1px solid #161b20!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    position:absolute!important;
    left:48px!important;
    top:0!important;
    z-index:20!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 48px 0 24px!important;
    min-width:250px!important;
    max-width:calc(100% - 340px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:linear-gradient(180deg,#ff171d 0%,#df080f 58%,#b90409 100%)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    border-radius:0!important;
    clip-path:polygon(0 0,calc(100% - 32px) 0,100% 50%,calc(100% - 32px) 100%,0 100%)!important;
    box-shadow:0 2px 6px rgba(0,0,0,.30)!important;
  }

  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    min-width:270px!important;
  }

  body.api-page .recent-streaming-panel .recent-switch{
    position:absolute!important;
    right:12px!important;
    top:8px!important;
    z-index:30!important;
    margin:0!important;
  }
}

/* =========================================================
   FIX FINAL GLOBAL 2026-06-05
   Corrige TODAS as setas/faixas vermelhas das seções no PC.
   Remove a linha vermelha do painel que fazia a seta parecer rebaixada
   e recria a linha dentro do próprio cabeçalho, por baixo da faixa.
   ========================================================= */
@media (min-width: 761px){
  body.api-page .streaming-section,
  body.api-page .recent-streaming-panel,
  body.api-page .catalog-heading-panel,
  body.api-page .catalog-streaming-panel{
    border-top:0!important;
    overflow:visible!important;
  }

  body.api-page .streaming-titlebar,
  body.api-page .catalog-heading-panel .streaming-titlebar,
  body.api-page .catalog-main-title{
    position:relative!important;
    display:block!important;
    height:43px!important;
    min-height:43px!important;
    margin:-18px -18px 18px!important;
    padding:0!important;
    background:#050607!important;
    border:0!important;
    border-top:0!important;
    border-bottom:1px solid #15191f!important;
    border-radius:5px 5px 0 0!important;
    overflow:visible!important;
  }

  body.api-page .streaming-titlebar::before,
  body.api-page .catalog-heading-panel .streaming-titlebar::before,
  body.api-page .catalog-main-title::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:3px!important;
    background:#e50914!important;
    z-index:1!important;
    pointer-events:none!important;
  }

  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-heading-panel .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{
    position:absolute!important;
    left:0!important;
    top:0!important;
    z-index:6!important;
    width:48px!important;
    min-width:48px!important;
    flex:0 0 48px!important;
    height:43px!important;
    margin:0!important;
    background:#050607!important;
    border-right:1px solid #15191f!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-heading-panel .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    position:absolute!important;
    left:48px!important;
    top:0!important;
    z-index:20!important;
    height:35px!important;
    min-height:35px!important;
    margin:0!important;
    padding:0 52px 0 28px!important;
    min-width:270px!important;
    max-width:calc(100% - 350px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:linear-gradient(180deg,#ff171d 0%,#df080f 58%,#b90409 100%)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    border:0!important;
    border-radius:0!important;
    clip-path:polygon(0 0,calc(100% - 32px) 0,100% 50%,calc(100% - 32px) 100%,0 100%)!important;
    box-shadow:0 2px 6px rgba(0,0,0,.32)!important;
  }

  body.api-page .recent-streaming-panel .streaming-titlebar > strong{
    min-width:295px!important;
  }

  body.api-page .recent-streaming-panel .recent-switch{
    position:absolute!important;
    right:12px!important;
    top:8px!important;
    z-index:40!important;
    margin:0!important;
  }
}

@media (min-width: 761px) and (max-width: 980px){
  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-heading-panel .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    min-width:230px!important;
    max-width:calc(100% - 230px)!important;
    padding-left:22px!important;
    padding-right:42px!important;
  }
}

/* =========================================================
   AJUSTE 2026-06-05 - centralizar setas e descer grades
   Centraliza verticalmente todas as faixas/setas vermelhas das seções
   e dá respiro entre o cabeçalho da seção e a grade de cards.
   ========================================================= */
@media (min-width: 761px){
  body.api-page .streaming-section,
  body.api-page .recent-streaming-panel,
  body.api-page .catalog-heading-panel,
  body.api-page .catalog-streaming-panel{
    overflow:visible!important;
  }

  body.api-page .streaming-titlebar,
  body.api-page .catalog-heading-panel .streaming-titlebar,
  body.api-page .catalog-main-title{
    height:46px!important;
    min-height:46px!important;
    margin:-18px -18px 24px!important;
    padding:0!important;
    position:relative!important;
    display:block!important;
    overflow:visible!important;
    background:#050607!important;
    border:0!important;
    border-bottom:1px solid #15191f!important;
  }

  body.api-page .streaming-titlebar::before,
  body.api-page .catalog-heading-panel .streaming-titlebar::before,
  body.api-page .catalog-main-title::before{
    top:0!important;
    height:3px!important;
    z-index:1!important;
  }

  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-heading-panel .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{
    top:3px!important;
    height:40px!important;
    width:48px!important;
    min-width:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-heading-panel .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    top:6px!important;
    height:34px!important;
    min-height:34px!important;
    left:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0 52px 0 28px!important;
    line-height:1!important;
    z-index:20!important;
  }

  body.api-page .poster-grid,
  body.api-page .home-grid,
  body.api-page .catalog-grid{
    margin-top:12px!important;
  }

  body.api-page .recent-streaming-panel .recent-switch{
    top:10px!important;
  }
}

@media (max-width: 760px){
  body.api-page .streaming-titlebar,
  body.api-page .catalog-main-title{
    min-height:42px!important;
    margin-bottom:16px!important;
  }

  body.api-page .streaming-titlebar .section-mark,
  body.api-page .catalog-main-title .section-mark{
    top:3px!important;
    height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.api-page .streaming-titlebar > strong,
  body.api-page .catalog-main-title > strong{
    top:4px!important;
    height:34px!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
  }

  body.api-page .poster-grid,
  body.api-page .home-grid,
  body.api-page .catalog-grid{
    margin-top:10px!important;
  }
}

/* Correção dos cards: o clique no card só mostra as duas opções; cada botão tem sua própria ação. */
.poster-card .hover{
  background:rgba(0,0,0,.58);
  pointer-events:none;
}
.poster-card:hover .hover,
.poster-card.is-open .hover{
  opacity:1!important;
  pointer-events:auto;
}
.poster-card.is-open img,
.poster-card:hover img{
  filter:brightness(.35);
}
.poster-card .hover h3{
  color:#fff;
  font-size:20px;
  font-weight:900;
  margin:0 0 22px;
  text-shadow:0 2px 8px rgba(0,0,0,.7);
}
.card-actions{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  font-size:0!important;
}
.card-action{
  width:62px;
  height:62px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:rgba(255,255,255,.12);
  color:#fff;
  text-decoration:none;
  font-size:28px;
  font-weight:900;
  line-height:1;
  backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.card-action:hover{background:rgba(255,255,255,.22);transform:translateY(-1px)}
.card-embed{font-size:25px}
@media(max-width:760px){
  .poster-card .hover h3{font-size:22px;line-height:1.3;margin-bottom:24px}
  .card-action{width:70px;height:70px;font-size:31px}
  .card-embed{font-size:28px}
}

/* Ajuste final: botões do card iguais ao modelo, e </> abre informações de embed. */
body.api-page .poster-card .hover{
  background:rgba(0,0,0,.56)!important;
  pointer-events:none!important;
}
body.api-page .poster-card:hover .hover,
body.api-page .poster-card.is-open .hover{
  opacity:1!important;
  pointer-events:auto!important;
}
body.api-page .poster-card .hover h3{
  font-size:20px!important;
  line-height:1.32!important;
  margin:0 0 22px!important;
  color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.75)!important;
}
body.api-page .card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.api-page .card-action{
  width:66px!important;
  height:66px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:30px!important;
  font-weight:900!important;
  line-height:1!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(4px)!important;
}
body.api-page .card-embed{font-size:27px!important;letter-spacing:-2px!important;}
body.api-page .card-action:hover{background:rgba(255,255,255,.22)!important;transform:translateY(-1px)!important;}
@media(max-width:760px){
  body.api-page .card-action{width:70px!important;height:70px!important;font-size:32px!important;}
  body.api-page .card-embed{font-size:29px!important;}
}


/* Botões do card menores e iguais ao modelo */
.card-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:12px!important}.card-action{width:48px!important;height:48px!important;min-width:48px!important;border-radius:7px!important;background:rgba(255,255,255,.11)!important;color:#fff!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:23px!important;font-weight:900!important;line-height:1!important;box-shadow:0 8px 20px rgba(0,0,0,.28)!important;backdrop-filter:blur(3px)!important}.card-action.card-embed{font-size:20px!important}.card-action:hover{background:rgba(255,255,255,.18)!important}.hover div.card-actions{background:transparent!important;padding:0!important;border-radius:0!important;font-size:inherit!important}@media(max-width:560px){.card-actions{gap:6px!important}.card-action{width:42px!important;height:42px!important;min-width:42px!important;font-size:20px!important}.card-action.card-embed{font-size:17px!important}}

/* =========================================================
   AJUSTE V7: títulos adaptáveis + botões menores iguais ao modelo
   - Nome grande diminui e fica em no máximo 2 linhas dentro do card
   - Botões ficam compactos e responsivos em celular/PC
========================================================= */
body.api-page .poster-card .hover{
  padding:clamp(10px,1.8vw,16px)!important;
  gap:0!important;
}
body.api-page .poster-card .hover h3{
  width:100%!important;
  max-width:92%!important;
  margin:0 0 clamp(12px,1.8vw,20px)!important;
  color:#fff!important;
  font-size:clamp(14px,1.55vw,21px)!important;
  line-height:1.22!important;
  font-weight:900!important;
  text-align:center!important;
  text-shadow:0 2px 8px rgba(0,0,0,.8)!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
body.api-page .poster-card.title-long .hover h3{font-size:clamp(12px,1.28vw,18px)!important;line-height:1.18!important;}
body.api-page .poster-card.title-xlong .hover h3{font-size:clamp(11px,1.08vw,16px)!important;line-height:1.15!important;-webkit-line-clamp:3!important;}
body.api-page .card-actions{
  gap:clamp(6px,.75vw,9px)!important;
  margin-top:0!important;
}
body.api-page .card-action{
  width:clamp(42px,4.2vw,52px)!important;
  height:clamp(42px,4.2vw,52px)!important;
  min-width:clamp(42px,4.2vw,52px)!important;
  border-radius:8px!important;
  font-size:clamp(20px,2.1vw,26px)!important;
  background:rgba(255,255,255,.12)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
}
body.api-page .card-action.card-embed{font-size:clamp(17px,1.75vw,22px)!important;letter-spacing:-1px!important;}
@media(max-width:560px){
  body.api-page .poster-card .hover{padding:10px!important;}
  body.api-page .poster-card .hover h3{font-size:clamp(14px,4vw,18px)!important;margin-bottom:14px!important;max-width:96%!important;}
  body.api-page .poster-card.title-long .hover h3{font-size:clamp(12px,3.5vw,15px)!important;}
  body.api-page .poster-card.title-xlong .hover h3{font-size:clamp(11px,3.1vw,14px)!important;-webkit-line-clamp:3!important;}
  body.api-page .card-action{width:44px!important;height:44px!important;min-width:44px!important;font-size:21px!important;}
  body.api-page .card-action.card-embed{font-size:18px!important;}
}
@media(max-width:380px){
  body.api-page .card-action{width:40px!important;height:40px!important;min-width:40px!important;}
  body.api-page .card-actions{gap:6px!important;}
}

/* =========================================================
   AJUSTE V8: remove qualquer botão antigo duplicado do overlay
   e deixa somente os 2 botões oficiais iguais ao modelo da foto.
========================================================= */
body.api-page .poster-card .hover{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  background:rgba(0,0,0,.58)!important;
}
body.api-page .poster-card .hover > *:not(h3):not(.card-actions){
  display:none!important;
}
body.api-page .poster-card .hover > h3 + div:not(.card-actions),
body.api-page .poster-card .hover > .card-actions ~ .card-actions{
  display:none!important;
}
body.api-page .poster-card .hover > .card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  font-size:0!important;
}
body.api-page .poster-card .hover > .card-actions > .card-action{
  width:clamp(42px,4.1vw,50px)!important;
  height:clamp(42px,4.1vw,50px)!important;
  min-width:clamp(42px,4.1vw,50px)!important;
  min-height:clamp(42px,4.1vw,50px)!important;
  max-width:52px!important;
  max-height:52px!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(3px)!important;
  line-height:1!important;
  font-size:clamp(20px,2vw,25px)!important;
}
body.api-page .poster-card .hover > .card-actions > .card-action.card-embed{
  font-size:clamp(17px,1.7vw,21px)!important;
  letter-spacing:-1px!important;
}
@media(max-width:560px){
  body.api-page .poster-card .hover > .card-actions{gap:6px!important;}
  body.api-page .poster-card .hover > .card-actions > .card-action{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:20px!important;
  }
  body.api-page .poster-card .hover > .card-actions > .card-action.card-embed{font-size:17px!important;}
}

/* AJUSTE V9 - menu lateral VIPEmbed + páginas Em Alta/Recomendados/Recentes/TMDB Top/Histórico */
.mobile-drawer .drawer-special{position:relative!important;color:#e8eef5!important}
.mobile-drawer .drawer-special.active{border-color:#1e9bff!important;box-shadow:0 0 0 2px rgba(30,155,255,.25),0 4px 14px rgba(0,0,0,.22)!important}
.drawer-emoji{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;font-size:22px!important;line-height:1!important}
@media(min-width:821px){
  .mobile-drawer{overflow:visible!important}
  .mobile-drawer .drawer-special .drawer-label,
  .mobile-drawer a .drawer-label{position:absolute!important;left:78px!important;top:50%!important;transform:translateY(-50%) translateX(-6px)!important;display:block!important;opacity:0!important;pointer-events:none!important;background:#202830!important;color:#eaf1f8!important;border:1px solid #2b3642!important;border-radius:6px!important;padding:9px 12px!important;white-space:nowrap!important;font-size:13px!important;font-weight:900!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important;transition:.16s ease!important;z-index:80!important}
  .mobile-drawer a:hover .drawer-label{opacity:1!important;transform:translateY(-50%) translateX(0)!important}
}
.special-heading-panel{padding:0!important;margin:0 0 18px!important;background:transparent!important;border:0!important}
.special-titlebar{display:flex!important;align-items:center!important;gap:14px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;min-height:50px!important}
.special-titlebar strong{font-size:28px!important;color:#e9eef5!important;font-weight:900!important;line-height:1.15!important;margin-right:auto!important}
.special-title-emoji{font-size:26px!important;width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.special-content-switch{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important;margin-left:auto!important}
.special-content-switch a{height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;color:#d8e1ea!important;background:#171f27!important;border:1px solid #27333f!important;border-radius:20px!important;padding:0 14px!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important}
.special-content-switch a.active,.special-content-switch a:hover{background:#252d36!important;color:#fff!important;border-color:#1e9bff!important}
.special-content-panel{min-height:420px!important}
.empty-results{font-size:26px!important;font-weight:900!important;color:#e3e9ef!important;padding:36px 4px!important}
@media(max-width:820px){
  .special-titlebar{display:block!important;padding:6px 0 4px!important}
  .special-titlebar strong{display:block!important;font-size:30px!important;margin:0 0 16px!important}
  .special-title-emoji{display:none!important}
  .special-content-switch{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important;padding-bottom:6px!important;scrollbar-width:none!important}
  .special-content-switch::-webkit-scrollbar{display:none!important}
  .special-content-switch a{min-width:max-content!important;height:38px!important;padding:0 14px!important}
  .empty-results{font-size:22px!important;padding:26px 0!important}
}
@media(max-width:480px){
  .special-titlebar strong{font-size:27px!important}
  .special-content-switch a{font-size:12px!important;padding:0 12px!important}
}

/* =========================================================
   V10 - Menu hamburguer PC/celular + páginas especiais polidas
   ========================================================= */
body.api-page{overflow-x:hidden!important;}
body.api-page .api-header{position:sticky!important;top:0!important;z-index:1000!important;background:#0f1419!important;border-bottom:1px solid #1e252d!important;}
body.api-page .mobile-menu{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;}
body.api-page .mobile-menu::before{content:'☰'!important;font-size:25px!important;font-weight:900!important;line-height:1!important;}
body.api-page .mobile-menu{font-size:0!important;}
body.api-page .mobile-menu.is-open{outline:2px solid rgba(30,155,255,.55)!important;box-shadow:0 0 0 4px rgba(30,155,255,.13)!important;}
body.api-page .mobile-drawer{
  position:fixed!important;left:0!important;top:58px!important;bottom:0!important;width:96px!important;z-index:990!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;
  background:#171d24!important;border-right:1px solid #2a333d!important;padding:24px 0!important;
  transform:translateX(-110%)!important;transition:transform .22s ease!important;box-shadow:10px 0 28px rgba(0,0,0,.28)!important;
  overflow-y:auto!important;overflow-x:visible!important;
}
body.api-page .mobile-drawer.open{transform:translateX(0)!important;}
body.api-page .mobile-drawer a{position:relative!important;width:58px!important;height:54px!important;min-height:54px!important;border-radius:7px!important;background:#262c34!important;border:1px solid #202832!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;color:#dfe5ec!important;text-decoration:none!important;box-shadow:0 4px 12px rgba(0,0,0,.20)!important;}
body.api-page .mobile-drawer a:hover,body.api-page .mobile-drawer a.active{background:#2c333c!important;border-color:#1e9bff!important;color:#fff!important;}
body.api-page .drawer-sep{display:block!important;width:56px!important;height:1px!important;background:#2a333d!important;margin:6px 0 10px!important;}
body.api-page .drawer-label{position:absolute!important;left:68px!important;top:50%!important;transform:translateY(-50%) translateX(-4px)!important;min-width:max-content!important;background:#202730!important;border:1px solid #303a45!important;border-radius:7px!important;padding:9px 12px!important;color:#fff!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.18s ease!important;box-shadow:0 8px 22px rgba(0,0,0,.35)!important;}
body.api-page .mobile-drawer a:hover .drawer-label{opacity:1!important;visibility:visible!important;transform:translateY(-50%) translateX(0)!important;}
body.api-page .drawer-emoji{font-size:24px!important;line-height:1!important;}
body.api-page .drawer-ico{width:28px!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
body.api-page .drawer-ico::before{font-size:25px!important;line-height:1!important;}
body.api-page .ico-home::before{content:'⌂'!important;}
body.api-page .ico-movie::before{content:'▦'!important;}
body.api-page .ico-tv::before{content:'▭'!important;}
body.api-page .ico-magic::before{content:'✦'!important;}
body.api-page .ico-plus::before{content:'✚'!important;}
body.api-page .ico-quality::before{content:'◆'!important;}
body.api-page .ico-globe::before{content:'●'!important;}
@media(min-width:761px){
  body.api-page .api-header{height:58px!important;min-height:58px!important;display:flex!important;gap:16px!important;padding:0 18px!important;}
  body.api-page .api-logo{font-size:25px!important;margin-right:12px!important;}
  body.api-page .api-wrap{transition:margin-left .22s ease,width .22s ease!important;}
  body.api-page.drawer-open .api-wrap{margin-left:96px!important;width:calc(100% - 96px)!important;max-width:none!important;}
  body.api-page.drawer-open .api-footer{margin-left:96px!important;transition:margin-left .22s ease!important;}
}
@media(max-width:760px){
  body.api-page .api-header{height:88px!important;min-height:88px!important;display:flex!important;padding:0 14px!important;gap:14px!important;}
  body.api-page .mobile-drawer{top:88px!important;width:176px!important;align-items:flex-start!important;padding:20px 0 28px 44px!important;overflow-x:hidden!important;}
  body.api-page .mobile-drawer a{width:104px!important;height:60px!important;justify-content:flex-start!important;padding-left:30px!important;}
  body.api-page .mobile-drawer a .drawer-label{display:none!important;}
  body.api-page.drawer-open .api-wrap{transform:translateX(0)!important;width:100%!important;margin-left:0!important;}
}

/* Páginas Em Alta/Recomendados/Recentes/TMDB Top/Histórico */
body.api-page .special-heading-panel{margin-bottom:18px!important;}
body.api-page .special-titlebar{min-height:auto!important;height:auto!important;display:flex!important;align-items:center!important;gap:16px!important;background:#171c22!important;border:1px solid #111821!important;border-radius:7px!important;padding:18px!important;overflow:visible!important;}
body.api-page .special-title-emoji{width:42px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#252b32!important;border-radius:8px!important;font-size:24px!important;flex:0 0 42px!important;box-shadow:0 4px 12px rgba(0,0,0,.22)!important;}
body.api-page .special-titlebar strong{margin:0!important;padding:0!important;min-width:0!important;max-width:none!important;height:auto!important;line-height:1.2!important;font-size:28px!important;flex:1 1 auto!important;color:#eef3f8!important;white-space:normal!important;}
body.api-page .special-content-switch{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;max-width:620px!important;}
body.api-page .special-content-switch a{height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 13px!important;border-radius:22px!important;background:#252b32!important;border:1px solid #2d3540!important;color:#dce4ec!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;box-shadow:0 4px 12px rgba(0,0,0,.18)!important;}
body.api-page .special-content-switch a.active,body.api-page .special-content-switch a:hover{background:#1e9bff!important;border-color:#1e9bff!important;color:#fff!important;}
body.api-page .special-content-panel{padding:18px!important;border-radius:7px!important;background:#171c22!important;border:1px solid #111821!important;min-height:360px!important;}
body.api-page .empty-results{padding:28px!important;font-size:24px!important;font-weight:900!important;color:#dfe5ec!important;}
@media(max-width:900px){
  body.api-page .special-titlebar{align-items:flex-start!important;flex-wrap:wrap!important;padding:14px!important;gap:10px!important;}
  body.api-page .special-titlebar strong{font-size:22px!important;flex:1 1 calc(100% - 56px)!important;}
  body.api-page .special-content-switch{width:100%!important;max-width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;scrollbar-width:none!important;}
  body.api-page .special-content-switch::-webkit-scrollbar{display:none!important;}
  body.api-page .special-content-switch a{flex:0 0 auto!important;height:36px!important;font-size:12px!important;padding:0 12px!important;}
  body.api-page .special-content-panel{padding:12px!important;}
}

/* =========================================================
   V11 - Ajuste final do conteúdo do menu hambúrguer
   - Deixa o drawer compacto e proporcional no PC/celular
   - Evita itens gigantes, corte lateral e estouro vertical
   ========================================================= */
body.api-page .mobile-drawer{
  box-sizing:border-box!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
}
body.api-page .mobile-drawer a,
body.api-page .mobile-drawer .drawer-ico,
body.api-page .mobile-drawer .drawer-emoji{
  flex-shrink:0!important;
}

@media(min-width:761px){
  body.api-page .mobile-drawer{
    top:58px!important;
    width:82px!important;
    padding:16px 0!important;
    gap:9px!important;
    align-items:center!important;
  }
  body.api-page .mobile-drawer a{
    width:50px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:8px!important;
  }
  body.api-page .drawer-sep{
    width:48px!important;
    margin:3px 0 5px!important;
  }
  body.api-page .drawer-label{
    left:60px!important;
    font-size:12px!important;
    padding:8px 10px!important;
    border-radius:6px!important;
  }
  body.api-page .drawer-ico,
  body.api-page .drawer-emoji{
    width:24px!important;
    height:24px!important;
    font-size:21px!important;
  }
  body.api-page .drawer-ico::before{
    font-size:22px!important;
  }
  body.api-page.drawer-open .api-wrap{
    margin-left:82px!important;
    width:calc(100% - 82px)!important;
  }
  body.api-page.drawer-open .api-footer{
    margin-left:82px!important;
  }
}

@media(max-width:760px){
  body.api-page .mobile-drawer{
    top:88px!important;
    left:0!important;
    bottom:0!important;
    width:74px!important;
    max-width:74px!important;
    padding:12px 0 16px!important;
    gap:7px!important;
    align-items:center!important;
    overflow-y:auto!important;
    overflow-x:visible!important;
    border-right:1px solid #26313c!important;
    box-shadow:8px 0 22px rgba(0,0,0,.26)!important;
  }
  body.api-page .mobile-drawer a{
    width:46px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    justify-content:center!important;
    align-items:center!important;
    border-radius:8px!important;
  }
  body.api-page .drawer-sep{
    width:44px!important;
    height:1px!important;
    margin:2px 0 4px!important;
  }
  body.api-page .mobile-drawer a .drawer-label{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }
  body.api-page .drawer-ico,
  body.api-page .drawer-emoji{
    width:22px!important;
    height:22px!important;
    font-size:20px!important;
  }
  body.api-page .drawer-ico::before{
    font-size:21px!important;
  }
  body.api-page.drawer-open .api-wrap,
  body.api-page.drawer-open .watch-wrap{
    margin-left:0!important;
    width:100%!important;
    transform:none!important;
  }
  body.api-page.drawer-open .api-footer{
    margin-left:0!important;
  }
}

@media(max-width:420px){
  body.api-page .api-header{
    height:74px!important;
    min-height:74px!important;
    padding:0 10px!important;
    gap:10px!important;
  }
  body.api-page .mobile-menu,
  body.api-page .search-toggle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex-basis:42px!important;
  }
  body.api-page .api-logo{
    font-size:22px!important;
  }
  body.api-page .mobile-drawer{
    top:74px!important;
    width:68px!important;
    max-width:68px!important;
    padding-top:10px!important;
    gap:6px!important;
  }
  body.api-page .mobile-drawer a{
    width:42px!important;
    height:40px!important;
    min-height:40px!important;
  }
  body.api-page .drawer-sep{
    width:40px!important;
  }
  body.api-page .drawer-ico,
  body.api-page .drawer-emoji{
    width:20px!important;
    height:20px!important;
    font-size:18px!important;
  }
  body.api-page .drawer-ico::before{
    font-size:19px!important;
  }
}

@media(max-height:650px) and (max-width:760px){
  body.api-page .mobile-drawer{
    padding:8px 0 10px!important;
    gap:5px!important;
  }
  body.api-page .mobile-drawer a{
    width:40px!important;
    height:38px!important;
    min-height:38px!important;
  }
  body.api-page .drawer-sep{
    margin:1px 0 2px!important;
  }
  body.api-page .drawer-ico,
  body.api-page .drawer-emoji{
    width:19px!important;
    height:19px!important;
    font-size:17px!important;
  }
  body.api-page .drawer-ico::before{
    font-size:18px!important;
  }
}

/* =========================================================
   V12 - Ajuste final da lupa no celular
   Mantém a lupa grudada à direita do header no mobile,
   evitando que ela fique puxada para o centro.
   ========================================================= */
@media (max-width:760px){
  body.api-page .api-header{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 46px!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    padding-left:12px!important;
    padding-right:10px!important;
  }
  body.api-page .mobile-menu{
    grid-column:1!important;
    justify-self:start!important;
    margin:0!important;
  }
  body.api-page .api-logo{
    grid-column:2!important;
    justify-self:start!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    margin:0!important;
    padding:0!important;
  }
  body.api-page .search-toggle{
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    flex:0 0 42px!important;
    position:relative!important;
    right:0!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
  }
}

@media (max-width:380px){
  body.api-page .api-header{
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    gap:8px!important;
    padding-left:10px!important;
    padding-right:8px!important;
  }
  body.api-page .search-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    flex-basis:40px!important;
  }
}

/* =========================================================
   V13 - Correção das seções internas do menu hambúrguer
   Em Alta / Recomendados / Recentes / TMDB Top / Histórico
   Restaura e organiza os botões Filmes, Séries, Animes, Doramas,
   Novelas e Canais ao lado do título dessas seções.
   ========================================================= */
body.api-page .special-heading-panel{
  padding:0 14px 14px!important;
  overflow:visible!important;
}
body.api-page .special-heading-panel .special-titlebar,
body.api-page .catalog-main-title.special-titlebar{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  height:auto!important;
  min-height:44px!important;
  padding:0 10px 0 0!important;
  overflow:visible!important;
  flex-wrap:nowrap!important;
}
body.api-page .special-titlebar .special-title-emoji{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#050708!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1!important;
  flex:0 0 38px!important;
}
body.api-page .special-titlebar > strong{
  display:inline-flex!important;
  align-items:center!important;
  height:34px!important;
  min-height:34px!important;
  min-width:0!important;
  max-width:none!important;
  flex:0 1 auto!important;
  padding:0 28px 0 12px!important;
  margin:0!important;
  background:#ed1717!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)!important;
}
body.api-page .special-titlebar > strong::before,
body.api-page .special-titlebar > strong::after{
  display:none!important;
  content:none!important;
}
body.api-page .special-content-switch{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  padding:4px 0 4px 8px!important;
  background:transparent!important;
  border:0!important;
  white-space:nowrap!important;
}
body.api-page .special-content-switch::-webkit-scrollbar{display:none!important;}
body.api-page .special-content-switch a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:4px!important;
  border:1px solid #303946!important;
  background:#141b22!important;
  color:#dbe3ea!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:none!important;
}
body.api-page .special-content-switch a.active,
body.api-page .special-content-switch a:hover{
  background:#ed1717!important;
  border-color:#ed1717!important;
  color:#fff!important;
}
body.api-page .special-content-panel{
  margin-top:0!important;
  overflow:visible!important;
}

@media(max-width:760px){
  body.api-page .special-heading-panel{
    padding:0 10px 10px!important;
    margin-top:12px!important;
  }
  body.api-page .special-heading-panel .special-titlebar,
  body.api-page .catalog-main-title.special-titlebar{
    min-height:74px!important;
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:0!important;
    padding:0!important;
    margin:0 -10px 10px!important;
  }
  body.api-page .special-titlebar .special-title-emoji{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
    font-size:18px!important;
  }
  body.api-page .special-titlebar > strong{
    height:36px!important;
    min-height:36px!important;
    max-width:calc(100% - 36px)!important;
    flex:1 1 calc(100% - 36px)!important;
    font-size:12px!important;
    padding:0 25px 0 11px!important;
  }
  body.api-page .special-content-switch{
    order:3!important;
    flex:0 0 100%!important;
    justify-content:flex-start!important;
    width:100%!important;
    margin:0!important;
    padding:8px 8px 7px!important;
    gap:6px!important;
    background:#0b0f14!important;
    border-top:1px solid #1f2832!important;
  }
  body.api-page .special-content-switch a{
    height:30px!important;
    min-height:30px!important;
    padding:0 10px!important;
    font-size:11px!important;
    border-radius:5px!important;
  }
  body.api-page .special-content-panel{
    padding-top:10px!important;
  }
}

@media(max-width:390px){
  body.api-page .special-titlebar > strong{
    font-size:11px!important;
  }
  body.api-page .special-content-switch a{
    height:28px!important;
    min-height:28px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }
}

/* V15 - Botões dos cards sem duplicação: força somente o bloco oficial */
body.api-page .poster-card .hover > *:not(h3):not(.card-actions){display:none!important;}
body.api-page .poster-card .hover > .card-actions ~ .card-actions{display:none!important;}
body.api-page .poster-card .hover > .card-actions > .card-action:nth-of-type(n+3){display:none!important;}
body.api-page .poster-card .hover > .card-actions > *:not(.card-watch):not(.card-embed){display:none!important;}
body.api-page .poster-card .hover > .card-actions{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;
  width:auto!important;height:auto!important;font-size:0!important;
}
body.api-page .poster-card .hover > .card-actions > .card-action{
  width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:7px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;
  text-decoration:none!important;font-size:23px!important;font-weight:900!important;line-height:1!important;
}
body.api-page .poster-card .hover > .card-actions > .card-action.card-embed{font-size:20px!important;letter-spacing:-1px!important;}
@media(max-width:560px){
  body.api-page .poster-card .hover > .card-actions{gap:6px!important;}
  body.api-page .poster-card .hover > .card-actions > .card-action{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:20px!important;}
  body.api-page .poster-card .hover > .card-actions > .card-action.card-embed{font-size:17px!important;}
}


/* Página pública da documentação da API */
.api-docs-page{max-width:760px;margin:0 auto;padding:8px 0 30px}.api-docs-title{margin:10px 0 18px}.api-docs-title h1{font-size:24px;margin:0 0 8px;color:#e6ebf1}.api-docs-title p{margin:0;color:#b5bdc8;font-weight:600;line-height:1.55}.api-docs-title.small{margin-top:28px}.api-doc-card{background:#171c22;border:1px solid #111820;border-radius:3px;margin:0 0 26px;padding:24px 30px;box-shadow:0 4px 14px rgba(0,0,0,.20)}.api-doc-card h2{margin:0 0 18px;padding:9px 12px;background:#20262d;border-radius:3px;color:#e4e9ef;font-size:16px}.api-doc-card h3{font-size:14px;margin:14px 0 12px;color:#d7dde5}.api-doc-card p{color:#c8d0d9;line-height:1.6;font-weight:600}.api-doc-card .method-title{margin:14px 0 8px;color:#aeb7c2;font-size:13px}.api-doc-card code{display:block;background:transparent;color:#eef4fb;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;white-space:normal;word-break:break-all;margin:5px 0;padding-left:10px}.api-doc-card small{display:block;color:#d7dce3;margin-top:14px;line-height:1.6}.api-doc-card b{color:#fff}.api-footer nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-bottom:18px}.api-footer nav a{color:#cfd4da;text-decoration:none;font-weight:700}.api-footer nav a:hover{color:#1e9bff}@media(max-width:760px){.api-docs-page{padding:0 4px 24px}.api-doc-card{padding:18px 16px;margin-bottom:18px}.api-docs-title h1{font-size:22px}.api-doc-card code{font-size:12px}}