html, body {
height: 100%;
margin: 0;
padding: 0;
}
.bg-custom {
min-height: 100vh;
background-color: #141414;
color: #e5e5e5;
}
body.bg-custom {
background-color: #141414 !important;
}
/* banner não coloca fundo extra */
.top-banner {
background: transparent;
}
/* container NÃO pode ter fundo branco/escuro chapado globalmente */
.container {
background: transparent;
}
.badge-categoria {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.06em;
padding: 0.25rem 0.6rem;
border-radius: 999px;
}
/* cores */
.badge-filmes {
background: linear-gradient(135deg, #ff4b4b, #c7182a);
color: #fff;
}
.badge-series {
background: linear-gradient(135deg, #00c6ff, #0072ff);
color: #fff;
}
.badge-tec {
background: linear-gradient(135deg, #ffd452, #ff9b00);
color: #000;
}
/* animação no card ao passar o mouse */
.card.h-100 {
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.card.h-100:hover {
transform: translateY(-4px);
box-shadow: 0 10px 25px rgba(0,0,0,0.4);
border-color: rgba(255,255,255,0.2);
}
/* leve brilho no badge quando o card estiver em hover */
.card.h-100:hover .badge-filmes {
box-shadow: 0 0 12px rgba(255,75,75,0.6);
}
.card.h-100:hover .badge-series {
box-shadow: 0 0 12px rgba(0,198,255,0.6);
}
.card.h-100:hover .badge-noticias {
box-shadow: 0 0 12px rgba(142, 68, 173, 0.6);
}
.card {
background-color: #0b0d13; /* mais escuro */
border: 1px solid rgba(255,255,255,0.08);
}
.card-body {
color: #f5f5f5;
}
.card-title a {
color: #ffffff;
}
.card-title a:hover {
color: #ffd452;
}
/* bloco de destaque na home */
.card-destaque {
color: #ffffff;
}
.card-destaque h2 a {
color: #ffffff;
}
.card-destaque h2 a:hover {
color: #ffd452;
}
.card-destaque .text-muted {
color: #c0c0c0 !important;
}
.card-destaque .hero-description {
color: #e0e0e0;
}
/* estrelas sobre texto */
.rating {
color: #ffd452;
display: inline-flex;
align-items: center;
}
/* container das 5 estrelas */
.rating-stars {
position: relative;
display: inline-block;
font-size: 0.8rem;
line-height: 1;
color: rgba(255,255,255,0.15); /* estrelas vazias */
overflow: hidden;
}
/* camada de preenchimento */
.rating-stars::before {
content: "★★★★★";
position: absolute;
left: 0;
top: 0;
color: #ffd452; /* estrelas cheias */
width: 0;
white-space: nowrap;
overflow: hidden;
}
/* largura dinâmica vem inline no .rating-fill */
.rating-fill {
display: block;
height: 0;
}
/* sincroniza a largura via atributo style */
.rating-stars::before {
width: inherit;
}
/* animação hover no card */
.card-hover {
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.card-hover:hover {
transform: translateY(-4px);
box-shadow: 0 10px 25px rgba(0,0,0,0.4);
border-color: rgba(255,255,255,0.2);
}
.footer-site {
background: #060710;
color: #f5f5f5;
}
.footer-site a {
color: #f5f5f5;
}
.footer-site a:hover {
color: #ffd452;
}
.footer-site .border-top {
border-color: rgba(255,255,255,0.15) !important;
}
/* conteúdo do post */
.post-page .card {
background-color: #0b0d13;
border: 1px solid rgba(255,255,255,0.08);
color: #f5f5f5;
}
.post-page .card a {
color: #ffd452;
}
.post-page .card a:hover {
color: #fff;
}
.post-page .post-conteudo {
color: #f5f5f5;
}
/* ===== FORÇAR TEMA ESCURO NAS PÁGINAS PÚBLICAS ===== */
/* body vindo do header.php */
body.bg-custom {
background-color: #02030a !important;
color: #f5f5f5 !important;
}
/* container principal do post e da home */
.bg-custom .container {
background: rgba(0, 0, 0, 0.9) !important;
border-radius: 12px;
padding: 1.5rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
/* cards (inclusive no post.php) */
.post-page .card,
.bg-custom .card {
background-color: #0b0d13 !important;
border: 1px solid rgba(255,255,255,0.12) !important;
color: #f5f5f5 !important;
}
/* textos dentro do post */
.post-page,
.post-page .post-conteudo {
color: #f5f5f5 !important;
}
/* links dentro do post */
.post-page a {
color: #ffd452;
}
.post-page a:hover {
color: #ffffff;
}
/* rodapé escuro */
.footer-site {
background: #060710 !important;
color: #f5f5f5 !important;
}
.footer-site a {
color: #f5f5f5 !important;
}
.footer-site a:hover {
color: #ffd452 !important;
}
/ * B o t o C T A I P T V * /
. b t n - c t a - i p t v {
b a c k g r o u n d : l i n e a r - g r a d i e n t ( 4 5 d e g , # e 5 0 9 1 4 , # f f 4 b 4 b ) ;
c o l o r : w h i t e ;
b o r d e r : n o n e ;
p a d d i n g : 1 0 p x 2 0 p x ;
b o r d e r - r a d i u s : 4 p x ;
t e x t - t r a n s f o r m : u p p e r c a s e ;
l e t t e r - s p a c i n g : 1 p x ;
t r a n s i t i o n : a l l 0 . 3 s e a s e ;
}
. b t n - c t a - i p t v : h o v e r {
b a c k g r o u n d : l i n e a r - g r a d i e n t ( 4 5 d e g , # f f 4 b 4 b , # e 5 0 9 1 4 ) ;
t r a n s f o r m : s c a l e ( 1 . 0 5 ) ;
c o l o r : w h i t e ;
b o x - s h a d o w : 0 0 1 5 p x r g b a ( 2 2 9 , 9 , 2 0 , 0 . 5 ) ;
}
/ * A n i m a o P u l s e * /
. p u l s e - a n i m a t i o n {
a n i m a t i o n : p u l s e - r e d 2 s i n f i n i t e ;
}
@ k e y f r a m e s p u l s e - r e d {
0 % {
b o x - s h a d o w : 0 0 0 0 r g b a ( 2 2 9 , 9 , 2 0 , 0 . 7 ) ;
}
7 0 % {
b o x - s h a d o w : 0 0 0 1 0 p x r g b a ( 2 2 9 , 9 , 2 0 , 0 ) ;
}
1 0 0 % {
b o x - s h a d o w : 0 0 0 0 r g b a ( 2 2 9 , 9 , 2 0 , 0 ) ;
}
}
/ * A j u s t e s d e t i p o g r a f i a e c a r d p a r a t e m a s t r e a m i n g * /
h 1 , h 2 , h 3 , h 4 , h 5 , h 6 {
f o n t - w e i g h t : 7 0 0 ;
}
. c a r d {
b a c k g r o u n d - c o l o r : # 1 f 1 f 1 f ;
b o r d e r : n o n e ;
b o r d e r - r a d i u s : 8 p x ;
o v e r f l o w : h i d d e n ;
}
. c a r d - t i t l e a {
t e x t - d e c o r a t i o n : n o n e ;
}
. c a r d - t i t l e a : h o v e r {
c o l o r : # e 5 0 9 1 4 ; / * N e t f l i x R e d * /
}
. n a v b a r - d a r k . n a v b a r - n a v . n a v - l i n k {
c o l o r : r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 7 5 ) ;
f o n t - w e i g h t : 5 0 0 ;
}
. n a v b a r - d a r k . n a v b a r - n a v . n a v - l i n k : h o v e r ,
. n a v b a r - d a r k . n a v b a r - n a v . n a v - l i n k : f o c u s {
c o l o r : w h i t e ;
}