@keyframes pulseGlow {
    0% { box-shadow: 0 0 5px var(--accent-green-dim); }
    50% { box-shadow: 0 0 20px var(--accent-green-dim), 0 0 30px var(--accent-green-dim); }
    100% { box-shadow: 0 0 5px var(--accent-green-dim); }
}

.live-indicator {
    animation: pulseGlow 2s infinite;
}

.hero-section {
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.hero-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0,255,102,0.05) 0%, transparent 100%);
    pointer-events: none;
}

.shake {
    animation: shakeAnim 0.5s cubic-bezier(.36,.07,.19,.97) both;
}
@keyframes shakeAnim {
    10%, 90% { transform: translate3d(-2px, 0, 0); }
    20%, 80% { transform: translate3d(4px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-8px, 0, 0); }
    40%, 60% { transform: translate3d(8px, 0, 0); }
}

.glitch-hover:hover {
    animation: glitchSkew 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;
}
@keyframes glitchSkew {
    0% { transform: skew(0deg); text-shadow: 2px 0 red, -2px 0 blue; }
    20% { transform: skew(-10deg); text-shadow: -2px 0 red, 2px 0 blue; }
    40% { transform: skew(10deg); text-shadow: 2px 0 red, -2px 0 blue; }
    60% { transform: skew(-5deg); text-shadow: -2px 0 red, 2px 0 blue; }
    80% { transform: skew(5deg); text-shadow: -2px 0 red, 2px 0 blue; }
    100% { transform: skew(0deg); text-shadow: -2px 0 red, 2px 0 blue; }
}

/* --- MOBILE-FIRST AJUSTES --- */
@media (max-width: 991.98px) {
    .navbar .navbar-collapse {
        margin-top: 0.75rem;
        padding: 0.75rem;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 12px;
        background: rgba(0, 8, 0, 0.95);
        backdrop-filter: blur(8px);
    }
}

@media (max-width: 767.98px) {
    h1 { font-size: 1.9rem !important; }
    .hero-section { padding: 54px 0 !important; }
    
    .home-table thead { display: none; }
    .home-table tr { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.14); padding: 0.75rem 0.5rem; }
    .home-table td { display: flex; justify-content: space-between; align-items: flex-start; border: 0 !important; padding: 0.35rem 0 !important; text-align: right !important; }
    .home-table td::before { content: attr(data-label); text-transform: uppercase; font-size: 0.72rem; color: rgba(255, 255, 255, 0.75); font-weight: 700; }
}