/* Purple Glow - #8b5cf6 */
.nano-glow-purple {
    background: linear-gradient(90deg, 
        rgba(139, 92, 246, 0.08) 0%, 
        rgba(139, 92, 246, 0.04) 50%, 
        transparent 100%
    );
}

.nano-glow-purple::before {
    background: linear-gradient(90deg, 
        rgba(139, 92, 246, 0.25) 0%, 
        rgba(139, 92, 246, 0.15) 30%, 
        rgba(139, 92, 246, 0) 100%
    );
}

.nano-glow-purple .nano-icon-box {
}

.nano-glow-purple .nano-title {
    color: #8b5cf6 !important;
}

.nano-glow-purple:hover {
    background: linear-gradient(90deg, 
        rgba(139, 92, 246, 0.12) 0%, 
        rgba(139, 92, 246, 0.06) 50%, 
        transparent 100%
    );
}

/* Cyan Glow - #00f2ea */
.nano-glow-cyan {
    background: linear-gradient(90deg, 
        rgba(0, 242, 234, 0.08) 0%, 
        rgba(0, 242, 234, 0.04) 50%, 
        transparent 100%
    );
}

.nano-glow-cyan::before {
    background: linear-gradient(90deg, 
        rgba(0, 242, 234, 0.25) 0%, 
        rgba(0, 242, 234, 0.15) 30%, 
        rgba(0, 242, 234, 0) 100%
    );
}

.nano-glow-cyan .nano-icon-box {
}

.nano-glow-cyan .nano-title {
    color: #00f2ea !important;
}

.nano-glow-cyan:hover {
    background: linear-gradient(90deg, 
        rgba(0, 242, 234, 0.12) 0%, 
        rgba(0, 242, 234, 0.06) 50%, 
        transparent 100%
    );
}

/* Green Glow - #10b981 */
.nano-glow-green {
    background: linear-gradient(90deg, 
        rgba(16, 185, 129, 0.12) 0%, 
        rgba(16, 185, 129, 0.06) 50%, 
        transparent 100%
    );
    border-bottom-color: rgba(16, 185, 129, 0.2) !important; 
}

.nano-glow-green::before {
    background: linear-gradient(90deg, 
        rgba(16, 185, 129, 0.25) 0%, 
        rgba(16, 185, 129, 0.15) 30%, 
        rgba(16, 185, 129, 0) 100%
    );
}

.nano-glow-green .nano-icon-box {
}

.nano-glow-green .nano-title {
    color: #10b981 !important;
}

.nano-glow-green:hover {
    background: linear-gradient(90deg, 
        rgba(16, 185, 129, 0.12) 0%, 
        rgba(16, 185, 129, 0.06) 50%, 
        transparent 100%
    );
}

/* Gold Glow - #fbbf24 */
.nano-glow-gold {
    background: linear-gradient(90deg, 
        rgba(251, 191, 36, 0.08) 0%, 
        rgba(251, 191, 36, 0.04) 50%, 
        transparent 100%
    );
}

.nano-glow-gold::before {
    background: linear-gradient(90deg, 
        rgba(251, 191, 36, 0.25) 0%, 
        rgba(251, 191, 36, 0.15) 30%, 
        rgba(251, 191, 36, 0) 100%
    );
}

.nano-glow-gold .nano-icon-box {
}

.nano-glow-gold .nano-title {
    color: #fbbf24 !important;
}

.nano-glow-gold:hover {
    background: linear-gradient(90deg, 
        rgba(251, 191, 36, 0.12) 0%, 
        rgba(251, 191, 36, 0.06) 50%, 
        transparent 100%
    );
}

/* Blue Glow - #06b6d4 / #3b82f6 */
.nano-glow-blue {
    background: linear-gradient(90deg, 
        rgba(6, 182, 212, 0.08) 0%, 
        rgba(6, 182, 212, 0.04) 50%, 
        transparent 100%
    );
}

.nano-glow-blue::before {
    background: linear-gradient(90deg, 
        rgba(6, 182, 212, 0.25) 0%, 
        rgba(6, 182, 212, 0.15) 30%, 
        rgba(6, 182, 212, 0) 100%
    );
}

.nano-glow-blue .nano-icon-box {
}

.nano-glow-blue .nano-title {
    color: #06b6d4 !important;
}

.nano-glow-blue:hover {
    background: linear-gradient(90deg, 
        rgba(6, 182, 212, 0.12) 0%, 
        rgba(6, 182, 212, 0.06) 50%, 
        transparent 100%
    );
}

/* Red Glow - #ef4444 */
.nano-glow-red {
    background: linear-gradient(90deg, 
        rgba(239, 68, 68, 0.08) 0%, 
        rgba(239, 68, 68, 0.04) 50%, 
        transparent 100%
    );
}

.nano-glow-red::before {
    background: linear-gradient(90deg, 
        rgba(239, 68, 68, 0.25) 0%, 
        rgba(239, 68, 68, 0.15) 30%, 
        rgba(239, 68, 68, 0) 100%
    );
}

.nano-glow-red .nano-icon-box {
}

.nano-glow-red .nano-title {
    color: #ef4444 !important;
}

.nano-glow-red:hover {
    background: linear-gradient(90deg, 
        rgba(239, 68, 68, 0.12) 0%, 
        rgba(239, 68, 68, 0.06) 50%, 
        transparent 100%
    );
}

/* Orange Glow - #f59e0b */
.nano-glow-orange {
    background: linear-gradient(90deg, 
        rgba(245, 158, 11, 0.08) 0%, 
        rgba(245, 158, 11, 0.04) 50%, 
        transparent 100%
    );
}

.nano-glow-orange::before {
    background: linear-gradient(90deg, 
        rgba(245, 158, 11, 0.25) 0%, 
        rgba(245, 158, 11, 0.15) 30%, 
        rgba(245, 158, 11, 0) 100%
    );
}

.nano-glow-orange .nano-icon-box {
}

.nano-glow-orange .nano-title {
    color: #f59e0b !important;
}

.nano-glow-orange:hover {
    background: linear-gradient(90deg, 
        rgba(245, 158, 11, 0.12) 0%, 
        rgba(245, 158, 11, 0.06) 50%, 
        transparent 100%
    );
}

/* Animação sutil de pulsação no ícone */
.nano-icon-box {
    transition: all 0.3s ease;
}