/* NEON.css  Parte1 --------------------------- */

:root {
    --neon-color: #00eaff;
    --neon-color-light: #4db8ff;
    --neon-color-soft: #9cd6ff;

    --neon-bg-1: #0a1a2b;
    --neon-bg-2: #0d2238;

    --neon-border: #1e90ff55;
    --neon-shadow: rgba(30,144,255,0.4);

    --neon-progress-1: #ff004c;
    --neon-progress-2: #ff2f6f;
    --neon-progress-3: #ff5f8f;
}
/* TÍTULOS / */
h2.neon-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--neon-color);
    text-shadow: 0 0 8px var(--neon-color), 0 0 16px var(--neon-color);
    margin-bottom: 20px;
    text-align: center;
}

.neon-subtitle {
    font-size: 1.1rem;
    color: var(--neon-color-light);
    text-align: left;
    margin-bottom: 30px;
    text-shadow: 0 0 6px var(--neon-color);
}

/* MENU NEON */
.neon-menu {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin: 25px 0;
    flex-wrap: wrap;
}

.neon-menu a {
    padding: 10px 18px;
    border: 2px solid var(--neon-color);
    border-radius: 6px;
    color: var(--neon-color);
    text-decoration: none;
    font-weight: 600;
    text-shadow: 0 0 6px var(--neon-color);
    transition: 0.25s ease-in-out;
    background: rgba(0, 0, 0, 0.35);
}

.neon-menu a:hover {
    background: var(--neon-color);
    color: #000;
    box-shadow: 0 0 12px var(--neon-color), 0 0 24px var(--neon-color);
}

/* CARROSSEL */
.neon-carousel {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
}

.neon-carousel li {
    list-style: none;
    width: 150px;
}

.neon-thumb img {
    width: 100%;
    border-radius: 6px;
}

.neon-thumb:hover {
    box-shadow: 0 0 10px var(--neon-shadow), 0 0 20px var(--neon-shadow);
    transform: translateY(-2px);
}

/* ANÚNCIOS */
.tv-anuncio {
    background: #fff;
    border: 1px solid #dfe6ee;
    border-radius: 14px;
    padding: 22px;
    position: relative;
    overflow: hidden;
    transition: 0.35s ease;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

.tv-anuncio:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 0 18px rgba(0,162,255,0.45);
    border-color: #00a2ff;
}

/* WIDGET ALERTA */
.alert-provedor-widget {
    background: var(--neon-bg-1);
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    border: 1px solid var(--neon-color);
    box-shadow: 0 0 12px var(--neon-shadow);
}

/* WIDGET ALERTA */
.alert-provedor-widget {
    background: var(--neon-bg-1);
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    border: 1px solid var(--neon-color);
    box-shadow: 0 0 12px var(--neon-shadow);
}

/* BARRA DE PROGRESSO */

.epg-info .progress {
    width: 100%;
    height: 6px;
    background: rgba(255,255,255,0.12);
    border-radius: 4px;
    overflow: hidden;
}

.epg-info .progress-bar {
    height: 100%;
    background: linear-gradient(90deg,
        var(--neon-progress-1),
        var(--neon-progress-2),
        var(--neon-progress-3)
    );
    transition: width 0.45s ease;
}

/* XML — IMAGEM MANUAL */
.manual-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.manual-thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 220%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.12) 50%,
        rgba(255,255,255,0) 100%
    );
    animation: cloudMove 4.5s linear infinite;
}

/* XML — THUMB AO VIVO */
.epg-thumb-manual {
    width: 180px;
    height: 100px;
    overflow: hidden;
}

.epg-thumb-manual img {
    width: 180px;
    height: 100px;
    object-fit: cover;
}

/* CARTÃO FINAL NEON — VERSÃO 4.6 ULTRA‑BLINDADA (BLOCO COMPLETO) (com correção total para JSON + XML)*/
/* ================================
   CARTÃO FINAL NEON — V4.6
   ================================ */

