/* ============================ BARRA DE PROGRESSO SERPENTINA ============================ */.barra-progresso-container { background: #550000; height: 10px; border-radius: 6px; overflow: hidden; position: relative; }.barra-progresso { height: 100%; background: linear-gradient(90deg, #ff0000, #ff4444, #ff0000); background-size: 200% 100%; animation: serpentina 2s linear infinite; border-radius: 6px; }@keyframes serpentina { 0% { background-position: 0% 0; } 100% { background-position: 200% 0; } }/* ============================ SELO AO VIVO PISCANDO ============================ */.ao-vivo { display: inline-block; background: red; color: white; padding: 4px 10px; border-radius: 4px; font-weight: bold; margin-left: 10px; animation: piscar 1s infinite alternate; }@keyframes piscar { 0% { opacity: 1; } 100% { opacity: 0.4; } }/* ============================ BLOCO DO GUIA (efeito escuro + hover) ============================ */.programa-atual { background: #111; padding: 15px; border-radius: 10px; margin-top: 10px; transition: 0.3s ease; }.programa-atual:hover { background: #1a1a1a; transform: scale(1.01); }/* ============================ TÍTULOS E TEXTOS ============================ */.programa-atual h3 { color: #fff; font-size: 20px; margin-bottom: 5px; }.epg-hora { color: #ff5555; font-weight: bold; display: block; margin-bottom: 4px; }.epg-titulo { color: #fff; font-size: 18px; display: block; margin-bottom: 8px; }.epg-desc { color: #ccc; margin-top: 10px; }/* ============================ INTEGRAÇÃO COM O PLAYER ============================ */#iframeVideo { border-radius: 12px; overflow: hidden; }.placeholder { animation: carregando 1.5s infinite alternate; }@keyframes carregando { 0% { color: #ff0000; } 100% { color: #ffffff; } }