/* Barra de Progresso no Topo */
#progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: transparent;
    z-index: 9999;
}

#progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #f97316, #ea580c);
    box-shadow: 0 0 10px rgba(249, 115, 22, 0.5);
    transition: width 0.1s ease-out;
}

/* Efeito de Vidro (Glassmorphism) no Header ao rolar */
header.scrolled {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(10px);
    padding: 0.8rem 1.5rem !important;
}

/* Hover de "Levitação" nos cards */
.youtube-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}