/* Camada externa */

.final-do-artigo-04-outer {
    background: #050b12;
    padding: 14px;
    border-radius: 18px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 170, 255, 0.25);
    box-shadow:
        inset 0 0 18px rgba(0, 170, 255, 0.20),
        0 0 12px rgba(0, 170, 255, 0.20);
    transition: all 0.35s ease;
    margin: 22px 0;
}

/* Camada interna isolada (anti‑Genesis + anti‑JSON) */
.final-do-artigo-04-inner {
    background: #000;
    border-radius: 14px;
    padding: 14px 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--neon-color-soft);
    font-size: 0.92rem;
    line-height: 1.35;
    position: relative;
    overflow: hidden;
    isolation: isolate; /* BLINDAGEM */
    z-index: 0;
    box-shadow:
        inset 0 0 14px rgba(0, 170, 255, 0.20),
        0 0 10px rgba(0, 170, 255, 0.15);
    transition: all 0.35s ease;
}

/* Imagem — blindada contra JSON */
.final-do-artigo-04-inner img {
    width: 130px;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
    flex-shrink: 0;
    position: relative;
    z-index: 3; /* FORÇA ACIMA DA NUVEM */
}

/* Texto — blindado contra JSON */
.final-do-artigo-04-inner p {
    margin: 0;
    max-width: 74%;
    color: #d8f3ff;
    position: relative;
    z-index: 3; /* FORÇA ACIMA DA NUVEM */
}

/* Nuvem — sempre atrás */
.final-do-artigo-04-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 300%;
    height: 100%;
    background: url('https://i.imgur.com/0Z8FQ0S.png') repeat-x;
    opacity: 0.16;
    pointer-events: none;
    z-index: 1; /* SEMPRE ATRÁS */
    animation: cloudMove 22s linear infinite;
}

/* Borda neon interna */
.final-do-artigo-04-inner::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 2px;
    background: linear-gradient(135deg, #00a2ff, #00eaff, #008cff);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 4; /* ACIMA DE TUDO */
}

/* Hover */
.final-do-artigo-04-inner:hover {
    transform: translateY(-3px) scale(1.01);
    box-shadow:
        0 0 6px var(--neon-color),
        0 0 12px var(--neon-color),
        inset 0 0 18px rgba(0, 170, 255, 0.35);
    animation: neonPulse 1.8s infinite ease-in-out;
}

.final-do-artigo-04-inner:hover::after {
    opacity: 1;
}

/* Animação da nuvem */
@keyframes cloudMove {
    from { transform: translateX(0); }
    to   { transform: translateX(50%); }
}

/* Animação de pulso */
@keyframes neonPulse {
    0%   { box-shadow: 0 0 10px rgba(0,162,255,0.25); }
    50%  { box-shadow: 0 0 16px rgba(0,162,255,0.45); }
    100% { box-shadow: 0 0 10px rgba(0,162,255,0.25); }
}

/* ============================================================
   PATCH OFICIAL — CORREÇÃO DO CARTÃO FINAL NEON V4.6
   ============================================================ */

/* 1) HOVER EXTERNO VOLTA A FUNCIONAR */

.final-do-artigo-04-outer {
    pointer-events: auto !important;
    z-index: 5 !important;
}

.final-do-artigo-04-inner {
    pointer-events: auto !important;
    z-index: 6 !important;
}

/* 2) NUVEM NÃO ARRASTA MAIS TEXTO */
/*
.final-do-artigo-04-inner::before {
    opacity: 0.10 !important;   /* mais suave */
   /* filter: blur(4px) !important; /* deixa a nuvem difusa */
   /* transform: translateZ(0);     /* impede interferência no texto */
  /*  z-index: 1 !important;        /* garante que fique atrás */
/*	 display: none !important;
}

/* 3) BORDA NEON NÃO BLOQUEIA HOVER */
/*.final-do-artigo-04-inner::after {
    pointer-events: none !important;
}

/* 4) RESTAURAÇÃO DO NEON DO MENU GENESIS */
header, nav, .site-header, .genesis-nav-menu a {
    filter: none !important;
    mix-blend-mode: normal !important;
    isolation: auto !important;
}

/* 5) PREVENÇÃO DE CONFLITO GLOBAL COM ANIMAÇÕES */
/*.final-do-artigo-04-inner,
.final-do-artigo-04-inner::before,
.final-do-artigo-04-inner::after {
    animation-play-state: running !important;
    will-change: transform, opacity, filter;
}


/* BARRA DE PROGRESSO — ESTILO GLOBOPLAY (VERSÃO PREMIUM) (vermelho neon, brilho interno, clarão dinâmico, contraste perfeito com fundo azul escuro)*/
/* ================================
   BARRA DE PROGRESSO — GLOBOPLAY
   ================================ */

/* Container da barra */
.epg-info .progress {
    width: 100%;
    height: 7px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    box-shadow:
        inset 0 0 6px rgba(0, 0, 0, 0.45),
        0 0 6px rgba(255, 0, 60, 0.25);
}

/* Barra vermelha neon */
.epg-info .progress-bar {
    height: 100%;
    background: linear-gradient(90deg,
        #ff002f,
        #ff003c,
        #ff1f4f,
        #ff003c,
        #ff002f
    );
    background-size: 300% 100%;
    animation: globoplayFlow 3.5s linear infinite;
    box-shadow:
        0 0 6px rgba(255, 0, 60, 0.55),
        0 0 12px rgba(255, 0, 60, 0.35);
    transition: width 0.45s ease;
}

/* Clarão interno correndo */
.epg-info .progress-bar::after {
    content: "";
    position: absolute;
    top: 0;
    left: -40%;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: globoplayShine 2.2s ease-in-out infinite;
    pointer-events: none;
}

/* Animação do fluxo */
@keyframes globoplayFlow {
    0%   { background-position: 0% 0; }
    100% { background-position: 300% 0; }
}

/* Animação do clarão */
@keyframes globoplayShine {
    0%   { transform: translateX(0); opacity: 0.0; }
    30%  { opacity: 0.45; }
    60%  { opacity: 0.25; }
    100% { transform: translateX(260%); opacity: 0.0; }
}
/* PATCH PARA ATIVAR O CLARÃO GLOBOPLAY */
.epg-info .progress {
    overflow: hidden !important;
    position: relative;
}

.epg-info .progress-bar {
    position: relative !important;
    overflow: hidden !important;
}
/* PATCH OFICIAL — ATIVAR O CLARÃO GLOBOPLAY*/

/* CLARÃO MAIS FORTE PARA O VERMELHO NEON */
.epg-info .progress-bar::after {
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.85) 50%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
    width: 55% !important;
    opacity: 1 !important;
}
/* CLARÃO GLOBOPLAY 2.0 — ULTRA BRILHANTE */
.epg-info .progress-bar::after {
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 0) 100%
    ) !important;

    width: 80% !important;
    opacity: 1 !important;
    filter: blur(2px) brightness(1.8);
}
/*1) Adicionar rastro luminoso atrás do clarão */
.epg-info .progress-bar::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20%;
    width: 40%;
    height: 100%;
    background: radial-gradient(circle,
        rgba(255, 80, 80, 0.55) 0%,
        rgba(255, 0, 0, 0) 70%
    );
    animation: glowTrail 2.2s ease-in-out infinite;
    pointer-events: none;
}

@keyframes glowTrail {
    0%   { transform: translateX(0); opacity: 0.4; }
    50%  { opacity: 0.7; }
    100% { transform: translateX(260%); opacity: 0.0; }
}

/*2) Adicionar leve pulso neon sincronizado com o movimento */
.epg-info .progress-bar {
    animation:
        globoplayFlow 3.5s linear infinite,
        neonPulse 2.4s ease-in-out infinite;
}

