<?php
// FOOTER 3 - SUBREVENDA DESIGN FUTURISTA 💜
?>

<style>
.footer-futuristic {
    background: linear-gradient(135deg, rgba(20,20,35,0.9), rgba(35,20,60,0.9));
    color: #FFFFFF;
    text-align: center;
    padding: 18px 10px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    border-top: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 -2px 8px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}

.footer-futuristic::before {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(139,92,246,0.8), transparent);
    animation: glow-line 4s linear infinite;
}

@keyframes glow-line {
    0% { left: -50%; }
    50% { left: 0%; }
    100% { left: 50%; }
}

.footer-futuristic a {
    color: #8B5CF6;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}

.footer-futuristic a:hover {
    color: #00D4FF;
    text-shadow: 0 0 8px rgba(0,212,255,0.7);
    transform: scale(1.05);
}

.footer-futuristic span {
    color: rgba(255,255,255,0.8);
    letter-spacing: 0.5px;
}
</style>


</body>
</html>
