...
SBC TV
<!-- ESCUDO DE ISOLAMENTO GERAL (HERDADO DO SEU PAINEL DE CÂMBIO) -->
<div style="clear: both !important; display: block !important; width: 100% !important; max-width: 650px !important; margin: 25px auto !important; padding: 0 !important; box-sizing: border-box !important; position: relative !important; z-index: 999 !important;">
<!-- MOLDURA EM FORMATO DE TV EM DESENHO -->
<div class="tv-moldura-desenho">
<!-- TELA DA TV COM PROTEÇÃO E PROPORÇÃO FIXA CINEMATOGRÁFICA -->
<div class="tv-tela-container">
<!-- REPRODUTOR DE VÍDEO DO PORTAL -->
<iframe
src="SEU_LINK_DE_TRANSMISSAO_AQUI"
class="tv-iframe-player"
allow="autoplay; fullscreen; picture-in-picture"
allowfullscreen>
</iframe>
</div>
<!-- DETALHES DO DESIGN DE DESENHO DA TV (BOTÃO DE LIGA/DESLIGA E SINAL) -->
<div class="tv-barra-inferior">
<div class="tv-marca-texto">TV ONLINE</div>
<div class="tv-controles-bloco">
<span class="tv-led-status"></span>
<div class="tv-botao-desenho"></div>
</div>
</div>
<!-- BASE / PÉ DA TV EM DESENHO -->
<div class="tv-pe-suporte"></div>
</div>
</div>
<!-- FOLHA DE ESTILOS DA IDENTIDADE VISUAL UNIFICADA (ROXO E AZUL) -->
<style>
/* CORPO DA TV EM FORMATO DE DESENHO PLANO PREMIUM */
.tv-moldura-desenho {
background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%) !important; /* Roxo para Azul heráldico */
border: 12px solid #1a1a1a !important; /* Borda grossa estilo desenho animado */
border-radius: 24px !important;
padding: 15px !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25) !important;
box-sizing: border-box !important;
width: 100% !important;
position: relative !important;
}
/* TELA INTERNA DA TV - PROPORÇÃO DE CINEMA 16:9 TRAVADA ANTI-DISTORÇÃO */
.tv-tela-container {
width: 100% !important;
aspect-ratio: 16 / 9 !important; /* Garante que o vídeo nunca fique esticado ou cortado */
background-color: #000000 !important;
border: 4px solid #121212 !important;
border-radius: 12px !important;
overflow: hidden !important;
position: relative !important;
box-shadow: inset 0 0 20px rgba(0,0,0,0.8) !important;
}
/* PLAYER DE VÍDEO TOTALMENTE RESPONSIVO INTERNO */
.tv-iframe-player {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
border: none !important;
display: block !important;
}
/* PAINEL INFERIOR DA TV COM DETALHES ESTILIZADOS */
.tv-barra-inferior {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin-top: 12px !important;
padding: 0 10px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.tv-marca-texto {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
font-size: 0.85rem !important;
font-weight: 800 !important;
color: white !important;
letter-spacing: 2px !important;
opacity: 0.9 !important;
text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}
.tv-controles-bloco {
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
/* LED QUE PULSA EM VERDE NEON (MESMO ESTILO DO CÂMBIO) */
.tv-led-status {
width: 8px !important;
height: 8px !important;
background-color: #26e6a3 !important;
border-radius: 50% !important;
display: inline-block !important;
animation: tv-led-pulso 1.5s infinite ease-in-out !important;
}
@keyframes tv-led-pulso {
0% { opacity: 0.5; }
50% { opacity: 1; box-shadow: 0 0 8px #26e6a3; }
100% { opacity: 0.5; }
}
/* BOTÃO DE LIGAR DA TV EM DESENHO */
.tv-botao-desenho {
width: 16px !important;
height: 16px !important;
background-color: #1a1a1a !important;
border: 2px solid rgba(255,255,255,0.2) !important;
border-radius: 50% !important;
cursor: pointer !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.4) !important;
}
/* SUPORTE / PÉ DA TV PARA EFEITO DE DESENHO REALISTA */
.tv-pe-suporte {
width: 100px !important;
height: 16px !important;
background-color: #1a1a1a !important;
margin: 0 auto !important;
border-bottom-left-radius: 12px !important;
border-bottom-right-radius: 12px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}
/* Responsividade para Celulares e Sidebars Estreitas */
@media (max-width: 480px) {
.tv-moldura-desenho { border: 8px solid #1a1a1a !important; padding: 8px !important; border-radius: 16px !important; }
.tv-barra-inferior { margin-top: 8px !important; }
.tv-marca-texto { font-size: 0.7rem !important; letter-spacing: 1px !important; }
.tv-pe-suporte { width: 70px !important; height: 12px !important; }
}
</style>