@keyframes neonPulse {
    0%   { filter: brightness(1); }
    50%  { filter: brightness(1.35); }
    100% { filter: brightness(1); }
}

/*3) Adicionar sombra externa dinâmica (efeito “aura”) */
.epg-info .progress-bar {
    box-shadow:
        0 0 12px rgba(255, 0, 60, 0.55),
        0 0 22px rgba(255, 0, 60, 0.35),
        0 0 32px rgba(255, 0, 60, 0.25);
}

/*4) Adicionar micro‑reflexo na parte superior da barra */
.epg-info .progress::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg,
        rgba(255,255,255,0.25),
        rgba(255,255,255,0.05)
    );
    pointer-events: none;
}

/*5) Aprimorar o clarão para ficar ainda mais forte (nível Globoplay real) */
/*1) BARRA DE PROGRESSO — VERSÃO CINEMATOGRÁFICA (ULTRA GLOBOPLAY) */
/* ============================================
   BARRA DE PROGRESSO — CINEMATOGRÁFICA
   ============================================ */

/* ATIVAR ESTA VERSÃO: remover o comentário abaixo */

.epg-info .progress {
    width: 100%;
    height: 7px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    box-shadow:
        inset 0 0 6px rgba(0, 0, 0, 0.45),
        0 0 12px rgba(255, 0, 60, 0.35);
}

.epg-info .progress-bar {
    height: 100%;
    background: linear-gradient(90deg,
        #ff002f,
        #ff003c,
        #ff1f4f,
        #ff003c,
        #ff002f
    );
    background-size: 300% 100%;
    animation:
        globoplayFlow 3.5s linear infinite,
        neonPulse 2.4s ease-in-out infinite;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 0 12px rgba(255, 0, 60, 0.55),
        0 0 22px rgba(255, 0, 60, 0.35),
        0 0 32px rgba(255, 0, 60, 0.25);
}

/* CLARÃO EXPLOSIVO */
.epg-info .progress-bar::after {
    content: "";
    position: absolute;
    top: 0;
    left: -40%;
    width: 80%;
    height: 100%;
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: globoplayShine 2.2s ease-in-out infinite;
    filter: blur(2px) brightness(1.8);
}

/* RASTRO DE LUZ */
.epg-info .progress-bar::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20%;
    width: 40%;
    height: 100%;
    background: radial-gradient(circle,
        rgba(255, 80, 80, 0.55) 0%,
        rgba(255, 0, 0, 0) 70%
    );
    animation: glowTrail 2.2s ease-in-out infinite;
}

/* ANIMAÇÕES */
@keyframes globoplayFlow {
    0%   { background-position: 0% 0; }
    100% { background-position: 300% 0; }
}

@keyframes globoplayShine {
    0%   { transform: translateX(0); opacity: 0.0; }
    30%  { opacity: 1; }
    60%  { opacity: 0.6; }
    100% { transform: translateX(260%); opacity: 0.0; }
}

@keyframes glowTrail {
    0%   { transform: translateX(0); opacity: 0.4; }
    50%  { opacity: 0.7; }
    100% { transform: translateX(260%); opacity: 0.0; }
}

@keyframes neonPulse {
    0%   { filter: brightness(1); }
    50%  { filter: brightness(1.35); }
    100% { filter: brightness(1); }
}
*/

/*2) BARRA DE PROGRESSO — VERSÃO ELEGANTE (PREMIUM MINIMALISTA) (clarão suave, brilho discreto, sem rastro, sem pulso) */
/* ============================================
   BARRA DE PROGRESSO — ELEGANTE
   ============================================ */

/* ATIVAR ESTA VERSÃO: remover o comentário abaixo */

