/* ========================================================= * TMV Navigation Engine 1.7.0 * Navegação espacial livre, foco único e ativação pelo OK. * ======================================================= */ :root { --tmv-focus-accent: #e50914; --tmv-focus-ring: rgba(255,255,255,.96); --tmv-focus-glow: rgba(229,9,20,.68); } .tmv-navigation-engine-ready [data-tmv-focusable="1"]:focus { outline: none !important; } html.tmv-dpad-active .tmv-navigation-engine-ready [data-tmv-focusable="1"].tmv-tv-focused, html.tmv-dpad-active .tmv-navigation-engine-ready [data-tmv-focusable="1"]:focus-visible { position: relative; z-index: 999 !important; transition: transform .12s cubic-bezier(.2,.8,.2,1), box-shadow .12s cubic-bezier(.2,.8,.2,1), background-color .12s ease, border-color .12s ease !important; } /* * O card inteiro continua sendo o alvo de navegação/ENTER, porém o efeito * visual fica restrito somente à capa. Título, data e demais textos não * entram no contorno e não são ampliados. */ html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-card.tmv-tv-focused { position: relative; z-index: 999 !important; transform: none !important; box-shadow: none !important; overflow: visible !important; } .tmv-navigation-engine-ready .tmv-focus-card [data-tmv-focus-visual="1"] { display: block; transform-origin: center center !important; transition: transform .12s cubic-bezier(.2,.8,.2,1), box-shadow .12s cubic-bezier(.2,.8,.2,1) !important; } html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-card.tmv-tv-focused [data-tmv-focus-visual="1"] { position: relative; z-index: 999 !important; transform: scale(1.035) !important; border-radius: 14px !important; box-shadow: 0 0 0 3px var(--tmv-focus-ring), 0 0 0 6px var(--tmv-focus-glow), 0 12px 30px rgba(0,0,0,.52) !important; } /* Elimina molduras, outlines e escalas internas herdadas. */ html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-card.tmv-tv-focused *, html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-card.tmv-tv-focused *:focus, html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-card.tmv-tv-focused *:focus-visible { outline: none !important; } html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-card.tmv-tv-focused [data-tmv-focusable="1"]:not(.tmv-tv-focused) { box-shadow: none !important; transform: none !important; } html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-header.tmv-tv-focused { transform: none !important; color: #fff !important; background: rgba(255,255,255,.09) !important; border-radius: 7px !important; box-shadow: inset 0 -3px 0 var(--tmv-focus-accent), 0 0 0 1px rgba(255,255,255,.24) !important; } html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-action.tmv-tv-focused { transform: scale(1.07) !important; border-radius: 999px !important; box-shadow: 0 0 0 2px var(--tmv-focus-ring), 0 0 0 5px var(--tmv-focus-glow), 0 8px 20px rgba(0,0,0,.45) !important; } html.tmv-dpad-active, html.tmv-dpad-active body { scroll-behavior: smooth !important; } @media (min-width: 901px) and (pointer: coarse) { header#header, header.main, .fixheadresp, .fix-header { position: relative !important; top: 0 !important; z-index: 10000 !important; min-height: 64px !important; transform: none !important; overflow: visible !important; } .head-main-nav, .header-main-nav, #main-header { overflow: visible !important; } .tmv-navigation-engine-ready [data-tmv-focusable="1"] { scroll-margin-top: 92px; scroll-margin-bottom: 110px; } } /* Proteção responsiva contra cards e imagens invadirem o vizinho. */ @media (max-width: 900px) { .tmv-navigation-engine-ready .tmv-browse-card, .tmv-navigation-engine-ready article.item, .tmv-navigation-engine-ready .items article, .tmv-navigation-engine-ready .module .content article, .tmv-navigation-engine-ready .owl-item article, .tmv-navigation-engine-ready .poster { box-sizing: border-box !important; min-width: 0 !important; max-width: 100% !important; } .tmv-navigation-engine-ready .tmv-browse-card img, .tmv-navigation-engine-ready article.item img, .tmv-navigation-engine-ready .items article img, .tmv-navigation-engine-ready .module .content article img, .tmv-navigation-engine-ready .owl-item article img, .tmv-navigation-engine-ready .poster img { display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; object-fit: cover !important; } html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-card.tmv-tv-focused { transform: none !important; box-shadow: none !important; } html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-card.tmv-tv-focused [data-tmv-focus-visual="1"] { transform: scale(1.012) !important; box-shadow: 0 0 0 2px var(--tmv-focus-ring), 0 0 0 4px var(--tmv-focus-glow), 0 7px 18px rgba(0,0,0,.42) !important; } } \n\n/* =========================================================\n * Player isolado do foco visual do Navigation Engine.\n * Remove moldura, brilho, escala e arredondamento no HTML5,\n * WebView e fallback nativo, inclusive em tela cheia.\n * ======================================================= */\n.tmv-navigation-engine-ready .tmv-u-player,\n.tmv-navigation-engine-ready .tmv-player,\n.tmv-navigation-engine-ready .tmv-u-stage,\n.tmv-navigation-engine-ready .tmv-player-stage,\n.tmv-navigation-engine-ready .dooplay_player,\n.tmv-navigation-engine-ready .video-js,\n.tmv-navigation-engine-ready .jwplayer,\n.tmv-navigation-engine-ready .plyr,\n.tmv-navigation-engine-ready .mejs-container,\n.tmv-navigation-engine-ready [data-tmv-player],\n.tmv-navigation-engine-ready video,\n.tmv-navigation-engine-ready iframe {\n outline: none !important;\n box-shadow: none !important;\n}\n\n.tmv-navigation-engine-ready .tmv-u-player:focus,\n.tmv-navigation-engine-ready .tmv-u-player:focus-visible,\n.tmv-navigation-engine-ready .tmv-player:focus,\n.tmv-navigation-engine-ready .tmv-player:focus-visible,\n.tmv-navigation-engine-ready .tmv-u-stage:focus,\n.tmv-navigation-engine-ready .tmv-u-stage:focus-visible,\n.tmv-navigation-engine-ready .tmv-player-stage:focus,\n.tmv-navigation-engine-ready .tmv-player-stage:focus-visible,\n.tmv-navigation-engine-ready .dooplay_player:focus,\n.tmv-navigation-engine-ready .dooplay_player:focus-visible,\n.tmv-navigation-engine-ready .video-js:focus,\n.tmv-navigation-engine-ready .video-js:focus-visible,\n.tmv-navigation-engine-ready video:focus,\n.tmv-navigation-engine-ready video:focus-visible,\n.tmv-navigation-engine-ready iframe:focus,\n.tmv-navigation-engine-ready iframe:focus-visible {\n outline: none !important;\n border-color: transparent !important;\n box-shadow: none !important;\n transform: none !important;\n}\n\n.tmv-navigation-engine-ready .tmv-u-player .tmv-tv-focused,\n.tmv-navigation-engine-ready .tmv-player .tmv-tv-focused,\n.tmv-navigation-engine-ready .tmv-u-stage .tmv-tv-focused,\n.tmv-navigation-engine-ready .tmv-player-stage .tmv-tv-focused,\n.tmv-navigation-engine-ready .dooplay_player .tmv-tv-focused,\n.tmv-navigation-engine-ready .video-js .tmv-tv-focused,\n.tmv-navigation-engine-ready .jwplayer .tmv-tv-focused,\n.tmv-navigation-engine-ready .plyr .tmv-tv-focused,\n.tmv-navigation-engine-ready .mejs-container .tmv-tv-focused,\n.tmv-navigation-engine-ready [data-tmv-player] .tmv-tv-focused {\n outline: none !important;\n border-color: transparent !important;\n border-radius: inherit !important;\n box-shadow: none !important;\n transform: none !important;\n}\n\n:fullscreen video,\n:-webkit-full-screen video,\nvideo:fullscreen,\nvideo:-webkit-full-screen {\n outline: none !important;\n border: 0 !important;\n box-shadow: none !important;\n}\n /* ========================================================= * Modo universal de interação 1.3.0 * - D-pad: mostra foco e navega um card por toque. * - Ponteiro/mouse: remove a moldura de foco sem bloquear hover ou clique. * ======================================================= */ html.tmv-pointer-active .tmv-navigation-engine-ready .tmv-tv-focused, html.tmv-pointer-active .tmv-navigation-engine-ready .tmv-focus-card.tmv-tv-focused, html.tmv-pointer-active .tmv-navigation-engine-ready [data-tmv-focus-visual="1"] { outline: none !important; } html.tmv-pointer-active .tmv-navigation-engine-ready .tmv-focus-card.tmv-tv-focused [data-tmv-focus-visual="1"] { transform: none !important; box-shadow: none !important; } html.tmv-pointer-active .tmv-navigation-engine-ready [data-tmv-focusable="1"] { cursor: pointer; } /* TVs: margem segura para overscan e foco nas bordas. */ html.tmv-tv-device body { --tmv-tv-safe-x: clamp(18px, 1.8vw, 42px); } html.tmv-tv-device body #contenedor, html.tmv-tv-device body #dt_contenedor { box-sizing: border-box; } /* 1.4.0 — neutraliza resíduos visuais do antigo TMV TV Navigation. */ .tmv-navigation-engine-ready .tmv-tv-card-focused, .tmv-navigation-engine-ready [data-tmv-tv-focusable="1"] { outline: none !important; } html.tmv-pointer-active .tmv-navigation-engine-ready .tmv-tv-card-focused, html.tmv-pointer-active .tmv-navigation-engine-ready .tmv-tv-focused { transform: none !important; box-shadow: none !important; } /* ========================================================= * TMV Navigation Engine 1.7.0 — controles do player por D-pad * O foco pertence ao mesmo motor usado nos thumbnails. * ======================================================= */ html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-player.tmv-tv-focused, html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-player:focus-visible { position: relative !important; z-index: 2147483647 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(255,255,255,.98), 0 0 0 6px rgba(229,9,20,.78), 0 8px 22px rgba(0,0,0,.62) !important; transform: scale(1.08) !important; transition: transform .10s ease, box-shadow .10s ease !important; } html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-u-progress input.tmv-focus-player.tmv-tv-focused, html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-u-progress input.tmv-focus-player:focus-visible { transform: scaleY(1.9) !important; border-radius: 999px !important; box-shadow: 0 0 0 2px rgba(255,255,255,.98), 0 0 0 5px rgba(229,9,20,.76) !important; } html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-u-stage.tmv-u-controls-hidden .tmv-u-controls, html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-u-stage.tmv-u-controls-hidden .tmv-u-progress, html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-u-stage.tmv-u-controls-hidden .tmv-u-language-button, html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-u-stage.tmv-u-controls-hidden .tmv-u-back { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } html.tmv-pointer-active .tmv-navigation-engine-ready .tmv-focus-player.tmv-tv-focused { transform: none !important; box-shadow: none !important; } /* ========================================================= * TMV Navigation Engine 1.8.0 — Player Universal/Fallback * Feedback visual para comandos diretos do D-pad nos controles nativos. * ======================================================= */ .tmv-native-fallback-container, html.tmv-native-fallback-active #wrap-pt, html.tmv-native-fallback-active .tmv-video-original, html.tmv-native-fallback-active .video-container { position: relative; } .tmv-native-dpad-feedback { position: absolute; left: 50%; top: 50%; z-index: 2147483647; transform: translate(-50%, -50%) scale(.94); padding: 13px 20px; border-radius: 10px; background: rgba(0, 0, 0, .78); color: #fff; font: 700 18px/1.25 Arial, sans-serif; letter-spacing: .2px; opacity: 0; visibility: hidden; pointer-events: none; white-space: nowrap; transition: opacity .12s ease, transform .12s ease, visibility .12s ease; } .tmv-native-dpad-feedback.tmv-native-dpad-feedback-visible { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } html.tmv-dpad-active video[data-tmv-native-fallback="1"]:focus, html.tmv-dpad-active .tmv-native-fallback-container video[controls]:focus { outline: none !important; box-shadow: inset 0 0 0 3px rgba(255,255,255,.72) !important; } /* ========================================================= * 1.10.0 — Série: rota limpa por temporada e episódio * ======================================================= */ html.tmv-series-detail-page .tmv-series-tabs-obsolete { display: none !important; } /* Informações continuam visíveis, mas jamais recebem moldura ou cursor de ação. */ html.tmv-series-detail-page .tmv-navigation-ignore, html.tmv-series-detail-page .tmv-navigation-ignore:focus, html.tmv-series-detail-page .tmv-navigation-ignore:focus-visible { outline: none !important; box-shadow: none !important; transform: none !important; } /* Cabeçalho da lista com mais presença, sem virar item selecionável. */ html.tmv-series-detail-page #seasons > h2, html.tmv-series-detail-page #seasons > h3, html.tmv-series-detail-page .seasons > h2, html.tmv-series-detail-page .seasons > h3, html.tmv-series-detail-page .seasons .title-seasons, html.tmv-series-detail-page .sbox > h2 { border-left: 4px solid #e50914 !important; padding-left: 10px !important; } /* Temporada: um único alvo amplo. */ html.tmv-dpad-active.tmv-series-detail-page [data-tmv-series-control-root="season"].tmv-tv-focused, html.tmv-dpad-active.tmv-series-detail-page [data-tmv-series-control-root="season"]:focus-visible { position: relative !important; z-index: 20 !important; outline: none !important; box-shadow: inset 0 0 0 2px #fff, 0 0 0 3px #e50914 !important; border-radius: 5px !important; } /* Episódio inteiro é um único botão para o controle. */ html.tmv-series-detail-page [data-tmv-series-control-root="episode"] { position: relative !important; cursor: pointer; } html.tmv-dpad-active.tmv-series-detail-page [data-tmv-series-control-root="episode"].tmv-tv-focused, html.tmv-dpad-active.tmv-series-detail-page [data-tmv-series-control-root="episode"]:focus-visible { z-index: 20 !important; outline: none !important; box-shadow: inset 0 0 0 2px #fff, 0 0 0 3px #e50914 !important; border-radius: 5px !important; transform: translateX(3px) !important; } /* Número do episódio em vermelho, mantendo o texto e a miniatura originais. */ html.tmv-series-detail-page .episodios .numerando, html.tmv-series-detail-page .episodios .numerando a, html.tmv-series-detail-page .episodios .number, html.tmv-series-detail-page .episodios .episode-number, html.tmv-series-detail-page [data-tmv-series-control-root="episode"] .numerando { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 43px !important; min-height: 30px !important; padding: 4px 9px !important; border-radius: 5px !important; background: #e50914 !important; color: #fff !important; font-weight: 700 !important; line-height: 1 !important; box-sizing: border-box !important; } /* Número da temporada conserva o vermelho do tema e ganha leitura uniforme. */ html.tmv-series-detail-page [data-tmv-series-control-root="season"] .se-t { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 52px !important; min-height: 42px !important; background: #e50914 !important; color: #fff !important; font-weight: 700 !important; } html.tmv-pointer-active.tmv-series-detail-page [data-tmv-series-control-root].tmv-tv-focused { transform: none !important; box-shadow: none !important; } /* ========================================================= * TMV Navigation Engine 1.12.1 — foco real no Play central * O botão central já usa translate para ficar no meio da tela. * Esta regra preserva esse posicionamento ao aplicar o destaque do D-pad. * ======================================================= */ html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-u-poster-play.tmv-focus-player.tmv-tv-focused, html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-u-poster-play.tmv-focus-player:focus-visible { outline: none !important; background: #e50914 !important; box-shadow: 0 0 0 4px rgba(255,255,255,.98), 0 0 0 8px rgba(229,9,20,.80), 0 12px 34px rgba(0,0,0,.72) !important; transform: translate(-50%,-50%) scale(1.13) !important; } html.tmv-pointer-active .tmv-navigation-engine-ready .tmv-u-poster-play.tmv-focus-player.tmv-tv-focused { transform: translate(-50%,-50%) !important; box-shadow: none !important; } /* ========================================================= * TMV Navigation Engine 1.12.2 — Play central visivelmente ativo * Reproduz o estado vermelho do hover assim que o foco inicial * é aplicado pelo controle remoto, antes do primeiro toque. * ======================================================= */ .tmv-navigation-engine-ready .tmv-u-poster:not(.tmv-u-hidden) .tmv-u-poster-play.tmv-tv-focused, .tmv-navigation-engine-ready .tmv-u-poster:not(.tmv-u-hidden) .tmv-u-poster-play[data-tmv-initial-player-focus="1"], html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-u-poster-play:focus { background: #e50914 !important; border-color: #ff3943 !important; color: #fff !important; outline: none !important; transform: translate(-50%, -50%) scale(1.12) !important; box-shadow: 0 0 0 3px rgba(255,255,255,.98), 0 0 0 8px rgba(229,9,20,.86), 0 0 28px rgba(229,9,20,.88), 0 14px 38px rgba(0,0,0,.74) !important; } /* ========================================================= * TMV Navigation Engine 1.15.2 — foco de alta visibilidade * ======================================================= */ html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-header.tmv-tv-focused { color: #fff !important; background: #c90b14 !important; border: 2px solid rgba(255,255,255,.96) !important; box-shadow: 0 0 0 4px rgba(229,9,20,.78), 0 8px 24px rgba(0,0,0,.58) !important; } html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-focus-action.tmv-tv-focused, html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-home-top-imdb-link.tmv-tv-focused, html.tmv-dpad-active .tmv-navigation-engine-ready .tmv-home-year-link.tmv-tv-focused { color: #fff !important; background-color: #e50914 !important; border: 2px solid #fff !important; box-shadow: 0 0 0 4px rgba(229,9,20,.82), 0 10px 28px rgba(0,0,0,.62) !important; }