/* Partículas Mágicas Validadas - Efeito Premium */
.hero {
    position: relative;
    overflow: hidden;
}

.hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(2px 2px at 20px 30px, rgba(212, 165, 116, 0.4), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(184, 149, 106, 0.3), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(201, 169, 110, 0.5), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(212, 165, 116, 0.3), transparent),
        radial-gradient(2px 2px at 160px 30px, rgba(184, 149, 106, 0.4), transparent);
    background-repeat: repeat;
    background-size: 200px 100px;
    animation: sparkle 20s linear infinite;
    pointer-events: none;
    z-index: 1;
}

@keyframes sparkle {
    0% { transform: translateY(100%); }
    100% { transform: translateY(-100%); }
}

.hero-content {
    position: relative;
    z-index: 10;
}

/* Efeito de partículas douradas flutuantes */
.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 15% 25%, rgba(212, 165, 116, 0.15) 1px, transparent 1px),
        radial-gradient(circle at 85% 75%, rgba(184, 149, 106, 0.1) 1px, transparent 1px),
        radial-gradient(circle at 45% 85%, rgba(201, 169, 110, 0.12) 1px, transparent 1px),
        radial-gradient(circle at 75% 15%, rgba(212, 165, 116, 0.08) 1px, transparent 1px),
        radial-gradient(circle at 25% 65%, rgba(184, 149, 106, 0.1) 1px, transparent 1px);
    background-size: 300px 300px, 250px 250px, 200px 200px, 350px 350px, 180px 180px;
    animation: float 25s ease-in-out infinite, drift 30s linear infinite;
    pointer-events: none;
    z-index: 2;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    33% { transform: translateY(-10px); }
    66% { transform: translateY(5px); }
}

@keyframes drift {
    0% { transform: translateX(0px); }
    50% { transform: translateX(10px); }
    100% { transform: translateX(0px); }
}