.epg-info .progress {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.epg-info .progress-bar {
    height: 100%;
    background: linear-gradient(90deg,
        #ff002f,
        #ff1f3f,
        #ff002f
    );
    background-size: 200% 100%;
    animation: elegantFlow 4s linear infinite;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 0 6px rgba(255, 0, 60, 0.35);
}

/* CLARÃO SUAVE */
.epg-info .progress-bar::after {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.35) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: elegantShine 3.5s ease-in-out infinite;
}

/* ANIMAÇÕES */
@keyframes elegantFlow {
    0%   { background-position: 0% 0; }
    100% { background-position: 200% 0; }
}

@keyframes elegantShine {
    0%   { transform: translateX(0); opacity: 0.0; }
    40%  { opacity: 0.35; }
    100% { transform: translateX(260%); opacity: 0.0; }
}
*/
/*1) VERSÃO CINEMATOGRÁFICA — ULTRA GLOBOPLAY 2025 / (clarão explosivo, rastro, pulso neon, aura forte)*/
/* ============================================================
   BARRA DE PROGRESSO — CINEMATOGRÁFICA (ULTRA GLOBOPLAY)
   ATIVE ESTA VERSÃO REMOVENDO O BLOCO DE COMENTÁRIO ABAIXO
   ============================================================ */


.epg-info .progress {
    width: 100%;
    height: 7px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    box-shadow:
        inset 0 0 6px rgba(0, 0, 0, 0.45),
        0 0 12px rgba(255, 0, 60, 0.35);
}

.epg-info .progress-bar {
    height: 100%;
    background: linear-gradient(90deg,
        #ff002f,
        #ff003c,
        #ff1f4f,
        #ff003c,
        #ff002f
    );
    background-size: 300% 100%;
    animation:
        globoplayFlow 3.5s linear infinite,
        neonPulse 2.4s ease-in-out infinite;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 0 12px rgba(255, 0, 60, 0.55),
        0 0 22px rgba(255, 0, 60, 0.35),
        0 0 32px rgba(255, 0, 60, 0.25);
}

/* CLARÃO EXPLOSIVO */
.epg-info .progress-bar::after {
    content: "";
    position: absolute;
    top: 0;
    left: -40%;
    width: 80%;
    height: 100%;
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: globoplayShine 2.2s ease-in-out infinite;
    filter: blur(2px) brightness(1.8);
}

/* RASTRO DE LUZ */
.epg-info .progress-bar::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20%;
    width: 40%;
    height: 100%;
    background: radial-gradient(circle,
        rgba(255, 80, 80, 0.55) 0%,
        rgba(255, 0, 0, 0) 70%
    );
    animation: glowTrail 2.2s ease-in-out infinite;
}

/* ANIMAÇÕES */
@keyframes globoplayFlow {
    0%   { background-position: 0% 0; }
    100% { background-position: 300% 0; }
}

@keyframes globoplayShine {
    0%   { transform: translateX(0); opacity: 0.0; }
    30%  { opacity: 1; }
    60%  { opacity: 0.6; }
    100% { transform: translateX(260%); opacity: 0.0; }
}

@keyframes glowTrail {
    0%   { transform: translateX(0); opacity: 0.4; }
    50%  { opacity: 0.7; }
    100% { transform: translateX(260%); opacity: 0.0; }
}

@keyframes neonPulse {
    0%   { filter: brightness(1); }
    50%  { filter: brightness(1.35); }
    100% { filter: brightness(1); }
}
*/

/*2) VERSÃO ELEGANTE — PREMIUM MINIMALISTA
(clarão suave, brilho discreto, sem rastro, sem pulso) */
/* ============================================================
   BARRA DE PROGRESSO — ELEGANTE (PREMIUM MINIMALISTA)
   ATIVE ESTA VERSÃO REMOVENDO O BLOCO DE COMENTÁRIO ABAIXO
   ============================================================ */

.epg-info .progress {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.epg-info .progress-bar {
    height: 100%;
    background: linear-gradient(90deg,
        #ff002f,
        #ff1f3f,
        #ff002f
    );
    background-size: 200% 100%;
    animation: elegantFlow 4s linear infinite;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 0 6px rgba(255, 0, 60, 0.35);
}

/* CLARÃO SUAVE */
.epg-info .progress-bar::after {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.35) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: elegantShine 3.5s ease-in-out infinite;
}

