/* Theme Name: Giga torrent Version: 2.0 */ @charset 'utf-8'; /* Folhas utilitárias e fontes: carregadas em via (paralelo). Evitar @import aqui — em mobile bloqueia a pintura durante vários segundos. */ * { font-family: "Open Sans", sans-serif; margin: 0; outline: none !important; resize: none !important; color: #fff; } .ajuste { margin-top: 1rem; margin-bottom: 2rem; } body { padding: 0; margin: 0; font-family: open sans, sans-serif; line-height: 1.5; -webkit-text-size-adjust: 100%; font-variant-ligatures: none; -webkit-font-variant-ligatures: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; text-shadow: 0 0 1px rgba(0, 0, 0, 0.01); background-color: #151b27; display: flex; flex-direction: column; min-height: 100vh; overflow-x: clip; } #wrapper { flex: 1; display: flex; flex-direction: column; } #wrapper > main#meio, #wrapper > #meio { flex: 1; } a { color: #333; } .body-no-scroll { overflow: hidden; } /* Voltar ao topo — visível mas um pouco acima do canto inferior */ .scroll-to-top { position: fixed; right: max(14px, env(safe-area-inset-right, 0px)); bottom: max(88px, calc(env(safe-area-inset-bottom, 0px) + 64px)); z-index: 1035; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; margin: 0; padding: 0; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 50%; background: #00934f; color: #fff; cursor: pointer; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35); opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease; -webkit-tap-highlight-color: transparent; } .scroll-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); } .scroll-to-top:hover { border-color: rgba(255, 255, 255, 0.4); box-shadow: 0 6px 22px rgba(0, 0, 0, 0.42); background: #00a858; } .scroll-to-top:focus-visible { outline: 2px solid #00ff89; outline-offset: 3px; } .scroll-to-top svg { display: block; width: 22px; height: 22px; margin-top: 0; } @media (min-width: 992px) { .scroll-to-top { bottom: max(64px, calc(env(safe-area-inset-bottom, 0px) + 48px)); right: max(20px, env(safe-area-inset-right, 0px)); } } .nao-encontrado { background: #f5f5f5; padding: 15px 0; font-size: 1.3rem; font-weight: 700; color: #666; text-align: center; border: 1px solid #eee; margin-bottom: 20px; border-radius: 3px; } .busca-sem-resultado { width: 100%; padding: 40px 20px; text-align: center; color: #a8b0c4; background: #1f2734; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 10px; } .busca-sem-resultado p { font-size: 1.1rem; margin: 6px 0; line-height: 1.6; } .busca-sem-resultado strong { color: #e8a000; } .container { width: 100%; max-width: 1100px; position: relative; margin: 0 auto; padding-left: 12px; padding-right: 12px; } /* topo — alinhado ao sistema (post-card) */ #topo { background: #1f2734; min-height: 52px; position: relative; padding: 6px 0; color: #fff; text-align: right; border-bottom: 1px solid rgba(255, 255, 255, 0.06); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25); } @media (min-width: 768px) { #topo .container { display: flex; align-items: center; gap: 10px; } #topo .logo { float: none; flex-shrink: 0; } #topo .busca { float: none; margin-left: auto; width: min(520px, 42vw); max-width: 520px; } } #topo .logo { background: url(images/ico_logo.png) left no-repeat; float: left; padding: 0 0 0 38px; height: 34px; font-size: 2.65rem; font-weight: 400; text-transform: uppercase; margin: 0; } #topo .logo a { display: block; color: #fff; } #topo .logo strong { color: #00934f; } #topo .logo small { font-size: 0.85rem; font-weight: 700; color: #979797; } #topo .busca { width: 520px; display: inline-block; vertical-align: middle; overflow: hidden; min-width: 0; } #topo .busca form { display: flex; width: 100%; align-items: stretch; } .search-icon { position: absolute; float: right; width: 75px; height: 75px; top: -38%; right: 32%; } #topo .busca input { border-radius: 6px 0 0 6px; background: #fff; flex: 1 1 auto; min-width: 0; width: auto; height: 34px; float: none; padding: 6px 10px; font-family: "Open Sans"; font-size: 1.1rem; font-weight: 600; color: #000; border: none; outline: none; } #topo .busca button { background: linear-gradient(135deg, #007a40 0%, #00934f 100%); flex: 0 0 auto; min-width: 76px; width: auto; height: 34px; float: none; font-family: "Open Sans"; font-size: 0.9rem; font-weight: 700; color: #fff; text-transform: uppercase; border: none; border-radius: 0 6px 6px 0; cursor: pointer; transition: background 0.2s, box-shadow 0.2s; box-shadow: 0 2px 8px rgba(0, 147, 79, 0.25); } #topo .busca button:hover { background: #007a40; box-shadow: 0 2px 8px rgba(0, 147, 79, 0.35); } #topo .busca button:before { content: ""; background: url(images/bt_busca.png); width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 6px; } .linkds-dow { display: block; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; box-sizing: border-box; padding: 10px; background-image: linear-gradient(to bottom, #09934e, #09934e); margin-bottom: 10px; border-radius: 4px; color: #fff; } /* Listagens: coluna de categorias (minimalista) */ :root { --genre-sidebar-w: 168px; --genre-sidebar-gap: 14px; --genre-nav-muted: #8b95ab; --genre-nav-muted-strong: #c8d0e0; --genre-nav-border: rgba(255, 255, 255, 0.055); --genre-nav-accent: #00934f; /* Largura da coluna da grelha (5 cards) = anúncios topo/listagem alinham aqui */ --listagem-main-offset: calc( var(--genre-sidebar-w) + var(--genre-sidebar-gap) ); } .layout-archive { display: flex; flex-direction: row; align-items: flex-start; gap: var(--genre-sidebar-gap); } .layout-archive-main { flex: 1; min-width: 0; } .genre-sidebar { flex: 0 0 var(--genre-sidebar-w); width: var(--genre-sidebar-w); max-width: 100%; } .genre-sidebar-inner { position: sticky; top: 12px; margin: 0; padding: 0 16px 0 0; background: transparent; border: none; border-radius: 0; box-shadow: none; border-right: 1px solid var(--genre-nav-border); } .genre-sidebar-title { margin: 0 0 10px; padding: 0; font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--genre-nav-muted); border: none; } .genre-sidebar-nav { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; } .genre-sidebar-link { display: block; margin: 0; padding: 6px 0 6px 10px; font-size: 13px; font-weight: 400; line-height: 1.45; color: var(--genre-nav-muted) !important; text-decoration: none !important; border: none; border-radius: 0; border-left: 1px solid transparent; background: transparent; transition: color 0.15s ease, border-color 0.15s ease; } .genre-sidebar-link:hover { color: var(--genre-nav-muted-strong) !important; background: transparent; } .genre-sidebar-link.is-active { color: #f0f3f9 !important; font-weight: 500; border-left-color: var(--genre-nav-accent); background: transparent; } /* Backdrop do drawer de categorias — visível só em ≤991px quando aberto */ .genre-sidebar-backdrop { display: none; } .genre-sidebar-top { display: block; } .genre-sidebar-close { display: none; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0; border: none; border-radius: 6px; background: rgba(255, 255, 255, 0.06); color: #e2e7f2; font-size: 1.45rem; line-height: 1; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } .genre-sidebar-close:hover { background: rgba(0, 147, 79, 0.25); color: #fff; } /* Botão “Categorias” no topo — só listagens com layout-has-genre-sidebar */ .genre-drawer-toggle { display: none; align-items: center; gap: 4px; flex-shrink: 0; margin: 0; padding: 4px 7px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; background: rgba(255, 255, 255, 0.05); color: #c5d0e6; font-family: "Open Sans", sans-serif; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .genre-drawer-toggle:hover { border-color: rgba(0, 147, 79, 0.45); color: #fff; background: rgba(0, 147, 79, 0.12); } .genre-drawer-toggle__icon { display: block; width: 14px; height: 10px; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; position: relative; } .genre-drawer-toggle__icon::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); height: 2px; background: currentColor; } .genre-drawer-toggle__text { display: none; } @media (min-width: 768px) and (max-width: 991px) { body.layout-has-genre-sidebar .genre-drawer-toggle__text { display: inline; } } #main { min-height: 420px; } /* meio */ #meio { padding: 14px 0 28px; } .filmes .titulo-bloco { padding: 0 0 5px; font-size: 10px; font-weight: 800; font-style: normal; color: #fff; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 10px; border-bottom: 2px solid #00934f; display: inline-block; } .filmes .titulo-bloco strong { color: #fff; } .filmes .listagem { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 132px), 1fr)); gap: 8px; margin-bottom: 14px; } @media (min-width: 768px) { .filmes .listagem { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .filmes .listagem .nao-encontrado, .filmes .listagem .busca-sem-resultado { grid-column: 1 / -1; padding: 20px; } .filmes .listagem .item { text-align: center; min-width: 0; } .filmes .listagem .item a { display: flex; flex-direction: column; height: 100%; min-height: 0; border-radius: 8px; overflow: hidden; background: #1f2734; border: 1px solid rgba(255, 255, 255, 0.06); transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.15s ease; } .filmes .listagem .item a:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45); border-color: rgba(0, 147, 79, 0.25); transform: translateY(-2px); } .filmes .listagem .item .imagem { position: relative; flex: 0 0 auto; width: 100%; aspect-ratio: 2 / 3; overflow: hidden; background: #151b27; min-height: 140px; } .filmes .listagem .item .imagem span { background: #696969; padding: 3px 7px; font-size: 0.9rem; font-weight: 600; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; position: absolute; top: 0px; left: 12px; z-index: 1; border-radius: 3px; } .filmes .listagem .item .imagem .nota { position: absolute; right: 6px; bottom: 6px; z-index: 2; /* Open Sans local só tem 400/600 — 900 não engorda; mesma stack do ::before para nota grossa */ font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: 900; color: #fff; background: #00934f; padding: 3px 6px; border-radius: 4px; line-height: 1.2; } /* Wordmark IMDb em CSS (sem imagem; texto branco sobre o badge verde do .nota) */ .filmes .listagem .item .imagem .nota:before, .nota-imdb:before { content: "IMDb"; display: inline-block; vertical-align: middle; font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif; font-weight: 900; letter-spacing: 0.04em; color: #fff; background: transparent; padding: 0; line-height: 1; box-sizing: border-box; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .filmes .listagem .item .imagem .nota:before { font-size: 11px; margin-right: 2px; } .filmes .listagem .item .imagem img { width: 100%; height: 100%; min-height: 0; object-fit: cover; display: block; } .filmes .listagem .item .titulo { flex: 1 1 auto; padding: 8px 8px; min-height: 40px; display: flex; align-items: center; justify-content: center; } .adapter { margin-top: 2rem; margin-bottom: 1rem; } .cast ul li { list-style-type: none; } .visivel { display: block; } .oculto { display: none !important; } .btn-icon { display: flex; flex-direction: column; } .watch-online { cursor: pointer; } /* play icon */ @keyframes spin { to { transform: rotate(360deg); } } .stroke-dotted { opacity: 0; stroke-dasharray: 4, 5; stroke-width: 1px; transform-origin: 50% 50%; animation: spin 4s infinite linear; transition: opacity 1s ease, stroke-width 1s ease; } .stroke-solid { stroke-dashoffset: 0; stroke-dasharray: 300; stroke-width: 4px; transition: stroke-dashoffset 1s ease, opacity 1s ease; } .icon { transform-origin: 50% 50%; transition: transform 200ms ease-out; } #play:hover { .stroke-dotted { stroke-width: 4px; opacity: 1; } .stroke-solid { opacity: 0; stroke-dashoffset: 300; } .icon { transform: scale(1.05); } } /* #play { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } */ /* play icon */ .cast ul li strong { display: block; font-size: 12px; font-weight: 700; color: #02733e; text-transform: uppercase; margin-bottom: 4px; } .cast ul li span { display: inline-block; vertical-align: middle; padding: 4px 10px; font-size: 12px; font-weight: 700; color: #ccc; border: 1px solid #ccc; margin: 5px 5px 0 0; border-radius: 8px; margin-bottom: 8px; } .filmes .listagem .item .titulo span { width: 100%; font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 600; color: #e8edf5; text-align: center; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pagination-wrap, .wp-pagenavi { text-align: center; } .wp-pagenavi.menor { margin-top: 20px; } .pagination-wrap a, .pagination-wrap span, .wp-pagenavi a, .wp-pagenavi span { display: inline-block; vertical-align: middle; padding: 6px 11px; font-size: 1.1rem; font-weight: 700; color: #a8b0c4; text-transform: uppercase; letter-spacing: 0.04em; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; margin: 0 4px; transition: all 0.2s; } .wp-pagenavi.menor a, .wp-pagenavi.menor span { padding: 5px 9px; font-size: 1.2rem; } .pagination-wrap a:hover, .pagination-wrap .current, .wp-pagenavi a:hover, .wp-pagenavi .current { background: linear-gradient(135deg, #007a40 0%, #00934f 100%); color: #fff; border-color: #00934f; box-shadow: 0 2px 8px rgba(0, 147, 79, 0.3); transition: all 0.2s; } /* internas */ #cabecalho { background: #3d3d3d; padding: 10px 0; font-family: "Open Sans"; font-size: 1.2rem; font-weight: 600; color: #fff; border-bottom: 1px solid #999; } #cabecalho ol.breadcrumb { padding: 0; list-style: none; margin: 0; } #cabecalho ol.breadcrumb li { display: inline-block; vertical-align: middle; } #cabecalho ol.breadcrumb li + li:before { content: "»"; display: inline-block; color: #c7c7c7; margin: 0 6px; } #cabecalho ol.breadcrumb li a { color: #fff; } #cabecalho ol.breadcrumb li:first-child a { color: #00934f; } .single-esq { width: 100%; max-width: 1100px; position: relative; margin-right: auto; margin-left: auto; box-sizing: border-box; } /* .post { /* border: 1px solid #c9c9c9; margin-bottom: 35px; */ .post .titulo { padding: 0; font-size: 30px; font-weight: 700; font-style: italic; color: #fff; line-height: 1.3; margin: 0; } .item-categoria a { font-size: 12px; color: #fff; } .post .col-center { padding: 0 25px; flex-grow: 1; } .block-title { background: #151922; padding: 7px 15px; font-size: 14px; font-weight: 700; color: #ccc; text-transform: uppercase; text-align: center; } .trailer { position: relative; } .info-movie { background: #151b27; flex-basis: 250px; width: 250px; max-width: 250px; min-width: 250px; padding: 3px; border-radius: 4px; } .info-movie img { width: 100%; height: auto; display: block; } .info-imdb { margin: 12px 0; padding: 10px 14px; background: #1a1f2e; border-left: 4px solid #f5c518; font-size: 15px; } .info-imdb .label-imdb { color: #f5c518; font-weight: 700; margin-right: 6px; } .info-imdb .valor-imdb { color: #fff; font-weight: 600; } .info-trailer-box { margin: 14px 0; } .info-trailer-box .block-title { margin-bottom: 8px; } .info-trailer-box .trailer-embed { position: relative; width: 100%; max-width: 350px; } .info-trailer-box .trailer-embed iframe { width: 100%; height: auto; aspect-ratio: 16/9; max-height: 197px; } .info-trailer-box .link-trailer { color: #00ff89; text-decoration: none; } .info-trailer-box .link-trailer:hover { text-decoration: underline; } .title-sinopse { margin-top: 0; margin-bottom: 10px; } .content-sinopse { line-height: 1.6; } .title { font-size: 16px; font-weight: 600; color: #00ff89; margin: 0 0 15px; } .content-sinopse { margin: 0 0 20px; color: #ccc; } .genero-style { color: #00ff89; } .info { padding: 20px 15px 10px; font-size: 13px; font-family: "Open Sans", sans-serif; margin: 0; outline: none !important; resize: none !important; color: #fff; } .info-list { display: flex; gap: 0.7rem; flex-direction: column; list-style: none; padding: 0; margin: 0; } .info strong { text-transform: uppercase; color: #ccc; } .post .conteudo { background: #1f2734; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; margin: 0 0 40px; } .post-block .col-left { background: #151b27; flex-basis: 250px; width: 250px; max-width: 250px; min-width: 250px; padding: 3px; border-radius: 4px; } .post .infos { font-weight: 600; margin-bottom: 10px; } .post .infos .item { display: inline-block; vertical-align: middle; font-size: 1.1rem; margin: 0 2px 4px 0; } .post .infos .item.data { background: url(images/ico_data.png) left no-repeat; padding-left: 17px; } .post .infos .item.comments { background: url(images/ico_comentarios.png) left no-repeat; padding-left: 19px; } .post .infos .item a:hover { text-decoration: underline; } .content { position: relative; font-size: 14px; font-weight: 500; line-height: 1.65; } .content img { max-width: 100%; height: auto; display: block; } .content strong, .content b { font-weight: 700; } .content p { margin-bottom: 20px; text-align: start; } .content p:last-child { margin-bottom: 0; } .content .alignnone, .content .aligncenter { display: block; margin: 0 auto 20px; } .content .alignleft { float: left; margin: 0 20px 20px 0; } .content .alignright { float: right; margin: 0 0 20px 20px; } .content blockquote { padding: 0; font-style: italic; color: #666; margin-left: 0; } .post .capa { position: relative; border: 1px solid #bdbdbd; } .post .capa .qualidade { background: #696969; padding: 3px 7px; font-size: 0.9rem; font-weight: 600; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; position: absolute; top: 7px; left: 7px; z-index: 1; border-radius: 3px; } .nota-imdb { background: #00934f; display: inline-block; padding: 5px 4px 4px 4px; font-size: 1.4rem; font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif; font-weight: 900; color: #fff; line-height: 1; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2); margin-top: 3px; border-radius: 3px; } .nota-imdb:before { font-size: 14px; vertical-align: bottom; margin-right: 3px; } .botoes-post { text-align: center; } .botoes-post > br { display: none; } .bt-movie { display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; } .bt-down { display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; } .bt-down a { display: block; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; box-sizing: border-box; padding: 10px; background-image: linear-gradient(to bottom, #09934e, #09934e); margin-bottom: 10px; border-radius: 4px; color: #fff; } .bt-down a:hover { background-color: #09934e; background-image: linear-gradient(to bottom, #09934e, #09934e); } .serie-link { display: block; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; box-sizing: border-box; padding: 10px; background-image: linear-gradient(to bottom, #09934e, #09934e); margin-bottom: 10px; border-radius: 4px; color: #fff; } .serie-link:hover { background-color: #09934e; background-image: linear-gradient(to bottom, #09934e, #09934e); } .movie-link { display: block; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; box-sizing: border-box; padding: 10px; background-image: linear-gradient(to bottom, #09934e, #09934e); margin-bottom: 10px; border-radius: 4px; color: #fff; } .movie-link:hover { background-color: #09934e; background-image: linear-gradient(to bottom, #09934e, #09934e); } .serie-link:hover { background-color: #09934e; background-image: linear-gradient(to bottom, #09934e, #09934e); } .invisible { display: none; } /* .bt-down.azul a { background-image: linear-gradient(to bottom, #44c5dd, #0a72b5); } .bt-down.azul a:hover { background-image: linear-gradient(to bottom, #0a72b5, #44c5dd); } */ /* .bt-down a:before { content: ""; background: url(images/seta_download.png); width: 36px; height: 45px; float: left; margin: 3px 10px 0 0; } */ /* .bt-down a strong { display: block; font-size: 2.7rem; font-weight: 900; color: #fff; } */ .banner-2 { background: #efefef; padding: 15px; border-top: 1px solid #cacaca; } .comentarios { padding: 20px; font-weight: 600; /* border: 1px solid #cacaca; */ margin-bottom: 35px; } .comentarios .titulo-bloco { font-size: 1.8rem; font-weight: 700; margin-bottom: 10px; } ol.commentlist { padding: 0; list-style: none; margin: 0; } ol.commentlist > li { font-size: 1.3rem; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; } ol.commentlist > li:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } ol.commentlist li .comment-author { color: #666; margin-bottom: 3px; } ol.commentlist li .comment-author cite { font-style: normal; font-weight: 700; color: #00934f; margin-right: 0.6rem; text-transform: uppercase; } ol.commentlist li .comment-author cite a { color: yellow; } ol.commentlist li .comment-meta { font-size: 1rem; font-style: italic; color: #999; margin-bottom: 10px; } ol.commentlist li .comment-meta a { color: #999; } ol.commentlist li .reply { font-size: 1rem; text-decoration: underline; } ol.commentlist li .reply a { color: #999; } ol.commentlist > li ul { padding: 0 0 0 20px; list-style: none; margin: 20px 0 0; } ol.commentlist > li ul li { margin-bottom: 20px; } ol.commentlist > li ul li:last-child { margin-bottom: 0; } .comentarios .formulario { display: flex; flex-direction: column; margin: 0 -7px; overflow: hidden; } .comentarios .item { padding: 0 7px; margin-bottom: 10px; } /* .comentarios .item.terco { /* width: 33.33%; float: left; }*/ .comentarios .item input, .comentarios .item textarea { background: #efefef; color: #000; width: 100%; height: 40px; display: block; padding: 10px; font-family: "Open Sans"; font-size: 1.3rem; border: 1px solid #cacaca; border-radius: 6px; } .comentarios .item textarea { height: auto; } .comentarios .item span { display: block; font-size: 1.1rem; font-weight: 600; margin-top: 5px; color: red; } .comentarios .item button { background: #00934f; display: inline-block; vertical-align: middle; padding: 10px 20px; font-family: "Open Sans"; font-size: 1.4rem; font-weight: 700; color: #fff; text-transform: uppercase; border: none; border-radius: 4px; transition: all 0.3s; -moz-transition: all 0.3s; } .link-comentarios a { color: #fff; text-transform: uppercase; } .link-comentarios p { margin-top: 2rem; } /* .comentarios .item button:hover { background: #00934f; color: #fff; transition: all .3s; -moz-transition: all .3s; } */ .single-dir { overflow: hidden; } .relacionados .titulo-bloco { font-size: 2rem; font-weight: 700; margin-bottom: 15px; } .banner-3 { padding: 30px 0; border: 1px solid #cacaca; } /* rodape */ #rodape { background: #151b27; padding: 28px 0 24px; border-top: 1px solid rgba(255, 255, 255, 0.06); } #rodape .blocos { margin: 0 -25px; overflow: hidden; } #rodape .blocos .item { width: 33.33%; float: left; padding: 0 25px; margin-bottom: 35px; } #rodape .blocos .item .titulo-bloco { font-size: 1.6rem; color: #fff; text-transform: uppercase; margin-bottom: 15px; } #rodape .blocos .item .titulo-bloco strong { color: #00934f; } #rodape .blocos .item .titulo-bloco span { font-weight: 700; color: #a7a7a7; } #rodape .blocos .item ul { padding: 0; list-style: none; border-top: 1px solid #333; margin: 0; } #rodape .blocos .item ul li { border-bottom: 1px solid #333; } #rodape .blocos .item ul li a { background: url(images/seta_menu_rodape.png) right no-repeat; display: block; padding: 6px 20px 6px 0; font-family: "Open Sans"; font-size: 1.3rem; color: #ababab; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: color 0.3s; -moz-transition: color 0.3s; } #rodape .blocos .item ul li:hover a { color: #fff; transition: color 0.3s; -moz-transition: color 0.3s; } #copyright { background: #1f2734; padding: 12px 0; font-size: 1.2rem; font-weight: 600; color: #8d8d8d; border-top: 1px solid rgba(255, 255, 255, 0.06); border-bottom: 4px solid #00934f; box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.2); } #copyright p { margin-top: 12px; } #copyright span { color: #fff; } #copyright strong { font-weight: 600; color: #00934f; } #copyright .logo { background: url(images/ico_logo.png) left no-repeat; float: right; padding-left: 38px; font-size: 3.2rem; font-weight: 400; color: #fff; text-transform: uppercase; } #copyright .logo strong { color: #00934f; } #copyright .logo small { font-size: 1rem; font-weight: 700; color: #979797; } /* media queries */ @media (max-width: 1199px) { #topo .busca { width: min(480px, 38vw); max-width: 480px; } } @media (max-width: 991px) { .info-trailer { display: none; } #topo .busca { width: min(340px, 36vw); max-width: 340px; } .single-esq { width: 100%; float: inherit; margin-right: 0; } .banner-3 { display: inline-block; padding: 30px; } #rodape .blocos .item { width: 50%; } #rodape .blocos .item:last-child { display: none; } #copyright { text-align: center; } #copyright .logo { display: none; } body.layout-has-genre-sidebar .genre-drawer-toggle { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 10px; border-color: transparent; background: transparent; color: #d2dae8; -webkit-tap-highlight-color: transparent; } body.layout-has-genre-sidebar .genre-drawer-toggle:hover { border-color: transparent; background: rgba(255, 255, 255, 0.06); color: #fff; } body.genre-drawer-open #topo { z-index: 1050; } .layout-archive { flex-direction: column; gap: 0; } .genre-sidebar-backdrop { display: block; position: fixed; inset: 0; z-index: 1040; background: rgba(15, 18, 24, 0.42); opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0.25s ease; pointer-events: none; } body.genre-drawer-open .genre-sidebar-backdrop { opacity: 1; visibility: visible; pointer-events: auto; } .genre-sidebar { position: fixed; top: 0; left: 0; z-index: 1060; flex: none; width: min(288px, 88vw); height: 100vh; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; overflow: hidden; background: #1f2734; border: none; border-right: 1px solid var(--genre-nav-border); border-radius: 0; box-shadow: 2px 0 24px rgba(0, 0, 0, 0.22); transform: translateX(-102%); transition: transform 0.28s ease; box-sizing: border-box; } body.genre-drawer-open .genre-sidebar { transform: translateX(0); } .genre-sidebar-inner { position: static; height: 100%; max-height: 100dvh; overflow-y: auto; overflow-x: hidden; padding: calc(16px + env(safe-area-inset-top, 0px)) 18px calc(24px + env(safe-area-inset-bottom, 0px)); border: none; border-right: none; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .genre-sidebar-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; padding-bottom: 0; border-bottom: none; } .genre-sidebar-title { margin: 0; font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--genre-nav-muted); } .genre-sidebar-close { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; width: 44px; height: 44px; flex-shrink: 0; margin: -6px -8px -6px 0; border-radius: 0; border: none; background: transparent; color: var(--genre-nav-muted); font-size: 1.65rem; font-weight: 300; line-height: 1; transition: color 0.15s ease; } .genre-sidebar-close:hover { background: transparent; color: var(--genre-nav-muted-strong); } .genre-sidebar-nav { display: flex; flex-direction: column; gap: 4px; } .genre-sidebar-link { display: block; min-height: 44px; padding: 12px 0 12px 12px; margin-left: 0; font-size: 16px; font-weight: 400; line-height: 1.35; color: var(--genre-nav-muted-strong) !important; border-radius: 0; border: none; border-bottom: none; border-left: 1px solid transparent; background: transparent; -webkit-tap-highlight-color: transparent; transition: color 0.15s ease, border-color 0.15s ease; box-sizing: border-box; } .genre-sidebar-link:hover { color: #f0f3f9 !important; background: transparent; } .genre-sidebar-link.is-active { color: #fff !important; font-weight: 500; border-left-color: var(--genre-nav-accent); padding-left: 12px; margin-left: 0; background: transparent; box-shadow: none; } .genre-sidebar-link:active { opacity: 0.88; } .genre-sidebar-link.is-active:active { opacity: 0.92; } } @media (max-width: 767px) { .container { min-width: 0; padding-left: 10px; padding-right: 10px; } #topo { width: 100%; min-height: 44px; height: auto; position: fixed; top: 0; text-align: center; z-index: 9; } #topo .container { display: flex; align-items: center; justify-content: center; position: relative; min-height: 44px; padding-left: 42px; padding-right: 10px; } /* Header fixo: folga extra para o título “Últimos adicionados” etc. não colar no topo */ #wrapper { margin-top: calc(44px + 12px); } /* * Com anúncio sob o header: o #topo é fixed e não ocupa fluxo — o aside ficava por baixo e era cortado. * Só quando body.has-header-ad (definido no PHP quando o slot topo está ativo). */ body.has-header-ad .site-ad--header { /* Header fixo ~44–52px + folga extra para não colar no logo/barra */ margin-top: calc(52px + 18px + env(safe-area-inset-top, 0px)); position: relative; z-index: 8; width: 100%; max-width: 100vw; box-sizing: border-box; } body.has-header-ad .site-ad--header .site-ad__align { padding-left: max(10px, env(safe-area-inset-left, 0px)); padding-right: max(10px, env(safe-area-inset-right, 0px)); padding-top: 6px; } body.has-header-ad .site-ad--header .site-ad__frame { margin-left: 0; width: 100%; max-width: 100%; } body.has-header-ad #wrapper { margin-top: 10px; } #topo .bt-busca { background: url(images/bt_busca.png) center no-repeat; width: 36px; height: 36px; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); float: none; margin: 0; cursor: pointer; flex-shrink: 0; } #topo .logo { background-size: auto 100%; height: auto; float: none; display: inline-block; font-size: clamp(1.6rem, 5.5vw, 2.3rem); padding: 0 0 0 36px; max-width: calc(100% - 8px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #topo .busca { background: #1f2734; width: 100%; max-width: none; padding: 10px 12px 12px; position: absolute; top: 100%; left: 0; right: 0; border-radius: 0; z-index: 9; opacity: 0; visibility: hidden; border-top: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2); transition: opacity 0.22s ease, visibility 0.22s ease; -moz-transition: opacity 0.22s ease, visibility 0.22s ease; } #topo .busca.ativo { opacity: 1; visibility: visible; transition: opacity 0.22s ease, visibility 0.22s ease; -moz-transition: opacity 0.22s ease, visibility 0.22s ease; } #topo .busca form { border-radius: 10px; overflow: hidden; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); } #topo .busca input { background: #fff; border-radius: 0; } #topo .busca button { position: relative; border-radius: 0; flex: 0 0 48px; min-width: 48px; width: 48px; padding: 0; display: flex; align-items: center; justify-content: center; } #topo .busca button:before { margin-right: 0; } /* Texto “Buscar” só para leitores de ecrã; no ecrã fica só a lupa */ #topo .busca .busca-submit-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; clip-path: inset(50%); } /* Painel de busca: área de toque confortável, sem cantos “partidos” */ #topo .busca.ativo input { min-height: 46px; font-size: 16px; padding: 10px 14px; } #topo .busca.ativo button { min-height: 46px; background: #00934f; box-shadow: none; } #topo .busca.ativo button:hover { background: #00a858; } body.layout-has-genre-sidebar #topo .container { padding-right: 42px; padding-left: 42px; } .genre-drawer-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); min-width: 44px; min-height: 44px; justify-content: center; padding: 8px; -webkit-tap-highlight-color: transparent; } /* 2 colunas fixas: evita 3 faixas estreitas (96px) onde os posters “desaparecem” */ .filmes .listagem { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 100%; } .filmes .listagem .item .imagem { min-height: 160px; } .filmes .listagem .item .titulo { padding: 10px 8px; min-height: 44px; } .filmes .listagem .item .titulo span { font-size: 12px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .pagination-wrap span, .pagination-wrap a, .wp-pagenavi span, .wp-pagenavi a { display: none; } .pagination-wrap .prev, .pagination-wrap .current, .pagination-wrap .next, .wp-pagenavi .pages, .wp-pagenavi .previouspostslink, .wp-pagenavi .current, .wp-pagenavi .nextpostslink { display: inline-block; } #cabecalho { display: none; } #meio { padding: 18px 0 20px; } .filmes .titulo-bloco { margin-top: 10px; } .post .titulo { padding: 12px; font-size: 1.4rem; text-align: center; } .post .infos { display: none; } .content { font-size: 1.2rem; text-align: center; } .content h1, .content h2, .content h3 { font-size: 1.6rem; line-height: 1.3; margin-top: 1rem; } .content iframe { height: auto; } .content .alignleft, .content .alignright { float: inherit !important; display: block; margin: 0 auto 20px; } .fluid-width-video-wrapper { width: 100% !important; } .post .capa .qualidade { display: none; } .bt-down { font-size: 1.3rem; margin: 10px auto 15px; } .bt-down a { min-width: 200px; padding: 15px; font-size: 1.6rem; } .bt-down a:before { background-size: cover; width: 26px; height: 32px; } .bt-down a strong { font-size: 2rem; } .comentarios .titulo-bloco { font-size: 1.4rem; } .comentarios .formulario .item.terco { width: 100%; } #rodape { padding: 20px 0 16px; } #rodape .blocos { margin: 0; } #rodape .blocos .item { width: 100%; float: none; padding: 0 0 20px; margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } #rodape .blocos .item:last-child { display: block; border-bottom: none; padding-bottom: 0; } #copyright .container { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; } #copyright .logo { display: block; float: none; order: -1; } } @media (max-width: 566px) { .post .conteudo { flex-direction: column; } .info-movie img { width: 100%; height: auto; display: block; } .info-movie { flex-basis: 100%; width: 100%; max-width: 100%; min-width: 100%; border-radius: 0; text-align: center; } .info-list { text-align: center; } .post-block .col-left .image img { width: 100%; height: auto; display: block; } .post-block .col-left .info { text-align: center; } } @media (max-width: 480px) { #topo .busca input { font-size: 1.1rem; } #topo .busca button { flex: 0 0 46px; min-width: 46px; width: 46px; } .filmes .titulo-bloco { font-size: clamp(0.95rem, 3.5vw, 2rem); text-align: center; padding-bottom: 10px; display: block; width: 100%; } .filmes .listagem { gap: 14px; } .filmes .listagem .item .imagem { min-height: 200px; } .relacionados .titulo-bloco { font-size: 1.4rem; text-align: center; } } /* ============================================================ POST PAGE — LAYOUT REFINADO ============================================================ */ #post-breadcrumb { background: #1a2232; border-bottom: 1px solid rgba(255, 255, 255, 0.06); padding: 5px 0; } .breadcrumb-post { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 3px; font-size: 1.1rem; color: #5a6680; } .breadcrumb-post li + li::before { content: "›"; color: #3a4560; margin-right: 4px; } .breadcrumb-post a { color: #00934f; text-decoration: none; transition: color 0.15s; } .breadcrumb-post a:hover { color: #00ff89; } .post-container { padding-top: 12px; padding-bottom: 22px; max-width: 900px; margin-left: auto; margin-right: auto; } /* ---- CARD PRINCIPAL ---- */ .post-card { background: #1f2734; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 8px; overflow: hidden; box-shadow: none; margin-bottom: 12px; } .post-header { padding: 12px 14px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); background: transparent; } .post-titulo { margin: 0 0 8px; font-size: clamp(17px, 2.1vw, 24px); font-weight: 700; color: #f2f6fc; line-height: 1.28; letter-spacing: -0.025em; font-style: normal; text-wrap: balance; max-width: 42em; } /* Linha abaixo do título: badges + IMDb */ .post-header-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; } /* Badges de categorias/gêneros */ .post-genres { display: flex; flex-wrap: wrap; gap: 5px; } .post-genre-badge { display: inline-block; padding: 2px 8px; background: transparent; border: 1px solid rgba(0, 147, 79, 0.35); border-radius: 4px; font-size: 10px; font-weight: 600; color: #00c86a; text-decoration: none; letter-spacing: 0.03em; text-transform: uppercase; } .post-genre-badge:hover { border-color: #00c86a; color: #fff; } /* IMDb badge na sidebar */ .post-imdb-badge { display: flex; align-items: center; gap: 4px; padding: 8px 0; margin-top: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.04); } .post-imdb-star { font-size: 13px; color: #f5c518; line-height: 1; } .post-imdb-badge .post-imdb-nota { font-size: 13px; font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif; font-weight: 900; color: #f5c518; line-height: 1; } .post-imdb-badge .post-imdb-label { font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #4a5470; margin-left: 2px; } /* ---- BODY: SIDEBAR + CONTENT ---- */ .post-body { display: flex; align-items: flex-start; } /* ---- SIDEBAR ---- */ .post-sidebar { width: 228px; min-width: 228px; max-width: 228px; background: transparent; border-right: 1px solid rgba(255, 255, 255, 0.05); padding: 12px 12px; flex-shrink: 0; } .post-poster img { width: 100%; height: auto; display: block; border-radius: 6px; box-shadow: none; } /* Ficha técnica: label em cima, valor em baixo */ .post-meta-list { list-style: none; margin: 8px 0 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, 0.06); } .post-meta-list li { display: flex; flex-direction: column; padding: 6px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.04); } .post-meta-list li:last-child { border-bottom: none; } .meta-label { font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #4a5470; margin-bottom: 2px; line-height: 1.3; } .post-meta-list li > span:not(.meta-label) { color: #d0d8ec; font-size: 12.5px; font-weight: 500; line-height: 1.4; } .meta-genero { color: #00ff89 !important; font-weight: 600 !important; } .post-trailer { margin-top: 12px; } /* Trailer na coluna principal (após sinopse): mais largura + separação dos CTAs */ .post-trailer--content { margin-top: 0; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .post-trailer-embed { position: relative; width: 100%; padding-top: 56.25%; border-radius: 8px; overflow: hidden; margin-top: 6px; background: #0f1219; } .post-trailer-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; display: block; } .post-trailer-loading { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; padding: 8px 14px; border-radius: 6px; font-size: 12px; font-weight: 600; color: #d0d8ec; background: rgba(15, 18, 25, 0.82); border: 1px solid rgba(255, 255, 255, 0.08); pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease; } .post-trailer-embed--ready .post-trailer-loading { opacity: 0; visibility: hidden; } .post-trailer-embed--ready .post-trailer-poster { opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } .post-trailer-embed iframe, .post-trailer-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: 2; opacity: 1; transition: opacity 0.35s ease; } .post-trailer-embed--loading .post-trailer-iframe { opacity: 0; pointer-events: none; } .post-trailer-embed--ready .post-trailer-iframe { opacity: 1; pointer-events: auto; } .post-trailer-link { display: inline-block; color: #8f98b0; font-size: 13px; font-weight: 600; margin-top: 6px; text-decoration: none; } .post-trailer-link:hover { color: #b8c0d4; text-decoration: underline; } /* ---- COLUNA DIREITA ---- */ .post-content { flex: 1; padding: 12px 14px; min-width: 0; } .post-section-label { display: flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; color: #8f98b0; margin-bottom: 8px; } .post-section-label svg { flex-shrink: 0; color: #8f98b0; } .post-sinopse { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .post-sinopse-texto { font-size: 13.5px; line-height: 1.7; color: #a8b0c4; } .post-sinopse-texto p { margin: 0 0 8px; text-align: start; } .post-sinopse-texto p:last-child { margin-bottom: 0; } /* ---- BOTÃO ASSISTIR ---- */ .post-assistir { margin-bottom: 16px; } .btn-assistir { display: inline-flex; align-items: center; gap: 9px; padding: 10px 22px; background: linear-gradient(135deg, #007a40 0%, #00934f 100%); border: 1px solid rgba(0, 255, 137, 0.2); border-radius: 9px; font-size: 13px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; box-shadow: 0 4px 14px rgba(0, 147, 79, 0.3); } .btn-assistir:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0, 147, 79, 0.5); background: linear-gradient(135deg, #00934f 0%, #00b860 100%); } .btn-assistir svg { flex-shrink: 0; width: 18px; height: 18px; } /* ---- DOWNLOADS ---- */ .post-downloads-lista { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 4px 0; } .dl-btn { display: block !important; width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; padding: 11px 18px !important; box-sizing: border-box; background: #00934f !important; border: none !important; border-radius: 6px !important; color: #fff !important; font-size: 13.5px !important; font-weight: 700 !important; text-decoration: none !important; text-align: center !important; letter-spacing: 0.02em; box-shadow: 0 3px 10px rgba(0, 147, 79, 0.35) !important; transition: transform 0.15s, box-shadow 0.15s, background 0.15s; } .dl-btn:hover { color: #fff !important; background: #00b060 !important; box-shadow: 0 5px 14px rgba(0, 147, 79, 0.45) !important; } .dl-btn svg { display: none; } /* ---- SEÇÕES: RELACIONADOS / COMENTÁRIOS ---- */ .post-section-title { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 2px solid #00934f; display: inline-block; } .post-relacionados { background: #1f2734; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 8px; padding: 12px 12px; margin-bottom: 12px; } .post-relacionados .relacionados .filmes .listagem { margin: 0 -9px 0; } .post-comentarios { background: #1f2734; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 8px; padding: 12px 14px; box-shadow: none; margin-bottom: 12px; } .post-comentar-link { font-size: 1.3rem; margin-bottom: 10px; } .post-comentar-link a { color: #00ff89; text-decoration: underline; font-weight: 600; } /* ---- FORMULÁRIO ---- */ .post-form-row { display: flex; gap: 12px; margin-bottom: 0; } .post-form-group { flex: 1; margin-bottom: 10px; } .post-form input[type="text"], .post-form input[type="email"], .post-form textarea { width: 100%; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 7px; padding: 9px 12px; font-size: 13px; color: #e0e8f0; font-family: "Open Sans", sans-serif; transition: border-color 0.15s, background 0.15s; } .post-form input:focus, .post-form textarea:focus { border-color: #00934f; background: rgba(0, 147, 79, 0.07); outline: none; } .post-form textarea { resize: vertical; min-height: 90px; } .post-form-footer { display: flex; align-items: center; gap: 12px; } .post-form-submit { display: inline-flex; align-items: center; padding: 10px 24px; background: #00934f; border: none; border-radius: 7px; color: #fff; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; cursor: pointer; transition: background 0.15s, transform 0.12s; } .post-form-submit:hover { background: #00b860; transform: translateY(-1px); } /* ---- RESPONSIVE POST ---- */ @media (max-width: 767px) { .post-body { flex-direction: column; } .post-sidebar { width: 100%; min-width: 0; max-width: 100%; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .post-poster img { max-width: 200px; margin: 0 auto; } .post-form-row { flex-direction: column; gap: 0; } .dl-btn { max-width: 100%; } } @media (max-width: 566px) { .post-header { padding: 12px 14px 10px; } .post-content { padding: 12px 14px; } .post-sidebar { padding: 12px 14px; } .post-comentarios { padding: 14px; } } /* —— Divulgação: visual leve, mesmo padrão em todas as zonas —— Moldura tracejada + rótulo pequeno = separa do conteúdo sem “gritar”. */ .site-ad { box-sizing: border-box; max-width: 100%; text-align: center; } .site-ad img, .site-ad iframe { max-width: 100%; height: auto; vertical-align: middle; border-radius: 6px; } .site-ad__align { padding: 6px 0 8px; } .site-ad--header { background: rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(255, 255, 255, 0.05); } /* Topo + listagem: altura visual ~metade (banners menos “altos”) */ .site-ad--header .site-ad__frame, .site-ad--archive .site-ad__frame { padding: 6px 10px 8px; } .site-ad--header .site-ad__tag, .site-ad--archive .site-ad__tag { margin-bottom: 5px; font-size: 8px; } .site-ad--header .site-ad__creative, .site-ad--archive .site-ad__creative { max-height: 132px; overflow: hidden; align-items: center; } .site-ad--header .site-ad__creative img, .site-ad--archive .site-ad__creative img { max-height: 125px; width: auto; max-width: 100%; height: auto; object-fit: contain; vertical-align: middle; } .site-ad--header .site-ad__creative iframe, .site-ad--archive .site-ad__creative iframe { max-height: 125px; max-width: 100%; } /* Leaderboard sticky no desktop: AD_STICKY_HEADER=1 no .env */ @media (min-width: 900px) { .site-ad--header.site-ad--sticky-desktop { position: sticky; top: 0; z-index: 95; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45); } } .site-ad--archive { margin: 14px 0 10px; padding-top: 2px; } .site-ad--single { margin-top: 14px; } /* Página do filme: coluna principal, depois dos downloads — bem visível, sem bloquear CTAs */ .site-ad--single_inline { margin-top: 28px; margin-bottom: 4px; width: 100%; } .site-ad--single_inline .site-ad__frame { max-width: min(728px, 100%); margin-left: auto; margin-right: auto; } /* In-article: dentro do texto da sinopse */ .site-ad--single_in_article { margin: 20px auto; width: 100%; max-width: 100%; } .site-ad--single_in_article .site-ad__frame { max-width: min(336px, 100%); margin-left: auto; margin-right: auto; } /* Caixa única: discreta, alinhada ao conteúdo largo onde faz sentido */ .site-ad__frame { margin: 0 auto; padding: 12px 14px 14px; max-width: min(728px, 100%); background: rgba(255, 255, 255, 0.02); border: 1px dashed rgba(255, 255, 255, 0.14); border-radius: 10px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); } /* Listagem: mesma largura que a grelha de 5 cards (.layout-archive-main) */ .site-ad--archive .site-ad__frame { max-width: none; width: 100%; margin-left: 0; margin-right: 0; } /* Topo (desktop + sidebar visível): alinha à coluna dos 5 posters */ @media (min-width: 992px) { body.layout-has-genre-sidebar .site-ad--header .site-ad__frame { margin-left: var(--listagem-main-offset); width: calc(100% - var(--listagem-main-offset)); max-width: none; } } .site-ad--single .site-ad__frame { max-width: 100%; padding: 10px 8px 12px; } .site-ad__tag { margin: 0 0 10px; padding: 0; font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.32); line-height: 1.2; } .site-ad__tag span { display: inline-block; padding: 2px 8px; border-radius: 999px; background: rgba(0, 0, 0, 0.25); border: 1px solid rgba(255, 255, 255, 0.06); } .site-ad__creative { display: flex; justify-content: center; align-items: center; } .site-ad__creative > * { margin: 0; max-width: 100%; } /* Carrossel de anúncios (topo / listagens) */ .site-ad-carousel { position: relative; width: 100%; } .site-ad-carousel__track { position: relative; width: 100%; min-height: 72px; } .site-ad-carousel__slide { position: absolute; left: 0; right: 0; top: 0; opacity: 0; visibility: hidden; transition: opacity 0.4s ease; width: 100%; } .site-ad-carousel__slide.is-active { position: relative; opacity: 1; visibility: visible; } .site-ad-carousel__dots { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 8px; } .site-ad-carousel__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.25); cursor: pointer; } .site-ad-carousel__dot:hover, .site-ad-carousel__dot[aria-current="true"] { background: rgba(255, 255, 255, 0.55); } /* Modal de entrada (divulgação) */ .site-entry-modal { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; } .site-entry-modal[hidden] { display: none !important; } .site-entry-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.65); } .site-entry-modal__dialog { position: relative; z-index: 1; max-width: min(520px, 100%); max-height: min(90vh, 640px); overflow: auto; padding: 20px 18px 16px; border-radius: 12px; background: #1a1d24; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55); } .site-entry-modal__close { position: absolute; top: 8px; right: 10px; width: 36px; height: 36px; border: 0; border-radius: 8px; background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; } .site-entry-modal__close:hover { background: rgba(255, 255, 255, 0.15); } .site-entry-modal__body { text-align: center; } .site-entry-modal__body img { max-width: 100%; height: auto; border-radius: 8px; } .site-entry-modal__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }