function InteractiveCard() {
    const [active, setActive] = useState(false);
    
    return (
        <div className={`card ${active ? 'active' : ''}`}
            onMouseEnter={() => setActive(true)}
            onMouseLeave={() => setActive(false)}>
        {/* Contenido interactivo */}
        </div>
    );
    }