/* ANIMAÇÕES */
@keyframes elegantFlow {
    0%   { background-position: 0% 0; }
    100% { background-position: 200% 0; }
}

@keyframes elegantShine {
    0%   { transform: translateX(0); opacity: 0.0; }
    40%  { opacity: 0.35; }
    100% { transform: translateX(260%); opacity: 0.0; }
}
*/

/*3) VERSÃO HÍBRIDA — CINEMATOGRÁFICA + ELEGANTE
(clarão forte, sem rastro, brilho moderado, fluxo suave) */
/* ============================================================
   BARRA DE PROGRESSO — HÍBRIDA (CINEMÁTICA + ELEGANTE)
   ATIVE ESTA VERSÃO REMOVENDO O BLOCO DE COMENTÁRIO ABAIXO
   ============================================================ */

.epg-info .progress {
    width: 100%;
    height: 7px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.epg-info .progress-bar {
    height: 100%;
    background: linear-gradient(90deg,
        #ff002f,
        #ff003c,
        #ff1f4f,
        #ff003c,
        #ff002f
    );
    background-size: 250% 100%;
    animation: hybridFlow 3.8s linear infinite;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 0 10px rgba(255, 0, 60, 0.45),
        0 0 18px rgba(255, 0, 60, 0.25);
}

/* CLARÃO FORTE (SEM EXPLOSÃO) */

.epg-info .progress-bar::after {
    content: "";
    position: absolute;
    top: 0;
    left: -40%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.75) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: hybridShine 2.6s ease-in-out infinite;
    filter: blur(1px) brightness(1.4);
}

/* ANIMAÇÕES */
@keyframes hybridFlow {
    0%   { background-position: 0% 0; }
    100% { background-position: 250% 0; }
}

@keyframes hybridShine {
    0%   { transform: translateX(0); opacity: 0.0; }
    40%  { opacity: 0.75; }
    100% { transform: translateX(260%); opacity: 0.0; }
}

/* ============================================================
   RESTAURAÇÃO DOS EFEITOS — SEM ALTERAR A COR PERFEITA
   ============================================================ */

/* Borda azul fininha + formato pílula */
.genesis-nav-menu a {
    border-radius: 999px !important;
    border: 1px solid rgba(0, 170, 255, 0.45) !important;
    position: relative;
    overflow: hidden;
}

/* Borda neon azul */
.genesis-nav-menu a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 999px;
    padding: 1px;
    background: linear-gradient(135deg, #00aaff, #33ccff, #0099ff);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0.55;
    pointer-events: none;
    transition: opacity 0.25s ease-in-out;
}

/* Explosão azul forte no hover */
.genesis-nav-menu a:hover {
    transform: translateY(-3px) scale(1.10);
    box-shadow:
        0 0 14px rgba(0, 170, 255, 0.85),
        0 0 28px rgba(0, 170, 255, 0.75),
        0 0 40px rgba(0, 170, 255, 0.65),
        inset 0 0 16px rgba(0, 170, 255, 0.55);
}

/* Borda neon mais intensa no hover */
.genesis-nav-menu a:hover::before {
    opacity: 1 !important;
    filter: brightness(1.6);
}

/* Centralização vertical final */
.genesis-nav-menu a {
    padding: 12px 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
}

/* Ajuste fino da barra */
.nav-primary {
    padding-top: 10px !important;
    padding-bottom: 12px !important;
}

/* ============================================================
   COR DO TEXTO — FIXAÇÃO DEFINITIVA (AZUL-ESVERDEADO BRILHANTE)
   ============================================================ */

.nav-primary .genesis-nav-menu a,
.genesis-nav-menu a {
    color: #8feaff !important; /* azul-esverdeado brilhante */
}